.primary-navigation{position:sticky;z-index:19;top:68px;display:flex;justify-content:center;gap:5px;overflow-x:auto;padding:9px clamp(12px,4vw,58px);border-bottom:1px solid rgba(255,218,147,.14);background:#120f14e6;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.erp-module-panel{width:100%;max-width:none;padding:0}.erp-frame-heading{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 18px;background:#f4f7f5;color:#17211b;border-bottom:1px solid #dfe8e1}.erp-frame-heading span{color:#6b756e;font-size:12px}#erp-frame{display:block;width:100%;height:calc(100vh - 118px);border:0;background:#fff}.primary-navigation button,.sub-navigation button{min-height:38px;border:1px solid transparent;border-radius:999px;padding:0 16px;background:transparent;color:#cdbda7;font-weight:820;white-space:nowrap}.primary-navigation button:hover,.primary-navigation button.is-active,.sub-navigation button:hover,.sub-navigation button.is-active{border-color:#e3ad4e73;background:linear-gradient(145deg,#5b361feb,#322631f0);color:#fff0c8;box-shadow:0 0 18px #e3ad4e1f}.module-panel[hidden],.content-view[hidden],.finance-view[hidden],.game-view[hidden],#connect-from-banner[hidden],#reverse-checkin[hidden]{display:none!important}.module-hero{min-height:200px;display:flex;align-items:flex-end;margin-bottom:22px;overflow:hidden;padding:clamp(28px,5vw,52px);border:1px solid rgba(227,173,78,.36);border-radius:25px;background:linear-gradient(100deg,#191213f5,#1e202fd6),radial-gradient(circle at 80% 20%,rgba(199,119,56,.3),transparent 22rem);box-shadow:var(--shadow)}.module-hero h1{margin-bottom:12px;font-size:clamp(38px,6vw,66px)}.module-hero p:not(.eyebrow){max-width:660px;margin-bottom:0;color:#d7c4a9}.work-hero{justify-content:space-between;gap:30px}.quote-board{max-width:370px;padding:20px;border:1px solid rgba(245,216,153,.28);border-radius:18px;background:#1c161bb8}.quote-board blockquote{margin:0;color:#f2d8a1;font-family:var(--font-serif);font-size:20px}.quote-board small{display:block;margin-top:9px;color:#bba98f}.sub-navigation{display:flex;gap:6px;overflow-x:auto;margin:0 0 12px;padding:7px;border:1px solid rgba(255,224,171,.13);border-radius:16px;background:#17131abf;scrollbar-width:none}.sub-navigation::-webkit-scrollbar{display:none}.sub-navigation button{min-height:34px;padding-inline:13px;font-size:12px}.compact-section{padding-bottom:25px}.work-command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start}.work-command-grid>.section-block{margin-top:0}.work-command-grid .work-template-groups{min-width:0}.work-command-grid .template-list{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.toolbar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-bottom:20px}.toolbar-grid .field{margin:0}.toolbar-grid .button{margin-bottom:1px}.work-template-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.template-lane{min-width:0;padding:16px;border:1px solid rgba(255,224,171,.16);border-radius:17px;background:#1d1921cc}.template-lane h3{margin-bottom:12px;color:#f2d298}.template-list,.work-action-list,.record-list{display:grid;gap:9px}.template-row,.work-action-row,.record-row,.content-card,.reward-item{min-width:0;padding:14px;border:1px solid rgba(255,224,171,.15);border-radius:14px;background:#1c181fdb;color:#f1e5d5}.template-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-row strong,.work-action-row strong,.record-row strong,.content-card strong{overflow-wrap:anywhere}.record-meta,.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;color:#b8aa98;font-size:11px}.record-meta span,.tag{padding:3px 7px;border-radius:999px;background:#ffffff0e}.work-action-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.work-order-controls{display:grid;gap:4px}.work-order-controls button{width:28px;height:27px;border:1px solid rgba(255,224,171,.17);border-radius:8px;background:#211b24;color:#dbc7a9}.work-action-actions,.card-actions,.action-cluster{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.work-action-row.is-completed{opacity:.68}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.section-block.split-section>div+div{border-left:1px solid rgba(255,224,171,.14);padding-left:24px}.module-panel[data-module-panel=game] .hero-copy{min-height:156px;padding:18px 28px}.module-panel[data-module-panel=game] .hero-copy h1{margin-bottom:7px;font-size:clamp(38px,4.6vw,54px)}.module-panel[data-module-panel=game] .hero-copy .hero-lede{margin-bottom:10px;font-size:15px;line-height:1.45}.module-panel[data-module-panel=game] .profile-panel{min-height:156px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);grid-template-rows:auto 1fr;align-content:center;gap:10px 14px}.module-panel[data-module-panel=game] .profile-topline{grid-column:1 / -1}.module-panel[data-module-panel=game] .profile-metrics{gap:8px;margin:12px 0}.module-panel[data-module-panel=game] .profile-metrics div{padding:9px 11px}.module-panel[data-module-panel=game] .profile-metrics strong{font-size:clamp(18px,2.4vw,24px)}.module-panel[data-module-panel=game] .experience-block{gap:5px}.module-panel[data-module-panel=game] .experience-track{height:6px}.game-status-strip .section-block{margin-top:14px}.game-status-strip .daily-checkin-card{grid-template-columns:minmax(230px,1fr) auto auto auto;align-items:center;gap:18px}.game-status-strip .daily-checkin-card h2{margin-bottom:5px}.game-status-strip .daily-checkin-card .section-description{margin-bottom:0}.game-status-strip .checkin-streak strong{font-size:36px}.game-sub-navigation{margin-top:12px;align-items:center;justify-content:space-between}.game-sub-navigation-links{display:flex;align-items:center;gap:6px}.game-sub-navigation-manage{margin-left:auto}.daily-checkin-card{display:grid;align-content:space-between;gap:10px;padding-block:18px;background:linear-gradient(145deg,#483021f7,#211e2af5)}.daily-checkin-card .eyebrow{margin-bottom:5px}.daily-checkin-card h2{font-size:26px}.checkin-streak{display:flex;align-items:baseline;gap:6px;color:#cdbb9f}.checkin-streak strong{color:#f2bd59;font-size:36px;line-height:1}.reward-catalog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.reward-item{position:relative;background:linear-gradient(145deg,#483225eb,#241d25f7)}.reward-item h3{margin:3px 0 6px;font-size:17px}.reward-price{color:#efbc5d;font-size:20px;font-weight:900}.reward-item[data-availability=inactive]{filter:saturate(.5);opacity:.67}.content-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:11px}.content-card{display:grid;align-content:start;gap:9px}.content-card h3{margin:0;font-size:18px}.content-card p{overflow-wrap:anywhere;margin:0;color:#c7b8a6;font-size:12px;white-space:pre-wrap}.status-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-board>section{min-width:0;padding:14px;border:1px solid rgba(255,224,171,.13);border-radius:17px;background:#1512187a}.status-board>section>h3{color:#e0bb79}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:18px}.metric{padding:13px;border:1px solid rgba(255,224,171,.14);border-radius:13px;background:#1c181fbf}.metric span{display:block;color:#b9aa96;font-size:11px}.metric strong{color:#f1c36d;font-size:20px}.server-preview{max-height:50vh;overflow:auto;margin-top:14px;padding:15px;border:1px solid rgba(227,173,78,.36);border-radius:14px;background:#422e1ead}.server-preview h3{margin-bottom:9px}.preview-table{width:100%;border-collapse:collapse;font-size:11px}.preview-table th,.preview-table td{padding:7px;border-bottom:1px solid rgba(255,224,171,.12);text-align:left;vertical-align:top}.phase2-dialog textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #514552;border-radius:11px;padding:10px 12px;background:#17131a;color:#f2e8d8}.phase2-dialog .field input,.phase2-dialog .field select,#link-task-dialog .field select{border-color:#514552;background:#17131a;color:#f2e8d8}.segment-list{margin-top:15px}.audit-json{max-height:100px;overflow:auto;padding:8px;border-radius:8px;background:#17131a;color:#cdbfae;font-family:ui-monospace,monospace;font-size:10px;white-space:pre-wrap}.danger-note{color:#e4a69e!important}@media(max-width:900px){.primary-navigation{top:68px;justify-content:flex-start}.toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-grid .button{align-self:stretch}.work-command-grid{grid-template-columns:1fr}.work-command-grid .work-template-groups{grid-template-columns:1fr;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.work-command-grid .template-list{max-height:none;overflow:visible;padding-right:0}.status-board{grid-template-columns:1fr}.game-status-strip .daily-checkin-card{grid-template-columns:minmax(0,1fr) auto}.game-status-strip .daily-checkin-card .button,.game-status-strip .daily-checkin-card .small-button{justify-self:start}.split-section{grid-template-columns:1fr}.section-block.split-section>div+div{border-top:1px solid rgba(255,224,171,.14);border-left:0;padding-top:24px;padding-left:0}}@media(max-width:620px){.primary-navigation{top:60px;padding-inline:10px}.primary-navigation button,.sub-navigation button,.module-panel .button,.module-panel .small-button{min-height:44px}.primary-navigation button{padding-inline:12px;font-size:12px}.module-hero{min-height:170px;padding:28px 21px}.module-hero h1{font-size:40px}.work-hero{align-items:stretch;flex-direction:column}.quote-board{max-width:none}.toolbar-grid{grid-template-columns:1fr}.work-action-row{grid-template-columns:auto minmax(0,1fr)}.work-action-actions{grid-column:1 / -1;justify-content:flex-start}.game-status-strip .daily-checkin-card{grid-template-columns:1fr}.module-panel[data-module-panel=game] .hero-copy{min-height:auto;padding:20px}.module-panel[data-module-panel=game] .profile-panel{display:flex;min-height:auto}.game-sub-navigation{position:sticky;z-index:12;top:111px;flex-wrap:wrap}.game-sub-navigation-manage{margin-left:0}.content-card-grid,.reward-catalog-list{grid-template-columns:1fr}.action-cluster{justify-content:flex-start}}.work-command-grid{grid-template-columns:1fr}.section-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.work-template-section{border-color:#e4d7c2;background:#f8f3e9;color:#33433d}.work-template-section .eyebrow{color:#f0c77b}.work-template-section .section-heading h2{color:#fff3d7}.work-template-section .section-description{color:#dfcfb4}.work-template-section .field{color:#f4ead9}.work-template-section .field select{background:#fffefa;color:#1f2924;color-scheme:light}.work-template-section .field select option{background:#fffefa;color:#1f2924}.work-template-section .toolbar-grid .field select,.work-template-section .toolbar-grid>.button{box-sizing:border-box;min-height:42px;height:42px;border:1px solid rgba(244,216,161,.24);border-radius:10px;background:#211b24;color:#fff0c8;color-scheme:dark}.work-template-section .toolbar-grid .field select{padding:0 12px}.work-template-section .toolbar-grid .field select option{background:#211b24;color:#fff0c8}.work-template-section .toolbar-grid>.button{margin-bottom:0}.work-today-section[hidden]{display:none!important}.work-template-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-lane{--template-rgb: 213, 132, 160;--template-core: 255, 226, 235;min-width:0;padding:16px;border:1px solid rgba(var(--template-rgb),.28);border-radius:24px;background:linear-gradient(180deg,#fffbf4eb,#f7efe2c7);box-shadow:0 15px 34px #785b3a14,inset 0 1px #ffffffb8}.template-lane[data-tone=product]{--template-rgb: 78, 170, 204;--template-core: 221, 248, 255}.template-lane[data-tone=life]{--template-rgb: 218, 176, 66;--template-core: 255, 240, 184}.template-lane-heading{display:flex;min-height:54px;align-items:center;justify-content:center;margin-bottom:14px;border-bottom:1px solid rgba(var(--template-rgb),.2)}.template-lane-heading h3{margin:0;color:rgb(var(--template-rgb));font-size:clamp(24px,2.2vw,32px);text-shadow:0 3px 15px rgba(var(--template-rgb),.18)}.template-direction-stack{display:grid;gap:14px}.template-direction{min-width:0;padding:14px 10px 16px;border:1px solid rgba(var(--template-rgb),.16);border-radius:18px;background:#ffffff9e}.template-direction h4{margin:0 0 14px;color:#44514a;font-size:16px;text-align:center}.template-orb-field{display:grid;grid-template-columns:repeat(auto-fit,minmax(102px,1fr));align-items:start;justify-items:center;gap:17px 10px}.template-row{display:grid;min-width:0;padding:0;border:0;background:transparent;color:inherit}.template-orb{--orb-rgb: var(--template-rgb);position:relative;display:grid;width:clamp(96px,7.2vw,122px);aspect-ratio:1;place-items:center;isolation:isolate;overflow:visible;border:0;border-radius:50%;padding:15px 12px;background:transparent;color:#304038;text-align:center;cursor:pointer;transition:transform .18s ease,filter .18s ease}.template-orb:before,.template-orb:after{position:absolute;border-radius:inherit;content:"";pointer-events:none}.template-orb:before{z-index:-1;inset:2%;border:1px solid rgba(255,255,255,.65);background:radial-gradient(circle at 34% 25%,rgba(255,255,252,.95),transparent 19%),radial-gradient(circle at 48% 43%,rgba(var(--template-core),.98) 0%,rgba(var(--orb-rgb),.88) 38%,rgba(var(--orb-rgb),.55) 75%,rgba(var(--orb-rgb),.13) 95%,transparent 100%);box-shadow:inset -9px -11px 18px #59413824,inset 5px 5px 14px #ffffff6b,0 7px 17px rgba(var(--orb-rgb),.19);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.template-orb:after{z-index:-2;inset:-13%;background:radial-gradient(circle,rgba(var(--orb-rgb),.3),rgba(var(--orb-rgb),.08) 55%,transparent 73%);filter:blur(9px);opacity:.72;transition:opacity .18s ease,transform .18s ease}.template-orb:hover,.template-orb:focus-visible{transform:translateY(-2px)}.template-orb:hover:before,.template-orb:focus-visible:before{filter:brightness(1.08) saturate(1.05);transform:scale(1.035);box-shadow:inset -9px -11px 18px #59413824,inset 5px 5px 14px #ffffff7a,0 8px 23px rgba(var(--orb-rgb),.28)}.template-orb:hover:after,.template-orb:focus-visible:after{opacity:.96;transform:scale(1.08)}.template-orb:focus-visible{outline:2px solid #7f6a52;outline-offset:6px}.template-orb-title{z-index:2;display:-webkit-box;max-width:86%;overflow:hidden;color:#161614;font-size:clamp(11px,.82vw,13px);font-weight:900;line-height:1.28;overflow-wrap:anywhere;text-shadow:0 1px rgba(255,255,255,.45);-webkit-box-orient:vertical;-webkit-line-clamp:4}.template-orb.rank-s{--orb-rgb: 214, 167, 46;--template-core: 255, 230, 137}.template-orb.rank-a{--orb-rgb: 153, 104, 213;--template-core: 230, 204, 255}.template-orb.rank-b{--orb-rgb: 78, 170, 204;--template-core: 205, 239, 255}.template-orb.rank-c{--orb-rgb: 89, 171, 113;--template-core: 211, 245, 220}.template-orb.rank-d{--orb-rgb: 232, 232, 232;--template-core: 255, 255, 255}.template-orb.rank-unset{--orb-rgb: 128, 135, 142;--template-core: 205, 210, 214}.template-orb.rank-d:before{border-color:#a9adb1;box-shadow:inset -7px -9px 15px #50545824,0 6px 16px #5054583d}.template-orb.is-added:before{box-shadow:inset -9px -11px 18px #59413824,inset 5px 5px 14px #ffffff6b,0 0 0 4px rgba(var(--orb-rgb),.26),0 8px 22px rgba(var(--orb-rgb),.3);filter:saturate(.8) brightness(.98)}.template-orb.is-selected:before{box-shadow:inset -9px -11px 18px #59413824,inset 5px 5px 14px #ffffff7a,0 0 0 4px #eeb54c57,0 8px 22px #eeb54c57;filter:brightness(1.02) saturate(1.02)}.template-orb-tooltip{position:absolute;z-index:5;bottom:calc(100% + 9px);left:50%;width:max-content;max-width:190px;padding:7px 9px;border:1px solid rgba(244,216,161,.24);border-radius:9px;background:#211b24;color:#fff0c8;box-shadow:0 10px 22px #00000040;font-size:11px;font-weight:750;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:opacity .14s ease,transform .14s ease;visibility:hidden;white-space:normal}.template-orb:hover .template-orb-tooltip,.template-orb:focus-visible .template-orb-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.today-sop-section{border-color:#e4d7c2;background:#f8f3e9;color:#33433d}.today-sop-section .section-description{color:#788078}.today-sop-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid rgba(112,134,124,.16)}.today-sop-selection-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;color:#6d685c;font-weight:800}.today-sop-selection-summary strong{color:#9f6e91;font-size:20px}.today-sop-locations{display:grid;gap:12px}.today-sop-location{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:stretch;padding:16px;border:1px solid rgba(112,134,124,.18);border-radius:20px;background:#ffffffb3}.today-sop-location-heading{display:flex;align-items:center;gap:11px;min-width:0;padding:6px 12px;border-right:1px solid rgba(112,134,124,.16)}.today-sop-location-icon{font-size:22px;filter:saturate(.72)}.today-sop-location-heading h3{margin:0;color:#44514a;font-size:20px}.today-sop-location-count{margin:4px 0 0;color:#9a8b75;font-size:13px;font-weight:800}.today-sop-location-content{display:grid;gap:12px;min-width:0}.today-sop-time-group{min-width:0}.today-sop-time-group h4{margin:0 0 8px;color:#67736b;font-size:13px}.today-sop-orb-field{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:76px}.today-sop-orb{--preview-rgb: 184, 184, 184;position:relative;display:grid;width:78px;aspect-ratio:1;place-items:center;padding:11px;border:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.96),transparent 18%),radial-gradient(circle at 48% 45%,#ffeef4f5,rgba(var(--preview-rgb),.8) 44%,rgba(var(--preview-rgb),.2));color:#3c4942;box-shadow:inset -6px -8px 12px #5941381f,inset 4px 4px 10px #ffffff73,0 5px 16px rgba(var(--preview-rgb),.22);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.today-sop-orb.is-added{cursor:default;filter:saturate(.82) brightness(.96)}.today-sop-orb.is-selected{box-shadow:0 0 0 3px #eeb54c38,inset -6px -8px 12px #5941381f,inset 4px 4px 10px #ffffff73,0 7px 18px #eeb54c40}.today-sop-orb:hover,.today-sop-orb:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(var(--preview-rgb),.22),inset -6px -8px 12px #5941381f,inset 4px 4px 10px #ffffff80,0 8px 20px rgba(var(--preview-rgb),.28)}.today-sop-orb span{display:-webkit-box;max-width:90%;overflow:hidden;color:#304038;font-size:11px;font-weight:900;line-height:1.2;text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.today-sop-orb.rank-s{--preview-rgb: 214, 167, 46}.today-sop-orb.rank-a{--preview-rgb: 153, 104, 213}.today-sop-orb.rank-b{--preview-rgb: 78, 170, 204}.today-sop-orb.rank-c{--preview-rgb: 89, 171, 113}.today-sop-orb.rank-d{--preview-rgb: 232, 232, 232;border:1px solid #a9adb1;box-shadow:inset -6px -8px 12px #5054581f,0 5px 16px #50545838}.today-sop-orb.rank-s span,.today-sop-orb.rank-a span,.today-sop-orb.rank-b span,.today-sop-orb.rank-c span,.today-sop-orb.rank-d span{color:#161614}.today-sop-empty{display:flex;min-height:76px;align-items:center;color:#9b9588;font-size:13px}.work-action-row.is-temporary{border-color:#9968d57a;box-shadow:0 0 0 2px #9968d50f,0 8px 20px #9968d51c}@media(max-width:900px){.work-command-grid .work-template-groups{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0}}@media(max-width:620px){.section-heading-actions{justify-content:flex-start}.work-command-grid .work-template-groups{grid-template-columns:1fr}.template-orb-field{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.template-orb{width:clamp(90px,25vw,108px)}.today-sop-selection-summary{justify-content:flex-start}.today-sop-location{grid-template-columns:1fr;gap:10px}.today-sop-location-heading{padding:0 0 10px;border-right:0;border-bottom:1px solid rgba(112,134,124,.16)}}.game-compact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;align-items:stretch}.game-compact-row[hidden]{display:none!important}.game-compact-row .game-status-strip{min-width:0}.game-compact-row .game-status-strip .section-block{height:100%;box-sizing:border-box;margin-top:0}.game-work-hero-slot{min-width:0}.game-work-hero-slot .work-hero{min-height:0;height:100%;box-sizing:border-box;margin-bottom:0;padding:20px 26px;align-items:center}.game-work-hero-slot .work-hero h1{margin-bottom:6px;font-size:clamp(30px,3.7vw,48px)}.game-work-hero-slot .work-hero p:not(.eyebrow){font-size:14px;line-height:1.4}.module-panel[data-module-panel=game] .profile-panel{min-height:150px;padding:15px 18px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:7px}.module-panel[data-module-panel=game] .profile-topline{grid-column:1}.module-panel[data-module-panel=game] .profile-metrics{grid-column:1;gap:7px;margin:0}.module-panel[data-module-panel=game] .profile-metrics div{min-width:0;padding:7px 9px;gap:2px}.module-panel[data-module-panel=game] .profile-metrics span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.module-panel[data-module-panel=game] .profile-metrics strong{overflow:hidden;font-size:clamp(16px,2vw,21px);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.module-panel[data-module-panel=game] .experience-block{grid-column:1;min-width:0;gap:4px}.module-panel[data-module-panel=game] .experience-heading{gap:7px}.module-panel[data-module-panel=game] .experience-heading span,.module-panel[data-module-panel=game] .experience-block small{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.module-panel[data-module-panel=game] .experience-heading strong{font-size:11px;white-space:nowrap}#sop-dialog{color:#26312b}#sop-dialog .dialog-heading h2{color:#1f2924}#sop-dialog .dialog-heading p:not(.eyebrow),#sop-dialog .dialog-message{color:#4b554f}#sop-dialog .dialog-heading .eyebrow,#sop-dialog .admin-create-fields legend{color:#52665b}#sop-dialog .field-hint{color:#53625a}#sop-dialog .sop-admin-type,#sop-dialog .admin-active{color:#53635a}#sop-dialog .sop-admin-lane-heading h3,#sop-dialog .sop-admin-lane-heading small,#sop-dialog .sop-admin-group-heading label,#sop-dialog .sop-admin-task-fields label,#sop-dialog .sop-admin-task-title,#sop-dialog .sop-admin-readonly{color:#33433d}#sop-dialog .sop-admin-lane-heading span,#sop-dialog .sop-admin-task-fields .sop-admin-cycle-note{color:#5f6c64}#sop-dialog .sop-admin-delete-toggle{margin-left:auto;min-height:34px;padding:0 12px}#sop-dialog .sop-admin-delete-check{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#53635a;font-size:11px;font-weight:800}#sop-dialog .sop-admin-delete-check input{accent-color:#a45f5b}#sop-dialog .sop-admin-frequency-error{color:#a45f5b;font-size:11px;font-weight:800;line-height:1.3}#sop-dialog .sop-delete-actions{display:flex;gap:7px;margin-right:auto}#sop-dialog .sop-delete-actions[hidden]{display:none}#sop-dialog .sop-delete-actions .button-danger{border-color:#ba7770;background:#6d3635;color:#fff1ed}#sop-dialog .sop-delete-actions .button-danger:hover{background:#7e403e}#sop-dialog .sop-admin-group-heading input,#sop-dialog .sop-admin-task-title input,#sop-dialog .sop-admin-task-fields input,#sop-dialog .sop-admin-task-fields select{color:#1f2924}#sop-dialog .sop-admin-task-fields input::placeholder,#sop-dialog .sop-admin-task-fields select:invalid{color:#66716b;opacity:1}#sop-dialog .sop-admin-group-heading input::placeholder,#sop-dialog .sop-admin-task-title input::placeholder{color:#66716b;opacity:1}#sop-dialog .sop-admin-task-list{gap:6px}#sop-dialog .sop-admin-task{padding:9px}#sop-dialog .sop-admin-task-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start;margin-top:8px}#sop-dialog .sop-admin-task-fields>label{min-width:0;grid-template-rows:16px 36px auto;gap:5px}#sop-dialog .sop-admin-task-fields>label>span{min-height:16px;line-height:16px}#sop-dialog .sop-admin-task-fields input,#sop-dialog .sop-admin-task-fields select,#sop-dialog .sop-admin-task-fields .sop-location-select{box-sizing:border-box;width:100%;height:36px;min-height:36px;border:1px solid #d6ddca;border-radius:8px;padding:0 9px;background-color:#fffefa;color:#1f2924;font:inherit;font-size:13px;line-height:1.2;color-scheme:light}#sop-dialog .sop-admin-task-fields select[data-admin-field=cycle]{appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#52665b 50%),linear-gradient(135deg,#52665b 50%,transparent 50%);background-position:calc(100% - 14px) 15px,calc(100% - 9px) 15px;background-size:5px 5px;background-repeat:no-repeat}#sop-dialog .dialog-actions{position:sticky;bottom:0;z-index:6;justify-content:flex-end;margin:18px -28px -28px;padding:14px 28px 28px;border-top:1px solid rgba(112,95,75,.16);background:linear-gradient(180deg,#fff8eab8,#fff8ea 34%)}#sop-dialog #save-sop-button{min-width:88px}#sop-dialog .sop-admin-cycle-note{grid-column:1 / -1;margin:0;font-size:11px;line-height:1.4}#quote-admin-dialog .record-list{gap:6px}#quote-admin-dialog .record-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"order quote actions" "order meta actions";align-items:center;gap:4px 10px;min-height:0;padding:8px 10px;border-radius:10px}#quote-admin-dialog .record-row .work-order-controls{grid-area:order;gap:3px}#quote-admin-dialog .record-row strong{grid-area:quote;overflow-wrap:anywhere;color:#fff!important;font-size:13px;font-weight:750;line-height:1.3}#quote-admin-dialog .record-row .record-meta{grid-area:meta;margin-top:0;gap:4px;font-size:10px}#quote-admin-dialog .record-row .card-actions{grid-area:actions;gap:5px}#quote-admin-dialog .record-row .small-button{min-height:30px;padding-inline:9px}#quote-admin-dialog .dialog-heading h2{color:#1f2924}#quote-admin-dialog .dialog-heading p:not(.eyebrow){color:#4b554f}#quote-admin-dialog .dialog-heading .eyebrow{color:#52665b}@media(max-width:900px){#sop-dialog .sop-admin-delete-toggle{margin-left:0}.game-compact-row{grid-template-columns:1fr}.game-work-hero-slot .work-hero{min-height:140px}}@media(max-width:620px){.game-compact-row{gap:10px}.game-work-hero-slot .work-hero{min-height:auto;padding:20px}.module-panel[data-module-panel=game] .profile-panel{display:grid;min-height:auto}#sop-dialog .sop-admin-task-fields{grid-template-columns:minmax(0,1fr)}#sop-dialog .sop-admin-cycle-note{grid-column:1 / -1}#quote-admin-dialog .record-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"order quote" "order meta" "actions actions"}#quote-admin-dialog .record-row .card-actions{justify-content:flex-start}}.content-studio-shell{--studio-bg: #11151b;--studio-panel: #181e26;--studio-raised: #202832;--studio-input: #111820;--studio-text: #f7f9fc;--studio-muted: #c3ccd7;--studio-subtle: #8e9baa;--studio-border: #526071;--studio-border-strong: #8492a3;--studio-accent: #5b9dff;--studio-accent-strong: #8bbaff;--studio-accent-soft: #173b69;--studio-orange: #ffb45c;--studio-green: #64d49a;--studio-danger: #ff8e8e;--studio-danger-bg: #431f25;min-height:calc(100vh - 126px);padding:18px;background:var(--studio-bg);color:var(--studio-text);color-scheme:dark}.content-studio-shell[data-content-theme=light]{--studio-bg: #e9eef4;--studio-panel: #ffffff;--studio-raised: #f5f7fa;--studio-input: #ffffff;--studio-text: #18212c;--studio-muted: #4e5c6b;--studio-subtle: #667586;--studio-border: #a7b3c0;--studio-border-strong: #657486;--studio-accent: #1769d2;--studio-accent-strong: #0c55b3;--studio-accent-soft: #dceaff;--studio-orange: #9a4f00;--studio-green: #147a48;--studio-danger: #a52531;--studio-danger-bg: #ffe4e6;color-scheme:light}.content-studio{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr) 290px;min-height:calc(100vh - 162px);overflow:hidden;border:1px solid var(--studio-border);border-radius:18px;background:var(--studio-panel);box-shadow:0 18px 46px #00000038}.content-library,.content-inspector{min-width:0;background:var(--studio-panel)}.content-library{display:flex;flex-direction:column;border-right:1px solid var(--studio-border);padding:22px 14px}.content-library-heading{display:flex;align-items:center;gap:11px;padding:0 7px 22px}.content-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--studio-accent);border-radius:11px;background:var(--studio-accent-soft);color:var(--studio-text);font-weight:900}.content-library-heading p,.inspector-heading p,.workspace-kicker{margin:0 0 3px;color:var(--studio-subtle);font-size:10px;font-weight:850;letter-spacing:.13em}.content-library-heading h1{margin:0;color:var(--studio-text);font-size:18px;line-height:1.2}.content-library-nav{display:grid;gap:5px}.content-library-nav button{display:grid;grid-template-columns:28px minmax(0,1fr);min-height:44px;align-items:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:7px 10px;background:transparent;color:var(--studio-muted);text-align:left}.content-library-nav button span{color:var(--studio-subtle);font-family:ui-monospace,monospace;font-size:10px}.content-library-nav button strong{color:inherit;font-size:13px}.content-library-nav button:hover{border-color:var(--studio-border);background:var(--studio-raised);color:var(--studio-text)}.content-library-nav button.is-active{border-color:var(--studio-accent);background:var(--studio-accent-soft);color:var(--studio-text);box-shadow:inset 3px 0 var(--studio-accent)}.content-library-nav button.is-active span{color:var(--studio-accent-strong)}.content-library-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--studio-border);color:var(--studio-muted);font-size:11px}.status-dot{width:8px;height:8px;border:2px solid var(--studio-accent);border-radius:50%;background:transparent}.script-workspace{min-width:0;overflow:hidden;padding:22px;background:var(--studio-bg)}.script-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-height:68px;margin-bottom:18px}.script-workspace-header h2{margin:0 0 5px;color:var(--studio-text);font-size:clamp(24px,3vw,34px);line-height:1.1}.script-workspace-header p:last-child{margin:0;color:var(--studio-muted);font-size:12px}.workspace-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.content-history-panel{margin-bottom:16px;border:1px solid var(--studio-border);border-radius:13px;background:var(--studio-panel)}.content-history-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--studio-border)}.content-history-panel>header p,.content-history-panel>header h3{margin:0}.content-history-panel>header p{color:var(--studio-subtle);font-size:9px;font-weight:850;letter-spacing:.12em}.content-history-panel>header h3{color:var(--studio-text);font-size:14px}.history-count{border:1px solid var(--studio-border-strong);border-radius:999px;padding:3px 8px;color:var(--studio-muted);font-size:10px}.content-history-list{display:grid;grid-auto-columns:minmax(280px,360px);grid-auto-flow:column;gap:10px;overflow-x:auto;padding:11px}.history-loading{display:grid;min-height:96px;place-items:center;color:var(--studio-muted);font-size:12px}.saved-content-card{display:grid;align-content:start;gap:8px;min-width:0;padding:11px;border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-raised)}.saved-content-card>header{display:grid;gap:4px}.saved-content-card h4{margin:0;color:var(--studio-text);font-size:13px;overflow-wrap:anywhere}.saved-kind{width:max-content;border:1px solid var(--studio-border-strong);border-radius:999px;padding:2px 6px;color:var(--studio-muted);font-size:9px}.saved-meta{display:flex;flex-wrap:wrap;gap:5px;color:var(--studio-muted);font-size:9px}.saved-meta span{max-width:100%;overflow:hidden;padding:2px 5px;border:1px solid var(--studio-border);border-radius:999px;text-overflow:ellipsis;white-space:nowrap}.saved-content-card textarea{box-sizing:border-box;width:100%;min-height:88px;max-height:152px;resize:vertical;overflow:auto;border:1px solid var(--studio-border-strong);border-radius:7px;padding:8px 9px;background:var(--studio-input);color:var(--studio-text);font:inherit;font-size:11px;line-height:1.55;white-space:pre-wrap}.saved-detail-button{justify-self:start;min-height:32px;font-size:10px}.saved-segment-list{display:grid;gap:7px;padding-top:2px}.saved-segment-list>div{display:grid;gap:3px;padding:8px;border-left:3px solid var(--studio-accent);background:var(--studio-input);color:var(--studio-text);font-size:10px}.saved-segment-list span,.saved-segment-list p,.saved-segment-empty{margin:0;color:var(--studio-muted);font-size:10px}.studio-button,.icon-button,.script-line-toolbar button,.mobile-track-tabs button{min-height:38px;border:1px solid var(--studio-border-strong);border-radius:8px;padding:0 13px;background:var(--studio-raised);color:var(--studio-text);font-weight:780}.studio-button:hover,.icon-button:hover,.script-line-toolbar button:hover,.mobile-track-tabs button:hover{border-color:var(--studio-accent);background:var(--studio-accent-soft)}.studio-button.is-primary{border-color:var(--studio-accent);background:var(--studio-accent);color:#081522}.content-studio-shell[data-content-theme=light] .studio-button.is-primary{color:#fff}.studio-button.is-danger{border-color:var(--studio-danger);background:var(--studio-danger-bg);color:var(--studio-danger)}.studio-button:disabled{border-color:var(--studio-border);background:var(--studio-raised);color:var(--studio-muted);opacity:1;cursor:not-allowed}.icon-button{width:38px;padding:0;font-size:21px}.studio-empty-state{display:grid;min-height:430px;place-items:center;align-content:center;gap:9px;border:1px dashed var(--studio-border-strong);border-radius:14px;background:var(--studio-panel);color:var(--studio-text);text-align:center}.studio-empty-state[hidden]{display:none}.studio-empty-state h3,.studio-empty-state p{margin:0}.studio-empty-state p{color:var(--studio-muted)}.empty-state-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--studio-border-strong);border-radius:50%;color:var(--studio-accent-strong);font-size:24px}.script-canvas[hidden],.mobile-track-tabs[hidden]{display:none}.script-canvas{display:grid;gap:18px}.script-track{min-width:0;overflow:hidden;border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-panel)}.script-track.is-visual{border-left:4px solid var(--studio-accent)}.script-track.is-speech{border-left:4px solid var(--studio-orange)}.script-track-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--studio-border)}.script-track-heading>div{display:flex;align-items:center;gap:10px}.script-track-heading h3,.script-track-heading p{margin:0}.script-track-heading h3{color:var(--studio-text);font-size:16px}.script-track-heading p,.track-count{color:var(--studio-muted);font-size:11px}.track-number{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--studio-border-strong);border-radius:8px;color:var(--studio-text);font-family:ui-monospace,monospace;font-size:11px}.script-track-list{display:grid;grid-auto-columns:minmax(410px,480px);grid-auto-flow:column;gap:12px;overflow-x:auto;padding:13px;scrollbar-color:var(--studio-border-strong) var(--studio-bg)}.script-line-card{min-width:0;border:1px solid var(--studio-border);border-radius:11px;background:var(--studio-raised);color:var(--studio-text);transition:border-color .15s ease,box-shadow .15s ease}.script-line-card.is-selected{border-color:var(--studio-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--studio-accent) 32%,transparent)}.script-line-card.is-dragging{border-style:dashed;opacity:.72}.script-line-toolbar{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--studio-border)}.script-line-toolbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.script-line-toolbar button{min-height:30px;padding-inline:8px;font-size:10px}.script-line-toolbar button.is-danger{border-color:var(--studio-danger);color:var(--studio-danger)}.script-line-toolbar .drag-handle{cursor:grab;font-size:15px}.script-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.script-line-grid .is-wide{grid-column:1 / -1}.speech-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-field{display:grid;min-width:0;gap:5px;color:var(--studio-text);font-size:11px;font-weight:740}.studio-field>span{color:var(--studio-muted)}.studio-field input,.studio-field select,.studio-field textarea{box-sizing:border-box;width:100%;min-height:40px;border:1px solid var(--studio-border-strong);border-radius:7px;padding:9px 10px;background:var(--studio-input);color:var(--studio-text);font:inherit;font-size:12px;line-height:1.55}.studio-field textarea{min-height:92px;max-height:240px;resize:none;overflow-y:auto}.studio-field .speech-copy-field{min-height:118px;font-size:14px;line-height:1.7}.studio-field input::placeholder,.studio-field textarea::placeholder{color:var(--studio-subtle);opacity:1}.studio-field input:disabled,.studio-field select:disabled,.studio-field textarea:disabled{border-style:dashed;background:var(--studio-raised);color:var(--studio-muted);opacity:1}.studio-field.is-invalid input,.studio-field input[aria-invalid=true]{border-width:2px;border-color:var(--studio-danger)}.field-error{display:flex;align-items:center;gap:6px;margin:-4px 0 8px;color:var(--studio-danger);font-size:11px;font-weight:760}.field-error[hidden]{display:none}.field-error span{display:grid;width:17px;height:17px;place-items:center;border:1px solid currentColor;border-radius:50%}.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus{border-color:var(--studio-accent);outline:3px solid color-mix(in srgb,var(--studio-accent) 42%,transparent);outline-offset:1px}.content-studio button:focus-visible,.content-studio input:focus-visible,.content-studio select:focus-visible,.content-studio textarea:focus-visible{outline:3px solid var(--studio-accent-strong);outline-offset:2px}.mobile-track-tabs{display:none}.studio-message{min-height:20px;margin:12px 2px 0;color:var(--studio-muted);font-size:12px}.content-inspector{display:flex;flex-direction:column;border-left:1px solid var(--studio-border)}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:14px 15px;border-bottom:1px solid var(--studio-border)}.inspector-heading h2{margin:0;color:var(--studio-text);font-size:17px}.inspector-scroll{display:grid;align-content:start;gap:11px;overflow-y:auto;padding:15px}.inspector-section{display:grid;gap:10px;margin-top:5px;padding-top:15px;border-top:1px solid var(--studio-border)}.inspector-section h3{margin:0;color:var(--studio-text);font-size:13px}.inspector-empty{padding:12px;border:1px dashed var(--studio-border-strong);border-radius:8px;color:var(--studio-muted);font-size:11px}.status-preview{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;border:1px solid var(--studio-accent);border-radius:8px;padding:9px 10px;background:var(--studio-raised);color:var(--studio-text)}.status-preview small{grid-column:2;color:var(--studio-muted);font-size:9px}.status-preview[data-content-status=creating]{border-color:var(--studio-accent)}.status-preview[data-content-status=creating]>span,.status-preview[data-content-status=creating] strong{color:var(--studio-accent-strong)}.status-preview[data-content-status=filming]{border-color:var(--studio-orange)}.status-preview[data-content-status=filming]>span,.status-preview[data-content-status=filming] strong{color:var(--studio-orange)}.status-preview[data-content-status=published]{border-color:var(--studio-green)}.status-preview[data-content-status=published]>span,.status-preview[data-content-status=published] strong{color:var(--studio-green)}.status-preview[data-content-status=archived]{border-color:var(--studio-border-strong)}.status-preview[data-content-status=archived]>span,.status-preview[data-content-status=archived] strong{color:var(--studio-muted)}.inspector-actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding:13px 15px;border-top:1px solid var(--studio-border);background:var(--studio-panel)}.inspector-scrim{position:fixed;z-index:38;inset:0;border:0;background:#04080d94}@media(min-width:1200px){.content-studio-shell.is-inspector-collapsed .content-studio{grid-template-columns:220px minmax(0,1fr) 0}.content-studio-shell.is-inspector-collapsed .content-inspector{overflow:hidden;visibility:hidden;border-left:0}}@media(max-width:1199px){.content-studio{grid-template-columns:76px minmax(0,1fr)}.content-library{padding-inline:9px}.content-library-heading{justify-content:center;padding-inline:0}.content-library-heading>div,.content-library-nav strong,.content-library-foot span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.content-library-nav button{grid-template-columns:1fr;justify-items:center;padding-inline:4px}.content-library-nav button span{font-size:12px}.content-inspector{position:fixed;z-index:40;top:100px;right:14px;bottom:14px;width:min(330px,calc(100vw - 28px));border:1px solid var(--studio-border-strong);border-radius:14px;box-shadow:0 24px 60px #00000061;transform:translate(calc(100% + 30px));transition:transform .2s ease}.content-studio-shell.is-inspector-open .content-inspector{transform:translate(0)}.content-studio-shell.is-inspector-open .inspector-scrim{display:block}}@media(max-width:700px){.content-studio-shell{min-height:calc(100vh - 108px);padding:8px}.content-studio{display:block;min-height:calc(100vh - 124px);overflow:visible}.content-library{position:sticky;z-index:8;top:110px;display:block;padding:8px;border-right:0;border-bottom:1px solid var(--studio-border)}.content-library-heading,.content-library-foot{display:none}.content-library-nav{display:flex;gap:5px;overflow-x:auto}.content-library-nav button{flex:0 0 auto;grid-template-columns:auto auto;min-height:42px;padding-inline:10px}.content-library-nav strong{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap}.script-workspace{padding:14px 11px 22px}.script-workspace-header{display:grid;gap:13px}.workspace-actions{justify-content:flex-start}.workspace-actions .studio-button{min-height:44px}.mobile-track-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:11px}.mobile-track-tabs button{min-height:44px}.mobile-track-tabs button.is-active{border-color:var(--studio-accent);background:var(--studio-accent-soft)}.script-track{display:none}.script-track.is-mobile-active{display:block}.script-track-list{grid-auto-columns:minmax(285px,calc(100vw - 58px))}.script-line-grid,.speech-fields{grid-template-columns:1fr}.script-line-grid .is-wide{grid-column:1}.script-line-toolbar{grid-template-columns:auto 1fr}.script-line-toolbar>div{grid-column:1 / -1;justify-content:flex-start}.script-line-toolbar button{min-height:38px}.studio-empty-state{min-height:390px}.content-inspector{inset:auto 8px 8px;width:auto;max-height:80vh;transform:translateY(calc(100% + 20px))}.content-studio-shell.is-inspector-open .content-inspector{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.content-inspector,.script-line-card{transition:none}}:root{--bg: #17131a;--surface: #28212a;--surface-muted: #211b24;--text: #f4ead9;--heading: #fff3d7;--muted: #c1b4a3;--line: rgba(255, 224, 171, .16);--line-strong: rgba(255, 216, 137, .34);--shadow: 0 18px 54px rgba(0, 0, 0, .28);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .22);--dark: #211b24;--dark-hover: #3b2930;--accent: #83bd8b;--accent-soft: #28432f;--gold: #e3ad4e;--blue: #cde4f1;--yellow: #f5e5a8;--green: #cfe1c2;--violet: #ddd1ee;--apricot: #f2d0b1;--pink: #ebcfd1;--rank-s: #f3c75d;--rank-a: #c395ff;--rank-b: #73adff;--rank-c: #5fd0bb;--rank-d: #8dc77f;--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: Georgia, "Songti SC", "STSong", serif}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}::selection{background:#d6e4d5;color:var(--heading)}body{background:radial-gradient(circle at 0 0,rgba(255,255,255,.72),transparent 32rem),linear-gradient(180deg,#faf7ef 0,var(--bg) 52%,#ede7dc 100%)}.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:12px clamp(18px,4vw,58px);border-bottom:1px solid rgba(109,96,75,.13);background:#f6f2e8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark{color:var(--heading);font-size:16px;font-weight:850;letter-spacing:-.015em}.wordmark span{margin-left:4px;color:var(--gold)}.header-actions{display:flex;align-items:center;gap:10px}.connection-pill{padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:750}.connection-pill[data-state=online]{border-color:#b9d4b8;color:#4e765b;background:#edf6ea}.connection-pill[data-state=offline]{background:#ffffff7a}.icon-button,.text-button{border:0;background:transparent;color:var(--muted)}.icon-button{padding:8px 4px;font-size:13px}.button,.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid transparent;border-radius:11px;padding:0 14px;color:var(--heading);font-size:13px;font-weight:780;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover,.small-button:hover{transform:translateY(-1px)}.button-dark,.small-button-dark{border-color:var(--dark);background:var(--dark);color:#fffaf1;box-shadow:0 7px 16px #4d40361f}.button-dark:hover,.small-button-dark:hover{background:var(--dark-hover)}.button-accent,.small-button-green{border-color:#a4c6a7;background:#e4f0df;color:#446d51}.button-accent:hover,.small-button-green:hover{background:#d6e8d4}.button-quiet,.small-button{border-color:var(--line);background:#fffdf7a6;color:#625a50}.button-quiet:hover,.small-button:hover{border-color:var(--line-strong);background:var(--surface)}.small-button{min-height:31px;padding:0 10px;border-radius:9px;font-size:12px}.small-button-danger{border-color:#e5c0bc;background:#fff5f3;color:#9a4e4c}.text-button{padding:0;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.app-shell{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:32px 0 72px}.notice-banner{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;border:1px solid #e5d8b7;border-radius:12px;background:#fffae8d1;color:#796743;font-size:13px}.notice-banner .text-button{margin-left:auto;color:#725c31}.notice-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #bf8b2e1c}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:22px;align-items:stretch}.hero-copy{position:relative;isolation:isolate;min-height:280px;overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid #dfcf98;border-radius:24px;background:linear-gradient(135deg,#f8ecc0,#f5e2ad 70%,#f1d8b5);box-shadow:var(--shadow-soft)}.hero-copy:after{content:"✦";position:absolute;right:12%;bottom:-32px;z-index:-1;color:#77603721;font-size:180px;line-height:1;transform:rotate(14deg)}.eyebrow,.lane-kicker,.preview-kicker{margin:0 0 10px;color:#807364;font-size:11px;font-weight:900;letter-spacing:.15em}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading);letter-spacing:-.035em}h1{max-width:620px;margin-bottom:16px;font-size:clamp(42px,7vw,78px);line-height:1}.hero-lede{max-width:540px;margin-bottom:22px;color:#6c5e51;font-size:clamp(16px,2vw,19px);line-height:1.75}.hero-meta{display:flex;gap:9px;color:#8b7158;font-size:12px;font-weight:700}.meta-separator{color:#bc8f51}.profile-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:26px;border:1px solid #dec3a3;border-radius:22px;background:var(--apricot);box-shadow:var(--shadow-soft)}.profile-topline,.experience-heading,.sop-progress-heading,.task-card-meta,.task-card-detail,.task-card-actions,.sop-card-topline,.sop-card-footer,.section-heading,.lane-heading,.dialog-actions,.preview-title-row,.history-row-value,.history-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-name{color:#77563d;font-size:14px;font-weight:800}.level-badge{padding:5px 9px;border:1px solid rgba(111,80,51,.18);border-radius:999px;background:#fffdf780;color:#77563d;font-size:12px;font-weight:900}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.profile-metrics div{display:grid;gap:3px;padding:13px;border:1px solid rgba(111,80,51,.15);border-radius:14px;background:#fffdf766}.profile-metrics span,.experience-heading span,.experience-block small{color:#84664d;font-size:11px;font-weight:700}.profile-metrics strong{color:var(--heading);font-size:clamp(20px,3vw,28px);line-height:1.1}.experience-block{display:grid;gap:8px}.experience-heading strong{color:#6f4f34;font-size:12px}.experience-track,.sop-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#5c4b3621}.experience-track span{display:block;width:0;height:100%;border-radius:inherit;background:#7fa88b;box-shadow:0 0 10px #538f6647;transition:width .3s ease}.section-block{margin-top:22px;padding:clamp(22px,4vw,34px);border:1px solid rgba(222,216,203,.9);border-radius:var(--radius-lg);background:#fffdf7d1;box-shadow:var(--shadow)}.section-heading{align-items:flex-start;margin-bottom:22px}.section-heading h2{margin-bottom:6px;font-size:clamp(24px,3.4vw,34px)}.section-description{max-width:580px;margin-bottom:0;color:var(--muted);font-size:13px}.sop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.sop-card{position:relative;display:grid;gap:15px;min-height:188px;padding:18px;border:1px solid #c6d7c1;border-radius:17px;background:linear-gradient(145deg,#f4f8ec,#e4efdc);box-shadow:var(--shadow-soft)}.sop-card.is-achieved{border-color:#9fca9d;background:linear-gradient(145deg,#eff8e9,#d8edd4)}.sop-card-topline,.sop-card-footer{font-size:11px}.sop-lane{color:#6c8167;font-weight:900;letter-spacing:.11em}.sop-status{padding:4px 8px;border-radius:999px;background:#ffffff85;color:#6d7b67;font-weight:800}.sop-status.is-achieved{color:#4a7950;background:#e8f6e4}.sop-card h3{margin-bottom:0;font-size:19px}.sop-progress-heading{color:#71806e;font-size:11px}.sop-progress-heading strong{color:#4f7054;font-size:13px}.sop-progress-track{background:#56775226}.sop-progress-track span{display:block;height:100%;border-radius:inherit;background:#7fae7e}.sop-card-footer{align-items:flex-end;color:#71806e}.sop-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.task-heading{margin-bottom:28px}.task-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task-lane{min-width:0;padding:18px;border:1px solid #e7d7c6;border-radius:18px;background:#fff8eba3}.task-lane-active{border-color:#c6dbe0;background:#f1f9f9b8}.lane-heading{margin-bottom:15px}.lane-heading h3{margin:0;font-size:21px}.lane-kicker{display:block;margin-bottom:2px;color:#8b796a;font-size:10px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 8px;border-radius:999px;background:#f3eadb;color:#82684c;font-size:12px;font-weight:900}.count-badge-active{background:#e4f0f1;color:#557783}.task-list{display:grid;gap:10px}.task-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;overflow:hidden;padding:16px;border:1px solid color-mix(in srgb,var(--rank-color) 35%,#dfd8ca);border-radius:15px;background:#fffdf7d1;box-shadow:0 7px 20px #55432d0b}.task-card.rank-s{--rank-color: var(--rank-s);background:linear-gradient(145deg,#fff8dc,#f5e7b5)}.task-card.rank-a{--rank-color: var(--rank-a);background:linear-gradient(145deg,#f9f0ff,#eee2f7)}.task-card.rank-b{--rank-color: var(--rank-b);background:linear-gradient(145deg,#f0f8ff,#e3f0fa)}.task-card.rank-c{--rank-color: var(--rank-c);background:linear-gradient(145deg,#f0fbf7,#e1f1e9)}.task-card.rank-d{--rank-color: var(--rank-d);background:linear-gradient(145deg,#f6faf0,#e8f0dd)}.task-card-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--rank-color);border-radius:10px;color:color-mix(in srgb,var(--rank-color) 72%,#392f27);font-size:12px;font-weight:950}.task-card-content{min-width:0}.task-card-meta{justify-content:flex-start;color:#8a8177;font-size:10px;font-weight:850;letter-spacing:.08em}.task-card-content h3{overflow-wrap:anywhere;margin:5px 0 4px;font-size:17px;line-height:1.35}.task-card-content p{margin-bottom:7px;color:var(--muted);font-size:12px}.task-card-detail{justify-content:flex-start;flex-wrap:wrap;color:#817b72;font-size:11px}.reward-pill{padding:4px 8px;border-radius:999px;background:#fff6cce6;color:#986f27;font-weight:900}.task-card-actions{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap}.task-state-completed{grid-template-columns:minmax(0,1fr);background:#faf8f2c2}.task-state-completed .task-card-mark{display:none}.completed-section{margin-top:16px;border-top:1px solid var(--line)}.completed-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 3px 3px;color:#625b51;font-size:13px;font-weight:850;cursor:pointer}.completed-list{padding-top:13px}.loading-line{margin:-8px 0 18px;color:var(--muted);font-size:13px}.empty-state{padding:24px 14px;color:#958d82;font-size:13px;text-align:center}.history-callout{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #e3d7c5;border-radius:15px;background:#fbf6e9}.callout-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f4e4be;color:#987738;font-weight:900}.history-callout strong{color:#715c35;font-size:13px}.history-callout p{margin:3px 0 0;color:#87765d;font-size:12px}dialog{max-width:calc(100vw - 28px);padding:0;border:0;border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px #3b302842}dialog::backdrop{background:#342d266b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog>form,.drawer-dialog{min-width:min(480px,calc(100vw - 28px));padding:28px}.drawer-dialog{min-width:min(680px,calc(100vw - 28px))}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.dialog-heading h2{margin-bottom:6px;font-size:28px}.dialog-heading p:not(.eyebrow){max-width:530px;margin-bottom:0;color:var(--muted);font-size:13px}.dialog-close{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:50%;background:#f3eee4;color:#766d62;font-size:22px;line-height:1}.field{display:grid;gap:7px;margin-bottom:14px;color:#685e53;font-size:12px;font-weight:800}.field input,.field select{width:100%;min-height:42px;border:1px solid #d9d0c1;border-radius:11px;padding:0 12px;outline:none;background:#fffefa;color:var(--text)}.field input:focus,.field select:focus{border-color:#8ead96;box-shadow:0 0 0 3px #6a8e7821}.field-hint{margin:-5px 0 12px;color:#91887b;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field-wide{grid-column:1 / -1}.dialog-message{min-height:20px;margin:7px 0 0;color:#756b5f;font-size:12px}.dialog-message[data-tone=error]{color:#a04f4f}.dialog-message[data-tone=success]{color:#4c7958}.dialog-actions{justify-content:flex-end;margin-top:22px}.task-preview{margin:16px 0;padding:17px;border:1px solid #dfce9a;border-radius:15px;background:linear-gradient(145deg,#fff7d5,#f5e5b7)}.preview-kicker{margin-bottom:8px;color:#8f7133}.preview-title-row h3{margin:0;overflow-wrap:anywhere;font-size:20px}.difficulty-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;font-size:12px;font-weight:900}.difficulty-badge.s{background:var(--rank-s);color:#5b451b}.difficulty-badge.a{background:var(--rank-a)}.difficulty-badge.b{background:var(--rank-b)}.difficulty-badge.c{background:var(--rank-c)}.difficulty-badge.d{background:var(--rank-d)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px}.preview-grid div{display:grid;gap:2px;padding:9px;border-radius:10px;background:#ffffff73}.preview-grid span{color:#887b63;font-size:10px}.preview-grid strong{color:#765a2c;font-size:13px}.task-preview p{margin-bottom:0;color:#887a62;font-size:11px}.confirmation-copy{margin:0;padding:13px;border-radius:12px;background:#f8f3e8;color:#736b60;font-size:13px}.confirm-check{display:flex;align-items:flex-start;gap:9px;margin:16px 0;color:#665d53;font-size:13px}.confirm-check input{margin-top:4px;accent-color:var(--accent)}.admin-create-fields{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:15px}.admin-create-fields legend{padding:0 5px;color:#807466;font-size:11px;font-weight:900;letter-spacing:.1em}.admin-create-fields .button{margin-top:4px}.sop-admin-list{display:grid;gap:12px;max-height:50vh;overflow:auto;padding-right:2px}.sop-admin-row{padding:15px;border:1px solid #dce0d2;border-radius:14px;background:#f7f9f1}.sop-admin-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sop-admin-title strong{flex:1 1 180px;color:var(--heading);font-size:14px}.sop-admin-type,.admin-active{padding:3px 7px;border-radius:999px;background:#e8eddf;color:#708066;font-size:10px;font-weight:800}.admin-active.is-active{color:#4f7853;background:#e0f0dc}.sop-admin-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.sop-admin-fields label{display:grid;gap:4px;color:#807b6f;font-size:10px}.sop-admin-fields input{width:100%;min-height:34px;border:1px solid #d6ddca;border-radius:8px;padding:0 7px;background:#fffefa}.sop-admin-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.history-tabs{display:flex;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}.tab-button{border:0;border-radius:999px;padding:7px 11px;background:#f4efe6;color:#7d7469;font-size:12px;font-weight:800}.tab-button.is-active{background:#e0ecdf;color:#4f7656}.history-content{min-height:260px;padding-top:14px}.history-list,.movement-stack{display:grid;gap:8px}.history-row,.movement-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px;border:1px solid #e4ded3;border-radius:12px;background:#fffefa;color:var(--text);text-align:left}.history-row:hover{border-color:#b8ceb9;background:#f7fbf5}.history-row-main,.movement-row>div{display:grid;gap:2px;min-width:0}.history-row strong,.movement-row strong{overflow-wrap:anywhere;font-size:13px}.history-row small,.movement-row small{color:#92897c;font-size:11px}.history-row-value{flex:0 0 auto;color:#97712e;font-size:12px;font-weight:850}.history-row-value span{margin-left:7px;color:#8e968c;font-size:10px}.movement-value{flex:0 0 auto;color:#4f775a;font-size:13px;font-weight:900}.movement-value.is-negative{color:#a45f5b}.checkin-row .small-button{flex:0 0 auto}.muted-label{color:#aaa196;font-size:11px}.history-detail-heading{margin:18px 0}.history-detail-heading h3{margin:0;font-size:22px}.task-status-chip{padding:4px 8px;border-radius:999px;background:#eef1ea;color:#69816d;font-size:11px;font-weight:800}.scope-warning{margin-bottom:14px;padding:12px;border-left:3px solid #c79d52;background:#fbf6e9}.scope-warning strong{color:#806234;font-size:12px}.scope-warning p{margin:3px 0 0;color:#8b7c61;font-size:11px}.toast{position:fixed;z-index:60;right:20px;bottom:20px;max-width:min(400px,calc(100vw - 40px));margin:0;padding:12px 15px;border:1px solid #d3decf;border-radius:12px;background:#f4fbf0;color:#4f7556;box-shadow:0 14px 36px #43533c29;font-size:13px;font-weight:750}.toast[data-tone=error]{border-color:#e5c1bb;background:#fff6f4;color:#9d534e}.toast[data-tone=neutral]{border-color:#d8d0c3;background:#fffdf7;color:#6e655b}:focus-visible{outline:3px solid rgba(88,125,104,.34);outline-offset:3px}body{background:radial-gradient(circle at 14% 6%,rgba(180,103,46,.28),transparent 28rem),radial-gradient(circle at 86% 10%,rgba(61,79,145,.32),transparent 31rem),radial-gradient(circle at 50% 100%,rgba(107,50,29,.26),transparent 36rem),linear-gradient(145deg,#24170f,#3b2518 34%,#202739 71%,#120f14);color:var(--text)}.app-header{border-bottom-color:#ffda932e;background:#17131ae0}.wordmark,h1,h2,h3{color:var(--heading)}.connection-pill{border-color:#ffe0ab38;color:#d7c8b2;background:#0f0d138c}.connection-pill[data-state=online]{border-color:#80ca8e85;color:#a8e0ad;background:#254b3094}.icon-button,.text-button{color:#cdbda7}.icon-button:hover,.text-button:hover{color:var(--heading)}.button-quiet,.small-button{border-color:#ffe0ab33;background:#231c23c7;color:#f0dfc2}.button-quiet:hover,.small-button:hover{border-color:var(--line-strong);background:#3a2a2d}.button-dark,.small-button-dark{border-color:#17131a;background:#17131a;box-shadow:0 8px 20px #0000004d}.button-accent,.small-button-green{border-color:#75b883;background:#264a35;color:#d5f1d6}.button-accent:hover,.small-button-green:hover{background:#326344}.notice-banner{border-color:#e3ad4e59;background:#4e3019d1;color:#f1d18e}.notice-banner .text-button{color:#f1d18e}.hero-copy{border-color:#e3ad4e75;background:linear-gradient(135deg,#2a1d19f7,#1d1b27f5);box-shadow:0 18px 55px #00000047,inset 0 0 0 1px #ffdfa00a}.hero-copy:after{color:#e3ad4e1f}.hero-copy .eyebrow,.section-block .eyebrow,.lane-kicker,.preview-kicker{color:#d0a565}.hero-lede,.hero-meta{color:#d2c1aa}.meta-separator{color:var(--gold)}.profile-panel{border-color:#f2be7080;background:linear-gradient(145deg,#9a663b,#503238 82%);box-shadow:0 18px 48px #0000004d,inset 0 0 34px #ffce7817}.profile-name,.level-badge,.profile-metrics span,.experience-heading span,.experience-block small{color:#f4d7ae}.level-badge{border-color:#ffe4ae47;background:#2217164d}.profile-metrics div{border-color:#ffe4ae38;background:#2f1c1c47}.profile-metrics strong,.experience-heading strong{color:#fff1d1}.experience-track,.sop-progress-track{background:#0f0d1257}.section-block{border-color:#ffda9333;background:linear-gradient(180deg,#36231cf2,#1b1c27f0);box-shadow:0 20px 58px #00000040,inset 0 1px #ffe8b30a}.section-description{color:#c2b4a1}.sop-card{border-color:#83bd8b6b;background:linear-gradient(145deg,#26352e,#1d2b2d);box-shadow:0 10px 28px #0003}.sop-card.is-achieved{border-color:#84cd89b8;background:linear-gradient(145deg,#2d5035,#23352d)}.sop-card h3,.sop-progress-heading strong{color:#f4e7ce}.sop-lane,.sop-progress-heading,.sop-card-footer{color:#b9d0b8}.sop-status{background:#0c10126b;color:#c8d8c4}.sop-status.is-achieved{color:#d5f1d2;background:#3d7b436b}.sop-progress-track{background:#09100d61}.sop-location-filters{display:flex;gap:8px;margin:-4px 0 22px;overflow-x:auto;padding:4px 2px 7px;scrollbar-width:thin}.sop-location-filters button{min-width:76px;min-height:42px;flex:0 0 auto;border:1px solid rgba(232,190,116,.26);border-radius:999px;padding:0 18px;background:#0f10178c;color:#cdbfa9;font-size:13px;font-weight:850;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.sop-location-filters button:hover,.sop-location-filters button:focus-visible{border-color:#f2be58ad;color:#fff0c9;outline:0}.sop-location-filters button.is-active{border-color:#f2be58c2;background:linear-gradient(145deg,#784822d6,#3d2926eb);color:#ffe5a7;box-shadow:0 0 18px #e3ad4e33,inset 0 0 0 1px #ffebbc14}.sop-orb-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,24px)}.sop-orb-board>.empty-state{grid-column:1 / -1}.sop-lane-panel{--sop-orb-rgb: 182, 104, 126;--sop-orb-core: 255, 206, 218;min-width:0;padding:clamp(15px,1.8vw,22px);border:1px solid rgba(var(--sop-orb-rgb),.35);border-radius:24px;background:radial-gradient(circle at 50% -8%,rgba(var(--sop-orb-rgb),.18),transparent 38%),linear-gradient(180deg,#231920f2,#11141cf0);box-shadow:0 17px 42px #00000040,inset 0 1px #ffebc50a}.sop-lane-panel[data-tone=product]{--sop-orb-rgb: 93, 178, 213;--sop-orb-core: 204, 240, 255}.sop-lane-panel[data-tone=life]{--sop-orb-rgb: 221, 180, 82;--sop-orb-core: 255, 239, 177}.sop-lane-panel[data-tone=other]{--sop-orb-rgb: 156, 137, 187;--sop-orb-core: 235, 222, 255}.sop-lane-heading{display:flex;min-height:58px;align-items:center;justify-content:center;margin-bottom:16px;border-bottom:1px solid rgba(var(--sop-orb-rgb),.25);text-align:center}.sop-lane-heading h3{margin:0;color:rgb(var(--sop-orb-core));font-size:clamp(23px,2.2vw,31px);text-shadow:0 0 20px rgba(var(--sop-orb-rgb),.24)}.sop-direction-stack{display:grid;gap:14px}.sop-direction-panel{min-width:0;padding:14px 10px 16px;border:1px solid rgba(var(--sop-orb-rgb),.2);border-radius:18px;background:#0c0e1475;box-shadow:inset 0 1px #ffebc609}.sop-direction-panel h4{margin:0 0 13px;color:#e6dac5;font-size:14px;text-align:center}.sop-orb-field{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));align-items:start;justify-items:center;gap:13px 9px}.sop-orb{--orb-state-rgb: var(--sop-orb-rgb);position:relative;display:grid;width:clamp(88px,7vw,108px);aspect-ratio:1;place-items:center;isolation:isolate;overflow:visible;border:0;border-radius:50%;padding:15px 12px;background:transparent;color:#221e24;text-align:center;box-shadow:0 0 25px rgba(var(--orb-state-rgb),.16)}.sop-orb:before,.sop-orb:after{position:absolute;border-radius:inherit;content:"";pointer-events:none}.sop-orb:before{z-index:-1;inset:2%;border:1px solid rgba(255,240,205,.2);background:radial-gradient(circle at 36% 28%,rgba(255,255,244,.82),transparent 19%),radial-gradient(circle at 48% 43%,rgba(var(--sop-orb-core),.98) 0%,rgba(var(--orb-state-rgb),.88) 37%,rgba(var(--orb-state-rgb),.56) 74%,rgba(var(--orb-state-rgb),.16) 94%,transparent 100%);box-shadow:inset -8px -10px 18px #1b131e2e,inset 5px 5px 14px #fff9e224;transition:filter .18s ease,transform .18s ease}.sop-orb:after{z-index:-2;inset:-10%;background:radial-gradient(circle,rgba(var(--orb-state-rgb),.32),rgba(var(--orb-state-rgb),.09) 52%,transparent 72%);filter:blur(8px);opacity:.78;transition:opacity .18s ease,transform .18s ease}.sop-orb:hover:before{filter:brightness(1.1) saturate(1.05);transform:scale(1.035)}.sop-orb:hover:after{opacity:1;transform:scale(1.08)}.sop-orb:focus-visible{outline:2px solid #f3c878;outline-offset:6px}.sop-orb-title{z-index:2;display:-webkit-box;max-width:86%;overflow:hidden;color:#312630;font-size:clamp(11px,.83vw,13px);font-weight:900;line-height:1.28;overflow-wrap:anywhere;text-shadow:0 1px rgba(255,250,233,.4);-webkit-box-orient:vertical;-webkit-line-clamp:4}.sop-orb-location,.sop-orb-state,.sop-orb-task-mark{position:absolute;z-index:4;display:grid;place-items:center;border-radius:50%;font-weight:900}.sop-orb-location{right:5px;bottom:5px;width:24px;height:24px;border:1px solid rgba(255,247,224,.52);background:#17161dd1;color:#ffe5aa;box-shadow:0 3px 10px #0000003d;font-size:10px}.sop-orb[data-location=unset] .sop-orb-location{color:#d5c9b8;background:#333037e6}.sop-orb-state{top:6px;right:8px;width:20px;height:20px;font-size:11px}.sop-orb.is-actionable .sop-orb-state{width:11px;height:11px;border:2px solid #ffe9d8;background:#e15a5a;box-shadow:0 0 0 4px #e15a5a1f,0 0 14px #e15a5ab8}.sop-orb.is-actionable{animation:sop-orb-breathe 4.4s ease-in-out infinite}.sop-orb.is-complete-today{--orb-state-rgb: 91, 177, 143}.sop-orb.is-achieved{--orb-state-rgb: 85, 151, 91;filter:saturate(.76)}.sop-orb.is-complete-today .sop-orb-state,.sop-orb.is-achieved .sop-orb-state{background:#315d42;color:#e5f4dc;box-shadow:0 0 12px #59aa6885}.sop-orb.is-unavailable{filter:saturate(.72)}.sop-orb-task-mark{left:7px;bottom:9px;width:19px;height:19px;background:#1d2430d1;color:#b9dfff;font-size:10px}@keyframes sop-orb-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.055)}}.sop-location-field{min-width:0;margin:12px 0;padding:12px;border:1px solid rgba(227,173,78,.2);border-radius:13px}.sop-location-field legend{padding:0 6px;color:#d6c2a2;font-size:11px;font-weight:850}.sop-location-field small{display:block;margin-top:8px;color:#e5b46d;font-size:10px}.sop-location-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sop-location-choice{min-width:0}.sop-location-choice input{position:absolute;opacity:0;pointer-events:none}.sop-location-choice span{display:grid;min-height:42px;place-items:center;border:1px solid rgba(222,195,149,.24);border-radius:10px;background:#0f10167a;color:#cfc0aa;font-size:12px;font-weight:850;cursor:pointer}.sop-location-choice input:checked+span{border-color:#e3ad4e;background:#744922a3;color:#ffe8ae;box-shadow:0 0 12px #e3ad4e2e}.sop-location-choice input:focus-visible+span{outline:2px solid #f3c878;outline-offset:2px}.sop-admin-title input{min-width:180px;flex:1 1 220px;min-height:36px;border:1px solid rgba(222,195,149,.24);border-radius:9px;padding:0 10px;background:#0f101673;color:#f4e7ce}.sop-detail-dialog{width:min(760px,calc(100vw - 28px))}.sop-detail-summary,.sop-detail-edit{padding:18px;border:1px solid rgba(227,173,78,.22);border-radius:16px;background:#10111880}.sop-detail-edit{margin-top:14px}.sop-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sop-detail-title-row h3{margin:4px 0 0;font-size:24px}.sop-detail-location{color:#e7ba6c;font-size:11px;font-weight:900;letter-spacing:.1em}.sop-detail-metrics{display:grid;grid-template-columns:1.4fr .8fr .6fr;gap:8px;margin-top:18px}.sop-detail-metrics div{display:grid;gap:4px;padding:11px;border-radius:11px;background:#ffebc30f}.sop-detail-metrics span,.sop-detail-association,.sop-detail-edit>p{color:#b9aa96;font-size:11px}.sop-detail-metrics strong{color:#f4e5c8;font-size:12px}.sop-detail-association{margin-top:11px}.sop-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.sop-detail-edit h3{margin-bottom:4px;font-size:18px}.sop-detail-edit>p{margin-bottom:15px}.sop-detail-edit>.button{margin-top:14px}.task-section{background:linear-gradient(180deg,#1f181ffa,#141620fa)}.task-lane{border-color:#e8b2623b;background:#101118b3}.task-lane-active{border-color:#67aacf57;background:#101923b8}.count-badge{background:#7c4d2c6b;color:#f0c77b}.count-badge-active{background:#345f7d7a;color:#a9d7ef}.task-card{border-color:color-mix(in srgb,var(--rank-color) 56%,#604b3d);box-shadow:0 9px 26px #00000038,0 0 18px color-mix(in srgb,var(--rank-color) 15%,transparent)}.task-card-meta,.task-card-detail{color:#6d5b4a}.task-card-content p{color:#786a5a}.task-card-mark{box-shadow:0 0 13px color-mix(in srgb,var(--rank-color) 38%,transparent)}.completed-section{border-top-color:#ffe0ab2e}.completed-section summary,.loading-line{color:#dfcdb2}.empty-state{color:#a79886}.history-callout{border-color:#e3ad4e40;background:#36251cb8}.history-callout strong{color:#f0cf8f}.history-callout p{color:#c5b294}dialog{background:#fff8ea;color:#302e2b;box-shadow:0 28px 80px #00000085}dialog::backdrop{background:#05060bb3}.sop-section{border-color:#e4d7c2;background:#f8f3e9;color:#33433d}.sop-section .eyebrow{color:#6c8ca1}.sop-section .section-description{color:#788078}.sop-location-filters button{border-color:#d9cbb8;background:#ffffffa3;color:#59625b}.sop-location-filters button:hover,.sop-location-filters button:focus-visible{border-color:#b99d76;color:#39463e}.sop-location-filters button.is-active{border-color:#b99d76;background:#ead9bd;color:#604d35;box-shadow:0 0 16px #b897642e,inset 0 0 0 1px #ffffff80}.sop-lane-panel{border-color:rgba(var(--sop-orb-rgb),.26);background:linear-gradient(180deg,#fffcf6e6,#f7efe2c7);box-shadow:0 15px 34px #785b3a14,inset 0 1px #ffffffb8}.sop-lane-panel[data-tone=marketing]{--sop-orb-rgb: 213, 132, 160;--sop-orb-core: 255, 226, 235}.sop-lane-panel[data-tone=product]{--sop-orb-rgb: 78, 170, 204;--sop-orb-core: 221, 248, 255}.sop-lane-panel[data-tone=life]{--sop-orb-rgb: 218, 176, 66;--sop-orb-core: 255, 240, 184}.sop-lane-panel[data-tone=other]{--sop-orb-rgb: 153, 112, 208;--sop-orb-core: 237, 222, 255}.sop-lane-heading h3{color:rgb(var(--sop-orb-rgb))}.sop-direction-panel{border-color:rgba(var(--sop-orb-rgb),.16);background:#ffffff9e}.sop-direction-panel h4{color:#44514a}.sop-orb{width:clamp(96px,7.2vw,122px);color:#304038}.sop-orb:before{border-color:#ffffffa6;box-shadow:inset -9px -11px 18px #59413824,inset 5px 5px 14px #ffffff6b,0 7px 17px rgba(var(--orb-state-rgb),.19)}.sop-orb:after{opacity:.72}.sop-orb-title{color:#304038;text-shadow:0 1px rgba(255,255,255,.45)}.sop-orb-location{border-color:#ffffffb8;background:#ffffffc7;color:#59675e;box-shadow:0 3px 10px #52412f1f}.sop-orb-state{border-color:#fffdf6}.sop-orb.is-actionable .sop-orb-state{border-color:#fffdf6;background:#ea6570;box-shadow:0 0 0 4px #ea65701f,0 0 14px #ea65708c}.sop-orb.is-complete-today .sop-orb-state,.sop-orb.is-achieved .sop-orb-state{background:#4c9a70;color:#fff}.sop-orb.rank-s{--orb-state-rgb: 214, 167, 46;--sop-orb-core: 255, 230, 137}.sop-orb.rank-a{--orb-state-rgb: 153, 104, 213;--sop-orb-core: 230, 204, 255}.sop-orb.rank-b{--orb-state-rgb: 78, 170, 204;--sop-orb-core: 205, 239, 255}.sop-orb.rank-c{--orb-state-rgb: 89, 171, 113;--sop-orb-core: 211, 245, 220}.sop-orb.rank-d{--orb-state-rgb: 225, 225, 225;--sop-orb-core: 255, 255, 255}.sop-orb.rank-unset{--orb-state-rgb: 184, 184, 184;--sop-orb-core: 240, 240, 240}.sop-orb.rank-d:before{border-color:#a9adb1;box-shadow:inset -7px -9px 15px #50545824,0 6px 16px #5054583d}.sop-orb.rank-s .sop-orb-title,.sop-orb.rank-a .sop-orb-title,.sop-orb.rank-b .sop-orb-title,.sop-orb.rank-c .sop-orb-title,.sop-orb.rank-d .sop-orb-title{color:#242a27}.sop-location-select{width:100%;min-height:34px;border:1px solid #d6ddca;border-radius:8px;padding:0 8px;background:#fffefa;color:#3b473f;font:inherit}.sop-admin-list{gap:16px;max-height:58vh}.sop-admin-lane{--admin-rgb: 213, 132, 160;padding:16px;border:1px solid rgba(var(--admin-rgb),.3);border-radius:20px;background:#fbf8f1}.sop-admin-lane[data-tone=product]{--admin-rgb: 78, 170, 204}.sop-admin-lane[data-tone=life]{--admin-rgb: 218, 176, 66}.sop-admin-lane[data-tone=other]{--admin-rgb: 153, 112, 208}.sop-admin-lane-heading{display:flex;align-items:baseline;gap:10px;padding:0 6px 12px;border-bottom:1px solid rgba(var(--admin-rgb),.18)}.sop-admin-lane-heading span{color:#9a8a78;font-size:10px;font-weight:900;letter-spacing:.08em}.sop-admin-lane-heading h3{margin:0;color:rgb(var(--admin-rgb));font-size:22px}.sop-admin-lane-heading small{margin-left:auto;color:#9a9185;font-size:10px}.sop-admin-group-list{display:grid;gap:12px;padding-top:12px}.sop-admin-group{padding:12px;border:1px solid #e5e1d8;border-radius:15px;background:#fffefa}.sop-admin-group-heading{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.sop-admin-group-heading label{display:grid;flex:1 1 240px;gap:4px;color:#807466;font-size:10px;font-weight:900}.sop-admin-group-heading input,.sop-admin-task-title input{width:100%;min-height:35px;border:1px solid #d6ddca;border-radius:8px;padding:0 9px;background:#fffefa;color:#33433d;font:inherit;font-size:13px;font-weight:800}.sop-admin-task-list{display:grid;gap:8px;margin-top:10px}.sop-admin-task{padding:11px;border:1px solid #e7e3da;border-radius:12px;background:#fbfaf6}.sop-admin-task.is-newly-created{border-color:#62a978;box-shadow:0 0 0 3px #62a97833,0 10px 24px #496f5229}.sop-admin-task-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sop-admin-task-title input{flex:1 1 230px}.sop-admin-task-fields{grid-template-columns:repeat(5,minmax(90px,1fr));margin-top:10px}.sop-admin-task-fields label{color:#807466}.sop-admin-task-fields input{color:#33433d}.sop-admin-readonly{display:flex;justify-content:space-between;gap:10px;padding:12px;color:#6d665d}.sop-admin-readonly span{color:#a09384;font-size:11px}#sop-dialog .admin-create-fields{border-color:#d6ddca;color:#33433d}#sop-dialog .admin-create-fields .field{color:#4b5a50}#sop-dialog .admin-create-fields .field input,#sop-dialog .admin-create-fields .field select{border-color:#cbd6c8;background:#fffefa;color:#1f2924;color-scheme:light}#sop-dialog .admin-create-fields .field input::placeholder{color:#77756d;opacity:1}#sop-dialog .admin-create-fields .field select option{background:#fffefa;color:#1f2924}#sop-dialog .admin-create-fields .new-goal-message{margin:8px 0 0;color:#4b554f}#sop-dialog .admin-create-fields .new-goal-message[data-tone=error]{color:#a04f4f}#sop-dialog .admin-create-fields .new-goal-message[data-tone=success]{color:#39704a}@media(max-width:620px){.sop-admin-lane-heading{align-items:flex-start;flex-direction:column}.sop-admin-lane-heading small{margin-left:0}.sop-admin-task-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{width:min(100% - 28px,700px);padding-top:22px}.hero-grid,.task-board{grid-template-columns:1fr}.hero-copy,.profile-panel{min-height:auto}.sop-orb-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1020px)and (min-width:621px){.sop-orb-board{grid-template-columns:repeat(2,minmax(0,1fr))}.sop-lane-panel:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:620px){.app-header{min-height:60px;padding-inline:14px}.wordmark{font-size:14px}.connection-pill,.icon-button span{display:none}.app-shell{width:min(100% - 20px,520px);padding-bottom:42px}.notice-banner{align-items:flex-start;font-size:12px}.notice-banner .text-button{white-space:nowrap}.hero-copy{padding:29px 23px 31px;border-radius:21px}h1{font-size:clamp(41px,14vw,62px)}.hero-lede{font-size:15px}.profile-panel{padding:22px;border-radius:19px}.profile-metrics{margin:22px 0}.section-block{padding:21px 15px;border-radius:21px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .button{align-self:flex-start}.task-heading{margin-bottom:20px}.sop-orb-board{grid-template-columns:1fr}.sop-lane-panel{padding:15px 11px;border-radius:20px}.sop-direction-panel{padding-inline:8px}.sop-orb-field{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.sop-orb{width:clamp(84px,25vw,98px)}.sop-location-filters{margin-bottom:17px}.sop-location-filters button{min-width:72px;min-height:44px;padding-inline:16px}.sop-detail-title-row{flex-direction:column}.sop-detail-metrics{grid-template-columns:1fr}.sop-detail-actions .button{flex:1 1 140px}.task-lane,.task-card{padding:13px}.task-card-content h3{font-size:16px}.form-grid,.preview-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.dialog>form,.drawer-dialog{min-width:min(100vw - 20px,620px);padding:22px 17px}.dialog-heading h2{font-size:24px}.dialog-actions{align-items:stretch;flex-wrap:wrap}.dialog-actions .button{flex:1 1 140px}.sop-admin-fields{grid-template-columns:repeat(2,1fr)}.history-tabs{overflow-x:auto}.history-row,.movement-row{align-items:flex-start}}@media(max-width:390px){.app-header{gap:7px}.header-actions{gap:5px}.button-dark{padding-inline:10px;font-size:12px}.hero-copy{padding-inline:19px}.hero-meta{flex-wrap:wrap}.task-card-actions .small-button{flex:1 1 100px}.sop-card-footer{align-items:stretch;flex-direction:column}.sop-actions{justify-content:flex-start}.sop-actions .small-button{flex:1 1 130px}.sop-orb-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 5px}.sop-orb{width:clamp(82px,25vw,92px)}.sop-orb-title{font-size:10px}.sop-location-choices{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sop-orb{animation:none!important}}.celebration-layer{--rank-color: var(--rank-d);position:fixed;z-index:50;inset:0;display:grid;place-items:start center;padding-top:max(20px,env(safe-area-inset-top));pointer-events:none}.celebration-layer.rank-s{--rank-color: var(--rank-s)}.celebration-layer.rank-a{--rank-color: var(--rank-a)}.celebration-layer.rank-b{--rank-color: var(--rank-b)}.celebration-layer.rank-c{--rank-color: var(--rank-c)}.celebration-card{display:grid;gap:4px;width:min(420px,calc(100vw - 28px));padding:16px 20px;border:1px solid var(--rank-color);border-radius:14px;background:linear-gradient(145deg,#181916f7,#2c261df0);color:#fff3d8;box-shadow:0 16px 46px #1c160e4d,inset 0 0 20px color-mix(in srgb,var(--rank-color) 14%,transparent);text-align:center;animation:celebration-enter .52s cubic-bezier(.2,.86,.3,1.16) both;pointer-events:auto}.celebration-kicker{color:var(--rank-color);font-size:10px;font-weight:900;letter-spacing:.16em}.celebration-card strong{overflow-wrap:anywhere;font-size:19px}.celebration-points{color:#f3cb68;font-size:21px;font-weight:900}.celebration-points small{color:#d5cbb9;font-size:10px;font-weight:600}.celebration-experience{color:#e3d2ae;font-size:13px;font-weight:800}.celebration-quote{display:grid;gap:8px;margin-top:9px;padding-top:10px;color:#f1dfb7;font-family:var(--font-serif);font-size:13px;line-height:1.55;text-shadow:0 0 12px rgba(241,207,129,.16)}.celebration-quote-rule{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(241,207,129,.46),transparent)}.celebration-quote p{margin:0}.celebration-spark{position:absolute;top:14%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--rank-color);box-shadow:0 0 12px var(--rank-color);animation:spark-burst 1.8s ease-out both}.spark-one{--x: -150px;--y: 160px}.spark-two{--x: 160px;--y: 110px;animation-delay:80ms}.spark-three{--x: 40px;--y: 220px;animation-delay:.14s}@keyframes celebration-enter{0%{opacity:0;transform:translateY(-22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spark-burst{0%{opacity:0;transform:translate(0) scale(.3)}24%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.1)}}