:root{--bg:#08090f;--ink:#f7f1df;--muted:#a7a0b8;--panel:#141826c7;--panel-strong:#20263ce6;--line:#ffffff1f;--accent:#ff4f8b;--accent-2:#50f0c8;--warning:#ffd166;--danger:#ff6b6b;--shadow:0 30px 80px #0000007a;--display:"Space Grotesk", "Aptos Display", "Segoe UI", sans-serif;--body:"Noto Sans SC", "Microsoft YaHei UI", "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.shell{background:radial-gradient(circle at 22% 15%,#ff4f8b38,#0000 28%),radial-gradient(circle at 80% 5%,#50f0c82e,#0000 30%),linear-gradient(135deg,#08090f 0%,#101527 52%,#07080c 100%);place-items:center;min-height:100svh;padding:28px;display:grid}.phone{width:min(430px,100%);min-height:min(880px,100svh - 56px);box-shadow:var(--shadow);background:linear-gradient(165deg,#ffffff14,#0000 32%),#08090fe0;border:1px solid #ffffff2e;border-radius:38px;position:relative;overflow:hidden}.phone:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.topbar,.view,.hero-card,.toast,.tabbar{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 22px 16px;display:flex}.eyebrow,.kicker{color:var(--accent-2);letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,p{margin:0}h1,h2{font-family:var(--display)}h1{letter-spacing:-.08em;max-width:270px;font-size:clamp(30px,9vw,44px);line-height:.98}h2{letter-spacing:-.04em;font-size:21px;line-height:1.12}p{color:var(--muted);line-height:1.58}.signal,.pill,.risk{border:1px solid var(--line);min-height:30px;color:var(--ink);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.signal.online{color:var(--accent-2);border-color:#50f0c873}.signal.offline,.pill.warn,.risk.high{color:var(--danger);border-color:#ff6b6b7a}.hero-card{background:linear-gradient(135deg, #ff4f8b2e, #50f0c814), var(--panel-strong);border:1px solid #ffffff29;border-radius:28px;margin:0 14px;padding:20px;overflow:hidden}.orb{float:right;background:radial-gradient(circle at 35% 30%, #fff8, transparent 18%), linear-gradient(135deg, var(--accent), #8837ff 54%, var(--accent-2));filter:saturate(1.2);border-radius:34% 66% 58% 42%;width:92px;height:92px;margin:-34px -24px 0 8px}.hero-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.metric{border:1px solid var(--line);background:#00000038;border-radius:18px;min-width:0;padding:12px 10px}.metric strong{font-family:var(--display);font-size:24px;line-height:1;display:block}.metric span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.metric.hot strong{color:var(--accent)}.toast{color:#d9fff7;background:#50f0c817;border:1px solid #50f0c842;border-radius:16px;margin:12px 14px 0;padding:10px 13px;font-size:13px}.view{height:calc(100svh - 326px);min-height:390px;padding:14px 14px 94px;overflow:auto}.stack{align-content:start;gap:12px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(180deg, #fff1, transparent), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 16px 42px #0000002e}.task-card{padding:18px}.task-card.compact{padding:16px}.task-head,.task-foot,.section-title,.project-card{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.task-card>p{margin-top:12px}.risk.low{color:var(--accent-2)}.risk.medium{color:var(--warning);border-color:#ffd16673}.progress{background:#ffffff14;border-radius:999px;height:11px;margin:18px 0 10px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.task-foot{color:var(--muted);font-size:12px}.composer{padding:14px}.composer label{color:var(--ink);margin-bottom:10px;font-weight:800;display:block}.composer div{gap:8px;display:flex}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#0000003d;border-radius:16px}input{min-height:46px;padding:0 13px}textarea{resize:vertical;min-height:122px;padding:13px}.primary,.danger{color:#090a10;white-space:nowrap;border:0;border-radius:16px;padding:0 16px;font-weight:900}.primary{background:linear-gradient(135deg, var(--accent-2), #e9fff8)}.danger{background:linear-gradient(135deg, var(--danger), #ffd0d0)}.logs{padding:16px}.section-title{align-items:center;margin-bottom:10px}.section-title span,.approval-status{color:var(--muted);font-size:12px}.log-row{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:10px;padding:11px 0;display:grid}.log-row time{color:var(--accent-2);font-size:12px;font-weight:800}.log-row p{font-size:13px}.scan-panel,.approval-card{gap:16px;padding:18px;display:grid}.scan-frame{background:linear-gradient(90deg,#0000 48%,#50f0c81f 49% 51%,#0000 52%),linear-gradient(#0000 48%,#50f0c81f 49% 51%,#0000 52%);border:1px dashed #50f0c86b;border-radius:28px;place-items:center;height:196px;display:grid;position:relative;overflow:hidden}.scan-frame span{font-family:var(--display);letter-spacing:-.1em;opacity:.35;font-size:46px}.scan-line{inset-inline:18px;background:var(--accent);height:2px;box-shadow:0 0 26px var(--accent);animation:2.8s ease-in-out infinite scan;position:absolute;top:38px}@keyframes scan{50%{transform:translateY(118px)}}.project-card{grid-template-columns:1fr auto;padding:16px;display:grid}.project-card .metric{grid-column:1/-1}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions button,.scan-panel button{min-height:48px}.tabbar{inset-inline:14px;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090a10db;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:7px;padding:8px;display:grid;position:absolute;bottom:14px}.tabbar button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:17px;font-size:13px;font-weight:900}.tabbar button.active{background:var(--ink);color:#08090f}@media (width<=520px){.shell{padding:0}.phone{border:0;border-radius:0;min-height:100svh}.view{height:calc(100svh - 318px)}}