*,:after,:before{box-sizing:border-box}:root{--bg-deep:#1b2440;--bg-mid:#26325a;--panel-soft:#f4f6fc;--ink:#1e293b;--ink-soft:#5b6784;--line:#e4e8f4;--brand:#4f7cff;--brand-dark:#3a5fd9;--gold:#f4b740;--gold-dark:#d99a1f;--green:#17b26a;--green-dark:#0f9257;--coral:#ff6f61;--danger:#ef4444;--font-display:"Fredoka",system-ui,sans-serif;--font-body:"Nunito",system-ui,sans-serif;--radius:16px;--shadow:0 10px 30px rgba(20,30,70,.18);--shadow-sm:0 4px 14px rgba(20,30,70,.12)}body,html{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 0,#2b3a68 0,var(--bg-deep) 55%,#141b33 100%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4{letter-spacing:.2px}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}.btn{border:none;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:800;color:#fff;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{box-shadow:0 5px 0 var(--brand-dark)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--brand-dark)}.btn-gold{background:var(--gold);color:#4a3608;box-shadow:0 5px 0 var(--gold-dark)}.btn-gold:active:not(:disabled){box-shadow:0 2px 0 var(--gold-dark)}.btn-green{background:var(--green);box-shadow:0 5px 0 var(--green-dark)}.btn-green:active:not(:disabled){box-shadow:0 2px 0 var(--green-dark)}.btn-danger{background:var(--danger);box-shadow:0 5px 0 #b91c1c}.btn-danger:active:not(:disabled){box-shadow:0 2px 0 #b91c1c}.btn-ghost{background:hsla(0,0%,100%,.12);color:#fff;box-shadow:none;border:1.5px solid hsla(0,0%,100%,.25)}.btn-ghost:hover{background:hsla(0,0%,100%,.2)}.btn-ghost-light{background:var(--panel-soft);color:var(--ink-soft);box-shadow:none;border:1.5px solid var(--line)}.btn-ghost-light:hover:not(:disabled){background:#e9edf8}.btn-sm{padding:7px 12px;font-size:13px;border-radius:10px}.field{padding:11px 14px;border-radius:12px;border:2px solid var(--line);background:var(--panel-soft);font-size:15px;font-family:var(--font-body);font-weight:600;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,124,255,.15)}.label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);margin-bottom:6px;display:block}.card{background:var(--panel);border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.6)}.modal-overlay{position:fixed;inset:0;background:rgba(15,20,40,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fade .18s ease}.modal{background:var(--panel);border-radius:22px;width:100%;max-width:440px;position:relative;box-shadow:var(--shadow);animation:pop .22s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--panel-soft);color:var(--ink-soft)}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-thumb{background:#cfd6ea;border-radius:8px}.scroll-area::-webkit-scrollbar-track{background:transparent}.stage,.stage-frame{position:relative}.stage-frame{border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0,hsla(0,0%,100%,.06),transparent 60%),linear-gradient(180deg,#2f3f70,#212c52);border:1px solid hsla(0,0%,100%,.12);box-shadow:var(--shadow),inset 0 1px 0 hsla(0,0%,100%,.08);padding:8px 8px 0}.stage-hint{text-align:center;padding:10px;font-size:13px;font-weight:700;color:hsla(0,0%,100%,.55);letter-spacing:.3px}.field{display:flex;flex-direction:column;gap:7px;width:100%;padding:0;border:none;background:none}.field-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft)}.field-input{width:100%;padding:11px 14px;border-radius:12px;border:2px solid var(--line);background:var(--panel-soft);font-size:15px;font-family:var(--font-body);font-weight:600;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease;resize:vertical}.field-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,124,255,.15)}.field-input:disabled{opacity:.6;cursor:not-allowed}.field-hint{font-size:12px;color:var(--coral);font-weight:700}.form-error{background:#fef2f2;color:#b91c1c;border:1.5px solid #fecaca;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;margin:0}.drawer-overlay{position:fixed;inset:0;background:rgba(15,20,40,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;z-index:1000;animation:fade .18s ease}.drawer{width:100%;max-width:420px;height:100%;background:var(--panel);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(10,15,35,.4);animation:slideIn .24s cubic-bezier(.34,1.2,.64,1)}@keyframes slideIn{0%{transform:translateX(40px);opacity:.4}to{transform:translateX(0);opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 18px;border-top:5px solid var(--brand);border-bottom:1px solid var(--line)}.drawer-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--brand)}.drawer-title{margin:2px 0 0;font-size:24px;color:var(--ink)}.drawer-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1 1}.drawer-foot{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:var(--panel-soft)}.drawer-foot .btn{flex:1 1}.icon-btn{border:none;background:var(--panel-soft);width:34px;height:34px;border-radius:10px;font-size:15px;color:var(--ink-soft);display:grid;place-items:center}.icon-btn:hover{background:#e9edf8}.reward-preview{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#fef6e0,#fdeecb);border:2px solid #f6d998}.reward-preview span{font-weight:800;color:#8a6a1c;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.reward-preview strong{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:22px;color:#7a5a10}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:15px;color:#fff;z-index:1200;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1)}.toast-success{background:linear-gradient(180deg,#1fbf75,var(--green-dark))}@keyframes toastIn{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.page{max-width:1080px;margin:0 auto;padding:16px 16px 60px}.section-title{color:#fff;font-size:22px;margin:8px 0 14px;display:flex;align-items:center;gap:10px}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.playlist-list{display:flex;flex-direction:column;gap:10px}.playlist-option{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.playlist-option.is-selected{border-color:var(--brand);background:rgba(79,124,255,.08)}.playlist-option label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.playlist-option label span{display:flex;flex-direction:column;gap:4px;flex:1 1}.playlist-task-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.playlist-task-line>div{display:flex;flex-direction:column;gap:3px;min-width:0}.playlist-task-line small{color:var(--ink-soft);font-size:12px}.playlist-task-line b{color:var(--green-dark);font-size:13px}.playlist-option small{color:var(--ink-soft);font-size:12px}.duration-select{margin:10px 0 0 25px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700}.empty-state{display:flex;flex-direction:column;gap:6px;padding:24px 12px;text-align:center;color:var(--ink-soft)}.pomodoro-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;background:rgba(15,20,40,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pomodoro-overlay .pomodoro-card{margin:auto}.pomodoro-card{width:min(100%,480px);text-align:center;background:var(--panel);color:var(--ink);border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.pomodoro-kicker{color:var(--brand);font-size:12px;font-weight:900;letter-spacing:1px}.pomodoro-card h2{margin:8px 0 4px;font-size:26px}.pomodoro-card p{color:var(--ink-soft);margin:0}.pomodoro-clock{position:relative;display:grid;place-items:center;width:220px;height:220px;margin:26px auto;border-radius:50%;background:conic-gradient(var(--brand) 0deg,var(--brand) 1turn,var(--line) 1turn);box-shadow:inset 0 0 0 12px var(--panel-soft)}.pomodoro-clock:before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--panel)}.pomodoro-clock span,.pomodoro-clock strong{position:relative;z-index:1}.pomodoro-clock strong{font:800 42px var(--font-display)}.pomodoro-clock span{margin-top:-54px;color:var(--ink-soft);font-size:12px;font-weight:800;text-transform:uppercase}.pomodoro-clock.is-break{background:conic-gradient(var(--green-dark),var(--green-dark))}.pomodoro-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pomodoro-actions .btn{flex:1 1;min-width:120px}.pomodoro-skip{margin-top:16px;border:0;background:none;color:var(--ink-soft);text-decoration:underline;font-size:12px;cursor:pointer}.pomodoro-question{margin:18px 0 12px!important;font-weight:800;color:var(--ink)!important}.pomodoro-hint{margin:10px 0 0!important;font-size:12px!important;color:var(--ink-soft)!important}.break-card{border:2px solid var(--line)}.pomodoro-card-wide{width:min(100%,560px);text-align:left}.pomodoro-card-wide .pomodoro-clock,.pomodoro-card-wide .pomodoro-hint,.pomodoro-card-wide .pomodoro-question,.pomodoro-card-wide .pomodoro-skip,.pomodoro-card-wide>h2,.pomodoro-card-wide>p:not(.pomodoro-progress-row *){text-align:center}.pomodoro-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px}.pomodoro-progress-pct{font-family:var(--font-display);color:var(--brand);font-weight:700}.pomodoro-progress-track{height:8px;border-radius:999px;background:var(--panel-soft);overflow:hidden}.pomodoro-progress-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .4s ease}.pomodoro-tasklist{display:flex;flex-direction:column;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.task-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px}.task-row.is-active{background:rgba(79,124,255,.08)}.task-row.is-done,.task-row.is-skipped{opacity:.55}.task-row-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.task-row-body strong{font-size:13px}.task-row.is-done .task-row-body strong{text-decoration:line-through}.task-row-body small{color:var(--ink-soft);font-size:11px}.task-row-price{color:var(--green-dark);font-size:12px;white-space:nowrap}.task-status-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:900;color:var(--panel)}.task-row.is-done .task-status-dot{background:var(--green);border-color:var(--green);color:#fff}.task-row.is-skipped .task-status-dot{background:var(--panel-soft);color:var(--ink-soft);border-color:var(--line)}.task-row.is-active .task-status-dot{border-color:var(--brand)}.task-status-pulse{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:taskPulse 1.4s ease-in-out infinite}@keyframes taskPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.config-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);grid-gap:16px;gap:16px}.config-form{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.template-groups{display:grid;grid-gap:14px;gap:14px;margin-top:16px}.template-group{display:grid;grid-gap:8px;gap:8px}.template-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.template-row span{flex:1 1;font-weight:700}.template-row small{display:block;color:var(--ink-soft);font-size:11px;font-weight:500;margin-top:3px}.template-row b{color:var(--green-dark)}@media (max-width:760px){.config-grid{grid-template-columns:1fr}}@media (max-width:640px){.drawer-title{font-size:21px}.pomodoro-card{padding:22px 16px}}@keyframes topbarLevelPulse{0%{transform:scale(1);box-shadow:0 4px 0 #d99a1f,0 0 0 0 rgba(70,227,154,.6)}30%{transform:scale(1.08);box-shadow:0 4px 0 #d99a1f,0 0 0 10px rgba(70,227,154,0)}to{transform:scale(1);box-shadow:0 4px 0 #d99a1f,0 0 0 0 rgba(70,227,154,0)}}.office-app{min-height:100vh;background:#f2f3ee;color:#293c35;font-family:Segoe UI,system-ui,sans-serif}.office-header{height:86px;padding:0 34px;gap:40px;border-bottom:1px solid #dce1d7;background:#fbfcf7}.office-brand,.office-header{display:flex;align-items:center}.office-brand{gap:12px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.5px}.office-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;font-weight:500;color:#7b897e}.office-monogram{display:grid;place-items:center;background:#f6a117;color:#293c35;width:38px;height:42px;border-radius:10px 2px 10px 2px;font-size:28px;font-weight:800}.office-header nav{display:flex;gap:28px;margin:auto}.office-header nav a{font-size:13px;text-decoration:none;color:#718075;padding:31px 0}.office-header nav a[aria-current]{color:#293c35;border-bottom:3px solid #f6a117}.office-private{font-size:11px;color:#6b7c6f;border:1px solid #d9e0d5;padding:8px 12px;border-radius:20px}.office-body{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1800px;margin:auto}.office-sidebar{padding:35px 25px;border-right:1px solid #dce1d7;background:#fbfcf7}.office-section-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#829083}.office-sidebar h1{font:500 29px/1.2 Georgia,serif;letter-spacing:-.7px;margin:17px 0 12px}.office-intro{line-height:1.7;color:#7d897e;margin:0 0 27px}.office-level{display:flex;align-items:center;gap:12px}.office-level-icon{background:#f5eddc;color:#b77b24;font-size:25px;width:41px;height:41px;text-align:center;line-height:41px;border-radius:10px}.office-level strong{display:block;font-size:12px}.office-level small{display:block;margin-top:5px;font-size:10px;color:#7d897e}.office-level-track{height:4px;background:#e9ede3;border-radius:3px;margin:16px 0 34px;overflow:hidden}.office-level-track span{display:block;background:#f6a117;height:100%}.office-section-heading{display:flex;justify-content:space-between;font-size:10px;color:#7d897e;letter-spacing:1px;margin-bottom:12px}.office-section-heading span+span{letter-spacing:0}.office-person{display:flex;align-items:center;gap:10px;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid #e9ede5;color:#293c35;text-align:left}.office-person:hover{background:#f1f3eb}.office-person strong{display:block;font-size:12px}.office-person small{display:block;font-size:10px;margin:5px 0;color:#829083}.office-person em{font-size:10px;font-style:normal;color:#57735e}.office-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:42px;border-radius:14px;background:#e7d6c7;font-size:11px;font-weight:700}.avatar-1{background:#d1e0db}.avatar-2{background:#e0e2c9}.office-person-arrow{margin-left:auto;color:#8b9b8d}.office-note{background:#f1f3e9;border:1px solid #e5e8dc;border-radius:5px;margin-top:35px;padding:18px}.office-note>span{font-size:9px;letter-spacing:1.5px;color:#7d897e}.office-note p{font:17px/1.4 Georgia,serif;margin:9px 0 0}.office-manage{display:flex;justify-content:space-between;margin-top:24px;font-size:11px;text-decoration:none;color:#637568}.office-main{min-width:0;padding:30px}.office-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.office-toolbar h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:9px 0 0}.office-toolbar h2 span{display:inline-block;font-size:9px;letter-spacing:.2px;background:#e5eadf;color:#66795f;vertical-align:middle;padding:6px 9px;margin-left:12px;border-radius:3px}.office-stats{display:flex;gap:28px}.office-stats>div{border-left:1px solid #d9dfd3;padding-left:20px}.office-stats small{display:block;color:#81907f;font-size:10px}.office-stats strong{display:block;font-size:22px;font-weight:500;margin-top:6px}.office-world{position:relative;background:#e7ede8;border:1px solid #d5ded4;border-radius:8px;overflow:hidden}.office-world .stage-frame{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.office-world .stage-hint{display:none}.office-map-caption{position:absolute;top:20px;left:20px;display:flex;gap:8px;align-items:center;font-size:10px;color:#5f7665;pointer-events:none}.office-live-dot{width:6px;height:6px;background:#809980;border-radius:50%}.office-camera{position:absolute;bottom:18px;right:18px;display:flex;box-shadow:0 3px 14px #23372b12;background:#fbfcf7;border:1px solid #d2dccf;border-radius:5px;overflow:hidden}.office-camera button{border:0;background:transparent;padding:10px 15px;color:#49624e;font-size:12px}.office-camera button:hover{background:#edf1e7}.office-world-footer{gap:15px;font-size:10px;color:#829080;padding:14px 2px}.office-bottom,.office-world-footer{display:flex;justify-content:space-between}.office-bottom{align-items:center;border-top:1px solid #dce1d7;margin-top:18px;padding-top:25px;gap:20px}.office-bottom h3{font:23px Georgia,serif;margin:9px 0}.office-bottom p{font-size:11px;color:#81907f}.office-bottom a{font-size:12px;background:#354e40;color:#fff;padding:13px 18px;text-decoration:none;white-space:nowrap}.office-bottom a span{margin-left:20px}.office-connection{font-size:12px;background:#fff4d8;color:#775b2b;padding:12px;margin-bottom:12px;border-radius:5px}.office-app a:focus-visible,.office-app button:focus-visible{outline:3px solid #b37717;outline-offset:3px}.office-app .drawer-title{font-family:Segoe UI,sans-serif}@media(min-width:1600px){.office-main{padding:36px 45px}.office-sidebar{padding:40px 30px}.office-body{grid-template-columns:310px minmax(0,1fr)}}@media(max-width:1000px){.office-body{grid-template-columns:230px minmax(0,1fr)}.office-sidebar{padding:25px 16px}.office-main{padding:22px 16px}.office-header{padding:0 20px;gap:20px}.office-private{display:none}.office-toolbar{align-items:flex-start}.office-toolbar h2 span{display:none}.office-stats{gap:10px}.office-stats>div{padding-left:10px}.office-world-footer{flex-direction:column}}@media(max-width:700px){.office-header{height:auto;flex-wrap:wrap;padding:18px;gap:10px}.office-header nav{margin:0;width:100%;gap:25px}.office-header nav a{padding:12px 0}.office-body{display:flex;flex-direction:column}.office-main{order:0;padding:22px 12px}.office-sidebar{order:1;border:0;border-top:1px solid #dce1d7}.office-intro,.office-level,.office-level-track,.office-note,.office-sidebar h1,.office-sidebar>.office-section-label{display:none}.office-team{display:grid;grid-template-columns:1fr}.office-toolbar h2{font-size:20px}.office-stats strong{font-size:17px}.office-stats small{font-size:9px}.office-map-caption{top:10px;left:10px;font-size:8px}.office-camera{bottom:8px;right:8px}.office-camera button{padding:8px 10px}.office-bottom{align-items:flex-start}.office-bottom h3{font-size:20px}.office-bottom a{font-size:10px;padding:10px}.office-world-footer{font-size:9px}}:root{--bg-deep:#dce2e5;--bg-mid:#e9edef;--panel:#fff;--panel-soft:#f1f4f6;--ink:#263746;--ink-soft:#657684;--line:#d9e1e6;--brand:#2387a3;--brand-dark:#176b83;--gold-dark:#c47b0e;--green:#48947b;--green-dark:#31755f;--coral:#c87760;--danger:#bf5353;--font-display:"Segoe UI",Arial,sans-serif;--font-body:"Segoe UI",Arial,sans-serif;--radius:5px;--shadow:0 12px 38px #172b3d26;--shadow-sm:0 2px 6px #172b3d0d}body{background:#e4e9ec;font-size:14px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:0;font-weight:600}.game-hud{min-height:76px;gap:28px;padding:0 26px;background:#253c4d;color:#eef4f6;box-shadow:0 2px 10px #112a3820;position:relative;z-index:5}.game-hud,.game-hud-brand{display:flex;align-items:center}.game-hud-brand{gap:11px;text-decoration:none;white-space:nowrap}.game-emblem{display:grid;place-items:center;background:#f6a117;color:#233b4c;border-radius:4px;font-size:27px;font-weight:800}.game-hud-brand strong{display:block;font-size:15px;font-weight:600}.game-hud-brand small{display:block;font-size:8px;letter-spacing:2px;color:#9ab0bf;margin-top:5px}.game-navigation{display:flex;align-self:stretch;gap:4px;margin-right:auto}.game-navigation a{display:flex;align-items:center;gap:8px;padding:0 15px;color:#b9cbd5;font-size:12px;text-decoration:none;border-bottom:3px solid transparent}.game-navigation a:hover{background:#304c5f;color:#fff}.game-navigation a[aria-current]{color:#fff;background:#304c5f;border-bottom-color:#f6a117}.game-navigation a>span{font-size:18px;color:#99b5c3}.game-hud-finance{border-left:1px solid #41596a;padding-left:24px;white-space:nowrap}.game-hud-finance small{display:block;font-size:9px;color:#9ab0bf}.game-hud-finance strong{display:block;font-size:19px;font-weight:600;color:#c6e6a0;margin-top:3px}.game-hud-level{display:flex;gap:10px;align-items:center}.game-hud-level>span{font-size:10px;border:1px solid #6b7e69;color:#f6c56f;padding:8px;border-radius:4px;white-space:nowrap}.game-hud-level small{font-size:9px;color:#b2c4d0}.game-hud-track{height:4px;background:#1b303e;min-width:100px;margin-top:7px;border-radius:2px;overflow:hidden}.game-hud-track i{height:100%;display:block;background:#f6a117}.game-hud-time{font-size:11px;white-space:nowrap;text-align:right;color:#b9cbd5}.game-hud-time small{display:block;font-size:14px;margin-top:3px;color:#fff}.page{max-width:1400px;padding:0 28px 50px}.page>.game-hud{margin:0 -28px 28px}.section-title{color:var(--ink);font-size:24px;font-weight:600;margin-bottom:24px;gap:12px}.card{border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow-sm)}.btn{border-radius:4px;padding:11px 17px;font-size:12px;font-weight:600;box-shadow:none}.btn-primary{background:var(--brand)}.btn-danger,.btn-gold,.btn-green,.btn-primary,.btn-primary:active{box-shadow:none}.btn-secondary{background:#e7edf1;color:#40586b}.btn-ghost{color:#536b7c;border:1px solid #d1dce3;background:#fff}.btn-ghost:hover{background:#edf3f6}.btn-ghost-light{background:#eef2f5;color:#486171}.field-input{border:1px solid var(--line);border-radius:4px;font-size:13px;background:#f8fafb;font-weight:400}.field-input:focus{box-shadow:0 0 0 3px #2387a318}.field-label{font-size:10px;color:#607686;letter-spacing:.8px}.icon-btn{border-radius:4px;border:1px solid #dce4e9}.chip{border-radius:3px;font-size:10px;background:#eaf1f5;color:#4b6c80}.drawer-overlay,.modal-overlay{background:#152d3a50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{max-width:440px;box-shadow:-8px 0 40px #122c3930}.drawer-head{border-top-width:3px;background:#f5f8fa;padding:22px}.drawer-title{font-size:21px}.drawer-kicker{font-size:10px}.drawer-foot{background:#edf3f6}.playlist-option{border-radius:4px;background:#f6f9fa}.playlist-option.is-selected{background:#eef6f8;border-color:#a9ced8}.duration-select{border-radius:3px;font-size:12px}.modal,.pomodoro-card{border-radius:6px}.pomodoro-card{border-top:4px solid var(--brand)}.pomodoro-card h2{font-size:23px}.pomodoro-clock{width:200px;height:200px}.pomodoro-clock strong{font-weight:500;font-size:43px}.pomodoro-kicker{font-size:10px}.task-row{border-radius:4px}.toast{border-radius:5px;font-size:13px}.office-app{background:#e4e9ec;color:var(--ink)}.office-body{grid-template-columns:245px minmax(0,1fr);max-width:none}.office-sidebar{background:#f8fafb;border-right:1px solid #cdd7de;padding:26px 20px}.office-sidebar h1{font:600 23px/1.25 var(--font-display);color:#2f4759;margin:13px 0}.office-intro{color:#778b99;font-size:11px}.office-section-label{color:#7b91a1;letter-spacing:1.4px}.office-section-heading{color:#738a99}.office-level-icon{border-radius:4px;background:#edf0e7}.office-level-track{background:#dfe7eb}.office-person{border-bottom-color:#e0e7eb;color:#344f61}.office-person:hover{background:#eaf1f5}.office-person small{color:#738a99}.office-person em{color:#4a8394}.office-avatar{border-radius:5px}.office-note{background:#edf3f6;border-color:#dce6ec;border-radius:4px}.office-note p{font:13px/1.65 var(--font-body)}.office-note>span{color:#617f91}.office-manage{color:#547b91}.office-main{padding:23px}.office-toolbar{margin-bottom:17px}.office-toolbar h2{font-size:21px;font-weight:600}.office-toolbar h2 span{background:#cfdae0;color:#5f7a8c}.office-stats strong{font-size:18px;color:#3b596e}.office-stats small{color:#758c9c}.office-stats>div{border-left-color:#ccd7df}.office-world{border:1px solid #c6d2da;border-radius:5px;background:radial-gradient(ellipse at center,#e4e8e6,#c9d2d4)}.office-map-caption{color:#5d7887;background:#ffffffbd;border:1px solid #d4dee2;padding:7px 10px;border-radius:3px}.office-camera{border-radius:3px;border-color:#c5d2db;background:#f8fbfd}.office-camera button{color:#4c6b7f}.office-world-footer{color:#6b8494}.office-bottom{border-color:#cbd7df}.office-bottom h3{font:600 20px var(--font-display)}.office-bottom p{color:#728a99}.office-bottom a{background:#2a7e9a;border-radius:4px}@media(min-width:1600px){.office-body{grid-template-columns:275px minmax(0,1fr)}.office-main{padding:28px 34px}}@media(max-width:1100px){.game-hud{gap:12px;padding:0 18px}.game-navigation a{padding:0 9px}.game-hud-level,.game-hud-time{display:none}.game-hud-finance{padding-left:14px}.office-body{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:700px){.game-hud{flex-wrap:wrap;padding:13px 15px 0;gap:14px}.game-hud-brand{margin-right:auto}.game-hud-finance{border:0;padding:0}.game-hud-finance strong{font-size:16px}.game-navigation{order:3;width:100%;height:44px;margin:0;justify-content:space-between}.game-navigation a{flex:1 1;justify-content:center;font-size:11px}.page{padding:0 14px 35px}.page>.game-hud{margin:0 -14px 24px}.office-body{display:flex}.office-sidebar{padding:20px}.office-main{padding:20px 10px}.office-world-footer{font-size:9px}.office-toolbar h2{font-size:18px}.office-bottom h3{font-size:17px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.config-grid>.card{padding:22px}.config-grid>.card>h2{margin:0 0 12px;font-size:19px}.template-group{padding:12px;background:#f4f8fa;border:1px solid #e1e8ed;border-radius:4px}.template-row{border-radius:3px}.office-avatar.crew-portrait{width:58px;height:68px;flex:0 0 58px;overflow:hidden;border-radius:12px;border:1px solid #d7e0e4;background:#fff}.crew-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.drawer-head>.crew-portrait{width:72px;height:84px;flex-basis:72px}.drawer-head>div{flex:1 1;min-width:0}.contracts-page{display:grid;grid-gap:18px;gap:18px}.contract-panel{padding:24px}.contract-panel h2,.contract-panel h3{margin:0 0 10px}.contract-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.contract-fieldset{border:0;padding:0;margin:0;min-width:0}.contract-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.contract-service{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;padding:16px;margin:18px 0}.contract-task{display:grid;grid-template-columns:2fr 1.5fr .65fr .8fr auto;grid-gap:10px;gap:10px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.contract-task .field{min-width:0}.contract-task-total{display:grid;grid-gap:5px;gap:5px}.contract-task-total small{color:var(--ink-soft)}.contract-summary{display:flex;gap:18px;flex-wrap:wrap;background:#e3eff2;padding:16px;border-radius:8px;margin-top:20px}.contract-saved{margin:14px 0}.contract-saved summary{cursor:pointer;padding:10px 0}.contract-assigned{padding:0;list-style:none}.contract-assigned li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.contract-assigned small{display:block;color:var(--ink-soft);margin-top:4px}@media(max-width:800px){.contract-task{grid-template-columns:1fr 1fr}.contract-task-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.contract-panel{padding:16px}.contract-fields{grid-template-columns:1fr}}.contracts-page .btn:not(.btn-primary){background:#e1eaf0;color:#294556;border:1px solid #bcced9}.contracts-page .btn:not(.btn-primary):hover{background:#d2e2ec}.contracts-page .btn:disabled{opacity:.5}.contract-extras{margin-top:22px;padding-top:20px;border-top:2px solid #f0b650}.contract-extras>.field{max-width:230px}.record-action{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.record-action .form-error{flex-basis:100%}@font-face{font-family:Bebas Neue;src:url(/assets/brand/BebasNeue-Regular.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Bitter;src:url(/assets/brand/Bitter-Regular.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Bitter;src:url(/assets/brand/Bitter-Bold.ttf) format("truetype");font-display:swap;font-weight:700}:root{--bg-deep:#0b0c0f;--bg-mid:#101216;--panel:#16181d;--panel-soft:#1d2027;--ink:#f3efe6;--ink-soft:#a6a29b;--line:#2a2c31;--brand:#f6a117;--brand-dark:#d98a0f;--gold:#f6a117;--font-display:"Bebas Neue","Arial Narrow",sans-serif;--font-body:"Bitter",Georgia,serif;--radius:12px;--shadow:0 12px 35px #0003;--shadow-sm:none}.office-app,body{background:#0b0c0f;color:var(--ink);font-family:var(--font-body)}h1,h2{font-family:var(--font-display);font-weight:400!important;letter-spacing:.025em}h3,h4{font-family:var(--font-body);font-weight:700}.game-hud{background:#101216;border-bottom:1px solid #34302a;color:var(--ink)}.game-emblem{background:transparent;width:36px;height:40px}.game-emblem img{width:34px;height:36px}.game-hud-brand strong{font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:1px}.game-hud-brand small,.game-hud-finance small,.game-hud-level small,.game-hud-time{color:#a6a29b}.game-navigation a{color:#bbb7ad;font-family:var(--font-display);font-size:18px;letter-spacing:.5px}.game-navigation a:hover,.game-navigation a[aria-current]{background:#211d17;color:#f6a117}.game-navigation a>span{color:inherit}.game-hud-finance{border-color:var(--line)}.game-hud-finance strong{color:#f6a117;font-family:var(--font-display);font-weight:400;font-size:26px}.game-hud-time small{color:var(--ink)}.game-hud-track,.office-level-track{background:#2a2c31}.game-hud-level>span{border-color:#67502c;color:#f6a117}.card,.drawer,.modal,.pomodoro-card{background:var(--panel);color:var(--ink);border-color:var(--line);border-radius:12px}.section-title{font-size:34px}.muted{color:var(--ink-soft)}.btn,.icon-btn{font-family:var(--font-body);border-radius:7px}.btn-gold,.btn-primary{background:#f6a117;color:#17130d}.btn-primary:hover{background:#ffb63b}.btn-ghost,.btn-ghost-light,.btn-secondary,.icon-btn{background:#24262b;color:var(--ink);border-color:#3b3c40}.duration-select,.field-input{background:#101216;color:var(--ink);border-color:#393b40;border-radius:7px}.field-input:focus{border-color:#f6a117;box-shadow:0 0 0 3px #f6a11722}.drawer-kicker,.field-label,.office-section-heading,.office-section-label{font-family:var(--font-display);font-weight:400;font-size:14px;letter-spacing:1.1px;color:#c1b9aa}input[type=month]{color-scheme:dark}.drawer-foot,.drawer-head,.playlist-option,.task-row,.template-group{background:#1d2027;color:var(--ink);border-color:var(--line)}.playlist-option.is-selected{background:#2b2418;border-color:#775826}.drawer-overlay,.modal-overlay{background:#090a0dd9}.office-sidebar{background:#101216;border-color:var(--line);padding-top:28px}.office-sidebar h1{font-family:var(--font-display);font-size:34px;line-height:1.05;color:var(--ink);font-weight:400}.office-intro{font-size:12px;color:#a6a29b;line-height:1.8}.office-level-icon{background:#282115;color:#f6a117}.office-person{color:var(--ink);border-color:var(--line)}.office-person:hover{background:#201e19}.office-person small{color:#b5afa3}.office-person em{color:#e2b975}.office-note{background:#1d1c18;border-color:#4d3c22}.office-manage,.office-note>span{color:#e1b36b}.office-note p{color:#c1b9aa}.office-toolbar h2{font-size:29px}.office-toolbar h2 span{background:#2b251a;color:#e1b36b;font-family:var(--font-body);font-size:10px}.office-stats strong{color:#f6a117;font-family:var(--font-display);font-size:26px;font-weight:400}.office-stats small{color:#a6a29b}.office-stats>div{border-color:var(--line)}.office-world{background:#0b0c0f;border-color:#36312a;border-radius:12px}.office-map-caption{background:#121418e8;color:#e1b36b;border-color:#4b3a22}.office-camera{background:#16181d;border-color:#4b3a22}.office-camera button{color:#e1b36b}.office-bottom p,.office-world-footer{color:#a6a29b}.office-bottom{border-color:var(--line)}.office-bottom a{background:#f6a117;color:#17130d}.office-bottom h3{color:var(--ink)}.office-avatar.crew-portrait{border-color:#8b682e}.contract-service,.contract-summary{background:#1d2027;border-color:var(--line);color:var(--ink)}.contract-summary{background:#2b2418;border:1px solid #5c4525}.contracts-page .btn:not(.btn-primary){background:#25272c;color:var(--ink);border-color:#41434a}.contracts-page .btn:not(.btn-primary):hover{background:#353128}.contract-extras{border-color:#795b27}.template-row{background:#16181d}.office-app .drawer-title{font-family:var(--font-display);font-size:27px}@media(max-width:700px){.office-sidebar h1{font-size:29px}.game-hud-brand strong{font-size:22px}.office-toolbar h2{font-size:24px}}.desk-queue{width:min(640px,100vw)}.queue-tabs{display:flex;gap:10px;padding:14px 24px;border-bottom:1px solid var(--line)}.queue-task{border:1px solid var(--line);border-radius:14px;padding:18px;background:#16181d}.queue-task.is-running{border-color:#f6a117;box-shadow:inset 3px 0 #f6a117}.queue-task-heading{display:flex;justify-content:space-between;gap:12px}.queue-task h3{font-family:var(--font-body,inherit);font-size:17px;margin:12px 0 6px}.queue-task p{font-size:12px}.queue-status{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#f6a117}.status-completada{color:#88d6a3}.status-pospuesta{color:#b6b3ca}.queue-timer{display:flex;align-items:center;gap:18px;margin:16px 0}.queue-timer>strong{font-size:38px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff}.queue-timer span{font-size:13px}.queue-timer small{display:block;font-size:11px;margin-top:6px;color:#a5a7af}.queue-duration{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:16px}.queue-duration input{width:70px;padding:7px;background:#0b0c0f;color:#fff;border:1px solid #444;border-radius:6px}.queue-actions{display:flex;flex-wrap:wrap;gap:8px}.queue-actions .btn{font-size:12px;padding:9px 12px}.desk-queue .drawer-foot p{margin:0;font-size:11px;line-height:1.6}.desk-queue .playlist-list{display:grid;grid-gap:12px;gap:12px}.finance-ledger{max-width:1500px}.ledger-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:30px 0}.ledger-head h1{font-size:42px;margin:8px 0}.ledger-actions{display:flex;flex-wrap:wrap;gap:8px}.ledger-actions .btn{font-size:12px}.ledger-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.ledger-stats section{padding:24px}.ledger-stats strong{display:block;font-size:32px;color:#f6a117;margin:12px 0}.ledger-stats small{color:#a9abb2}.ledger-section{padding:24px;margin-top:22px}.ledger-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.ledger-section h2{font-size:27px;margin:0 0 6px}.ledger-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:22px 0}.ledger-filters label{display:grid;grid-gap:8px;gap:8px;font-size:12px;flex:1 1;min-width:150px}.ledger-period{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0;font-size:13px;border-bottom:1px solid #34363e}.ledger-table{overflow:auto;max-height:480px}.ledger-table thead{position:-webkit-sticky;position:sticky;top:0;background:#1c1e25;z-index:1}.ledger-table table{border-collapse:collapse;width:100%;text-align:left;min-width:740px}.ledger-table th{font-size:11px;text-transform:uppercase;color:#a9abb2;padding:18px 12px}.ledger-table td{border-top:1px solid #34363e;padding:17px 12px;font-size:13px}.ledger-table td small{display:block;margin-top:5px;color:#a9abb2}.ledger-table td:nth-child(4){white-space:nowrap;font-weight:700}.ledger-in{color:#8dddaf}.ledger-out{color:#ffa294}.ledger-tag{font-size:11px;padding:5px 8px;background:#292b33;border-radius:6px}.ledger-rules{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.ledger-rules article{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#14161b;padding:20px;border:1px solid #34363e;border-radius:10px}.ledger-rules small,.ledger-rules span{display:block;font-size:12px;margin-top:8px;color:#bcbec5}.ledger-rules span{color:#f6a117}.ledger-help{font-size:12px;line-height:1.8;color:#a9abb2;margin-top:24px}.ledger-notice{color:#8dddaf}.ledger-modal{position:fixed;inset:0;background:#000b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:grid;place-items:center;padding:18px;overflow:auto}.ledger-modal>section{padding:28px;width:min(520px,100%);max-height:90vh;overflow:auto}.ledger-modal .field{margin-bottom:16px;display:grid;grid-gap:8px;gap:8px}.ledger-modal p{font-size:12px;line-height:1.7}.ledger-modal h2{margin-top:0;font-size:30px}@media(max-width:800px){.ledger-head{display:block}.ledger-stats{grid-template-columns:1fr}.ledger-head .ledger-actions{margin-top:20px}.ledger-rules article{align-items:flex-start;flex-direction:column}.ledger-section{padding:16px}}.desk-glass-anchor{width:132px;height:56px;pointer-events:auto}.desk-glass-card{box-sizing:border-box;position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:15px;border:1px solid hsla(0,0%,100%,.28);background:linear-gradient(140deg,hsla(0,0%,100%,.17),rgba(22,24,29,.6));backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);color:#f3efe6;box-shadow:0 9px 23px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.22),0 0 12px rgba(246,161,23,.1);cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;isolation:isolate}.desk-glass-card strong{font-family:Bitter,Georgia,serif;font-size:14px;font-weight:700;line-height:1.1;text-shadow:0 1px 4px #0007}.desk-glass-count{font-family:Bitter,Georgia,serif;font-size:10px;line-height:1.2;color:#ffe2ad;white-space:nowrap}.desk-glass-card.is-desk-hovered,.desk-glass-card:focus-visible,.desk-glass-card:hover:not(:disabled){border-color:rgba(255,205,112,.85);background:linear-gradient(135deg,rgba(246,161,23,.3),rgba(30,32,39,.64));box-shadow:0 12px 28px rgba(0,0,0,.36),0 0 24px rgba(246,161,23,.46),inset 0 1px 0 rgba(255,239,202,.55);transform:translateY(-3px)}.desk-glass-card:focus-visible{outline:2px solid #f6a117;outline-offset:4px}.desk-glass-card:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.desk-glass-card{transition:none}.desk-glass-card.is-desk-hovered,.desk-glass-card:focus-visible,.desk-glass-card:hover:not(:disabled){transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.desk-glass-card{background:rgba(22,24,29,.93)}}.desk-glass-anchor{pointer-events:none}.desk-glass-anchor .desk-glass-card{opacity:0;pointer-events:none;transition:opacity .18s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease}.desk-glass-anchor.is-revealed .desk-glass-card,.desk-glass-anchor:focus-within .desk-glass-card{opacity:1;pointer-events:auto}.desk-pending-beacon{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#ffe1a0;border:1px solid #fff1cf;box-shadow:0 0 7px #f6a117,0 0 20px #f6a117b3;opacity:0;pointer-events:none;transition:opacity .18s ease;animation:desk-beacon-glow 2.4s ease-in-out infinite}.desk-glass-anchor.has-pending .desk-pending-beacon{opacity:1;pointer-events:auto}.desk-glass-anchor.is-revealed .desk-pending-beacon,.desk-glass-anchor:focus-within .desk-pending-beacon{opacity:0;pointer-events:none}@keyframes desk-beacon-glow{50%{box-shadow:0 0 10px #f6a117,0 0 26px #f6a117cc}}@media(prefers-reduced-motion:reduce){.desk-pending-beacon{animation:none;transition:none}.desk-glass-anchor .desk-glass-card{transition:none}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#51381155,transparent 60%),#0b0c0f}.login-card{width:min(460px,100%);padding:30px;margin:30px auto}.login-card>img{margin-bottom:24px}.login-card .office-section-label{display:block}.login-card h1{font-size:35px}.login-card .field{display:grid;grid-gap:8px;gap:8px;margin:20px 0}.login-card .ledger-actions{margin-top:20px}