@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--ink:#e9f1f4;--muted:#96a8b4;--faint:#6b7d8a;--line:rgba(219,235,244,.13);--glass:rgba(12,23,34,.63);--glass-strong:rgba(12,23,34,.82);--blue:#9bcbd8;--blue-hi:#d0edf1;--mint:#9dd7bf;--plum:#baaedb;--shadow:0 24px 80px rgba(0,7,15,.38);--sans:'Manrope','Noto Sans SC','Microsoft YaHei',sans-serif;--mono:'DM Mono','Cascadia Code',monospace;--wallpaper-blur:0px;--wallpaper-brightness:.73;--wallpaper-saturation:1.02;--wallpaper-overlay:.36;--accent:#9bcbd8;--pointer-x:50vw;--pointer-y:42vh;--motion-scale:1}
*{box-sizing:border-box}html{min-width:320px;background:#08121d}body{margin:0;min-width:320px;min-height:100svh;overflow:hidden;color:var(--ink);font-family:var(--sans);font-size:14px;background:#09131f;isolation:isolate}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bce5ee;outline-offset:3px}a{color:inherit;text-decoration:none}::selection{color:#07131b;background:#b3dce4}
.wallpaper,.wallpaper-video,.wallpaper-overlay,.ambient-light,.weather-canvas,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.wallpaper{z-index:-6;background-color:#101c29;background-image:linear-gradient(180deg,rgba(7,14,24,.27),rgba(8,15,25,.18) 38%,rgba(5,12,20,.6));background-size:cover;background-position:center 48%;filter:brightness(var(--wallpaper-brightness)) saturate(var(--wallpaper-saturation)) blur(var(--wallpaper-blur));transform:scale(1.025);transition:filter .8s ease,background-image 1s ease,transform 1.2s ease,background-position .8s ease}.wallpaper::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,21,.54),rgba(5,13,23,.2) 45%,rgba(5,12,20,.43)),linear-gradient(0deg,rgba(4,10,18,.43),transparent 60%)}.wallpaper-video{z-index:-5;object-fit:cover;opacity:0;filter:brightness(var(--wallpaper-brightness)) saturate(var(--wallpaper-saturation)) blur(var(--wallpaper-blur));transition:opacity .85s ease,filter .8s ease}.wallpaper-video.is-active{opacity:1}.wallpaper-overlay{z-index:-4;background:linear-gradient(180deg,rgba(6,14,24,calc(var(--wallpaper-overlay) + .08)),rgba(8,17,27,var(--wallpaper-overlay)) 40%,rgba(5,11,19,calc(var(--wallpaper-overlay) + .18))),radial-gradient(ellipse at 50% 34%,rgba(83,129,156,.18),transparent 55%);transition:background .7s ease}.ambient-light{z-index:-3;background:radial-gradient(620px circle at var(--pointer-x) var(--pointer-y),rgba(165,215,222,.075),transparent 62%),radial-gradient(860px circle at 13% 12%,rgba(72,131,157,.12),transparent 65%);opacity:.7;transition:opacity .5s}.weather-canvas{z-index:-2;opacity:.64}.grain{z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.glass{position:relative;background:linear-gradient(135deg,rgba(225,243,250,.065),transparent 36%),linear-gradient(155deg,rgba(21,38,52,.76),rgba(11,22,33,.62));border:1px solid rgba(222,241,248,.15);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.085);backdrop-filter:blur(25px) saturate(135%);-webkit-backdrop-filter:blur(25px) saturate(135%)}.glass::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.075),transparent 19%,transparent 69%,rgba(177,222,232,.025));opacity:.66}.desktop{position:relative;z-index:1;width:min(1360px,100%);height:calc(100svh - 86px);min-height:620px;margin:0 auto;padding:24px 58px 0;display:flex;flex-direction:column}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;position:relative;z-index:2}.wordmark{display:flex;align-items:center;gap:11px;width:max-content}.wordmark-mark,.start-logo{width:34px;height:34px;border:1px solid rgba(213,235,242,.32);display:grid;place-items:center;color:#d1e9ed;background:linear-gradient(135deg,rgba(191,227,234,.15),rgba(104,153,171,.035));font:500 18px var(--mono);box-shadow:inset 0 1px rgba(255,255,255,.13);letter-spacing:-2px}.wordmark-copy{display:grid;gap:2px}.wordmark-copy b{font:500 12px var(--mono);letter-spacing:.18em}.wordmark-copy small,.hero-footer small{font:9px var(--mono);letter-spacing:.14em;color:#90a2ac}.topbar-center{display:flex;align-items:center;gap:10px;color:#bacbd2;font:10px var(--mono);letter-spacing:.12em}.topbar-center>i{height:11px;width:1px;background:var(--line)}.live-dot,.micro-status i,.signal-bars i,.tray-network i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#9bd8c1;box-shadow:0 0 9px rgba(120,227,181,.42)}.top-clock{justify-self:end;display:grid;text-align:right;gap:1px;background:none;border:0;padding:4px 0 4px 12px}.top-clock span{font:15px var(--mono);letter-spacing:.04em}.top-clock small{color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.hero-stage{position:relative;width:min(1040px,100%);margin:auto auto 12px;display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;padding:14px 0 25px;transform:translateY(0);opacity:1;transition:opacity .7s ease,transform .9s cubic-bezier(.19,1,.22,1)}body.booting .hero-stage{opacity:0;transform:translateY(17px) scale(.985)}.hero-card{overflow:hidden;border-radius:7px;min-height:344px;padding:24px 31px 0;transform-style:preserve-3d;transition:transform .45s ease,border-color .4s ease,background .4s ease}.hero-card:hover{border-color:rgba(203,235,243,.25)}.hero-reflection{position:absolute;inset:-40%;pointer-events:none;z-index:0;background:radial-gradient(320px circle at var(--card-x,50%) var(--card-y,50%),rgba(191,230,236,.075),transparent 75%);opacity:.75;transition:opacity .4s}.hero-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#a3b6c0;font:9px var(--mono);letter-spacing:.12em}.window-glyph{color:#badbe2;font-size:14px}.kicker-line{height:1px;width:60px;background:linear-gradient(90deg,rgba(196,228,235,.36),transparent);margin-left:3px}.micro-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:#a8d3c2;font-size:9px}.micro-status i{width:5px;height:5px}.hero-main{position:relative;z-index:1;display:flex;align-items:center;gap:29px;padding:27px 0 20px}.avatar-frame{position:relative;flex:0 0 114px;width:114px;height:145px;border:1px solid rgba(218,241,246,.21);background:linear-gradient(158deg,rgba(120,168,183,.23),rgba(15,30,43,.48));display:grid;place-items:center;box-shadow:inset 0 0 25px rgba(158,213,221,.05);overflow:hidden}.avatar-frame::before,.avatar-frame::after{content:"";position:absolute;background:rgba(208,234,239,.47)}.avatar-frame::before{width:26px;height:1px;top:9px;left:9px}.avatar-frame::after{height:26px;width:1px;top:9px;left:9px}.avatar-halo{position:absolute;inset:auto 8px 8px;height:66px;background:radial-gradient(ellipse,rgba(137,198,205,.21),transparent 72%)}.avatar-monogram{position:relative;z-index:1;font:400 61px/1 var(--mono);letter-spacing:-.12em;color:#d7edf0;text-shadow:0 0 32px rgba(145,209,217,.4);padding-right:8px}.avatar-presence{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:#97d4bd;box-shadow:0 0 9px rgba(127,225,180,.54)}.avatar-index{position:absolute;bottom:10px;left:10px;color:#8b9faa;font:8px var(--mono);letter-spacing:.14em}.hero-copy{min-width:0}.eyebrow{margin:0 0 8px;color:#9aabb6;font-size:12px;letter-spacing:.04em}.eyebrow-mark{padding-left:4px;color:#b6d9de}.hero-copy h1{display:flex;align-items:baseline;gap:12px;margin:0;color:#eff7f7;font-size:48px;line-height:1.16;font-weight:600;letter-spacing:-.065em;text-shadow:0 4px 22px rgba(167,209,216,.13)}.hero-kanji{font-size:25px;font-weight:400;letter-spacing:-.04em;color:#c4d5da}.type-line{margin-top:12px;color:#bdd2d8;font:11px var(--mono);letter-spacing:.015em}.type-prefix{color:#7d999f}.type-caret{color:#c8e8ec;animation:caretBlink 1.15s steps(2,start) infinite}.hero-signature{margin:18px 0 13px;color:#d4e0e3;font-size:16px;line-height:1.75;letter-spacing:.035em}.mobile-break{display:none}.role-list{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#a7b8bf;font-size:10px}.role-list b{height:3px;width:3px;border-radius:50%;background:#8eb7c0;opacity:.7}.hero-footer{position:relative;z-index:1;display:flex;align-items:center;gap:35px;min-height:66px;border-top:1px solid rgba(223,240,244,.105)}.hero-footer>span{display:grid;gap:6px}.hero-footer>span>b{font:10px var(--mono);letter-spacing:.025em;color:#d0dde0}.hero-footer small{font-size:8px}.text-action{margin-left:auto;padding:10px 0 10px 16px;border:0;background:none;color:#bfdbe1;font-size:10px;letter-spacing:.06em}.text-action span{padding-left:8px;transition:transform .2s}.text-action:hover span{display:inline-block;transform:translate(2px,-2px)}.hero-aside{display:flex;flex-direction:column;gap:11px}.aside-widget{border-radius:5px;padding:14px 14px 12px;background:rgba(12,23,34,.57)}.widget-head{position:relative;display:flex;align-items:center;justify-content:space-between;color:#92a6b1;font:8px var(--mono);letter-spacing:.15em}.tiny-square{font-size:13px;color:#a6c9d1}.weather-readout{display:flex;align-items:center;gap:12px;margin:20px 0 17px}.weather-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(211,238,243,.13);color:#c4e7ea;font:24px var(--mono);background:rgba(182,226,232,.045)}.weather-readout>div{display:grid;gap:5px}.weather-readout strong{font-size:11px;font-weight:500}.weather-readout small{font-size:9px;color:#8da1ac}.widget-divider{height:1px;background:var(--line);margin:0 0 11px}.signal-row{display:flex;align-items:center;gap:6px;color:#889ba5;font:8px var(--mono);letter-spacing:.075em}.signal-row b{margin-left:auto;font-size:8px;font-weight:400;color:#a8cbbb}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:10px;margin-left:1px}.signal-bars i{position:static;width:2px;border-radius:0;box-shadow:none;height:35%;background:#a0cbb8}.signal-bars i:nth-child(2){height:55%}.signal-bars i:nth-child(3){height:75%}.signal-bars i:nth-child(4){height:100%}.aside-note{position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 12px;border-left:1px solid rgba(181,215,222,.3);color:#9babb2;font-size:9px;line-height:1.7;letter-spacing:.025em}.note-index{color:#8ab8c2;font:8px var(--mono);padding-top:2px}.note-corner{margin-left:auto;color:#a5c8ce}.hero-coordinate{position:absolute;right:0;bottom:4px;color:rgba(209,226,231,.44);font:8px var(--mono);letter-spacing:.095em}.hero-coordinate span{padding:0 7px;color:#95c5cd}
.launch-area{width:min(1040px,100%);margin:0 auto 28px}.launch-heading{display:flex;align-items:center;gap:10px;margin:0 0 11px;color:#d0dce0;font-size:10px;letter-spacing:.09em}.launch-heading small{font:8px var(--mono);letter-spacing:.12em;color:#8298a2}.launch-rule{height:1px;width:40px;background:rgba(200,228,234,.24)}.launcher{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.launch-tile{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 10px;border-radius:4px;border:1px solid rgba(221,239,242,.095);background:rgba(14,25,36,.49);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left;transition:transform .22s,border-color .22s,background .22s}.launch-tile:hover{transform:translateY(-2px);border-color:rgba(198,229,235,.28);background:rgba(28,48,61,.65)}.launch-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(207,235,238,.16);background:rgba(172,216,223,.06);color:#c6e2e5;font:15px var(--mono)}.launch-copy{min-width:0;display:grid;gap:4px}.launch-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500}.launch-copy small{color:#81949f;font:8px var(--mono);letter-spacing:.035em}.tile-mark{position:absolute;right:9px;top:9px;color:#94b7be;font:10px var(--mono);opacity:0;transform:translate(-2px,2px);transition:.2s}.launch-tile:hover .tile-mark{opacity:1;transform:translate(0)}.desktop-footer{width:min(1040px,100%);margin:auto auto 17px;display:flex;justify-content:space-between;color:rgba(201,221,226,.49);font-size:9px;letter-spacing:.035em}.desktop-footer span:last-child{font:8px var(--mono);letter-spacing:.14em}.desktop-footer i{font-style:normal;padding:0 4px;color:#83b3bd}
.taskbar{position:fixed;z-index:1200;bottom:16px;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 40px));height:55px;border-radius:6px;display:flex;align-items:center;padding:0 10px 0 13px;gap:10px;background:linear-gradient(135deg,rgba(32,49,62,.84),rgba(11,22,33,.81));box-shadow:0 12px 46px rgba(0,5,12,.42),inset 0 1px rgba(255,255,255,.12);transition:opacity .5s,transform .5s}.taskbar::before{border-radius:6px}body.booting .taskbar{opacity:0;transform:translate(-50%,20px)}.start-button{position:relative;z-index:1;display:flex;align-items:center;gap:9px;background:none;border:0;padding:4px 7px 4px 3px;min-height:42px}.start-logo{width:30px;height:30px;font-size:15px}.start-label{font-size:10px;color:#c6d5d9}.taskbar-separator{width:1px;height:23px;background:rgba(220,239,243,.14)}.taskbar-windows{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.taskbar-window{position:relative;max-width:145px;height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:#a9bbc1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;transition:background .18s,color .18s}.taskbar-window:hover,.taskbar-window.is-active{background:rgba(198,227,234,.085);color:#edf5f6}.taskbar-window.is-active::after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:2px;background:#9fced6}.taskbar-window i{font:12px var(--mono);color:#b3d6dc;font-style:normal}.taskbar-tray{display:flex;align-items:center;gap:13px;margin-left:auto}.tray-weather,.tray-time{display:grid;place-items:center;background:none;border:0;padding:3px 0}.tray-weather{display:flex;align-items:center;gap:5px;color:#91a7b1;font-size:9px}.tray-weather span{font-size:14px;color:#b6dce1}.tray-network{display:flex;align-items:center;gap:5px;font:8px var(--mono);color:#91a5ae}.tray-network i{width:5px;height:5px}.tray-time{gap:3px;text-align:right}.tray-time b{font:10px var(--mono);font-weight:400}.tray-time small{color:#97a8b1;font:8px var(--mono)}
.start-menu{position:fixed;z-index:1300;bottom:82px;left:max(calc((100vw - 800px)/2),20px);width:310px;padding:15px;border-radius:6px;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .2s,transform .2s}.start-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.start-menu-head{display:flex;align-items:center;gap:10px;padding:2px 3px 13px;border-bottom:1px solid var(--line)}.start-menu-head .start-logo{width:32px;height:32px}.start-menu-head>div{display:grid;gap:3px}.start-menu-head b{font-size:11px;font-weight:600}.start-menu-head small{font:8px var(--mono);color:#8ea2ad}.start-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px}.start-app{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:10px 9px;min-height:69px;border:1px solid transparent;background:transparent;border-radius:3px;text-align:left}.start-app:hover{background:rgba(210,239,244,.075);border-color:rgba(210,239,244,.09)}.start-app-icon{color:#c0dfe3;font:17px var(--mono)}.start-app b{font-size:9px;font-weight:500}.start-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding:11px 3px 0;border-top:1px solid var(--line);color:#8da0a9;font:8px var(--mono);letter-spacing:.07em}.start-foot button{border:0;background:none;color:#bcd9dd;font:inherit}
.toast-stack{position:fixed;z-index:1600;right:22px;bottom:87px;display:grid;gap:8px;width:min(310px,calc(100vw - 32px));pointer-events:none}.toast{display:grid;grid-template-columns:19px 1fr;align-items:center;gap:8px;padding:11px 12px;border:1px solid rgba(213,237,241,.17);border-radius:4px;background:rgba(15,28,40,.88);box-shadow:0 12px 35px rgba(0,5,12,.3);backdrop-filter:blur(18px);animation:toastIn .25s ease both}.toast-icon{color:#a9d3c4;font:12px var(--mono)}.toast b{display:block;font-size:10px;font-weight:500}.toast small{display:block;margin-top:4px;color:#91a3ad;font-size:9px}
.mobile-nav{display:none}
.window-layer{position:fixed;inset:0;z-index:700;pointer-events:none}.app-window{position:absolute;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;border-radius:6px;min-width:320px;min-height:270px;background:linear-gradient(145deg,rgba(19,34,47,.91),rgba(10,20,31,.89));border:1px solid rgba(220,238,242,.19);box-shadow:0 28px 90px rgba(0,4,10,.56),inset 0 1px rgba(255,255,255,.11);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);animation:windowIn .24s cubic-bezier(.2,.7,.2,1) both;transform-origin:50% 45%}.app-window.is-closing{animation:windowOut .17s ease-in both}.app-window.is-minimized{display:none}.app-window.is-maximized{inset:22px 27px 81px!important;width:auto!important;height:auto!important;transform:none!important}.window-titlebar{flex:0 0 40px;display:flex;align-items:center;gap:9px;padding:0 9px 0 14px;background:linear-gradient(180deg,rgba(222,239,243,.075),rgba(208,231,236,.018));border-bottom:1px solid rgba(219,239,244,.11);user-select:none;touch-action:none;cursor:grab}.window-titlebar:active{cursor:grabbing}.window-app-mark{display:grid;place-items:center;width:17px;height:17px;color:#c7e5e9;font:11px var(--mono)}.window-title{font-size:10px;color:#d7e3e6;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-subtitle{margin-left:2px;color:#80949e;font:8px var(--mono);letter-spacing:.07em}.window-controls{display:flex;gap:4px;margin-left:auto}.window-control{width:27px;height:26px;display:grid;place-items:center;border:0;border-radius:2px;background:transparent;color:#a5b8bf;font:13px var(--mono);transition:background .15s,color .15s}.window-control:hover{background:rgba(218,238,242,.11);color:#eff8f8}.window-control.close:hover{background:#92575a;color:white}.window-body{position:relative;flex:1;min-height:0;overflow:auto;padding:22px 24px 23px;scrollbar-width:thin;scrollbar-color:rgba(178,215,222,.2) transparent}.window-body::-webkit-scrollbar{width:6px}.window-body::-webkit-scrollbar-thumb{background:rgba(178,215,222,.2)}.window-statusline{flex:0 0 25px;display:flex;align-items:center;gap:7px;padding:0 13px;border-top:1px solid rgba(219,239,244,.1);color:#869aa4;font:8px var(--mono);letter-spacing:.09em}.window-statusline i{width:5px;height:5px;border-radius:50%;background:#9bceb6;box-shadow:0 0 8px rgba(129,219,172,.4)}.window-statusline span:last-child{margin-left:auto}.resize-corner{position:absolute;right:0;bottom:0;width:12px;height:12px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 42%,rgba(212,236,241,.24) 43%,transparent 50%,transparent 61%,rgba(212,236,241,.19) 62%,transparent 69%)}
.window-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:19px}.window-heading h2{margin:0;color:#ebf3f4;font-size:22px;font-weight:500;letter-spacing:-.04em}.window-heading p{margin:6px 0 0;color:#8da1aa;font-size:10px;line-height:1.6}.section-label{display:flex;align-items:center;gap:8px;color:#99b9c1;font:8px var(--mono);letter-spacing:.15em}.section-label::before{content:"";width:12px;height:1px;background:#94c2ca}.fine-rule{height:1px;background:var(--line);margin:17px 0}
.about-banner{position:relative;display:grid;grid-template-columns:92px 1fr;gap:19px;align-items:center;padding:16px;border:1px solid rgba(216,236,239,.12);background:linear-gradient(110deg,rgba(111,164,179,.1),rgba(33,54,66,.12))}.about-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,29,.78),rgba(10,22,32,.65) 48%,rgba(9,19,29,.72))}.about-stamp,.about-intro{position:relative}.about-stamp{height:92px;display:grid;place-items:center;border:1px solid rgba(220,241,243,.24);background:rgba(14,27,39,.55);font:36px var(--mono);color:#d8eef0}.about-intro h3{margin:0 0 5px;font-size:20px;letter-spacing:-.04em;font-weight:500}.about-intro p{margin:0;color:#b5c6cc;font-size:10px;line-height:1.65}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(218,237,240,.1);border:1px solid rgba(218,237,240,.1)}.info-cell{min-height:70px;padding:12px 13px;background:rgba(12,23,34,.72)}.info-cell small{display:block;margin-bottom:9px;color:#8da2ac;font:8px var(--mono);letter-spacing:.12em}.info-cell b{font-size:10px;font-weight:500;color:#d5e1e4}.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.identity-card{position:relative;min-height:153px;overflow:hidden;border:1px solid rgba(218,237,240,.13);background:#162635}.identity-card img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.48;transition:transform .45s,opacity .3s;filter:saturate(.68)}.identity-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,17,27,.94),rgba(8,17,27,.15) 76%)}.identity-card:hover img{transform:scale(1.05);opacity:.67}.identity-copy{position:absolute;z-index:1;inset:auto 11px 11px}.identity-copy small{display:block;margin-bottom:5px;color:#acc8ce;font:8px var(--mono);letter-spacing:.1em}.identity-copy b{font-size:10px;font-weight:500}
.sites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-card{position:relative;display:grid;grid-template-columns:37px 1fr 20px;gap:11px;align-items:center;min-height:76px;padding:11px;border:1px solid rgba(221,240,244,.12);background:linear-gradient(120deg,rgba(170,218,227,.045),rgba(14,27,39,.33));transition:transform .2s,border-color .2s,background .2s}.site-card:hover{transform:translateY(-2px);border-color:rgba(189,227,233,.29);background:rgba(117,167,181,.11)}.site-symbol{height:37px;width:37px;display:grid;place-items:center;border:1px solid rgba(198,229,233,.15);color:#bfdee2;background:rgba(171,220,225,.055);font:14px var(--mono)}.site-copy{min-width:0;display:grid;gap:5px}.site-copy b{font-size:10px;font-weight:500}.site-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa3ad;font:8px var(--mono)}.site-arrow{color:#93b9c1;opacity:.4;transition:transform .2s,opacity .2s}.site-card:hover .site-arrow{opacity:1;transform:translate(2px,-2px)}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.game-card{position:relative;overflow:hidden;min-height:135px;border:1px solid rgba(222,239,242,.12);background:#152432}.game-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.67);opacity:.55;transition:transform .4s,opacity .3s}.game-card:hover img{transform:scale(1.06);opacity:.78}.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,17,26,.94),rgba(8,17,26,.04) 76%)}.game-card-copy{position:absolute;z-index:1;left:11px;right:9px;bottom:10px}.game-card-copy small{display:block;margin-bottom:5px;color:#afcdd2;font:8px var(--mono);letter-spacing:.09em}.game-card-copy b{display:block;font-size:10px;font-weight:500}.game-card-copy span{display:block;margin-top:4px;color:#a2b2b7;font-size:8px;line-height:1.45}
.social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.social-link{display:flex;align-items:center;gap:11px;min-height:55px;padding:9px 11px;border:1px solid rgba(218,238,241,.12);background:rgba(13,26,37,.45);transition:background .2s,border-color .2s}.social-link:hover{background:rgba(152,199,208,.11);border-color:rgba(198,230,234,.25)}.social-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(205,232,236,.14);color:#c1dee2;font:11px var(--mono)}.social-link span:nth-child(2){display:grid;gap:4px;min-width:0}.social-link b{font-size:10px;font-weight:500}.social-link small{color:#92a5ae;font:8px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-link>i{margin-left:auto;color:#89adb7;font:11px var(--mono);font-style:normal}
.music-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;min-height:340px}.music-art{position:relative;align-self:start;aspect-ratio:1;width:100%;overflow:hidden;border:1px solid rgba(218,239,242,.16);background:radial-gradient(circle at 66% 31%,rgba(156,204,213,.32),transparent 32%),linear-gradient(145deg,#304958,#152a39 52%,#0b1926);box-shadow:0 16px 38px rgba(0,0,0,.25)}.music-art::before{content:"";position:absolute;inset:12%;border:1px solid rgba(219,242,243,.21);transform:rotate(45deg) scale(.69)}.music-art::after{content:"";position:absolute;inset:24%;border:1px solid rgba(219,242,243,.12);border-radius:50%;box-shadow:0 0 0 12px rgba(207,235,239,.028),0 0 0 28px rgba(207,235,239,.02)}.music-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}.music-art-mark{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:rgba(227,246,246,.86);font:32px var(--mono);text-shadow:0 2px 22px rgba(0,0,0,.4)}.music-art.is-playing .music-art-mark{animation:recordSpin 9s linear infinite}.music-info-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#93aab4;font:8px var(--mono);letter-spacing:.11em}.music-state{display:flex;align-items:center;gap:6px}.music-state i{width:5px;height:5px;background:#d5a28d;border-radius:50%}.music-state.is-online i{background:#9dd1b6;box-shadow:0 0 8px rgba(135,217,174,.35)}.music-track-title{margin:20px 0 5px;color:#ecf3f3;font-size:18px;font-weight:500;letter-spacing:-.03em;line-height:1.35}.music-artist{margin:0;color:#a6b6bd;font-size:10px}.visualizer{height:27px;margin:17px 0 12px;display:flex;align-items:center;gap:3px;opacity:.75}.visualizer i{width:3px;height:var(--bar,25%);background:linear-gradient(0deg,rgba(113,178,190,.38),#b5dce0);transform-origin:center;animation:wave .72s ease-in-out infinite alternate;animation-delay:var(--delay,0ms);animation-play-state:paused}.visualizer.is-playing i{animation-play-state:running}.progress-row{display:grid;grid-template-columns:31px 1fr 31px;align-items:center;gap:8px;color:#8ea2ab;font:8px var(--mono)}input[type=range]{appearance:none;height:3px;border:0;border-radius:0;background:rgba(196,223,228,.23);accent-color:#b9dce1;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#d5ecee;box-shadow:0 0 0 3px rgba(184,225,230,.13)}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#d5ecee}.music-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 15px}.player-button{display:grid;place-items:center;width:29px;height:29px;border:0;background:none;color:#b6cbd0;font:15px var(--mono);transition:color .15s,transform .15s}.player-button:hover{color:#edf8f8;transform:scale(1.06)}.player-button.play{width:39px;height:39px;border:1px solid rgba(205,234,238,.25);border-radius:50%;background:rgba(175,219,225,.12);color:#e0f3f4}.music-lower{display:flex;justify-content:space-between;align-items:center;color:#8da1a9;font:8px var(--mono)}.volume-wrap{display:flex;align-items:center;gap:7px}.volume-wrap input{width:65px}.playlist-wrap{min-width:0;display:flex;flex-direction:column;border:1px solid rgba(217,237,240,.11);background:rgba(8,17,26,.2)}.playlist-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid var(--line);color:#cddfe2;font-size:9px}.playlist-heading small{color:#8ba0aa;font:8px var(--mono)}.track-list{flex:1;overflow:auto;max-height:298px;scrollbar-width:thin;scrollbar-color:rgba(180,217,223,.18) transparent}.track-row{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:41px;padding:6px 10px;border-bottom:1px solid rgba(221,238,241,.06);cursor:pointer;transition:background .15s}.track-row:hover,.track-row.is-current{background:rgba(180,222,228,.07)}.track-number{color:#82969f;font:8px var(--mono);text-align:center}.track-row.is-current .track-number{color:#b9dce0}.track-meta{min-width:0}.track-meta b,.track-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta b{font-size:9px;font-weight:500;color:#d4e1e3}.track-meta small{margin-top:3px;color:#899da6;font-size:8px}.track-duration{color:#8599a2;font:8px var(--mono)}.track-empty{display:grid;place-items:center;text-align:center;height:190px;padding:18px;color:#9aabb2;font-size:9px;line-height:1.8}.track-empty small{display:block;color:#8497a0;font-size:8px}.music-open-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:10px 12px;color:#b7d7dc;font-size:9px;border-top:1px solid var(--line)}.music-open-link span:last-child{font:10px var(--mono)}.lyric-pane{margin-top:13px;padding:11px;border-left:1px solid rgba(173,215,223,.22);color:#a9bec4;font-size:9px;line-height:1.8}.lyric-pane b{display:block;margin-bottom:3px;color:#d2e5e8;font-weight:500}.lyric-current{color:#e1f0f1}
.project-list{display:grid;gap:9px}.project-item{display:grid;grid-template-columns:43px 1fr;gap:13px;align-items:start;padding:13px;border:1px solid rgba(220,239,242,.11);background:rgba(12,24,35,.39)}.project-symbol{height:43px;display:grid;place-items:center;border:1px solid rgba(204,233,236,.14);color:#b9d8dc;font:13px var(--mono);background:rgba(184,224,228,.05)}.project-item h3{margin:1px 0 5px;font-size:11px;font-weight:500}.project-item p{margin:0;color:#94a8b1;font-size:9px;line-height:1.65}.project-item small{display:block;margin-top:7px;color:#9ebdc3;font:8px var(--mono);letter-spacing:.07em}.system-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-metric{padding:12px;border:1px solid rgba(217,238,241,.11);background:rgba(11,22,33,.39)}.system-metric small{display:block;margin-bottom:9px;color:#8fa3ad;font:8px var(--mono);letter-spacing:.09em}.system-metric b{font:10px var(--mono);font-weight:400;color:#d8e8ea}.system-status-list{display:grid;gap:0;margin-top:14px}.system-status{display:flex;align-items:center;gap:9px;padding:11px 4px;border-bottom:1px solid rgba(218,237,240,.09);font-size:9px;color:#acbdc2}.system-status i{width:5px;height:5px;border-radius:50%;background:#9bd0b7;box-shadow:0 0 8px rgba(137,218,178,.37)}.system-status small{margin-left:auto;color:#8ba1a8;font:8px var(--mono)}
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-group{padding:13px;border:1px solid rgba(216,236,239,.11);background:rgba(10,22,33,.36)}.setting-group h3{margin:0 0 11px;color:#d3e1e3;font-size:10px;font-weight:500}.setting-control{display:flex;align-items:center;gap:10px;min-height:32px;color:#9aadb4;font-size:9px}.setting-control label{flex:0 0 81px}.setting-control input[type=range]{flex:1;min-width:0}.setting-control select,.setting-select{flex:1;min-width:0;padding:6px 8px;border:1px solid rgba(219,238,241,.17);background:rgba(10,20,30,.76);color:#d4e2e4;font-size:9px}.setting-control output{width:33px;text-align:right;color:#bcd8dc;font:8px var(--mono)}.setting-choice{display:flex;align-items:center;gap:8px;margin:8px 0;color:#acbdc3;font-size:9px}.setting-choice input{accent-color:#9bcbd8}.wallpaper-upload{display:flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:6px 8px;border:1px dashed rgba(204,231,235,.23);color:#b3cbd0;font-size:9px;cursor:pointer}.wallpaper-upload input{display:none}.setting-note{margin:9px 0 0;color:#8499a2;font-size:8px;line-height:1.65}.settings-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.button-quiet,.button-primary{min-height:35px;padding:0 13px;border:1px solid rgba(217,237,240,.16);background:rgba(193,227,232,.055);color:#b9ced2;font-size:9px;transition:background .16s,border-color .16s}.button-quiet:hover,.button-primary:hover{background:rgba(186,222,227,.13);border-color:rgba(217,237,240,.31)}.button-primary{background:rgba(149,194,204,.17);color:#e1f0f1}
.clock-panel{text-align:center;padding:20px 10px 27px;background:radial-gradient(ellipse at 50% 10%,rgba(126,178,190,.11),transparent 63%)}.clock-panel time{display:block;color:#edf6f6;font:500 clamp(42px,8vw,72px)/1 var(--mono);letter-spacing:-.08em}.clock-panel-date{margin-top:14px;color:#b1c5ca;font-size:12px}.clock-panel-zone{margin-top:9px;color:#8399a4;font:8px var(--mono);letter-spacing:.16em}.contact-note{padding:11px 12px;border-left:1px solid rgba(176,218,225,.28);color:#9bafb7;font-size:9px;line-height:1.7}.guestbook-form{display:grid;gap:9px}.field-input,.field-textarea{width:100%;border:1px solid rgba(218,239,242,.14);background:rgba(7,16,26,.37);padding:10px 11px;color:#e4eeef;font-size:10px}.field-textarea{resize:vertical;min-height:80px}.form-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-row small{color:#879ca5;font-size:8px}.guestbook-empty{padding:22px 12px;text-align:center;border:1px dashed rgba(214,237,240,.17);color:#93a8b0;font-size:9px;line-height:1.7}.terminal{padding:15px;background:rgba(3,10,16,.55);color:#bdd4d8;font:10px/1.8 var(--mono);min-height:200px}.terminal p{margin:0}.terminal .prompt{color:#9cd3c6}.terminal-input-row{display:flex;gap:8px}.terminal-input{min-width:0;flex:1;background:transparent;border:0;color:#e1f0ef;font:10px var(--mono)}
.entry-screen{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(3,8,14,.985),rgba(7,16,26,.96));opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.entry-screen.is-active{opacity:1;visibility:visible}.entry-screen.is-leaving{opacity:0;visibility:hidden}.entry-scan{position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(169,221,229,.76),transparent);box-shadow:0 0 22px rgba(144,215,224,.52);animation:scanDown 1.45s cubic-bezier(.4,0,.2,1) both}.entry-mark{display:grid;justify-items:center;gap:15px;animation:entryRise .7s .18s both}.entry-glyph{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(198,234,239,.34);color:#d6eff1;font:25px var(--mono);box-shadow:inset 0 0 28px rgba(167,216,224,.1),0 0 37px rgba(121,196,208,.06);animation:bootGlow 1.8s ease-in-out infinite alternate}.entry-word{font:10px var(--mono);letter-spacing:.28em;color:#d5e7e9}.entry-word i{color:#8db7c0;font-style:normal}.entry-caption{font:8px var(--mono);letter-spacing:.15em;color:#819ba4}.entry-progress{width:100px;height:1px;background:rgba(208,237,239,.15);overflow:hidden}.entry-progress i{display:block;width:38%;height:100%;background:#aad7de;box-shadow:0 0 9px rgba(170,220,228,.5);animation:progressSweep .8s ease-in-out infinite alternate}.entry-skip{position:absolute;right:27px;bottom:24px;padding:8px 11px;background:transparent;border:1px solid rgba(223,239,242,.17);color:#a8bec4;font-size:9px}.entry-skip span{margin-left:10px;color:#78929b;font:8px var(--mono)}.cursor-dot{display:none}.cursor-ripple{display:none}
@keyframes caretBlink{50%{opacity:0}}@keyframes windowIn{from{opacity:0;transform:translateY(12px) scale(.974)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes windowOut{to{opacity:0;transform:translateY(7px) scale(.975)}}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes wave{from{transform:scaleY(.28);opacity:.48}to{transform:scaleY(1);opacity:.95}}@keyframes recordSpin{to{transform:rotate(360deg)}}@keyframes scanDown{0%{top:0;opacity:0}14%{opacity:1}100%{top:100%;opacity:.26}}@keyframes entryRise{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bootGlow{to{box-shadow:inset 0 0 31px rgba(167,216,224,.15),0 0 45px rgba(121,196,208,.12)}}@keyframes progressSweep{to{transform:translateX(170%)}}@keyframes floatSoft{50%{transform:translateY(-4px)}}
@media(hover:hover) and (pointer:fine){body{cursor:default}.cursor-dot{position:fixed;z-index:1900;left:0;top:0;width:8px;height:8px;border-radius:50%;background:#d9f1f2;box-shadow:0 0 9px rgba(163,223,229,.48);pointer-events:none;opacity:0;display:block;transform:translate(-50%,-50%);transition:width .16s,height .16s,opacity .2s,background .2s;mix-blend-mode:screen}.cursor-dot.is-visible{opacity:.86}.cursor-dot.is-hover{width:12px;height:12px;background:#c6edf0;opacity:1}.cursor-ripple{position:fixed;z-index:1899;left:0;top:0;width:24px;height:24px;border:1px solid rgba(209,241,243,.56);border-radius:50%;display:block;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.55)}.cursor-ripple.is-active{animation:cursorRipple .34s ease-out}@keyframes cursorRipple{0%{opacity:.6;transform:translate(-50%,-50%) scale(.55)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}}
@media(max-width:1100px){.desktop{padding-left:32px;padding-right:32px}.hero-stage,.launch-area,.desktop-footer{width:min(980px,100%)}.hero-stage{grid-template-columns:minmax(0,1fr) 175px;gap:17px}.hero-card{padding-left:25px;padding-right:25px}.launcher{grid-template-columns:repeat(4,minmax(0,1fr))}.launch-area{margin-bottom:19px}.desktop{height:calc(100svh - 77px)}.desktop-footer{margin-bottom:13px}.taskbar{bottom:11px}}
@media(max-width:700px){body{overflow:auto;min-height:100svh}.wallpaper{background-position:center 45%;transform:scale(1.01)}.wallpaper-overlay{background:linear-gradient(180deg,rgba(6,14,24,.56),rgba(8,17,27,.47) 40%,rgba(5,11,19,.68)),radial-gradient(ellipse at 50% 34%,rgba(83,129,156,.12),transparent 55%)}.ambient-light{opacity:.28}.weather-canvas{opacity:.43}.glass{backdrop-filter:blur(16px) saturate(128%);-webkit-backdrop-filter:blur(16px) saturate(128%)}.desktop{height:auto;min-height:calc(100svh - 68px);padding:16px 16px 92px}.topbar{height:43px;grid-template-columns:1fr auto}.topbar-center{display:none}.wordmark-mark{width:31px;height:31px}.wordmark-copy b{font-size:11px}.wordmark-copy small{font-size:8px}.top-clock span{font-size:13px}.hero-stage{width:100%;display:block;margin:33px auto 18px;padding:0}.hero-card{min-height:0;padding:18px 17px 0;border-radius:5px}.hero-main{align-items:flex-start;gap:15px;padding:24px 0 19px}.avatar-frame{flex-basis:71px;width:71px;height:100px}.avatar-monogram{font-size:42px}.avatar-copy{}.hero-copy h1{gap:7px;font-size:38px;line-height:1.08}.hero-kanji{font-size:19px}.eyebrow{font-size:9px;margin-bottom:7px}.type-line{font-size:9px;margin-top:10px;white-space:nowrap}.hero-signature{font-size:12px;line-height:1.8;margin:13px 0 10px}.mobile-break{display:block}.role-list{gap:6px;font-size:8px}.hero-footer{gap:14px;min-height:57px;flex-wrap:wrap}.hero-footer>span{gap:4px}.hero-footer>span>b{font-size:8px}.hero-footer small{font-size:7px}.hero-footer>span:nth-child(2){display:none}.text-action{font-size:8px;padding-left:3px}.hero-aside{display:none}.hero-coordinate{display:none}.launch-area{width:100%;margin:0 auto 20px}.launch-heading{font-size:9px}.launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.launch-tile{min-height:56px;padding:9px}.launch-icon{width:29px;height:29px;flex-basis:29px}.launch-copy b{font-size:9px}.desktop-footer{width:100%;font-size:8px;margin:24px auto 0}.desktop-footer span:last-child{font-size:7px}.taskbar{display:none}.mobile-nav{position:fixed;z-index:1200;left:12px;right:12px;bottom:max(env(safe-area-inset-bottom),10px);height:54px;border-radius:5px;display:flex;align-items:center;justify-content:space-around;padding:0 5px;background:linear-gradient(135deg,rgba(31,48,61,.91),rgba(10,20,31,.92));box-shadow:0 12px 40px rgba(0,4,10,.5)}.mobile-nav button{position:relative;display:grid;place-items:center;gap:2px;width:51px;height:48px;border:0;background:none;color:#92a7b0}.mobile-nav button span{font:15px var(--mono);color:#c0dfe3}.mobile-nav button small{font-size:7px;color:#9cafb6}.mobile-nav button.is-active::after{content:"";position:absolute;bottom:2px;left:16px;right:16px;height:2px;background:#9fced6}.start-menu{left:12px;right:12px;bottom:74px;width:auto;max-height:calc(100dvh - 110px);overflow:auto}.start-menu .start-apps{grid-template-columns:repeat(3,1fr)}.toast-stack{right:12px;bottom:74px;width:min(300px,calc(100vw - 24px))}.window-layer{z-index:1250}.app-window{position:fixed!important;inset:9px 8px calc(66px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;min-width:0;min-height:0;border-radius:6px;animation:windowIn .22s ease both;transform:none!important}.app-window.is-maximized{inset:9px 8px calc(66px + env(safe-area-inset-bottom))!important}.window-titlebar{flex-basis:46px;padding-left:11px;touch-action:auto;cursor:default}.window-title{font-size:10px}.window-subtitle{display:none}.window-controls{gap:6px}.window-control{width:34px;height:34px;font-size:15px}.window-body{padding:17px 15px 20px}.window-statusline{flex-basis:23px}.resize-corner{display:none}.window-heading{margin-bottom:15px}.window-heading h2{font-size:20px}.window-heading p{font-size:9px}.about-banner{grid-template-columns:65px 1fr;padding:12px;gap:13px}.about-stamp{height:67px;font-size:28px}.about-intro h3{font-size:16px}.about-intro p{font-size:9px}.info-cell{min-height:63px;padding:10px}.info-cell small{font-size:7px}.info-cell b{font-size:9px}.identity-grid{gap:7px}.identity-card{min-height:125px}.identity-copy{left:8px;right:7px;bottom:8px}.identity-copy b{font-size:8px}.identity-copy small{font-size:7px}.sites-grid{grid-template-columns:1fr;gap:6px}.site-card{min-height:64px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.game-card{min-height:122px}.music-layout{grid-template-columns:1fr;gap:13px}.music-main{display:grid;grid-template-columns:76px 1fr;gap:0 12px;align-items:center}.music-art{grid-row:1/5;grid-column:1;width:76px}.music-info-top{grid-column:2;align-self:end}.music-track-title{grid-column:2;margin:7px 0 3px;font-size:14px}.music-artist{grid-column:2}.visualizer,.progress-row,.music-controls,.music-lower{grid-column:1/-1}.visualizer{height:19px;margin:12px 0 7px}.music-controls{margin:8px 0 8px}.playlist-wrap{min-height:170px}.track-list{max-height:200px}.lyric-pane{margin-top:8px}.settings-layout{grid-template-columns:1fr;gap:8px}.settings-actions{grid-column:1}.social-list{grid-template-columns:1fr}.social-link{min-height:52px}.system-summary{gap:6px}.clock-panel{padding:16px 7px 22px}.clock-panel time{font-size:48px}.project-item{padding:11px}.project-item p{font-size:8px}.entry-skip{right:13px;bottom:calc(74px + env(safe-area-inset-bottom));min-height:40px}.cursor-dot,.cursor-ripple{display:none!important}}
@media(max-width:380px){.desktop{padding-left:12px;padding-right:12px}.hero-card{padding-left:12px;padding-right:12px}.hero-main{gap:10px}.avatar-frame{flex-basis:59px;width:59px;height:88px}.avatar-monogram{font-size:36px}.hero-copy h1{font-size:33px}.hero-kanji{font-size:17px}.hero-signature{font-size:11px}.hero-footer{gap:10px}.hero-footer>span:nth-child(3){display:none}.launch-tile{gap:7px;padding:8px}.launch-copy small{font-size:7px}.taskbar-tray{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.weather-canvas,.cursor-dot,.cursor-ripple{display:none!important}.ambient-light{opacity:.12!important}.hero-stage,.taskbar{opacity:1!important;transform:none!important}}