@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg: #061423;--surface: rgba(14, 30, 48, .88);--surface-strong: rgba(23, 44, 66, .96);--surface-soft: rgba(26, 54, 82, .66);--text: #e8f4ff;--text-muted: #9fb4cc;--line: rgba(119, 162, 207, .28);--primary: #33a7ff;--gold: #efbe3b;--ok: #3ccf97;--danger: #ff7070}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,#0f2a44 0%,var(--bg) 45%),var(--bg)}a{color:inherit;text-decoration:none}.app-shell{position:relative;margin:0 auto;min-height:100dvh;overflow:hidden;background:linear-gradient(160deg,#081726d9,#040e18f5)}.app-shell-b{width:min(430px,100vw);padding:24px 18px 18px}.app-shell-a{width:min(1180px,100vw);padding:24px 20px 18px}.ambient{position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none}.ambient-top{width:260px;height:260px;right:-84px;top:-100px;background:#3ba2ff4d}.ambient-bottom{width:260px;height:260px;left:-90px;bottom:-130px;background:#efbe3b33}.top-bar{position:relative;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:16px}.top-bar-title{text-align:center}.top-bar-title h1{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.02em}.top-bar-title p{margin:4px 0 0;font-size:.78rem;color:var(--text-muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#081726c7;color:var(--text);cursor:pointer}.icon-placeholder{display:block;width:40px;height:40px}.icon{width:18px;height:18px}.pill{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(51,167,255,.45);background:#33a7ff26;font-size:.66rem;font-weight:700;letter-spacing:.08em;color:#8fd0ff}.progress-rail{position:relative;z-index:2;margin-bottom:16px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#071522d6}.progress-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.progress-segment{height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.67rem;font-weight:700;border:1px solid var(--line);color:var(--text-muted)}.progress-segment.done{border-color:#3ccf9780;background:#3ccf9733;color:#9be6c8}.progress-segment.active{border-color:#33a7ff8c;background:#33a7ff3d;color:#cde9ff}.progress-segment.todo{background:#0e1e30b3}.progress-labels{margin-top:10px;display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.content-area{position:relative;z-index:2;display:grid;gap:12px;align-content:start}.notice-banner{position:relative;z-index:2;margin-bottom:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(239,190,59,.35);background:#efbe3b21;color:#ffe39b;font-size:.78rem;line-height:1.4}.section-card{padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(170deg,#122438f0,#0b1827f0)}.section-card.full-span{grid-column:1 / -1}.section-card h2{margin:0;font-size:.95rem;font-weight:700}.section-card>p{margin:5px 0 0;color:var(--text-muted);font-size:.78rem}.dot-list{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;font-size:.84rem;color:#d4e8fc}.inline-code{margin-top:12px;padding:10px 12px;border:1px dashed rgba(239,190,59,.5);border-radius:10px;background:#efbe3b1a;color:#ffd979;font-weight:600;letter-spacing:.08em;font-size:.8rem;overflow-x:auto}.text-input{width:100%;margin-top:10px;height:42px;border-radius:10px;border:1px solid var(--line);background:#091623eb;color:var(--text);font-size:.86rem;padding:0 12px}.text-input:focus{outline:none;border-color:#33a7ffb3;box-shadow:0 0 0 3px #33a7ff33}.text-area{width:100%;margin-top:10px;border-radius:10px;border:1px solid var(--line);background:#091623eb;color:var(--text);font-size:.84rem;padding:10px 12px;min-height:84px;resize:vertical}.text-area:focus{outline:none;border-color:#33a7ffb3;box-shadow:0 0 0 3px #33a7ff33}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.metric-card{min-width:0;padding:12px;border-radius:12px;border:1px solid rgba(51,167,255,.28);background:#13273ddb}.metric-card span{font-size:.72rem;color:var(--text-muted)}.metric-card strong{display:block;margin-top:5px;font-size:1rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.metric-card small{display:block;margin-top:4px;color:#7fd3a7;font-size:.7rem;line-height:1.35}.action-row{position:sticky;z-index:4;bottom:0;margin-top:14px;padding:12px 0 4px;display:grid;gap:8px;background:linear-gradient(180deg,#06142300,#061423eb 35%)}.action-button{min-height:48px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:700;cursor:pointer}.action-button:disabled{opacity:.62;cursor:not-allowed}.action-button.primary{color:#03101d;background:linear-gradient(100deg,var(--gold),#f7d36e);box-shadow:0 12px 30px -18px #efbe3be6}.action-button.secondary{color:var(--text);background:#122438e6;border-color:var(--line)}.qr-box{margin-top:12px;width:152px;height:152px;padding:10px;border-radius:12px;background:#f3f8fe;display:grid;place-items:center;overflow:hidden}.qr-box img{width:100%;height:100%;display:block}.qr-inner{width:100%;height:100%;border-radius:6px;background-image:radial-gradient(#05111d 30%,transparent 30%);background-size:10px 10px;background-position:0 0}.chip-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#0e1e30e6;color:var(--text-muted);font-size:.75rem}.chip.active{color:#d5eefe;border-color:#33a7ff8c;background:#33a7ff33}.scanner-box{margin-top:10px;height:240px;border-radius:16px;border:1px solid rgba(51,167,255,.48);background:#03111ddb;position:relative;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-overlay{position:absolute;inset:0;pointer-events:none}.scanner-frame{position:absolute;inset:14% 12%;border-radius:14px;border:2px solid rgba(63,174,255,.7);box-shadow:inset 0 0 0 1px #040d1573}.scanner-line{position:absolute;left:12%;right:12%;height:2px;top:30%;background:linear-gradient(90deg,transparent,#3faeff,transparent);box-shadow:0 0 15px #3faeffd1;animation:scanner 2.6s linear infinite}.scanner-tip{position:absolute;left:12%;right:12%;bottom:8%;color:#9ecbf0;font-size:.75rem;text-align:center}.scanner-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}@keyframes scanner{0%{top:18%}50%{top:82%}to{top:18%}}.mini-bars{margin-top:12px;height:90px;display:grid;grid-auto-flow:column;gap:4px;align-items:end}.mini-bars span{border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#5abaff,#2b89df)}.score-ring{width:140px;height:140px;margin:10px auto 0;border-radius:999px;border:9px solid rgba(239,190,59,.22);border-top-color:var(--gold);border-right-color:#f9d879;display:grid;place-items:center}.score-ring span{font-size:2.3rem;font-weight:700;color:#ffd66b;line-height:1}.score-ring small{margin-top:4px;font-size:.78rem;color:#e7c96c}.ai-guide{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(51,167,255,.35);background:#33a7ff1a;color:#dcefff;font-size:.8rem;line-height:1.5}.ai-guide strong{display:inline-flex;align-items:center;gap:6px;color:#89cbff;font-size:.75rem;letter-spacing:.04em}.hub-page{width:min(1120px,100vw);min-height:100dvh;margin:0 auto;padding:22px 18px;display:grid;align-content:start;gap:14px}.hub-header{padding:16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,#0f2338f2,#061421f2)}.hub-kicker{margin:0;font-size:.68rem;letter-spacing:.12em;color:#79b8ea}.hub-header h1{margin:8px 0 6px;font-size:1.65rem}.hub-header h1 span{color:#ffd66b}.hub-header>p{margin:0;color:var(--text-muted);font-size:.87rem;line-height:1.55}.hub-grid{display:grid;gap:10px}.utility-button{min-height:42px;border-radius:10px;border:1px solid var(--line);background:#0a1724e0;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:0 12px}.utility-button[aria-pressed=true]{border-color:#33a7ffa6;color:#d5eeff;background:#33a7ff33}.utility-button:disabled{opacity:.6;cursor:not-allowed}.utility-button.danger{border-color:#ff707059;color:#ffc0c0}.hub-card{padding:14px;border-radius:14px;border:1px solid var(--line);background:#0f2133eb;display:grid;gap:8px}.hub-card h2{margin:0;font-size:1rem}.hub-card p{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.5}.hub-card span{justify-self:start;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(239,190,59,.45);color:#ffd978}.band-editor{margin-top:10px;display:grid;gap:8px}.band-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;align-items:center}@media(max-width:699px){.app-shell-a{width:min(430px,100vw);padding:24px 18px 18px}}@media(min-width:700px){.app-shell,.hub-page{margin:26px auto;min-height:calc(100dvh - 52px);border-radius:24px;border:1px solid rgba(151,188,226,.18);box-shadow:0 24px 80px -30px #010509cc}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.app-shell-a{padding:24px 26px 18px}.app-shell-a .top-bar-title{text-align:left}.app-shell-a .top-bar{grid-template-columns:44px minmax(0,1fr) 44px}.app-shell-a .content-area{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-a .metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.app-shell-a .section-card:first-child{grid-column:1 / -1}.app-shell-a .action-row{grid-template-columns:280px minmax(0,1fr);align-items:center}}@media(max-width:540px){.band-row{grid-template-columns:repeat(2,minmax(0,1fr))}.band-row .utility-button{grid-column:1 / -1}}