:root{color-scheme:dark;--win-w: 2566px;--win-h: 1531px;--title-h: 52px;--rail-w: 58px;--foot-h: 44px;--ink: #ececec;--muted: #9a9a9c;--faint: #6e6e72;--line: rgba(255, 255, 255, .08);--glass: rgba(22, 22, 24, .82);--glass-2: rgba(18, 20, 24, .38);--pill: rgba(255, 255, 255, .055);--blue: #6a95f3;--start: #4e78b0;--spark: #e39a6e;--chrome: #161618;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#070708;color:var(--ink)}button,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}textarea{background:none;border:0;resize:none;outline:none;width:100%;display:block}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid rgba(106,149,243,.7);outline-offset:2px}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 28px;background:radial-gradient(900px 600px at 50% 40%,#141416,#070708 70%)}.gallery,.source{position:absolute;top:16px;z-index:8;color:#e8eaef;font-size:13px;line-height:16px;font-weight:600;text-decoration:none;border-bottom:1px solid #e8eaef}.gallery{left:22px}.source{right:22px}.frame{position:relative}.window{width:var(--win-w);height:var(--win-h);position:relative;overflow:hidden;transform-origin:top left;border-radius:12px;background:#121214;box-shadow:0 0 0 1px #ffffff0f,0 28px 80px #0000008c;color:var(--ink)}.wallpaper{position:absolute;inset:0;background:linear-gradient(180deg,#08080a2e,#08080a38),url(/art/landscape.jpg) center / cover no-repeat;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 40%,rgba(0,0,0,.28) 100%)}.titlebar{position:absolute;top:0;left:0;right:0;height:var(--title-h);display:flex;align-items:center;gap:10px;padding:0 16px 0 14px;background:linear-gradient(180deg,#1c1c1e,#161618);border-bottom:1px solid rgba(255,255,255,.04);z-index:6}.traffic{display:flex;gap:8px;padding:0 8px 0 4px}.traffic .dot{width:12px;height:12px;border-radius:50%;display:block}.traffic .red{background:#ff5f57}.traffic .yellow{background:#febc2e}.traffic .green{background:#28c840}.nav-btns{display:flex;align-items:center;gap:2px;margin-left:4px}.nav-btn{width:28px;height:28px;display:grid;place-items:center;color:#c5c5c7;border-radius:7px}.nav-btn.is-dim{color:#5c5c60}.nav-btn:hover{background:#ffffff0f;color:#eee}.session-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 22px 0 14px;margin-left:10px;border-radius:10px;background:#2c2c30;color:#f2f2f2;font-size:13.5px;font-weight:500;letter-spacing:-.01em}.session-pill .ico-spark{width:14px;height:14px;color:var(--spark)}.rail{position:absolute;top:var(--title-h);left:0;bottom:0;width:var(--rail-w);display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;gap:14px;background:#141416;border-right:1px solid rgba(255,255,255,.04);z-index:5}.rail-btn{width:36px;height:36px;display:grid;place-items:center;color:#9a9aa0;border-radius:9px;position:relative}.rail-btn .ico,.rail-btn .ico-mascot{width:22px;height:22px}.rail-btn.is-hot{color:#d0d0d4;background:#ffffff0d}.rail-btn.is-on{color:#d8d8dc}.rail-btn.is-mascot.is-on{color:var(--blue)}.rail-btn.is-mascot.is-on .ico-mascot{color:var(--blue);filter:drop-shadow(0 0 6px rgba(106,149,243,.45))}.rail-settings{margin-top:auto}.ghost{position:absolute;left:292px;top:612px;margin:0;z-index:2;font-size:22px;font-weight:500;letter-spacing:-.022em;color:#fffffff0;pointer-events:none;white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.35)}.card{position:absolute;z-index:4;border-radius:18px;color:#ececee;box-shadow:0 0 0 1px #ffffff14,0 18px 50px #00000047}.start-card{top:344px;left:613px;width:1342px;height:304px;padding:18px 22px 16px;display:flex;flex-direction:column;background:var(--glass);backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);z-index:5}.composer{top:696px;left:448px;width:1748px;height:228px;padding:16px 20px 14px;display:flex;flex-direction:column;background:var(--glass-2);backdrop-filter:blur(40px) saturate(1.45);-webkit-backdrop-filter:blur(40px) saturate(1.45)}.composer.is-focus{box-shadow:0 0 0 1px #ffffff24,0 18px 50px #00000052}.grabber{position:absolute;top:8px;left:50%;width:36px;height:3px;margin-left:-18px;border-radius:99px;background:#ffffff29}.card-head{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding-top:4px}.card-head.is-quiet{justify-content:flex-start;padding-top:0}.checkout{display:flex;align-items:center;gap:10px;color:#d5d5d8;font-size:14.5px;font-weight:500;letter-spacing:-.01em}.quiet-btn,.branch{display:inline-flex;align-items:center;gap:7px}.quiet-btn .ico,.branch .ico{width:16px;height:16px;color:#c8c8cc}.sep{width:1px;height:14px;background:#ffffff29}.head-right{display:flex;align-items:center;gap:8px}.project-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 4px 0 2px;color:#e8e8ea;font-size:14.5px;font-weight:500}.ico-mascot.on-project{width:16px;height:16px;color:#5ec8d0}.icon-x{width:28px;height:28px;display:grid;place-items:center;color:#9a9aa0;border-radius:8px}.icon-x:hover{background:#ffffff0f;color:#eee}.start-copy{margin:22px 8px 0;font-size:20px;line-height:26px;font-weight:400;letter-spacing:-.018em;color:#c4c4c8;flex:1}.composer-field{flex:1;padding:10px 6px 4px}.composer-field textarea{min-height:52px;font-size:20px;line-height:26px;letter-spacing:-.018em;color:#f2f2f4}.composer-field textarea:focus,.composer-field textarea:focus-visible{outline:none}.composer-field textarea::placeholder{color:#b8b8bc}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}.pills{display:flex;align-items:center;gap:8px}.plus{width:32px;height:32px;display:grid;place-items:center;color:#c4c4c8;border-radius:10px}.plus:hover{background:var(--pill)}.pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px 0 9px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);font-size:13.5px;font-weight:500;letter-spacing:-.01em;color:#e6e6e8}.pill .ico-spark{width:13px;height:13px;color:var(--spark)}.pill .ico{width:14px;height:14px;color:#d0d0d4}.pill .ico-chev{width:12px;height:12px;color:#9a9aa0}.menu-btn:hover .pill,.menu.is-open .pill{background:#ffffff1a}.start-actions{display:flex;align-items:center;gap:8px}.ghost-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;color:#c8c8cc;font-size:13.5px;font-weight:500;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.ghost-btn .ico{width:14px;height:14px}.ghost-btn:hover{background:#ffffff14;color:#fff}.start-btn{height:32px;padding:0 16px;border-radius:999px;background:var(--start);color:#f4f7fb;font-size:13.5px;font-weight:600;letter-spacing:-.01em}.start-btn:hover{filter:brightness(1.08)}.expand{width:36px;height:36px;display:grid;place-items:center;color:#c8c8cc;border-radius:10px}.expand:hover{background:var(--pill)}.menu{position:relative}.menu-pop{position:absolute;top:calc(100% + 8px);left:0;min-width:268px;padding:6px;border-radius:14px;background:#1c1c20f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px #00000073;z-index:12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.menu-pop.is-right{left:auto;right:0}.menu-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;width:100%;text-align:left;padding:9px 10px;border-radius:10px;color:#e8e8ea}.menu-row:hover,.menu-row.is-on{background:#ffffff0f}.menu-label{font-size:13.5px;font-weight:500}.menu-hint{font-size:12px;color:#8e8e93}.menu-row .ico{width:14px;height:14px;color:var(--blue)}.footer{position:absolute;left:0;right:0;bottom:0;height:var(--foot-h);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 70px;background:#141416;border-top:1px solid rgba(255,255,255,.04);z-index:6;color:#b8b8bc;font-size:12.5px;font-weight:500}.account{display:flex;align-items:center;gap:8px}.account .ico-spark{width:13px;height:13px;color:var(--spark)}.meters{display:inline-flex;align-items:center;gap:5px;margin:0 4px 0 6px}.bar{width:28px;height:7px;border-radius:99px;background:#3a3a3e;display:block;overflow:hidden;position:relative}.bar.is-wide{width:42px}.bar .fill{display:block;height:100%;background:#d0d0d4;border-radius:99px}.usage{color:#b0b0b4;letter-spacing:-.01em}.usage .dot{margin:0 5px;color:#6e6e72}.refresh{width:22px;height:22px;display:grid;place-items:center;color:#9a9aa0;border-radius:6px}.refresh:hover{color:#eee}.terminal{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 8px;border-radius:8px;color:#c8c8cc}.terminal .ico{width:15px;height:15px}.terminal:hover{background:#ffffff0d}.toast,.started-hint{position:absolute;z-index:9;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#141416eb;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:500;color:#f2f2f4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast{bottom:64px}.started-hint{top:72px;color:#c8c8cc}@media(prefers-reduced-motion:reduce){.start-btn,.ghost-btn,.rail-btn{transition:none}}@media(max-width:720px){.gallery,.source{font-size:12px}}