:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4ead4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text:#f6edd6;--muted:#bcaad4;--rose:#ff90ad;--cyan:#7fc8e8;--mint:#97d9a6;--amber:#ffb45c;--danger:#ff7d8e;--lavender:#b89cff;--panel:#1f1734e6;--panel-strong:#261c3ef2;--panel-line:#4a3a76;--frame:#5a4889;--frame-dark:#110b24;--cream:#efe0bd;--pixel:"Press Start 2P", "Nunito", monospace;--digits:"VT323", "Nunito", monospace;--radius:0px;--shadow:6px 7px 0 0 #07041280;background:#14102a;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-weight:600;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin-top:0}.pixel-panel,.app-header,.floating-window,.audio-dock,.dj-panel,.widget-tray__panel,.widget-tray__toggle,.widget-deck__card{background:var(--panel);border:2px solid var(--frame-dark);box-shadow:inset 2px 2px 0 0 #ffffff12, inset -2px -2px 0 0 #00000073, 0 0 0 2px var(--frame), var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:0}.app-shell{min-height:100vh;position:relative}.scene-canvas{z-index:-2;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:fixed;inset:0}.scene-vignette{z-index:-1;pointer-events:none;background:radial-gradient(130% 100% at 50% 32%,#0000 55%,#0a061657 100%),linear-gradient(#0c081a0a,#0c081a29);position:fixed;inset:0}.app-header{z-index:2000;border-left:0;border-right:0;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:8px 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 2px #ffffff0f,inset 0 -2px #00000080,0 4px #07041266}.brand{color:var(--text);align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand__mark{border:2px solid var(--frame-dark);color:#1a1330;background:linear-gradient(160deg, var(--amber), var(--rose));border-radius:0;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.brand strong,.transport__label strong,.clock-wrap strong,.deck strong{display:block}.brand strong{font-family:var(--pixel);letter-spacing:0;color:var(--cream);font-size:.62rem}.brand small,.transport__label small,.session-card small,.clock-wrap small,.deck span{color:var(--muted);font-size:.74rem}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.select-control,.time-pill,.ghost-button,.text-button,.icon-button{border:2px solid var(--frame-dark);min-height:36px;color:var(--text);background:#ffffff0d;border-radius:0;justify-content:center;align-items:center;gap:8px;transition:background .14s,transform .14s,color .14s;display:inline-flex;box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #0006}.time-pill{white-space:nowrap;font-family:var(--digits);color:var(--amber);padding:0 12px;font-size:1.25rem}.select-control{min-width:0;color:var(--muted);padding:0 10px}.select-control select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none}.select-control option{color:#14102a}.ghost-button{padding:0 12px;font-size:.82rem}.text-button{color:var(--mint);padding:0 10px;font-size:.82rem}.icon-button{width:36px;padding:0}.icon-button--small{width:28px;min-height:28px}.ghost-button:hover,.text-button:hover,.icon-button:hover,.select-control:hover{background:#b89cff29;transform:translateY(-1px)}.ghost-button:active,.icon-button:active{transform:translate(1px,1px)}.ghost-button--danger{color:var(--danger)}.ghost-button--danger:hover{background:#ff7d8e29}.workspace{position:relative}.widget-layer{z-index:5;pointer-events:none;position:fixed;inset:0}.widget-empty{text-align:center;z-index:5;color:var(--text);border:2px dashed var(--frame);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140e2699;justify-items:center;gap:8px;padding:20px 26px;display:grid;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)}.widget-empty p{font-family:var(--pixel);color:var(--cream);margin:0;font-size:.66rem}.widget-empty small{color:var(--muted)}.widget-empty__hint{opacity:.75;font-size:.72rem}.widget-empty__close{border:2px solid var(--frame-dark);color:#1a1330;background:var(--rose);border-radius:0;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px;box-shadow:inset 1px 1px #ffffff4d}.widget-empty__close:hover{background:var(--danger)}.floating-window{pointer-events:auto;flex-direction:column;display:flex;position:absolute;overflow:visible}.floating-window__bar{cursor:grab;border-bottom:2px solid var(--frame-dark);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#5a48898c,#261c3e8c);align-items:center;gap:8px;height:30px;padding:0 6px 0 8px;display:flex}.floating-window__bar:active{cursor:grabbing}.floating-window__bar--static{cursor:default}.floating-window__grip{opacity:.7;background-image:radial-gradient(#f6edd6b3 1px,#0000 1px);background-position:0 1px;background-size:4px 4px;flex:none;width:14px;height:12px}.floating-window__title{min-width:0;font-family:var(--pixel);letter-spacing:0;color:var(--cream);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:7px;font-size:.56rem;display:inline-flex;overflow:hidden}.floating-window__title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:Nunito,sans-serif;font-size:.72rem;overflow:hidden}.floating-window__icon{color:var(--amber);display:inline-flex}.floating-window__close{border:2px solid var(--frame-dark);color:#1a1330;background:var(--rose);border-radius:0;flex:none;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 1px 1px #ffffff59}.floating-window__close:hover{background:var(--danger)}.floating-window__body{scrollbar-width:thin;scrollbar-color:var(--frame) transparent;flex:1;min-height:0;overflow:auto}.floating-window__resize{cursor:nwse-resize;background:linear-gradient(135deg, transparent 50%, var(--frame) 50%, var(--frame) 62%, transparent 62%, transparent 74%, var(--frame) 74%, var(--frame) 86%, transparent 86%);touch-action:none;width:16px;height:16px;position:absolute;bottom:-2px;right:-2px}.floating-window .widget{height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:12px 13px 14px;overflow:visible}.floating-window .widget__header h2{display:none}.widget{padding:16px}.widget__header,.dj-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.widget__action{flex:none}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.04em;font-family:var(--pixel);align-items:center;gap:6px;font-size:.46rem;line-height:1.6;display:inline-flex}h2{font-family:var(--pixel);color:var(--cream);margin-bottom:0;font-size:.66rem;line-height:1.5}p{color:#d8c9e4}.pomodoro,.session-planner,.notes,.tasks,.clock-wrap{gap:12px;display:grid}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preset-card{border:2px solid var(--frame-dark);min-height:60px;color:var(--muted);background:#ffffff0a;border-radius:0;align-content:center;place-items:center;gap:6px;font-size:.78rem;transition:background .14s,color .14s,transform .12s;display:grid;box-shadow:inset 1px 1px #ffffff0f}.preset-card:hover{transform:translateY(-1px)}.preset-card--active{color:#1a1330;border-color:var(--frame-dark);background:linear-gradient(160deg, var(--mint), var(--cyan))}.intention-field{color:var(--muted);gap:8px;font-size:.82rem;display:grid}.intention-field span{align-items:center;gap:7px;display:inline-flex}.intention-field textarea{resize:vertical;border:2px solid var(--frame-dark);width:100%;min-height:80px;color:var(--text);background:#0c08188c;border-radius:0;outline:none;padding:10px}.session-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.session-summary article{border:2px solid var(--frame-dark);background:#ffffff0a;border-radius:0;align-content:center;gap:5px;min-height:68px;padding:9px;display:grid}.session-summary span,.stats-grid span,.session-summary+.session-planner__hint{color:var(--muted)}.session-summary span{text-transform:uppercase;letter-spacing:.03em;font-size:.66rem}.session-summary strong{overflow-wrap:anywhere;min-width:0;font-size:.86rem}.session-planner__hint{color:var(--muted);margin-bottom:0;font-size:.82rem}.timer-ring{aspect-ratio:1;border:3px solid var(--frame-dark);width:min(190px,70%);color:var(--text);background:radial-gradient(circle at center, #140e26f5 58%, transparent 59%), conic-gradient(var(--amber) var(--timer-progress), #ffffff14 0);border-radius:999px;align-content:center;place-items:center;gap:6px;margin:4px auto 0;display:grid;box-shadow:inset 0 0 0 3px #ffffff0d}.timer-ring span{font-family:var(--digits);color:var(--cream);font-size:clamp(2.4rem,9vw,3.6rem);line-height:1}.timer-ring small{color:var(--muted);font-size:.72rem}.button-row,.timer-settings,.note-toolbar,.task-form,.mini-status,.dj-panel__controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timer-settings label{color:var(--muted);grid-template-columns:auto 56px;align-items:center;gap:8px;font-size:.8rem;display:grid}.timer-settings input,.text-input,.note-editor{border:2px solid var(--frame-dark);width:100%;color:var(--text);background:#0c08188c;border-radius:0;outline:none}.timer-settings input{height:32px;padding:0 8px}.text-input{min-height:38px;padding:0 11px}.note-editor{resize:vertical;min-height:124px;padding:11px;font-family:Nunito,sans-serif}.note-editor--cyan{border-color:var(--cyan)}.note-editor--rose{border-color:var(--rose)}.note-editor--mint{border-color:var(--mint)}.note-editor--amber{border-color:var(--amber)}.note-tabs{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.note-tab{border:2px solid var(--frame-dark);min-width:max-content;color:var(--muted);background:#ffffff0a;border-radius:0;padding:6px 9px;font-size:.78rem}.note-tab--active{color:#1a1330;background:var(--amber)}.swatches{gap:7px;display:flex}.swatch{border:2px solid var(--frame-dark);border-radius:0;width:22px;height:22px}.swatch--active{outline:2px solid var(--cream);outline-offset:2px}.swatch--cyan{background:var(--cyan)}.swatch--rose{background:var(--rose)}.swatch--mint{background:var(--mint)}.swatch--amber{background:var(--amber)}.note-preview{border:2px solid var(--frame-dark);color:#e3d6ee;background:#ffffff0a;border-radius:0;min-height:54px;padding:10px}.note-preview p,.note-preview li{margin:0 0 6px}.muted{color:var(--muted)}.progress-track{border:2px solid var(--frame-dark);background:#0c081899;border-radius:0;height:10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--mint), var(--cyan), var(--amber));height:100%;display:block}.task-form{flex-wrap:nowrap}.task-list{gap:8px;max-height:100%;padding-right:3px;display:grid;overflow:auto}.task{border:2px solid var(--frame-dark);background:#ffffff0a;border-radius:0;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:40px;padding:6px;display:grid}.task span{overflow-wrap:anywhere;font-size:.88rem}.task--done span{color:var(--muted);text-decoration:line-through}.check-button{border:2px solid var(--frame-dark);color:#1a1330;background:var(--mint);border-radius:0;place-items:center;width:26px;height:26px;display:grid}.equalizer{border:2px solid var(--frame-dark);background:linear-gradient(#7fc8e814,#ff90ad0f);border-radius:0;align-items:end;gap:4px;height:100%;min-height:120px;padding:10px;display:flex}.equalizer span{background:linear-gradient(180deg, var(--rose), var(--amber), var(--cyan));min-width:5px;image-rendering:pixelated;border-radius:0;flex:1;transition:height 90ms linear}.mini-status{color:var(--muted);margin-top:12px;font-size:.8rem}.clock-wrap{place-items:center}.analog-clock{aspect-ratio:1;border:3px solid var(--frame-dark);background:radial-gradient(circle,#ffb45c2e 0 3px,#0000 4px),radial-gradient(circle,#ffffff0d,#0003);border-radius:999px;width:min(150px,60%);position:relative;box-shadow:inset 0 0 0 3px #ffffff0d}.analog-clock:before{content:"";border-radius:inherit;border:2px dashed #f6edd629;position:absolute;inset:9px}.clock-hand{transform-origin:50% 100%;background:var(--text);border-radius:0;width:3px;position:absolute;bottom:50%;left:50%}.clock-hand--hour{background:var(--amber);height:38px}.clock-hand--minute{background:var(--cyan);height:54px}.clock-hand--second{background:var(--rose);width:2px;height:60px}.clock-center{background:var(--cream);border-radius:999px;width:10px;height:10px;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px)}.clock-wrap strong{font-family:var(--digits);color:var(--cream);font-size:2rem;line-height:1}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-grid div{border:2px solid var(--frame-dark);background:#ffffff0a;border-radius:0;align-content:center;gap:6px;min-height:90px;padding:12px;display:grid}.stats-grid span{text-transform:uppercase;letter-spacing:.03em;font-size:.66rem}.stats-grid strong{font-family:var(--digits);color:var(--cream);font-size:clamp(1.8rem,5vw,2.4rem);line-height:1}.widget-tray{z-index:1900;justify-items:start;gap:10px;display:grid;position:fixed;bottom:16px;left:14px}.widget-tray__toggle{color:var(--cream);font-family:var(--pixel);align-items:center;gap:9px;padding:9px 13px;font-size:.56rem;display:inline-flex}.widget-tray__toggle:hover{transform:translateY(-1px)}.widget-tray__panel{gap:10px;width:264px;max-width:calc(100vw - 28px);padding:12px;display:grid}.widget-tray__head{justify-content:space-between;align-items:center;display:flex}.widget-tray__head strong{font-family:var(--pixel);color:var(--cream);font-size:.62rem}.widget-tray__icon{border:2px solid var(--frame-dark);width:28px;height:28px;color:var(--text);background:#ffffff0d;border-radius:0;place-items:center;display:grid}.widget-tray__icon:hover{background:#b89cff2e}.widget-tray__list{gap:7px;max-height:min(58vh,440px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.widget-tray__item{border:2px solid var(--frame-dark);width:100%;color:var(--text);text-align:left;background:#ffffff09;border-radius:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.widget-tray__item:hover{background:#b89cff24}.widget-tray__item--on{border-color:var(--frame);background:#97d9a624}.widget-tray__item-icon{border:2px solid var(--frame-dark);width:30px;height:30px;color:var(--amber);background:#0c081880;place-items:center;display:grid}.widget-tray__item--on .widget-tray__item-icon{color:#1a1330;background:var(--mint)}.widget-tray__item-text{gap:1px;min-width:0;display:grid}.widget-tray__item-text strong{font-size:.85rem}.widget-tray__item-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.widget-tray__pip{font-family:var(--pixel);color:var(--muted);font-size:.5rem}.widget-tray__item--on .widget-tray__pip{color:var(--mint)}.widget-deck{gap:16px;padding:64px 12px 200px;display:grid}.widget-deck__card{position:relative}.widget-deck__close{z-index:2;border:2px solid var(--frame-dark);color:#1a1330;background:var(--rose);border-radius:0;place-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.audio-dock{z-index:2000;grid-template-columns:minmax(240px,1.1fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:12px;width:min(820px,100vw - 200px);padding:12px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.transport{align-items:center;gap:10px;min-width:0;display:flex}.transport__primary{border:2px solid var(--frame-dark);color:#1a1330;background:linear-gradient(135deg, var(--mint), var(--cyan));border-radius:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 1px 1px #ffffff59}.transport__primary:active{transform:translate(1px,1px)}.transport__label strong{font-family:var(--pixel);color:var(--cream);font-size:.52rem;line-height:1.5}.range-control{min-width:0;color:var(--muted);grid-template-columns:auto minmax(80px,1fr) 42px;align-items:center;gap:10px;font-size:.78rem;display:grid}.range-control span{align-items:center;gap:6px;display:inline-flex}.range-control output{font-family:var(--digits);color:var(--amber);font-size:1.05rem}input[type=range]{width:100%;accent-color:var(--amber)}.dj-panel{z-index:1950;width:min(820px,100vw - 28px);padding:14px;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.deck{border:2px solid var(--frame-dark);background:#ffffff0a;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.deck__disc{border:2px solid var(--frame-dark);width:64px;height:64px;color:var(--deck-accent);background:radial-gradient(circle,#ffffff24 0 6px,#0000 7px),radial-gradient(circle,#ffffff0d,#0003);border-radius:999px;place-items:center;display:grid}.deck__meters{align-items:end;gap:4px;height:56px;display:flex}.deck__meters span{background:var(--deck-accent);opacity:.82;border-radius:0;width:5px}.deck__meters span:first-child{height:44%}.deck__meters span:nth-child(2){height:78%}.deck__meters span:nth-child(3){height:58%}.deck__meters span:nth-child(4){height:90%}@media (width<=980px){.audio-dock{width:calc(100vw - 24px)}}@media (width<=760px){.app-header{gap:8px;min-height:48px;position:fixed}.brand small{display:none}.header-controls{gap:6px}.ghost-button span{display:none}.audio-dock{grid-template-columns:1fr;gap:8px;width:auto;position:fixed;bottom:8px;left:8px;right:8px;transform:none}.dj-panel{width:auto;bottom:220px;left:8px;right:8px;transform:none}.decks{grid-template-columns:1fr}.widget-tray{z-index:2100;bottom:8px;left:8px}.widget-tray__toggle span{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}