.diary-app{background:var(--bg2);height:100%;color:var(--ink);flex-direction:column;gap:8px;padding:8px;display:flex}.diary-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diary-color{width:var(--touch-min);height:var(--touch-min);border:3px solid var(--field);box-shadow:0 0 0 1px var(--lo);border-radius:50%}.diary-color--on{box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--sel)}.diary-sep{background:var(--lo);align-self:stretch;width:1px;margin:0 4px}.diary-tool{min-height:var(--touch-min);background:var(--field);color:var(--ink);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.diary-tool svg{width:22px;height:22px}.diary-tool--on{background:var(--sel);color:var(--sel-ink);border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}.diary-dot{background:currentColor;border-radius:50%;display:inline-block}.diary-paper{background:var(--lo);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.diary-canvas{aspect-ratio:1024/640;touch-action:none;cursor:crosshair;background:#fff;max-width:100%;max-height:100%;display:block}.diary-bottom{align-items:stretch;gap:8px;display:flex}.diary-date{white-space:nowrap;align-items:center;padding:0 8px;font-weight:700;display:flex}.diary-text{resize:none;background:var(--field);min-width:0;color:var(--ink);font:inherit;flex:1;padding:6px 8px}.diary-save{min-height:var(--touch-primary);background:var(--active);min-width:88px;color:var(--active-ink);font-size:20px}.learn-app{background:var(--bg2);min-height:100%;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex;container-type:inline-size}.learn-status{color:var(--ink-soft);justify-content:space-between;align-self:stretch;gap:8px;font-size:18px;display:flex}.learn-big-button{background:var(--active);min-width:160px;min-height:88px;color:var(--active-ink);justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:24px;display:inline-flex}.learn-big-button svg{width:48px;height:48px}.learn-button{min-height:var(--touch-primary);background:var(--field);min-width:96px;color:var(--ink);padding:0 20px;font-size:20px}.learn-button--primary{background:var(--active);color:var(--active-ink)}.learn-button:disabled{opacity:.45;cursor:default}.learn-button:active:not(:disabled),.learn-big-button:active{border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}.learn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.learn-input{background:var(--field);width:min(100%,360px);min-height:64px;color:var(--ink);font:inherit;text-align:center;padding:0 14px;font-size:32px}.learn-feedback{min-height:2.8em;margin:0;font-size:20px;line-height:1.4}.learn-feedback--ok{color:var(--ok);font-weight:700}.learn-feedback--bad{color:var(--bad)}.learn-answer{letter-spacing:.05em;font-size:40px;font-weight:700}@media (prefers-reduced-motion:no-preference){.learn-pop{animation:.4s ease-out learn-pop}}@keyframes learn-pop{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.files-app{background:var(--bg2);height:100%;color:var(--ink);grid-template:"toolbar toolbar""sidebar grid"minmax(0,1fr)"sidebar preview"/150px 1fr;gap:6px;padding:6px;display:grid;container-type:size}.files-app button:disabled{opacity:.45;cursor:default}.files-toolbar{grid-area:toolbar;align-items:stretch;gap:6px;display:flex}.files-tool{min-height:var(--touch-min);min-width:var(--touch-min);background:var(--bg2);align-items:center;gap:6px;padding:0 12px;display:flex}.files-tool svg{width:24px;height:24px}.files-path{background:var(--field);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;min-width:0;padding:0 10px;display:flex;overflow:hidden}.files-sidebar{flex-direction:column;grid-area:sidebar;gap:4px;display:flex;overflow-y:auto}.files-shortcut{min-height:var(--touch-min);border:var(--border-width) solid transparent;text-align:left;background:0 0;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative}.files-shortcut svg{flex-shrink:0;width:22px;height:22px}.files-shortcut--current{background:var(--sel);color:var(--sel-ink)}.files-badge{background:var(--active);min-width:26px;color:var(--active-ink);text-align:center;border-radius:13px;margin-left:auto;padding:0 6px;font-size:16px}.files-grid{background:var(--field);grid-area:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:6px;padding:8px;display:grid;overflow-y:auto}.files-item{border:var(--border-width) solid transparent;background:0 0;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:8px 4px;display:flex}.files-item svg{width:44px;height:44px}.files-item--dir svg{color:var(--active)}.files-item--rhythm svg{color:#c77d00}.files-item--turtle svg{color:var(--ok)}.files-item-name{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:16px;line-height:1.25}.files-item--selected{background:var(--sel);color:var(--sel-ink);border-style:dotted;border-color:var(--sel-ink)}.files-item--selected svg{color:var(--sel-ink)}.files-empty,.files-hint{color:var(--ink-soft);margin:8px}.files-dim{color:var(--ink-soft);word-break:keep-all;font-size:16px}.files-preview{border-top:1px solid var(--lo);grid-area:preview;max-height:50cqh;padding-top:6px;overflow-y:auto}.files-preview-inner{flex-direction:column;gap:8px;display:flex}.files-preview-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.files-preview-icon{flex-shrink:0;width:36px;height:36px}.files-preview-title{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.files-preview-actions{flex-wrap:wrap;gap:6px;display:flex}.files-button{min-height:var(--touch-min);background:var(--bg2);color:var(--ink);padding:0 14px}.files-button--primary{background:var(--active);color:var(--active-ink);min-height:var(--touch-primary);min-width:80px}.files-text{align-items:flex-end;gap:6px;display:flex}.files-textarea{resize:vertical;background:var(--field);min-width:0;min-height:110px;color:var(--ink);font:inherit;flex:1;padding:8px;line-height:1.5}.files-code{background:var(--field);white-space:pre-wrap;max-height:180px;margin:0;padding:8px;font-family:ui-monospace,Menlo,Apple SD Gothic Neo,monospace;font-size:18px;overflow:auto}.files-image img{background:#fff;max-width:100%;max-height:160px;display:block}.files-note{margin:6px 0 0}.files-trash{flex-direction:column;grid-area:grid/grid/preview/preview;gap:8px;min-height:0;display:flex}.files-trash-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.files-trash-head p{color:var(--ink-soft);flex:1;margin:0}.files-trash-list{background:var(--field);flex:1;margin:0;padding:4px;list-style:none;overflow-y:auto}.files-trash-row{align-items:center;gap:10px;padding:6px;display:flex}.files-trash-row+.files-trash-row{border-top:1px solid var(--bg2)}.files-trash-icon{flex-shrink:0;width:32px;height:32px}.files-trash-text{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}@container (width<=560px){.files-app{grid-template:"toolbar""sidebar""grid"minmax(0,1fr)"preview"/1fr}.files-sidebar{flex-direction:row;overflow-x:auto}.files-shortcut span:not(.files-badge),.files-tool-label{display:none}.files-shortcut{min-width:var(--touch-min);justify-content:center}}.math-app:focus{outline:none}.math-problem{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:48px;font-weight:700;display:flex}.math-slot{background:var(--field);justify-content:center;align-items:center;min-width:2.2em;min-height:1.4em;padding:0 8px;display:inline-flex}.math-pad{grid-template-columns:repeat(3,76px);gap:8px;display:grid}.math-key{background:var(--field);min-height:64px;color:var(--ink);font-size:30px;font-weight:700}.math-key--ok{background:var(--active);color:var(--active-ink);font-size:22px}.math-key:active{border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}.rhythm-app{background:var(--bg2);height:100%;color:var(--ink);flex-direction:column;gap:8px;padding:8px;display:flex}.rhythm-app:focus{outline:none}.rhythm-toolbar,.rhythm-examples,.rhythm-file{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rhythm-file{margin-left:auto}.rhythm-play{min-height:var(--touch-primary);background:var(--active);min-width:120px;color:var(--active-ink);font-size:22px;font-weight:700}.rhythm-play--on{background:var(--sel);color:var(--sel-ink);border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}.rhythm-tempo{align-items:center;gap:8px;display:flex}.rhythm-tempo input{width:180px;height:var(--touch-min);accent-color:var(--active)}.rhythm-tempo-value{font-variant-numeric:tabular-nums;min-width:3ch;font-weight:700}.rhythm-button{min-height:var(--touch-min);background:var(--field);color:var(--ink);padding:0 14px}.rhythm-button--save{background:var(--active);color:var(--active-ink);min-width:80px}.rhythm-dim{color:var(--ink-soft);font-size:16px}.rhythm-path{margin-left:auto}.rhythm-grid-wrap{background:var(--panel);flex:1;min-height:0;padding:6px;overflow:auto}.rhythm-grid{flex-direction:column;gap:4px;min-width:max-content;display:flex}.rhythm-row{grid-template-columns:64px repeat(var(--steps), minmax(var(--touch-min), 1fr));gap:3px;display:grid}.rhythm-row--drum+.rhythm-row--note{margin-top:8px}.rhythm-name{min-height:var(--touch-min);background:var(--bg2);color:var(--ink);font-weight:700}.rhythm-cell{min-height:var(--touch-min);background:#3b3466;border:0;padding:0;transition:background-color 80ms}.rhythm-cell--beat{background:#4c4480}.rhythm-row--drum .rhythm-cell--on{background:#ff7aa2}.rhythm-row--note .rhythm-cell--on{background:#ffd166}.rhythm-cell--now{box-shadow:inset 0 0 0 3px #fff}.rhythm-cell--on.rhythm-cell--now{filter:brightness(1.25)}.settings-gate{justify-content:center}.settings-app{background:var(--bg2);color:var(--ink);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.settings-section{padding:8px 0}.settings-section+.settings-section{border-top:1px solid var(--lo)}.settings-section h2{margin:0 0 8px;font-size:18px}.settings-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-value{text-align:center;min-width:72px;font-size:24px}.settings-choice--on{background:var(--sel);color:var(--sel-ink);border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}.settings-note{color:var(--ink-soft);margin:6px 0 0;font-size:16px}.settings-summary{margin:0;padding-left:1.2em;line-height:1.7}.terminal-app{--term-bg:#15122a;--term-ink:#ece9f8;--term-dim:#a9a2cc;--term-prompt:#ff7aa2;--term-dir:#7cc4ff;--term-image:#ffb3d1;--term-turtle:#8ee59b;--term-rhythm:#ffd166;--term-error:#ff9a9a;--term-ok:#a6f0b0;--term-accent:#ffe08a;background:var(--term-bg);height:100%;color:var(--term-ink);flex-direction:column;display:flex}.terminal-screen{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;flex:1;min-height:0;padding:10px 12px;font-family:ui-monospace,Menlo,SF Mono,Apple SD Gothic Neo,monospace;font-size:18px;line-height:1.45;overflow-y:auto}.terminal-line{min-height:1.45em}.terminal-input-row{align-items:baseline;gap:.5ch;display:flex}.terminal-input{min-width:4ch;min-height:var(--touch-min);color:var(--term-ink);caret-color:var(--term-prompt);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.terminal-keys{background:var(--bg2);flex-wrap:wrap;gap:6px;padding:6px;display:flex}.terminal-key{min-height:var(--touch-min);min-width:var(--touch-min);background:var(--bg2);color:var(--ink);padding:0 12px;font-size:18px}.terminal-key:active{border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}.t-prompt{color:var(--term-prompt);white-space:nowrap}.t-dir{color:var(--term-dir);font-weight:700}.t-image{color:var(--term-image)}.t-turtle{color:var(--term-turtle)}.t-rhythm{color:var(--term-rhythm)}.t-error{color:var(--term-error)}.t-ok{color:var(--term-ok)}.t-dim{color:var(--term-dim)}.t-accent{color:var(--term-accent)}.turtle-app{background:var(--bg2);height:100%;color:var(--ink);grid-template-columns:minmax(240px,2fr) 3fr;gap:8px;padding:8px;display:grid;container-type:size}.turtle-left{flex-direction:column;gap:6px;min-height:0;display:flex}.turtle-examples,.turtle-actions{flex-wrap:wrap;gap:6px;display:flex}.turtle-button{min-height:var(--touch-min);background:var(--field);color:var(--ink);padding:0 12px}.turtle-button--primary{min-height:var(--touch-primary);background:var(--active);min-width:96px;color:var(--active-ink);font-size:20px}.turtle-code{resize:none;background:var(--field);min-height:120px;color:var(--ink);flex:1;padding:8px;font-family:ui-monospace,Menlo,Apple SD Gothic Neo,monospace;font-size:18px;line-height:1.5}.turtle-error{min-height:1.4em;color:var(--bad);margin:0}.turtle-file{color:var(--ink-soft);margin:0;font-size:16px}.turtle-stage{aspect-ratio:4/3;background:#fffdf5;align-self:center;width:100%;min-height:0;max-height:100%;position:relative}.turtle-canvas{width:100%;height:100%;position:absolute;inset:0}@container (width<=620px){.turtle-app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.turtle-stage{order:-1}}.wordchain-list{background:var(--field);flex-direction:column;flex:1;align-self:stretch;gap:6px;min-height:120px;max-height:260px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.wordchain-turn{align-items:baseline;gap:8px;display:flex}.wordchain-turn--child{flex-direction:row-reverse}.wordchain-who{color:var(--ink-soft);font-size:16px}.wordchain-word{background:var(--bg2);padding:4px 14px;font-size:26px}.wordchain-turn--child .wordchain-word{background:var(--sel);color:var(--sel-ink)}.wordchain-prompt{margin:0;font-size:20px}:root{--touch-min:44px;--touch-primary:54px;--font-body:18px;--radius:0;--border-width:2px}*{box-sizing:border-box}body{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;font-size:var(--font-body);color:var(--ink);background:var(--bg);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bevel-out{border:var(--border-width) solid;border-radius:var(--radius);border-top-color:var(--hi);border-left-color:var(--hi);border-right-color:var(--lo);border-bottom-color:var(--lo)}.bevel-in{border:var(--border-width) solid;border-radius:var(--radius);border-top-color:var(--lo);border-left-color:var(--lo);border-right-color:var(--hi);border-bottom-color:var(--hi)}:root{--music-note-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='%23CFC8E8' fill-opacity='0.35'%3E%3Cpath d='M20 8c-2 0-3.5 1.5-3.5 3.5S18 15 20 15s3.5-1.5 3.5-3.5V4l6 2v3l-4-1.3V17c0 2-1.6 3.6-3.6 3.6S18 19 18 17s1.6-3.6 3.6-3.6c.5 0 1 .1 1.4.3V8'/%3E%3Cpath d='M46 34c-2 0-3.5 1.5-3.5 3.5S44 41 46 41s3.5-1.5 3.5-3.5V30l6 2v3l-4-1.3V43c0 2-1.6 3.6-3.6 3.6S44 45 44 43s1.6-3.6 3.6-3.6c.5 0 1 .1 1.4.3V34'/%3E%3C/g%3E%3C/svg%3E");--music-light-bg:#f1edfa;--music-light-bg2:#cfc8e8;--music-light-hi:#ede9f8;--music-light-lo:#9b90c4;--music-light-ink:#2a2350;--music-light-ink-soft:#5b5480;--music-light-field:#fff;--music-light-panel:#2a2350;--music-light-active:#dc3f6b;--music-light-panel-ink:#fff;--music-light-active-ink:#fff;--music-light-inactive:#b7afd9;--music-light-inactive-ink:#4a4468;--music-light-sel:#ffd166;--music-light-sel-ink:#2a2350;--music-light-ws0:#fbd8e3;--music-light-ws1:#d9ecfb;--music-light-ws2:#dff7e4;--music-light-ws3:#2a2350;--music-light-ok:#2f9e44;--music-light-bad:#e03131;--music-dark-bg:#171227;--music-dark-bg2:#2c2650;--music-dark-hi:#423a6e;--music-dark-lo:#0f0b1c;--music-dark-ink:#ede9f8;--music-dark-ink-soft:#c7c0e6;--music-dark-field:#201a38;--music-dark-panel:#0f0b1c;--music-dark-active:#ff5d89;--music-dark-panel-ink:#ede9f8;--music-dark-active-ink:#1a0e14;--music-dark-inactive:#453d74;--music-dark-inactive-ink:#c7c0e6;--music-dark-sel:#ffd166;--music-dark-sel-ink:#2a2350;--music-dark-ws0:#3a2233;--music-dark-ws1:#1f2e44;--music-dark-ws2:#1e3323;--music-dark-ws3:#0b0814;--music-dark-ok:#4cc26a;--music-dark-bad:#ff6b6b}:root[data-skin=music]{--bg:var(--music-light-bg);--bg2:var(--music-light-bg2);--hi:var(--music-light-hi);--lo:var(--music-light-lo);--ink:var(--music-light-ink);--ink-soft:var(--music-light-ink-soft);--field:var(--music-light-field);--panel:var(--music-light-panel);--panel-ink:var(--music-light-panel-ink);--active:var(--music-light-active);--active-ink:var(--music-light-active-ink);--inactive:var(--music-light-inactive);--inactive-ink:var(--music-light-inactive-ink);--sel:var(--music-light-sel);--sel-ink:var(--music-light-sel-ink);--ws0:var(--music-light-ws0);--ws1:var(--music-light-ws1);--ws2:var(--music-light-ws2);--ws3:var(--music-light-ws3);--ok:var(--music-light-ok);--bad:var(--music-light-bad);--desktop-pattern:var(--music-note-svg)}@media (prefers-color-scheme:dark){:root[data-skin=music]:not([data-theme=light]){--bg:var(--music-dark-bg);--bg2:var(--music-dark-bg2);--hi:var(--music-dark-hi);--lo:var(--music-dark-lo);--ink:var(--music-dark-ink);--ink-soft:var(--music-dark-ink-soft);--field:var(--music-dark-field);--panel:var(--music-dark-panel);--panel-ink:var(--music-dark-panel-ink);--active:var(--music-dark-active);--active-ink:var(--music-dark-active-ink);--inactive:var(--music-dark-inactive);--inactive-ink:var(--music-dark-inactive-ink);--sel:var(--music-dark-sel);--sel-ink:var(--music-dark-sel-ink);--ws0:var(--music-dark-ws0);--ws1:var(--music-dark-ws1);--ws2:var(--music-dark-ws2);--ws3:var(--music-dark-ws3);--ok:var(--music-dark-ok);--bad:var(--music-dark-bad)}}:root[data-skin=music][data-theme=dark]{--bg:var(--music-dark-bg);--bg2:var(--music-dark-bg2);--hi:var(--music-dark-hi);--lo:var(--music-dark-lo);--ink:var(--music-dark-ink);--ink-soft:var(--music-dark-ink-soft);--field:var(--music-dark-field);--panel:var(--music-dark-panel);--panel-ink:var(--music-dark-panel-ink);--active:var(--music-dark-active);--active-ink:var(--music-dark-active-ink);--inactive:var(--music-dark-inactive);--inactive-ink:var(--music-dark-inactive-ink);--sel:var(--music-dark-sel);--sel-ink:var(--music-dark-sel-ink);--ws0:var(--music-dark-ws0);--ws1:var(--music-dark-ws1);--ws2:var(--music-dark-ws2);--ws3:var(--music-dark-ws3);--ok:var(--music-dark-ok);--bad:var(--music-dark-bad)}:root{--cde-light-bg:#e7e9ef;--cde-light-bg2:#aeb4c6;--cde-light-hi:#d6dae3;--cde-light-lo:#6e7488;--cde-light-ink:#26282f;--cde-light-ink-soft:#565a66;--cde-light-field:#fff;--cde-light-panel:#4b4f5e;--cde-light-active:#9e5479;--cde-light-panel-ink:#fff;--cde-light-active-ink:#fff;--cde-light-inactive:#c7cbd6;--cde-light-inactive-ink:#4b4f5e;--cde-light-sel:#e8b34c;--cde-light-sel-ink:#26282f;--cde-light-ws0:#dce3e8;--cde-light-ws1:#e3dce8;--cde-light-ws2:#e8e3dc;--cde-light-ws3:#d8dce3;--cde-light-ok:#2f9e44;--cde-light-bad:#c0392b;--cde-dark-bg:#1b1d22;--cde-dark-bg2:#3a3e4a;--cde-dark-hi:#4c5062;--cde-dark-lo:#101217;--cde-dark-ink:#e6e8ed;--cde-dark-ink-soft:#b7bbc7;--cde-dark-field:#24262d;--cde-dark-panel:#101217;--cde-dark-active:#c97aa3;--cde-dark-panel-ink:#dfe2ea;--cde-dark-active-ink:#1b0f16;--cde-dark-inactive:#4c5062;--cde-dark-inactive-ink:#b7bbc7;--cde-dark-sel:#e8b34c;--cde-dark-sel-ink:#1b1d22;--cde-dark-ws0:#23282d;--cde-dark-ws1:#282430;--cde-dark-ws2:#2a281f;--cde-dark-ws3:#21242b;--cde-dark-ok:#4cc26a;--cde-dark-bad:#ff6b6b}:root[data-skin=cde]{--bg:var(--cde-light-bg);--bg2:var(--cde-light-bg2);--hi:var(--cde-light-hi);--lo:var(--cde-light-lo);--ink:var(--cde-light-ink);--ink-soft:var(--cde-light-ink-soft);--field:var(--cde-light-field);--panel:var(--cde-light-panel);--panel-ink:var(--cde-light-panel-ink);--active:var(--cde-light-active);--active-ink:var(--cde-light-active-ink);--inactive:var(--cde-light-inactive);--inactive-ink:var(--cde-light-inactive-ink);--sel:var(--cde-light-sel);--sel-ink:var(--cde-light-sel-ink);--ws0:var(--cde-light-ws0);--ws1:var(--cde-light-ws1);--ws2:var(--cde-light-ws2);--ws3:var(--cde-light-ws3);--ok:var(--cde-light-ok);--bad:var(--cde-light-bad);--desktop-pattern:repeating-linear-gradient(45deg, #6e74881f 0px, #6e74881f 2px, transparent 2px, transparent 14px)}@media (prefers-color-scheme:dark){:root[data-skin=cde]:not([data-theme=light]){--bg:var(--cde-dark-bg);--bg2:var(--cde-dark-bg2);--hi:var(--cde-dark-hi);--lo:var(--cde-dark-lo);--ink:var(--cde-dark-ink);--ink-soft:var(--cde-dark-ink-soft);--field:var(--cde-dark-field);--panel:var(--cde-dark-panel);--panel-ink:var(--cde-dark-panel-ink);--active:var(--cde-dark-active);--active-ink:var(--cde-dark-active-ink);--inactive:var(--cde-dark-inactive);--inactive-ink:var(--cde-dark-inactive-ink);--sel:var(--cde-dark-sel);--sel-ink:var(--cde-dark-sel-ink);--ws0:var(--cde-dark-ws0);--ws1:var(--cde-dark-ws1);--ws2:var(--cde-dark-ws2);--ws3:var(--cde-dark-ws3);--ok:var(--cde-dark-ok);--bad:var(--cde-dark-bad)}}:root[data-skin=cde][data-theme=dark]{--bg:var(--cde-dark-bg);--bg2:var(--cde-dark-bg2);--hi:var(--cde-dark-hi);--lo:var(--cde-dark-lo);--ink:var(--cde-dark-ink);--ink-soft:var(--cde-dark-ink-soft);--field:var(--cde-dark-field);--panel:var(--cde-dark-panel);--panel-ink:var(--cde-dark-panel-ink);--active:var(--cde-dark-active);--active-ink:var(--cde-dark-active-ink);--inactive:var(--cde-dark-inactive);--inactive-ink:var(--cde-dark-inactive-ink);--sel:var(--cde-dark-sel);--sel-ink:var(--cde-dark-sel-ink);--ws0:var(--cde-dark-ws0);--ws1:var(--cde-dark-ws1);--ws2:var(--cde-dark-ws2);--ws3:var(--cde-dark-ws3);--ok:var(--cde-dark-ok);--bad:var(--cde-dark-bad);--desktop-pattern:repeating-linear-gradient(45deg, #ffffff0d 0px, #ffffff0d 2px, transparent 2px, transparent 14px)}button{font:inherit;color:inherit;cursor:pointer;background:var(--bg2)}.placeholder-app{text-align:center;height:100%;color:var(--ink-soft);justify-content:center;align-items:center;padding:16px;display:flex}.login-screen{background:var(--bg);background-image:var(--desktop-pattern);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.login-box{background:var(--bg2);align-items:center;gap:24px;min-width:420px;padding:32px;display:flex}.login-logo{width:64px;height:64px;color:var(--active);flex-shrink:0}.login-logo svg{width:100%;height:100%}.login-greeting{flex-direction:column;gap:12px;min-width:240px;display:flex}.login-greeting p{color:var(--ink);margin:0;font-size:20px}.profile-picker{flex-wrap:wrap;gap:8px;display:flex}.profile-picker-item{min-height:var(--touch-min);background:var(--field);padding:8px 14px}.profile-picker-item--selected{background:var(--active);color:var(--active-ink)}.login-progress{background:var(--field);height:16px;overflow:hidden}.login-progress-fill{background:var(--active);height:100%;transition:width 80ms linear}.login-enter-button{min-height:var(--touch-primary);background:var(--active);color:var(--active-ink);align-self:flex-start;padding:0 24px;font-size:20px;font-weight:700}.desktop{flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.room-backdrop{background-image:var(--desktop-pattern);position:absolute;inset:0}.room-backdrop--drum{background-color:var(--ws0)}.room-backdrop--melody{background-color:var(--ws1)}.room-backdrop--voice{background-color:var(--ws2)}.room-backdrop--stage{background-color:var(--ws3)}.stage-lights{pointer-events:none;position:absolute;inset:0}.stage-light{filter:blur(40px);opacity:.45;background:radial-gradient(circle,#ffd66659,#0000 70%);border-radius:50%;width:40%;height:60%;transition:opacity .6s;position:absolute;top:-10%}.room-backdrop--playing .stage-light{animation:1.6s ease-in-out infinite stage-light-pulse}.stage-light--left{left:5%}.stage-light--right{animation-delay:.8s;right:5%}@keyframes stage-light-pulse{0%,to{opacity:.5}50%{opacity:1}}.desktop-icon-grid{z-index:1;grid-template-columns:repeat(auto-fill,88px);gap:8px;padding:16px;display:grid;position:relative}.app-icon-button{min-width:var(--touch-min);min-height:var(--touch-min);color:var(--ink);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.app-icon-button svg{width:32px;height:32px}.app-icon-label{text-align:center;font-size:13px;line-height:1.2}.window-layer{z-index:2;pointer-events:none;position:absolute;inset:0 0 76px}.window{background:var(--bg2);pointer-events:auto;flex-direction:column;min-width:240px;min-height:160px;display:flex;position:absolute;top:0;left:0}.window-titlebar{min-height:var(--touch-min);background:var(--inactive);color:var(--inactive-ink);touch-action:none;align-items:center;gap:6px;padding:0 6px;display:flex}.window-titlebar--active{background:var(--active);color:var(--active-ink)}.window-menu-button,.window-minimize-button,.window-maximize-button{width:var(--touch-min);height:var(--touch-min);color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.window-title{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;font-weight:700;display:flex;overflow:hidden}.window-title svg{flex-shrink:0;width:18px;height:18px}.window-body{background:var(--field);flex:1;overflow:auto}.window-menu{top:var(--touch-min);z-index:10;background:var(--bg2);flex-direction:column;min-width:200px;display:flex;position:absolute;left:0}.window-menu button{min-height:var(--touch-min);text-align:left;color:var(--ink);background:0 0;border:none;padding:0 16px}.window-menu button:hover{background:var(--sel);color:var(--sel-ink)}.window-menu-section{border-top:1px solid var(--lo)}.snap-preview{z-index:5;border:2px dashed var(--active);background:color-mix(in srgb, var(--active) 15%, transparent);pointer-events:none;position:absolute}.minimized-tray{z-index:3;pointer-events:auto;gap:8px;display:flex;position:absolute;top:8px;right:8px}.dialog-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg2);flex-direction:column;gap:12px;max-width:420px;padding:20px;display:flex}.dialog-body{align-items:flex-start;gap:16px;display:flex}.dialog-icon{width:40px;height:40px;color:var(--active);flex-shrink:0}.dialog-message{color:var(--ink);margin:0;font-size:18px;line-height:1.5}.dialog-divider{border-top:1px solid var(--lo)}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-action{min-height:var(--touch-min);background:var(--field);color:var(--ink);padding:0 20px}.dialog-action--default{background:var(--active);color:var(--active-ink)}.toast{z-index:200;background:var(--panel);color:var(--panel-ink);opacity:0;visibility:hidden;padding:10px 20px;transition:opacity .2s,visibility .2s;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast--visible{opacity:1;visibility:visible}.toast--bad{background:var(--bad);color:var(--active-ink)}.toast--ok{background:var(--ok);color:var(--active-ink)}.front-panel{z-index:4;background:var(--panel);height:76px;color:var(--panel-ink);align-items:center;gap:16px;margin-top:auto;padding:0 12px;display:flex;position:relative}.clock-zone{align-items:center;gap:8px;display:flex}.analog-clock{width:40px;height:40px}.clock-date{font-size:14px}.quick-launch-zone{align-items:center;gap:12px;display:flex}.quick-launch-rhythm{align-items:center;display:flex;position:relative}.front-panel-flyout-toggle{width:var(--touch-min);height:24px;color:inherit;background:0 0;border:none}.app-flyout,.window-list-flyout{z-index:10;background:var(--bg2);color:var(--ink);grid-template-columns:repeat(4,76px);gap:4px;max-height:260px;padding:8px;display:grid;position:absolute;bottom:60px;left:0;overflow:auto}.window-list-flyout{flex-direction:column;min-width:220px;display:flex}.window-list-flyout button{min-height:var(--touch-min);text-align:left;color:var(--ink);background:0 0;border:none;padding:0 12px}.window-list-empty{margin:0;padding:12px}.switcher-zone{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.switcher-stars,.switcher-remaining,.switcher-mission{white-space:nowrap;align-items:center;gap:4px;font-size:14px;display:flex}.switcher-eq{align-items:flex-end;gap:2px;height:20px;display:flex}.eq-bar{background:var(--sel);width:4px;height:40%}.switcher-eq--playing .eq-bar{animation:.9s ease-in-out infinite eq-bounce}.eq-bar:nth-child(2){animation-delay:.15s}.eq-bar:nth-child(3){animation-delay:.3s}@keyframes eq-bounce{0%,to{height:20%}50%{height:100%}}.room-buttons{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.room-button{background:var(--field);width:28px;height:28px;padding:0}.room-button--active{outline:2px solid var(--sel)}.room-swatch{width:100%;height:100%;display:block}.room-swatch--drum{background:var(--ws0)}.room-swatch--melody{background:var(--ws1)}.room-swatch--voice{background:var(--ws2)}.room-swatch--stage{background:var(--ws3)}.switcher-lock,.switcher-info{width:var(--touch-min);height:var(--touch-min);background:var(--field);color:var(--ink)}.switcher-window-list{position:relative}.utility-zone{gap:4px;display:flex}.utility-zone .app-icon-button,.quick-launch-zone .app-icon-button{color:var(--panel-ink)}@media (width<=719px){.switcher-eq,.switcher-mission,.switcher-window-list{display:none}}.dialog-content{flex-direction:column;flex:1;gap:10px;min-width:260px;display:flex}.dialog-input{width:100%;min-height:var(--touch-primary);background:var(--field);color:var(--ink);font:inherit;padding:0 10px;font-size:20px}.switcher-stars svg{color:var(--sel)}.star-bump{animation:.6s ease-out star-bump;display:inline-block}@keyframes star-bump{0%{transform:scale(1)}30%{transform:scale(1.7)translateY(-4px)}60%{transform:scale(.9)}to{transform:scale(1)}}.lock-screen{z-index:60;background:var(--panel);background-image:var(--desktop-pattern);color:var(--panel-ink);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lock-box{background:var(--bg2);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:min(520px,100vw - 32px);padding:32px 40px;display:flex}.lock-box h1{margin:0;font-size:32px}.lock-box p{margin:0}.lock-icon{width:72px;height:72px;color:var(--active)}.lock-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lock-button{min-height:var(--touch-primary);background:var(--field);color:var(--ink);padding:0 20px}.lock-button--primary{background:var(--active);color:var(--active-ink)}