:root{--bg: #F7F5F1;--bg-elev: #FFFFFF;--bg-deep: #EDEAE4;--ink: #121210;--ink-2: #2A2A27;--ink-3: #5B5A55;--ink-4: #8E8C84;--line: #E5E1D9;--line-2: #D6D1C6;--accent: #2E4A3A;--accent-2: #C5592B;--accent-soft: #E7EBE5;--accent-soft-2: #F5E4DA;--status-ok: #2E7D5B;--status-warn: #C88A28;--status-info: #2563A6;--status-bad: #B53A2E;--r-s: 10px;--r-m: 16px;--r-l: 24px;--r-xl: 32px;--shadow-1: 0 1px 2px rgba(18,18,16,.04), 0 2px 8px rgba(18,18,16,.04);--shadow-2: 0 2px 6px rgba(18,18,16,.06), 0 12px 36px rgba(18,18,16,.08);--font-display: "Fraunces", "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:#201f1c;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:260px 1fr;background:#201f1c;color:#edeae4}.shell-nav{padding:32px 24px 24px;background:#1a1916;border-right:1px solid #2A2825;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.shell-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #2A2825}.shell-mark{width:32px;height:32px;border-radius:9px;background:#f7f5f1;color:#121210;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:17px}.shell-brand-name{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:.5px;color:#f7f5f1}.shell-brand-sub{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8e8c84;margin-top:2px}.shell-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#6e6b65;margin:20px 12px 8px}.shell-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer;color:#b8b4ab;font-size:13px;line-height:1;transition:background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.shell-item:hover{background:#24221f;color:#edeae4}.shell-item.active{background:#edeae4;color:#121210;font-weight:500}.shell-item-num{font-family:var(--font-mono);font-size:10px;color:currentColor;opacity:.5;margin-left:auto}.shell-stage{position:relative;overflow:auto;padding:48px;display:flex;align-items:center;justify-content:center}.shell-stage-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.shell-stage-caption{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#6e6b65}.tweaks{position:fixed;right:24px;bottom:24px;width:280px;background:#1a1916;border:1px solid #2A2825;border-radius:16px;padding:16px;color:#edeae4;font-size:12px;box-shadow:0 20px 40px #0006;z-index:100}.tweaks-title{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8e8c84;margin-bottom:12px}.tweak-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.tweak-row:last-child{margin-bottom:0}.tweak-label{font-size:12px;color:#edeae4}.tweak-segments{display:flex;background:#24221f;border-radius:8px;padding:3px;gap:3px}.tweak-seg{flex:1;padding:6px 8px;border-radius:6px;text-align:center;cursor:pointer;color:#8e8c84;font-size:11px;transition:all .15s ease}.tweak-seg.active{background:#edeae4;color:#121210}.phone-screen{height:100%;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-sans)}.phone-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 20px 120px}.phone-scroll::-webkit-scrollbar{display:none}.h-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;color:var(--ink)}.label-mono{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3)}.btn{height:56px;border-radius:14px;background:var(--ink);color:var(--bg);border:none;font-family:var(--font-sans);font-weight:500;font-size:15px;padding:0 22px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:transform .08s ease}.btn:active{transform:scale(.985)}.btn-ghost{background:transparent;border:1px solid var(--line-2);color:var(--ink)}.btn-accent{background:var(--accent);color:#f7f5f1}.card{background:var(--bg-elev);border-radius:var(--r-l);padding:18px;box-shadow:var(--shadow-1);border:1px solid var(--line)}.desktop-root{width:100%;height:100%;display:flex;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:13px}.desktop-side{width:240px;background:#edeae4;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.desktop-side-brand{display:flex;gap:10px;align-items:center;padding:6px 10px 18px;margin-bottom:8px;border-bottom:1px solid var(--line)}.desktop-side-mark{width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:var(--font-display);font-size:14px}.desktop-side-name{font-family:var(--font-display);font-size:16px;letter-spacing:.5px}.desktop-side-pressing{font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-3);margin-top:1px}.desktop-nav-label{font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-4);padding:12px 10px 4px}.desktop-nav-item{padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--ink-2);font-size:13px}.desktop-nav-item:hover{background:#e5e1d9}.desktop-nav-item.active{background:var(--ink);color:var(--bg)}.desktop-nav-count{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:#00000014;padding:2px 6px;border-radius:4px}.desktop-nav-item.active .desktop-nav-count{background:#ffffff26}.desktop-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.desktop-topbar{height:56px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;background:var(--bg);flex-shrink:0}.desktop-tabs{display:flex;gap:4px;background:#edeae4;border-radius:10px;padding:3px}.desktop-tab{padding:6px 14px;border-radius:8px;font-size:12px;color:var(--ink-3);cursor:pointer;font-weight:500}.desktop-tab.active{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 2px #0000000f}.desktop-search{flex:1;max-width:320px;height:36px;background:#edeae4;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--ink-3);font-size:12px}.desktop-topbar-status{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);color:var(--status-ok);letter-spacing:1px;text-transform:uppercase}.desktop-topbar-user{display:flex;align-items:center;gap:10px;font-size:12px}.desktop-topbar-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:500;font-size:12px}.desktop-content{flex:1;overflow:auto;padding:24px}.tracker{display:flex;flex-direction:column;gap:16px;padding:20px 0 8px}.tracker-step{display:flex;gap:14px;align-items:flex-start;position:relative}.tracker-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);background:var(--bg);flex-shrink:0;margin-top:2px;position:relative;z-index:2}.tracker-step.done .tracker-dot{background:var(--accent);border-color:var(--accent)}.tracker-step.done .tracker-dot:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--bg)}.tracker-step.current .tracker-dot{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 4px #1212101a}.tracker-step.current .tracker-dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--ink);opacity:.2;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.3);opacity:0}}.tracker-step:not(:last-child):before{content:"";position:absolute;left:8px;top:22px;bottom:-18px;width:2px;background:var(--line);z-index:1}.tracker-step.done:not(:last-child):before{background:var(--accent)}.muted{color:var(--ink-3)}.muted-2{color:var(--ink-4)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:100px;font-size:11px;font-weight:500;background:var(--bg-deep);color:var(--ink-2);border:1px solid var(--line)}.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.chip-warn{background:#fdf3de;color:#8a5f1a;border-color:transparent}.chip-live{background:var(--ink);color:var(--bg);border-color:transparent}.chip-live:before{content:"";width:6px;height:6px;background:#4be87f;border-radius:50%;display:inline-block;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.3}}.divider{height:1px;background:var(--line);margin:16px 0}.map-bg{background:radial-gradient(circle at 30% 30%,rgba(46,74,58,.08) 0%,transparent 30%),radial-gradient(circle at 70% 70%,rgba(197,89,43,.06) 0%,transparent 25%),repeating-linear-gradient(45deg,transparent 0 24px,rgba(91,90,85,.04) 24px 25px),repeating-linear-gradient(-45deg,transparent 0 24px,rgba(91,90,85,.04) 24px 25px),#e7ebe5}