:root{--paper: #eef3ef;--paper-2: #dce8e1;--ink: #14221c;--muted: #5b6b64;--line: #c9d8d0;--card: #f7fbf8;--accent: #1f7a56;--accent-2: #165c40;--accent-fg: #f4fbf7;--sage: #1f7a56;--sage-2: #e4f0ea;--danger: #b42318;--danger-2: #fde8e6;--shadow: 0 8px 20px -16px rgba(20, 34, 28, .45);--radius: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit}h1,h2{font-family:inherit;font-weight:600;letter-spacing:-.02em}a{color:inherit}.shell{width:min(480px,calc(100% - 28px));margin:0 auto;padding:20px 0 48px}.brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand a{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.brand-logo{height:42px;width:auto;display:block}.brand-name{font-size:.95rem;font-weight:600;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px}.hero{text-align:center;padding:8px 0 0}.hero h1{font-size:clamp(1.55rem,5vw,1.9rem);line-height:1.15;margin:0 0 8px}.hero p,.lead{color:var(--muted);line-height:1.45;margin:0 auto 18px;max-width:34rem;font-size:.95rem}.stack{display:grid;gap:12px}.stack.tight{gap:8px}.row{display:flex;gap:8px;flex-wrap:wrap}label{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}input{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink)}input:focus{outline:2px solid rgba(194,77,31,.22);border-color:var(--accent)}.btn{appearance:none;border:0;border-radius:8px;padding:11px 16px;background:var(--ink);color:var(--accent-fg);cursor:pointer;font-weight:600;text-align:center;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-2)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.btn.compact{padding:8px 10px;font-size:.8rem;flex:none}.btn.wide{width:100%}.orb-wrap{display:grid;place-items:center;margin:10px 0 6px}.orb{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#d4f0e2,#1f7a56 58%,#0f3d2b);transform:scale(var(--scale, 1));transition:transform 80ms linear}.orb.waiting{animation:pulse 1.8s ease-in-out infinite}.orb.live{background:radial-gradient(circle at 32% 28%,#d9f3e8,#2c6b56 58%,#16382d)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status{text-align:center;margin:0 0 4px}.status b{display:block;font-size:1.55rem}.status span{color:var(--muted);font-size:.92rem}.linkbox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px 6px 6px 10px}.linkbox code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;color:var(--ink)}.linkbox .btn{flex:none;white-space:nowrap;padding:9px 12px}.list{display:grid;gap:8px;margin-top:16px}.item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 10px 10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.item-main{min-width:0;flex:1;text-decoration:none}.item .btn.compact{flex:none;width:auto;white-space:nowrap}.item b{display:block}.item span{color:var(--muted);font-size:.84rem}.notice{background:var(--sage-2);color:var(--sage);border-radius:8px;padding:10px 12px;font-size:.9rem}.error{background:var(--danger-2);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:.92rem}.muted{color:var(--muted)}.center{text-align:center}.call-title{font-size:clamp(1.7rem,6vw,2.25rem);line-height:1.15;margin:0 0 10px;font-weight:600;letter-spacing:-.03em}.tiny{font-size:.78rem;color:var(--muted)}@media(max-width:640px){.card{padding:18px 16px}.linkbox{grid-template-columns:1fr}.linkbox .btn{width:100%}.row .btn{flex:1}}