:root{font:14px/1.55 Inter,system-ui,-apple-system,"PingFang SC",sans-serif;color:#e9f3f3;background:#0b1119}
*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse at 8% 16%,#1d43454a,transparent 48%),radial-gradient(ellipse at 95% 90%,#27334e42,transparent 46%),#0b1119}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #82e8d8;outline-offset:3px}button:disabled{cursor:not-allowed}
.orb-shell{max-width:1330px;margin:auto;padding:clamp(14px,2.6vh,24px) clamp(14px,3vw,42px) 30px}.orb-layout{align-items:start}.orb-sidebar{background:#15212bdf;border:1px solid #ffffff18;padding:24px 25px;box-shadow:0 26px 70px #0004;scrollbar-width:none}.orb-sidebar::-webkit-scrollbar{display:none}.detail-panel-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.back-link{color:#9fe8d8;font-size:12px;white-space:nowrap}.top-count{font:11px/1.2 monospace;color:#71e8d0}.case-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:21px}.case-tabs a{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff25;border-radius:13px;background:#ffffff0c;padding:11px 13px;color:#c6d7df;font-size:12px;font-weight:650}.case-tabs a span{font:10px monospace;color:#879ca8}.case-tabs a.active{background:#21776648;border-color:#4dd3b8bb;color:#99f9df}.eyebrow,.spec-head{font:700 10px/1.4 monospace;letter-spacing:1.4px;color:#76cdbf}.eyebrow span{color:#698494}.orb-sidebar h1{font-size:clamp(23px,2.7vw,32px);font-weight:700;letter-spacing:-.9px;line-height:1.3;margin:9px 0 10px}.theme-lede{color:#a7bcc6;font-size:13px;line-height:1.85;margin:0 0 20px}.player-panel{padding:16px;border-radius:18px;background:#08111b;border:1px solid #ffffff1c}.player-head{display:flex;justify-content:space-between;font-size:12px;color:#e6f2f4}.player-head output{font:11px monospace;color:#9dddd0}.player-panel input[type=range]{width:100%;height:22px;margin:14px 0 8px;accent-color:#69e9c9;cursor:pointer}.player-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-actions button{padding:10px 4px;border:1px solid #ffffff2a;border-radius:10px;background:#1c3440;color:#e6f9f7;font-size:11px;font-weight:700}.player-actions button:hover{background:#284958}.player-help{margin:12px 0 0;color:#88a7ae;font-size:11px;min-height:17px}.spec-head{margin:23px 0 12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.spec-head span+span{color:#d6b584}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spec-item{border:1px solid #ffffff1c;background:#ffffff0a;padding:12px;border-radius:13px;min-width:0}.spec-item b{font-size:11px;color:#94e7d8}.spec-item p{margin:7px 0 0;font-size:11px;line-height:1.7;color:#a4bac1}.prompt-box{margin-top:18px;background:#0b121d;border:1px solid #cc914b65;padding:16px;border-radius:18px}.prompt-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.prompt-top strong{font-size:12px;color:#f7ca82}.prompt-top span{font-size:10px;color:#8798a3}.prompt-text{padding:14px;white-space:pre-wrap;font-size:12px;line-height:1.9;color:#d3e4e7;background:#ffffff08;border:1px solid #ffffff13;border-radius:12px;user-select:text;-webkit-user-select:text}.copy-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.copy-row button{background:#eab96b;color:#13202b;border:0;padding:13px 8px;font-weight:700;border-radius:11px}.copy-row button+button{background:#204b48;color:#a6efde;border:1px solid #51d5bc83}.skill-preview{margin-top:18px}.skill-preview label{font-size:11px;color:#a1b9c1;display:block;margin-bottom:8px}.skill-preview textarea{display:block;width:100%;padding:12px;border:1px solid #ffffff24;border-radius:12px;background:#0a121c;color:#cfdddd;white-space:pre-wrap;font:11px/1.6 ui-monospace,Consolas,monospace;user-select:text;-webkit-user-select:text}.accuracy-note{font-size:11px;color:#8da4ad;line-height:1.7;margin:16px 0 0}
.preview-hint{max-width:390px;text-align:center;font-size:11px;color:#81a3b0;margin:22px 0 0}.phone-screen{position:absolute;inset:0;overflow:hidden;border-radius:40px;isolation:isolate;background:#6ab4d0;color:#fff;touch-action:pan-y}.phone-screen[data-mode=fable]{background:linear-gradient(175deg,#367a9e -15%,#7bcee6 45%,#a9d7e2 74%,#d4b8c7)}.phone-screen[data-mode=astra]{background:#010106;color:#fff}.phone-screen[data-mode=kimi]{background:#fff;color:#141d25}.sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 42%,#d6faff5a,transparent 38%),radial-gradient(ellipse at 72% 19%,#0b538626,transparent 49%)}.clouds{position:absolute;left:-20%;right:-20%;height:31%;bottom:-2%;filter:blur(7px)}.clouds i{position:absolute;display:block;border-radius:50%;background:radial-gradient(ellipse at 35% 22%,#f4f3fc 0,#d7d6e3 48%,#c3b8d0 76%,#c9d1e0 100%);box-shadow:inset 8px 9px 19px #ffffff8a,0 -8px 32px #fff8}.clouds i:nth-child(1){width:67%;height:72%;left:-10%;bottom:12%}.clouds i:nth-child(2){width:60%;height:66%;left:26%;bottom:37%}.clouds i:nth-child(3){width:61%;height:65%;right:-17%;bottom:7%}.clouds i:nth-child(4){width:49%;height:52%;left:2%;bottom:56%}.clouds i:nth-child(5){width:47%;height:47%;left:45%;bottom:0}.kimi-ribbons{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 11px #7beff74c)}.phone-screen[data-mode=astra] .sky-glow,.phone-screen[data-mode=astra] .clouds,.phone-screen[data-mode=astra] .kimi-ribbons,.phone-screen[data-mode=kimi] .sky-glow,.phone-screen[data-mode=kimi] .clouds,.phone-screen[data-mode=fable] .kimi-ribbons{display:none}
.phone-status{position:absolute;z-index:29;top:14px;left:27px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;letter-spacing:.1px}.status-right{font-size:11px;letter-spacing:-1px}.phone-screen[data-mode=astra] .phone-status{color:#e9e9f2}.phone-screen[data-mode=kimi] .phone-status{color:#142029}.hero-mark{position:absolute;z-index:3;left:50%;top:31%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none;line-height:.85;letter-spacing:-4px;font-size:76px;font-weight:950;font-style:italic}.hero-mark span{display:block}.phone-screen[data-mode=fable] .hero-mark{color:transparent;-webkit-text-stroke:1px #c8faff8f;background:linear-gradient(175deg,#ddfcff 2%,#75d7e2 34%,#e9e2fb 54%,#4da2bb 83%);background-clip:text;-webkit-background-clip:text;text-shadow:0 5px 12px #184b7047;filter:drop-shadow(2px 2px 3px #e3ffff44)}.phone-screen[data-mode=astra] .hero-mark{color:transparent;-webkit-text-stroke:1px #69708368;background:linear-gradient(160deg,#161c2c,#3b4251 26%,#080c15 40%,#222633 63%,#04050b 90%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(2px 3px 1px #565b7044)}.phone-screen[data-mode=kimi] .hero-mark{display:none}
.orb-bubble{position:absolute;z-index:6;left:0;top:0;width:160px;height:160px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle at 32% 22%,#ffffffb8 0,#dffaff2b 23%,#ffffff05 50%,#b8f6fa3a 70%,#ffffff6b 97%);border:1px solid #e3fcff9f;box-shadow:inset -10px -12px 25px #174b7452,inset 10px 10px 21px #ffffff93,0 0 5px #faffff80,0 17px 39px #182d5647}.orb-inner{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 61% 66%,#de90c84d,transparent 49%);filter:blur(3px)}.orb-sheen{position:absolute;left:20%;top:10%;width:55%;height:15%;border-top:2px solid #ffffffd9;border-radius:50%;transform:rotate(-25deg);filter:blur(1px)}.phone-screen[data-mode=astra] .orb-bubble{background:radial-gradient(circle at 24% 15%,#8491ad88,transparent 12%),radial-gradient(circle at 65% 91%,#55518080,transparent 17%),radial-gradient(circle at 50% 48%,#05050b,#070810 59%,#182234 91%);border-color:#707a9080;box-shadow:inset -4px 8px 21px #9db4c620,inset 1px -3px 9px #65718f70,0 5px 20px #aabbdb13}.phone-screen[data-mode=kimi] .orb-bubble{background:radial-gradient(circle at 48% 52%,#f7d8ed 0,#fbd1ecae 21%,#d7f9f7a0 49%,#ffffff66 64%,#a4f5f98c 81%,#ffffffeb 95%);border-color:#defbff;box-shadow:inset -10px -8px 32px #7ce6eb64,inset 8px 5px 14px #fff,0 7px 35px #7de6e333}.phone-screen[data-mode=kimi] .orb-inner{background:radial-gradient(circle at 44% 60%,#d999d39e,transparent 54%)}
.sticker-field{position:absolute;inset:0;z-index:11;pointer-events:none}.decal{position:absolute;top:0;left:0;display:grid;place-items:center;filter:drop-shadow(0 6px 5px #06080a4d);will-change:transform,opacity}.decal svg{width:100%;height:100%;overflow:visible}.phone-screen[data-mode=astra] .decal svg{filter:grayscale(1) contrast(1.25)}.decal .emoji{font-size:37px;line-height:1;filter:drop-shadow(0 2px 0 #ffffffaa)}.core-button{position:absolute;z-index:17;top:46%;left:50%;width:45px;height:45px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 25%,#fffffff5,#fff9 25%,#ffffff48 78%);border:1px solid #ffffff93;color:#222;box-shadow:inset 0 2px 9px #fff9,0 7px 20px #0a344b21}.core-button span{font-size:21px;font-weight:450}.phone-screen[data-mode=astra] .core-button{background:radial-gradient(circle at 30% 30%,#343a4a,#070811 65%);color:#e0e0ec;border-color:#676a77}.phone-screen[data-mode=kimi] .core-button{border-color:#d9f2f8;color:#526870}.hero-message{position:absolute;z-index:19;left:0;right:0;bottom:17%;font-size:18px;font-weight:720;letter-spacing:-.5px;line-height:1.3;text-align:center;opacity:0;transform:translateY(14px);padding:0 20px}.hero-message .swap-line{display:flex;gap:6px;align-items:center;justify-content:center}.hero-message s{color:inherit;opacity:.53;text-decoration:none;position:relative}.hero-message s:after{content:"";position:absolute;left:0;right:0;top:53%;height:2px;background:#d35f75;transform-origin:left;transform:scaleX(var(--strike,0))}.hero-message strong{font-weight:850}.phone-screen[data-mode=fable] .hero-message{color:#172a36}.phone-screen[data-mode=astra] .hero-message{font-size:17px}.phone-screen[data-mode=kimi] .hero-message{font-size:17px}.phone-cta{position:absolute;z-index:24;left:26px;right:26px;bottom:27px;border:0;border-radius:50px;height:51px;background:#11161d;color:#fff;font-size:12px;font-weight:750;opacity:0;transform:translateY(15px)}.phone-cta span{position:absolute;right:19px}.phone-screen[data-mode=astra] .phone-cta{background:#f6f5f8;color:#050505}.phone-home{position:absolute;bottom:7px;left:50%;width:107px;height:4px;border-radius:9px;background:#0c1119bb;transform:translateX(-50%);z-index:25}.phone-screen[data-mode=astra] .phone-home{background:#e5e5edbd}
@media(min-width:961px){html,body{height:100%;overflow:hidden}body{--demo-device-height:min(844px,calc(100dvh - 40px))}.orb-shell{padding-bottom:0}.orb-sidebar{height:var(--demo-device-height)}.preview-hint{margin-top:10px}}
@media(max-width:960px){.orb-sidebar{height:auto;max-height:none;overflow:visible}.orb-shell{padding-bottom:30px}.preview-hint{margin-bottom:5px}}
@media(max-width:600px){.orb-shell{padding:14px 12px 35px}.orb-sidebar{padding:19px 17px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-screen .hero-mark{font-size:68px}}
@media(max-width:380px){.orb-sidebar h1{font-size:23px}.case-tabs a{font-size:11px;padding:9px 10px}.spec-grid{grid-template-columns:1fr}.phone-screen .hero-mark{font-size:57px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}