.wallpaper-next{z-index:-6;opacity:0;transition:opacity .9s ease}
.window-statusline-inline{padding:0 2px;color:#8ea2ab;font-size:8px;letter-spacing:.02em}
.taskbar-windows{overflow-x:auto;scrollbar-width:none}
.taskbar-windows::-webkit-scrollbar{display:none}
.guestbook-list{display:grid;gap:8px;margin-top:12px}
.track-empty .button-quiet{min-height:29px;padding:0 9px;font-size:8px}
.field-input::placeholder,.field-textarea::placeholder{color:#81959d}
.window-body input[type="range"]{cursor:pointer}
.not-found{position:fixed;left:50%;top:50%;width:min(430px,calc(100vw - 32px));padding:31px 29px 24px;border-radius:6px;transform:translate(-50%,-50%)}
.not-found-code{margin:27px 0 6px;font:500 clamp(88px,18vw,142px)/.84 var(--mono);letter-spacing:-.13em;color:#e2f0f1;text-shadow:0 0 40px rgba(163,216,225,.15)}
.not-found h1{margin:21px 0 10px;font:500 18px/1.55 var(--mono);letter-spacing:.08em}
.not-found p{color:#9aafb7;font-size:10px;line-height:1.8}
.not-found .button-primary{display:inline-flex;align-items:center;gap:20px;margin-top:13px;padding:0 12px;min-height:38px}
.not-found>small{display:block;margin-top:26px;color:#788f98;font:8px var(--mono);letter-spacing:.09em}
body[data-hours="day"] .wallpaper-overlay{background-image:linear-gradient(180deg,rgba(7,14,24,.23),rgba(8,17,27,.32) 40%,rgba(5,11,19,.49)),radial-gradient(ellipse at 50% 34%,rgba(83,129,156,.13),transparent 55%)}
body[data-hours="dusk"] .wallpaper-overlay{background-image:linear-gradient(180deg,rgba(10,16,30,.40),rgba(19,19,37,.35) 40%,rgba(8,12,23,.54)),radial-gradient(ellipse at 50% 34%,rgba(123,92,133,.14),transparent 55%)}
@media(max-width:700px){.window-control[data-window-action="maximize"]{display:none}.wallpaper-next{background-position:center 45%}.not-found{padding:25px 22px 20px}}
@media(max-width:700px){.window-titlebar{min-height:52px}.window-control{width:44px;height:44px}.window-controls{gap:2px}}
@media(prefers-reduced-motion:reduce){.wallpaper-next{transition:none!important}}
.context-menu{position:fixed;z-index:1800;width:228px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow-y:auto;padding:5px;border-radius:5px;background:linear-gradient(145deg,rgba(26,42,55,.97),rgba(9,19,29,.97));border-color:rgba(211,237,241,.2);box-shadow:0 19px 58px rgba(0,4,11,.52),inset 0 1px rgba(255,255,255,.1);opacity:0;transform:translateY(4px) scale(.985);transform-origin:top left;transition:opacity .12s ease,transform .12s ease;scrollbar-width:thin;scrollbar-color:rgba(181,218,224,.2) transparent}
.context-menu[hidden]{display:none}
.context-menu.is-open{opacity:1;transform:translateY(0) scale(1)}
.context-menu-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 8px;color:#91aab4;font:8px var(--mono);letter-spacing:.14em}
.context-menu-head small{color:#718993;font-size:7px;letter-spacing:.08em}
.context-menu-item{position:relative;width:100%;min-height:35px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;border:1px solid transparent;border-radius:3px;background:transparent;color:#d4e2e5;text-align:left;font-size:10px;transition:background .13s,border-color .13s,color .13s}
.context-menu-item:hover,.context-menu-item:focus-visible{background:rgba(175,217,224,.105);border-color:rgba(196,229,234,.12);color:#f0f8f8;outline:none}
.context-menu-item.is-danger{color:#d9b6b5}
.context-menu-item.is-danger:hover,.context-menu-item.is-danger:focus-visible{background:rgba(156,85,86,.2);border-color:rgba(200,119,117,.16);color:#f2d0ce}
.context-menu-icon{width:19px;height:19px;display:grid;place-items:center;color:#a9cdd3;font:12px var(--mono)}
.context-menu-item.is-danger .context-menu-icon{color:#d39b98}
.context-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-menu-shortcut{padding-left:8px;color:#8299a3;font:8px var(--mono)}
.context-menu-separator{height:1px;margin:4px 7px;background:rgba(217,237,240,.1)}
.context-menu-caption{padding:7px 9px 4px;color:#78909b;font:7px var(--mono);letter-spacing:.12em}
@media(max-width:700px){.context-menu{width:244px;padding:6px}.context-menu-item{min-height:44px;font-size:11px}.context-menu-icon{width:22px;height:22px}}
@media(hover:none){.launch-tile,.site-card,.taskbar-window,.window-titlebar{-webkit-touch-callout:none}}
@media(prefers-reduced-motion:reduce){.context-menu{transition:none}}

/* Optional image slots configured in images.js */
.avatar-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(.72)}
.avatar-frame.has-photo .avatar-monogram{display:none}
.avatar-frame.has-photo .avatar-halo{z-index:1}
.avatar-frame.has-photo .avatar-presence,.avatar-frame.has-photo .avatar-index{z-index:2}
.about-banner-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.about-banner::before{z-index:1}
.about-stamp,.about-intro{z-index:2}
#live2d-widget{z-index:1100!important}
.music-controls{display:grid;grid-template-columns:40px 40px 40px;justify-content:center;align-items:center;gap:12px}
.music-controls .player-button{box-sizing:border-box;width:40px;height:40px;padding:0;margin:0;line-height:1}
.music-controls .player-button.play{width:40px;height:40px}
.music-mode-row{display:flex;justify-content:center;margin:-5px 0 12px}
.music-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:27px;padding:4px 10px;border:1px solid rgba(205,234,238,.16);border-radius:3px;background:rgba(175,219,225,.055);color:#b7d7dc;font:8px var(--mono);letter-spacing:.03em;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.music-mode-button:hover{border-color:rgba(205,234,238,.34);background:rgba(175,219,225,.12);color:#edf8f8}
.music-mode-icon{display:inline-grid;min-width:13px;place-items:center;color:#d3ebed;font-size:12px;line-height:1}
@media(max-width:700px){.music-mode-row{grid-column:1/-1}}
.music-drop{position:fixed;z-index:650;left:18px;top:50%;transform:translateY(-50%);box-sizing:border-box;width:208px;padding:18px 16px 14px;display:flex;flex-direction:column;align-items:center;color:#e0eef0;text-align:center;border:1px solid rgba(206,235,239,.2);border-radius:48% 48% 26px 26px/9% 9% 26px 26px;background:radial-gradient(ellipse at 50% 0,rgba(165,222,232,.22),transparent 38%),linear-gradient(155deg,rgba(25,48,63,.94),rgba(9,20,31,.95));box-shadow:0 20px 65px rgba(0,5,13,.45),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(138%);-webkit-backdrop-filter:blur(24px) saturate(138%);overflow:hidden;user-select:none;transition:box-shadow .3s,border-color .3s,opacity .25s}
.music-drop::before{content:"";position:absolute;inset:7px;border:1px solid rgba(210,239,243,.065);border-radius:inherit;pointer-events:none}
.music-drop.is-playing{border-color:rgba(179,228,234,.34);box-shadow:0 20px 65px rgba(0,5,13,.45),0 0 32px rgba(105,184,196,.12),inset 0 1px rgba(255,255,255,.15)}
.music-drop-glint{position:absolute;top:0;left:25%;width:50%;height:46px;background:radial-gradient(ellipse,rgba(185,233,238,.2),transparent 72%);pointer-events:none}
.music-drop-head,.music-drop-cover,.music-drop-meta,.music-drop-controls,.music-drop-mode,.music-drop-lyric{position:relative;z-index:1}
.music-drop-head{width:100%;height:20px;display:flex;align-items:center;justify-content:space-between;color:#9bb7bf;font:7px var(--mono);letter-spacing:.14em}
.music-drop-head>span{display:flex;align-items:center;gap:6px}
.music-drop-head i{width:5px;height:5px;border-radius:50%;background:#9bd8c1;box-shadow:0 0 8px rgba(120,227,181,.42)}
.music-drop-grip{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(215,239,242,.14);border-radius:50%;background:rgba(191,224,229,.055);color:#bdd9dd;font:14px var(--mono);line-height:1;cursor:grab;touch-action:none}
.music-drop-grip:active{cursor:grabbing;background:rgba(191,224,229,.15)}
.music-drop-cover{width:78px;height:78px;margin:11px 0 10px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(216,242,244,.25);border-radius:24px 24px 24px 8px;background:radial-gradient(circle at 63% 30%,rgba(183,228,232,.27),transparent 40%),linear-gradient(145deg,#2c4654,#10212d);box-shadow:0 9px 24px rgba(0,0,0,.28);transform:rotate(-3deg)}
.music-drop-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.music-drop-cover>span{position:relative;color:#dbedef;font:26px var(--mono);text-shadow:0 2px 14px rgba(0,0,0,.5)}
.music-drop-meta{width:100%;display:grid;gap:4px;min-width:0}
.music-drop-meta b,.music-drop-meta span,.music-drop-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-drop-meta b{color:#f0f7f8;font-size:12px;font-weight:550;letter-spacing:.01em}
.music-drop-meta span{color:#b1c6cb;font-size:9px}
.music-drop-meta small{color:#839ba4;font:7px var(--mono);letter-spacing:.065em}
.music-drop-controls{width:100%;margin:12px 0 7px;display:grid;grid-template-columns:36px 40px 36px;justify-content:center;align-items:center;gap:10px}
.music-drop-controls button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#bdd6da;font:13px var(--mono);line-height:1;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.music-drop-controls button:hover{background:rgba(191,229,233,.1);color:#f3fbfb;transform:scale(1.06)}
.music-drop-controls .music-drop-play{width:40px;height:40px;border:1px solid rgba(211,241,244,.25);background:rgba(183,225,231,.12);color:#eff9f9;font-size:15px}
.music-drop-mode{min-height:25px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 9px;border:1px solid rgba(210,239,242,.12);border-radius:20px;background:rgba(183,225,231,.045);color:#bbd6da;font:7px var(--mono);cursor:pointer}
.music-drop-mode:hover{border-color:rgba(210,239,242,.28);background:rgba(183,225,231,.1)}
.music-drop-mode .music-mode-icon{font-size:11px}
.music-drop-lyric{width:100%;margin-top:11px;padding-top:9px;border-top:1px solid rgba(214,239,242,.11);text-align:left}
.music-drop-lyric small{display:block;margin-bottom:4px;color:#819aa3;font:6px var(--mono);letter-spacing:.12em}
.music-drop-lyric p{display:-webkit-box;overflow:hidden;margin:0;color:#d0e0e2;font-size:8px;line-height:1.6;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:700px){.music-drop{left:10px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));transform:none;width:166px;padding:13px 12px 11px;border-radius:34% 34% 20px 20px/7% 7% 20px 20px}.music-drop-head{font-size:6px}.music-drop-cover{width:62px;height:62px;margin:7px 0 8px;border-radius:19px 19px 19px 7px}.music-drop-meta b{font-size:10px}.music-drop-controls{margin:9px 0 6px;gap:7px}.music-drop-lyric{margin-top:8px;padding-top:7px}}
@media(max-width:700px) and (max-height:590px){.music-drop{bottom:calc(72px + env(safe-area-inset-bottom));width:146px;padding:10px 10px 9px}.music-drop-cover{width:48px;height:48px;margin:5px 0 6px}.music-drop-controls{margin:6px 0 4px}.music-drop-controls button{width:32px;height:32px}.music-drop-controls .music-drop-play{width:36px;height:36px}.music-drop-lyric{margin-top:5px;padding-top:5px}}
@media(prefers-reduced-motion:reduce){.music-drop{transition:none}}
