:root{color:#172126;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8ece8;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:100%;min-height:100%}body{margin:0;overflow:hidden}button{color:inherit;font:inherit;border:0}.prototype{background:linear-gradient(135deg,#ffffffc7,#dae2decc),linear-gradient(90deg,#edf2ef,#ebe8df 48%,#e2eff1);place-items:center;min-height:100svh;display:grid;overflow:hidden}.tablet-stage{--stage-left:96px;--stage-right:28px;--stage-top:112px;--stage-bottom:30px;--active-accent:#00a7a5;--selection-accent:#00a7a5;--selection-tint:#e5fbf6;aspect-ratio:16/10;isolation:isolate;background:#edf2ec;border:1px solid #242d3229;border-radius:18px;width:min(100vw,1280px,160svh);position:relative;overflow:hidden;box-shadow:0 28px 80px #242a2a38}.content-visual{z-index:0;object-fit:cover;filter:saturate(1.04)contrast(.98);-webkit-user-select:none;user-select:none;width:108%;height:108%;animation:16s ease-in-out infinite alternate visualDrift;position:absolute;inset:-4%}.content-wash{z-index:1;pointer-events:none;background:linear-gradient(90deg,#eef4f0eb 0%,#eef4f094 46%,#eef4f02e 100%),linear-gradient(#0a121405 44%,#0a12147a);position:absolute;inset:0}.selection-is-open .content-wash{background:linear-gradient(90deg, color-mix(in srgb, var(--selection-tint), transparent 22%) 0%, #eef4f06b 45%, #eef4f01f 100%), linear-gradient(to top, #0a121452, #0a121405 56%)}.ambient-grid{z-index:2;opacity:.34;pointer-events:none;background-image:linear-gradient(#263e411a 1px,#0000 1px),linear-gradient(90deg,#263e411a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d1,#0000 78%);mask-image:linear-gradient(#000000d1,#0000 78%)}.active-content{z-index:5;color:#fff;text-shadow:0 2px 16px #00000052;width:min(760px,100% - 220px);transition:opacity .18s,transform .18s,filter .18s;position:absolute;bottom:42px;left:132px}.selection-is-open .active-content{opacity:.42;filter:blur(.4px);transform:translate(18px)}.content-labels{align-items:center;gap:8px;display:flex}.content-labels span{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f181a57;border:1px solid #ffffff38;border-radius:7px;align-items:center;height:28px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.active-content h1{letter-spacing:0;max-width:720px;margin:16px 0 0;font-size:58px;font-weight:860;line-height:1}.active-content>p{color:#ffffffe0;max-width:650px;margin:14px 0 0;font-size:19px;font-weight:620;line-height:1.46}.content-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.content-panels div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121d205c;border:1px solid #ffffff2e;border-radius:8px;min-width:0;min-height:142px;padding:14px}.content-panels svg{color:color-mix(in srgb, var(--active-accent), white 42%)}.content-panels strong{margin-top:10px;font-size:14px;font-weight:850;display:block}.content-panels span{color:#ffffffd1;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:7px;font-size:13px;line-height:1.46;display:-webkit-box;overflow:hidden}.system-mark{z-index:12;color:#172126;-webkit-backdrop-filter:blur(18px)saturate(1.28);backdrop-filter:blur(18px)saturate(1.28);background:#ffffff6b;border:1px solid #1420221a;border-radius:8px;grid-template-rows:1fr;grid-template-columns:1fr;justify-content:center;align-items:center;width:58px;height:48px;padding:0;transition:opacity .18s,transform .18s,background .18s;display:grid;position:absolute;top:23px;right:28px;box-shadow:0 12px 28px #28333014}.selection-is-open .system-mark{opacity:.26;pointer-events:none;transform:translateY(-4px)scale(.94)}.system-mark svg,.system-mark span{grid-area:1/1}.system-mark svg{color:color-mix(in srgb, var(--active-accent), #172126 34%);justify-self:center}.system-mark span{color:#17212694;place-self:end;margin:0 7px 6px 0;font-size:9px;font-weight:860;line-height:1}.floating-nav{z-index:30;pointer-events:none;position:absolute}.top-nav{width:680px;height:48px;top:22px;left:132px;right:auto}.left-nav{top:var(--stage-top);bottom:var(--stage-bottom);width:84px;left:24px}.nav-trigger{color:#0c181cd1;cursor:grab;letter-spacing:0;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #0c191c26;border-radius:999px;outline:none;justify-content:center;align-items:center;transition:opacity .18s,transform .22s,background .18s,border-color .18s;display:flex;position:absolute;overflow:hidden;box-shadow:0 14px 30px #28312e24}.nav-trigger:before{background:color-mix(in srgb, var(--active-accent), white 28%);content:"";opacity:0;pointer-events:none;border-radius:999px;transition:opacity .26s,transform .26s;position:absolute}.nav-trigger>svg,.nav-trigger>span,.nav-trigger>small{z-index:1;position:relative}.nav-trigger:active{cursor:grabbing}.collapsed .nav-trigger{animation:1.45s .18s forwards navShellFade}.collapsed .nav-trigger>svg,.collapsed .nav-trigger>span,.collapsed .nav-trigger>small{animation:1.25s .26s forwards navContentFade}.collapsed .top-trigger:before{opacity:.72;height:5px;inset:auto 22px 6px;transform:scaleX(.8)}.collapsed .left-trigger:before{opacity:.72;width:5px;inset:20px auto 20px 8px;transform:scaleY(.82)}.collapsed .nav-trigger:hover,.collapsed .nav-trigger:focus-visible,.collapsed .nav-trigger:active{color:#0c181cd1;background:#ffffffad;border-color:#0c191c26;animation:none;box-shadow:0 14px 30px #28312e24}.collapsed .nav-trigger:hover>svg,.collapsed .nav-trigger:hover>span,.collapsed .nav-trigger:hover>small,.collapsed .nav-trigger:focus-visible>svg,.collapsed .nav-trigger:focus-visible>span,.collapsed .nav-trigger:focus-visible>small,.collapsed .nav-trigger:active>svg,.collapsed .nav-trigger:active>span,.collapsed .nav-trigger:active>small{opacity:1;animation:none}.top-trigger{top:4px;left:calc(var(--subject-offset) - 58px);gap:7px;width:116px;height:40px}.left-trigger{top:calc(var(--mode-offset) - 68px);border-radius:999px;flex-direction:column;gap:6px;width:74px;height:136px;padding:10px 6px;font-size:13px;left:0}.left-trigger small{color:#0c181c94;text-align:center;writing-mode:vertical-rl;max-height:56px;font-size:11px;font-weight:760;line-height:1.15;display:block;overflow:hidden}.mode-rail{opacity:0;pointer-events:none;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;transition:opacity .2s,transform .22s;display:grid;position:absolute;inset:0;transform:translate(-8px)scale(.98)}.open .mode-rail{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.open .mode-rail-item{animation:.36s cubic-bezier(.2,.82,.18,1) backwards modeRailEnter}.open .mode-rail-item:nth-child(2){animation-delay:36ms}.mode-rail-item{border:1px solid color-mix(in srgb, var(--selection-accent), transparent 72%);background:linear-gradient(180deg, #ffffff8f, color-mix(in srgb, var(--selection-tint), transparent 32%)), #ffffff5c;color:#121c20c7;cursor:grab;letter-spacing:0;-webkit-backdrop-filter:blur(22px)saturate(1.28);backdrop-filter:blur(22px)saturate(1.28);border-radius:999px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:0;padding:16px 8px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s,color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #1723261c,inset 0 1px 1px #ffffffbd,inset 0 -18px 32px #ffffff2e}.mode-rail-item:before{background:linear-gradient(180deg, #ffffffe6, var(--selection-accent) 45%, #ffffffad), var(--selection-accent);content:"";opacity:.4;width:4px;box-shadow:0 0 16px color-mix(in srgb, var(--selection-accent), transparent 58%);border-radius:999px;transition:opacity .16s,transform .16s,box-shadow .16s;position:absolute;inset:18px auto 18px 7px;transform:scaleY(.44)}.mode-rail-item:after{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--selection-accent), transparent 38%), transparent);content:"";opacity:.26;border-radius:999px;width:2px;transition:opacity .16s,transform .16s,box-shadow .16s;position:absolute;inset:10px 7px 10px auto;transform:scaleY(.72)}.mode-rail-item span{z-index:1;writing-mode:vertical-rl;font-size:18px;font-weight:880;line-height:1;position:relative}.mode-rail-item small{z-index:1;color:#121c208a;text-align:center;writing-mode:vertical-rl;font-size:11px;font-weight:760;line-height:1.18;position:relative}.mode-rail-item b{z-index:1;background:color-mix(in srgb, var(--selection-accent), white 78%);width:22px;height:22px;color:color-mix(in srgb, var(--selection-accent), #172126 30%);border-radius:999px;place-items:center;font-size:11px;font-weight:860;display:grid;position:absolute;bottom:12px;right:9px}.mode-rail-item:hover,.mode-rail-item.hovered{border-color:color-mix(in srgb, var(--selection-accent), white 12%);background:linear-gradient(180deg, #ffffffb8, color-mix(in srgb, var(--selection-tint), transparent 18%)), #ffffff7a;box-shadow:0 20px 44px color-mix(in srgb, var(--selection-accent), transparent 78%), inset 0 1px 1px #ffffffd1, inset 0 -18px 32px color-mix(in srgb, var(--selection-accent), transparent 86%);transform:translate(2px)}.mode-rail-item:active{transform:translate(1px)scale(.992)}.mode-rail-item.active{border-color:color-mix(in srgb, var(--selection-accent), white 8%);background:radial-gradient(circle at 58% 24%, #ffffffdb, transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--selection-accent), white 82%), color-mix(in srgb, var(--selection-tint), transparent 10%));color:#0f1a1ee6;box-shadow:0 22px 48px color-mix(in srgb, var(--selection-accent), transparent 72%), inset 0 1px 1px #ffffffdb, inset 0 -22px 36px color-mix(in srgb, var(--selection-accent), transparent 82%)}.mode-rail-item.hovered:before,.mode-rail-item.active:before{opacity:.9;box-shadow:0 0 20px color-mix(in srgb, var(--selection-accent), transparent 36%), 0 0 42px color-mix(in srgb, var(--selection-accent), transparent 72%);transform:scaleY(1)}.mode-rail-item.hovered:after,.mode-rail-item.active:after{opacity:.72;box-shadow:0 0 20px color-mix(in srgb, var(--selection-accent), transparent 58%);transform:scaleY(1)}.is-dragging .mode-rail-item.hovered,.is-dragging .mode-rail-item.active{animation:1.38s ease-in-out infinite sideKeyPulse}.open .nav-trigger{opacity:0;pointer-events:none;transform:scale(.88)}.nav-track{opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;position:absolute;transform:translateY(-8px)scale(.985)}.open .nav-track{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.open .nav-item{animation:.34s cubic-bezier(.2,.82,.18,1) backwards navItemEnter}.open .nav-item:nth-child(2){animation-delay:24ms}.open .nav-item:nth-child(3){animation-delay:48ms}.open .nav-item:nth-child(4){animation-delay:72ms}.open .nav-item:nth-child(5){animation-delay:96ms}.nav-track button{pointer-events:none}.open .nav-track button{pointer-events:auto}.subject-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid;inset:0}.nav-item{--subject-accent:var(--selection-accent);--subject-tint:var(--selection-tint);border:1px solid color-mix(in srgb, var(--subject-accent), transparent 76%);background:radial-gradient(circle at 50% 0%, #ffffffbd, transparent 46%), linear-gradient(180deg, #ffffff94, color-mix(in srgb, var(--subject-tint), transparent 26%)), #fff6;color:#131e23cc;cursor:pointer;letter-spacing:0;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:780;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s,color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #212d2a1a,inset 0 1px 1px #ffffffc2,inset 0 -14px 24px #ffffff2e}.nav-item:before{z-index:-1;border-radius:inherit;background:linear-gradient(110deg, transparent 0 34%, #ffffffb8 45%, transparent 58%), radial-gradient(circle at 22% 18%, #ffffffc2, transparent 32%), radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--subject-accent), transparent 74%), transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--subject-accent), transparent 88%), #fff3);content:"";opacity:.42;background-position:-160% 0,0 0,0 0,0 0;background-size:260% 100%,auto,auto,auto;transition:opacity .16s,transform .16s,background-position .52s;position:absolute;inset:2px;transform:scale(.985)}.nav-item:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--subject-accent), white 12%), transparent), var(--subject-accent);content:"";opacity:.38;transform-origin:50%;border-radius:999px;height:3px;transition:opacity .16s,transform .16s,box-shadow .16s;position:absolute;inset:auto 20px 5px;transform:scaleX(.42)}.nav-item>span{z-index:1;position:relative}.nav-item:hover,.nav-item.hovered{border-color:color-mix(in srgb, var(--subject-accent), white 14%);background:radial-gradient(circle at 50% 0%, #ffffffd1, transparent 48%), linear-gradient(180deg, #ffffffb3, color-mix(in srgb, var(--subject-tint), transparent 12%)), #ffffff8a;box-shadow:0 16px 34px color-mix(in srgb, var(--subject-accent), transparent 84%), inset 0 1px 1px #ffffffd1, inset 0 -16px 28px color-mix(in srgb, var(--subject-accent), transparent 88%);transform:translateY(-1px)}.nav-item:active{transform:translateY(0)scale(.992)}.nav-item:hover:before,.nav-item.hovered:before{opacity:.64;background-position:180% 0,0 0,0 0,0 0;transform:scale(1)}.nav-item.hovered:after,.nav-item.previewed:after,.nav-item.selected:after{opacity:.96;box-shadow:0 0 12px color-mix(in srgb, var(--subject-accent), transparent 38%), 0 0 28px color-mix(in srgb, var(--subject-accent), transparent 72%);transform:scaleX(1)}.nav-item.previewed,.nav-item.selected{border-color:color-mix(in srgb, var(--subject-accent), white 10%);background:radial-gradient(circle at 28% 16%, #ffffffdb, transparent 34%), radial-gradient(circle at 70% 78%, color-mix(in srgb, var(--subject-accent), transparent 72%), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--subject-accent), white 84%), color-mix(in srgb, var(--subject-tint), white 12%));color:#0c181ce6;box-shadow:0 16px 34px color-mix(in srgb, var(--subject-accent), transparent 76%), inset 0 1px 1px #ffffffdb, inset 0 -18px 30px color-mix(in srgb, var(--subject-accent), transparent 82%)}.nav-item.previewed:before,.nav-item.selected:before{opacity:.72;transform:scale(1)}.is-dragging .nav-item.hovered:after,.is-dragging .nav-item.previewed:after{animation:1.18s ease-in-out infinite navTrackPulse}.is-dragging .nav-item.hovered:before,.is-dragging .nav-item.previewed:before{animation:1.38s ease-in-out infinite glassBreath}.nav-short{background:color-mix(in srgb, var(--subject-accent), white 78%);width:22px;height:22px;color:color-mix(in srgb, var(--subject-accent), #172126 36%);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:780;display:inline-flex}.side-menu{z-index:28;border:1px solid color-mix(in srgb, var(--selection-accent), transparent 76%);background:linear-gradient(135deg, color-mix(in srgb, var(--selection-tint), transparent 24%), #ffffff61), #f7fcfa57;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(26px)saturate(1.36);backdrop-filter:blur(26px)saturate(1.36);border-radius:8px;flex-direction:column;width:min(728px,100% - 168px);height:min(572px,100% - 156px);min-height:0;padding:10px;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:126px;bottom:auto;left:132px;transform:translate(-24px)scale(.985);box-shadow:0 24px 62px #17232629,inset 0 0 0 1px #ffffff6b}.side-menu:before{border-top:1px solid color-mix(in srgb, var(--selection-accent), transparent 48%);border-bottom:1px solid color-mix(in srgb, var(--selection-accent), transparent 78%);border-left:1px solid color-mix(in srgb, var(--selection-accent), transparent 62%);background:radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--selection-accent), transparent 42%), transparent 60%), linear-gradient(90deg, color-mix(in srgb, var(--selection-accent), transparent 58%), transparent);content:"";opacity:.78;pointer-events:none;border-radius:999px 0 0 999px;width:84px;height:142px;position:absolute;top:25%;right:100%;transform:translateY(-50%)}.side-menu:after{border-top:1px solid color-mix(in srgb, var(--selection-accent), transparent 78%);border-bottom:1px solid color-mix(in srgb, var(--selection-accent), transparent 48%);border-left:1px solid color-mix(in srgb, var(--selection-accent), transparent 62%);background:radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--selection-accent), transparent 42%), transparent 60%), linear-gradient(90deg, color-mix(in srgb, var(--selection-accent), transparent 60%), transparent);content:"";opacity:.74;pointer-events:none;border-radius:999px 0 0 999px;width:84px;height:142px;position:absolute;top:75%;right:100%;transform:translateY(-50%)}.side-menu.open{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.menu-context-label{z-index:31;border:1px solid color-mix(in srgb, var(--selection-accent), transparent 72%);background:linear-gradient(135deg, color-mix(in srgb, var(--selection-tint), transparent 32%), #ffffff8a), #ffffff57;color:#172126;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px)saturate(1.32);backdrop-filter:blur(20px)saturate(1.32);border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;transition:opacity .2s,transform .22s;display:flex;position:absolute;top:92px;left:132px;transform:translateY(6px);box-shadow:0 14px 34px #1723261a}.menu-context-label.open{opacity:1;transform:translateY(0)}.menu-context-label strong{letter-spacing:0;font-size:18px;font-weight:860;line-height:1.15}.menu-context-label span{color:#1721268f;font-size:12px;font-weight:720}.mode-sections{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.mode-section{--accent:#00a7a5;border:1px solid color-mix(in srgb, var(--accent), transparent 86%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 86%), #ffffff47), #ffffff42;-webkit-backdrop-filter:blur(16px)saturate(1.22);backdrop-filter:blur(16px)saturate(1.22);border-radius:8px;flex-direction:column;min-height:0;padding:10px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;overflow:hidden}.mode-section.hovered{border-color:color-mix(in srgb, var(--accent), transparent 58%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 78%), #ffffff6b), #ffffff57;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent), transparent 80%)}.mode-section.active{border-color:color-mix(in srgb, var(--accent), transparent 62%)}.feature-list{-ms-overflow-style:none;scrollbar-width:none;grid-template-rows:repeat(2,minmax(88px,1fr));grid-template-columns:repeat(4,138px);grid-auto-columns:138px;grid-auto-flow:row;justify-content:start;gap:8px;min-height:0;padding:0;display:grid;overflow:auto hidden}.feature-list::-webkit-scrollbar{display:none}.menu-feature{border:1px solid color-mix(in srgb, var(--accent), transparent 82%);background:linear-gradient(145deg, #ffffff85, color-mix(in srgb, var(--accent), transparent 88%)), #fff6;color:#141f22d6;cursor:pointer;letter-spacing:0;text-align:center;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:88px;padding:7px;font-size:13px;font-weight:780;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.feature-art{flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.feature-art img{object-fit:cover;border:1px solid #ffffff85;border-radius:14px;width:48px;height:48px;position:absolute;inset:0;box-shadow:0 10px 22px #17232624}.feature-art svg{z-index:1;color:color-mix(in srgb, var(--accent), #172126 22%);filter:drop-shadow(0 2px 6px #ffffff8c);opacity:.34;position:relative}.menu-feature span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-feature:hover,.menu-feature.hovered{border-color:color-mix(in srgb, var(--accent), white 6%);box-shadow:0 9px 18px color-mix(in srgb, var(--accent), transparent 82%);background:#ffffffa3;transform:translateY(-2px)}.menu-feature.active{border-color:color-mix(in srgb, var(--accent), white 4%);background:color-mix(in srgb, var(--accent), white 80%);box-shadow:0 14px 30px color-mix(in srgb, var(--accent), transparent 78%), inset 0 0 0 1px #ffffffc2}@keyframes navShellFade{to{box-shadow:none;color:#0c181c1a;background:#ffffff09;border-color:#0c191c09}}@keyframes navContentFade{to{opacity:0}}@keyframes navItemEnter{0%{opacity:0;transform:translateY(-7px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modeRailEnter{0%{opacity:0;transform:translate(-12px)scale(.965)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes navTrackPulse{0%,to{box-shadow:0 0 12px color-mix(in srgb, var(--subject-accent), transparent 42%), 0 0 26px color-mix(in srgb, var(--subject-accent), transparent 76%)}50%{box-shadow:0 0 18px color-mix(in srgb, var(--subject-accent), transparent 28%), 0 0 42px color-mix(in srgb, var(--subject-accent), transparent 64%)}}@keyframes glassBreath{0%,to{opacity:.62}50%{opacity:.82}}@keyframes sideKeyPulse{0%,to{box-shadow:0 20px 44px color-mix(in srgb, var(--selection-accent), transparent 78%), inset 0 1px 1px #ffffffd1, inset 0 -18px 32px color-mix(in srgb, var(--selection-accent), transparent 86%)}50%{box-shadow:0 24px 56px color-mix(in srgb, var(--selection-accent), transparent 68%), inset 0 1px 1px #ffffffe0, inset 0 -20px 36px color-mix(in srgb, var(--selection-accent), transparent 78%)}}.is-dragging .nav-item,.is-dragging .mode-rail-item,.is-dragging .menu-feature{cursor:grabbing}@keyframes visualDrift{0%{transform:scale(1)translate(-1%,-1%)}to{transform:scale(1.035)translate(1%,1%)}}@media (width<=980px){.tablet-stage{--stage-left:72px;--stage-right:16px;--stage-top:92px;--stage-bottom:18px;border-radius:0}.system-mark{display:none}.top-nav{top:16px}.left-nav{width:58px;left:12px}.left-trigger{width:58px;height:118px;top:calc(var(--mode-offset) - 59px)}.side-menu{top:var(--stage-top);bottom:var(--stage-bottom);width:min(360px,100% - 24px);left:12px}.active-content{width:calc(100% - 118px);bottom:28px;left:86px}.active-content h1{font-size:38px}.content-panels{grid-template-columns:1fr}.content-panels div{min-height:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}