@font-face{font-family:Aleo;src:url(/fonts/Aleo-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}button{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#0b0b12;color:#f4f4f4;font-family:Aleo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{width:100%;height:100%;position:relative}canvas{display:block}.dialog-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:32px;background:linear-gradient(180deg,#06080e00,#06080e73 70%,#06080eb3);pointer-events:auto;z-index:20}.dialog-overlay.hidden{display:none}.dialog-panel{width:min(560px,90vw);background:#181b27eb;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px;box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-title{margin:0 0 8px;font-size:18px;letter-spacing:.02em}.dialog-text{margin:0 0 16px;font-size:15px;color:#ffffffd6;line-height:1.4;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dialog-options{display:grid;gap:10px}.dialog-option{width:100%;text-align:left;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:#2e3242e6;color:#ffffffe6;font-size:14px;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.dialog-option:hover{background:#3e4356e6}.dialog-option.is-selected{border-color:#ffd6a599;background:#4e556ef2;transform:translateY(-1px)}.dialog-option-label{line-height:1.4;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dialog-option-description{margin-top:6px;font-size:11px;color:#ffd6a5bf;line-height:1.3;font-style:italic}.coffee-chat-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:#06080eb8;pointer-events:auto;z-index:21}.coffee-chat-overlay.hidden{display:none}.coffee-chat-panel{width:min(720px,94vw);max-height:86vh;overflow:auto;background:#161923f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 24px;box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.coffee-chat-title{margin:0 0 8px;font-size:20px;letter-spacing:.02em}.coffee-chat-highlight{margin:0 0 10px;font-size:14px;color:#ffd6a5d9;line-height:1.4}.coffee-chat-highlight.hidden{display:none}.coffee-chat-name{margin-bottom:12px;font-size:16px;font-weight:600;color:#ffffffe6}.coffee-chat-stats{display:grid;gap:10px;margin-bottom:16px}.coffee-chat-stat{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#222634e6}.coffee-chat-stat-header{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:6px}.coffee-chat-stat-label{color:#ffffffc7}.coffee-chat-stat-value{color:#ffd6a5e6;font-weight:600}.coffee-chat-stat-bar{height:8px;border-radius:999px;background:#141620e6;overflow:hidden}.coffee-chat-stat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7e8bb2e6,#ffd6a5f2)}.coffee-chat-stat-todo .coffee-chat-stat-fill{background:linear-gradient(90deg,#ffd6a5f2,#7e8bb2e6)}.coffee-chat-confirm{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#393f52f2;color:#ffffffe6;font-size:14px;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .12s ease,border-color .12s ease}.coffee-chat-confirm:hover{background:#4e556ef2;border-color:#ffd6a566}.endday-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:#06080eb8;pointer-events:auto;z-index:21}.endday-overlay.hidden{display:none}.endday-panel{width:min(820px,94vw);max-height:86vh;overflow:auto;background:#121520f5;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 26px;box-shadow:0 22px 50px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.endday-title{margin:0 0 6px;font-size:20px;letter-spacing:.02em}.endday-highlight{margin:0 0 16px;font-size:14px;color:#ffd6a5d9}.endday-highlight.hidden{display:none}.endday-entries{display:grid;gap:12px;margin-bottom:16px}.endday-entry{padding:12px 14px;border-radius:12px;background:#24293ae6;border:1px solid rgba(255,255,255,.06)}.endday-entry.is-top{border-color:#ffd6a580;box-shadow:0 0 0 1px #ffd6a533}.endday-entry-header{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;margin-bottom:8px}.endday-rank{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#0c0e16b3;color:#fffc;border:1px solid rgba(255,255,255,.08)}.endday-name{font-size:15px;font-weight:600;color:#fffffff2}.endday-score{font-size:15px;color:#ffd6a5e6;font-variant-numeric:tabular-nums}.endday-bar{height:8px;border-radius:999px;background:#0a0c12cc;overflow:hidden}.endday-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7ec4ffe6,#ffd6a5f2)}.endday-stats{margin-top:6px;font-size:12px;color:#ffffffb3}.endday-confirm{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#3e4356eb;color:#fffffff2;font-size:14px;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.endday-confirm:hover{background:#4e556ef2;border-color:#ffd6a566;transform:translateY(-1px)}.mask-dialog-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:#06080ebf;pointer-events:auto;z-index:20}.mask-dialog-overlay.hidden{display:none}.mask-dialog-panel{width:min(820px,94vw);background:#161923f2;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px 26px;box-shadow:0 20px 46px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mask-dialog-title{margin:0 0 8px;font-size:20px;letter-spacing:.02em}.mask-dialog-text{margin:0 0 18px;font-size:14px;color:#fffc}.mask-dialog-text.hidden{display:none}.mask-dialog-options{display:grid;grid-template-columns:1fr;gap:12px}.mask-dialog-option{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:#2e3242e6;color:#ffffffeb;font-size:14px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.mask-dialog-option:hover{background:#3e4356eb}.mask-dialog-option.is-selected{border-color:#ffd6a599;background:#4e556ef2;transform:translateY(-1px)}.mask-option-icon{width:88px;height:88px;object-fit:contain;padding:8px;border-radius:10px;background:#0c0e1699;border:1px solid rgba(255,255,255,.06)}.mask-option-content{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.mask-option-name{font-size:15px;font-weight:600;color:#fffffff2}.mask-option-modifiers{margin:0;padding-left:16px;color:#ffffffc7;line-height:1.3}.hud-mask-container{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#0c0e14a6;border:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.02em;pointer-events:none;z-index:5}.hud-phase-day{position:absolute;top:16px;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:#0c0e14a6;border:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.02em;pointer-events:none;z-index:5}.hud-day-phase-container{display:inline-flex;align-items:center;gap:4px}.hud-day-label{color:#ffffffb8;font-size:12px}.hud-separator{color:#fff6;font-size:12px}.hud-phase-label{color:#ffffffeb;font-weight:600;font-size:12px}.hud-stepper{position:relative;display:flex;align-items:center;justify-content:center;width:280px;height:24px;pointer-events:none;z-index:1}.hud-stepper-line{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);height:2px;background:#ffffff26;z-index:0}.hud-stepper-dots{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;z-index:1}.hud-stepper-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.15);transition:all .2s ease;flex-shrink:0}.hud-stepper-dot.completed{background:#7ec4ff99;border-color:#7ec4ffcc;width:10px;height:10px}.hud-stepper-dot.active{background:#ffd6a5f2;border-color:#ffd6a5;width:14px;height:14px;box-shadow:0 0 8px #ffd6a580}.hud-day{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#0c0e14a6;border:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.02em;pointer-events:auto;z-index:5}.hud-sound-toggle{border:0;background:#ffffff14;color:#ffffffd9;font-size:11px;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:4px 8px;border-radius:999px;cursor:pointer}.hud-sound-toggle:hover{background:#ffffff24}.hud-sound-toggle:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.hud-mask{display:inline-flex;align-items:center;gap:6px;color:#ffffffe0;font-size:11px}.hud-mask.hidden{display:none}.hud-mask-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.hud-mask-name{white-space:nowrap}.hud-stats{position:absolute;top:56px;left:16px;display:grid;gap:8px;width:min(240px,46vw);pointer-events:none;z-index:5}.hud-log{position:absolute;left:16px;bottom:16px;width:min(320px,55vw);height:170px;padding:8px 10px;border-radius:12px;background:#0a0c1240;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:5;display:flex}.hud-log-scroll{flex:1;overflow-y:auto;padding-right:6px;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.hud-log-list{display:flex;flex-direction:column;gap:6px}.hud-log-entry{font-size:12px;line-height:1.3;color:#ffffffeb}.hud-log-scroll::-webkit-scrollbar{width:6px}.hud-log-scroll::-webkit-scrollbar-track{background:transparent}.hud-log-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.hud-stat{background:#10121cb8;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 8px 8px}.hud-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:#ffffffd9}.hud-stat-label{color:#ffffffd9}.hud-stat-you{color:#40e0d0f2;font-weight:600}.hud-workload-reduction{margin-left:5px;color:#ffffffd9;font-weight:400;font-size:12px}.hud-workload-reduction.green{color:#91da48f2}.hud-workload-reduction.yellow{color:#dab848f2}.hud-stat-bar{width:100%;height:6px;background:#ffffff1f;border-radius:999px;overflow:hidden}.hud-stat-fill{height:100%;background:linear-gradient(90deg,#7e8bb2e6,#ffd6a5f2);border-radius:999px}.hud-stat-todo .hud-stat-fill{background:linear-gradient(90deg,#ffd6a5f2,#7e8bb2e6)}spoiler-span{display:inline!important;font-weight:600;padding:2px 6px;border-radius:4px;cursor:pointer;position:relative}spoiler-span:not(:defined){display:inline;visibility:visible}canvas[style*="pointer-events: none"]{z-index:9999!important}@media(max-width:799px){.hud-phase-day{right:16px;left:auto;transform:none;min-width:140px;max-width:150px}.hud-stepper{display:none!important}}.main-menu-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0b12d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;pointer-events:auto}.main-menu-overlay.hidden{display:none}.main-menu-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px;max-width:600px}.main-menu-title{font-family:Aleo,serif;font-size:80px;font-weight:700;color:#f4f4f4;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:.02em}.main-menu-start-btn{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;color:#0b0b12;background:#ccd4e0;border:none;padding:16px 48px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.main-menu-start-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.main-menu-credits{margin-top:24px;font-family:Outfit,sans-serif;color:#f4f4f499;font-size:14px}.main-menu-credits h3{font-size:16px;font-weight:600;color:#f4f4f4e6;margin-bottom:12px}.main-menu-credits p{margin:12px 0 4px;font-weight:500}.main-menu-credits ul{list-style:none;padding:0;margin:0}.main-menu-credits li{margin:2px 0}.intro-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0b12;z-index:100;pointer-events:auto}.intro-overlay.hidden{display:none}.intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;max-width:800px;padding:32px;height:90vh}.intro-image-display{width:100%;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#151824;box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.1);min-height:0}.intro-image{max-width:100%;max-height:100%;object-fit:contain}.intro-text-display{background:#151824e6;padding:24px;border-radius:8px;border:1px solid rgba(255,255,255,.08);width:100%}.intro-text{font-family:Aleo,serif;font-size:20px;font-weight:400;line-height:1.5;color:#f4f4f4;margin:0;text-align:center}.intro-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.intro-btn{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;transition:all .2s ease}.intro-btn-next{background:#ccd4e0;color:#0b0b12}.intro-btn-next:hover{background:#fff}.intro-btn-skip{background:transparent;color:#f4f4f499;border:1px solid rgba(244,244,244,.2)}.intro-btn-skip:hover{background:#f4f4f41a;color:#f4f4f4}a{color:#f4f4f4}