:root{--ink:#0f1412;--ink-soft:#2a332e;--fog:#e7ebe6;--mist:#c5cec7;--paper:#f4f6f3;--accent:#1f6b4a;--accent-deep:#134a33;--glow:#1f6b4a38;--danger:#8a2e2e;--radius:14px;--font-display:"Newsreader", Georgia, serif;--font-body:"Instrument Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--paper)}a{color:inherit}button,textarea{font:inherit}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-1.5%)scale(1.04)}}@keyframes pulse-line{0%,to{opacity:.35}50%{opacity:.8}}.shell{background:radial-gradient(80% 60% at 15% 20%,#1f6b4a2e,#0000 55%),radial-gradient(70% 50% at 85% 75%,#142d241f,#0000 50%),linear-gradient(165deg,#eef2ec 0%,#dfe6df 42%,#cfd9d1 100%);place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid;position:relative;overflow:hidden}.shell:before{content:"";background:radial-gradient(circle at 30% 40%, var(--glow), transparent 28%), radial-gradient(circle at 70% 60%, #0f141214, transparent 32%);pointer-events:none;animation:18s ease-in-out infinite drift;position:absolute;inset:-20%}.shell:after{content:"";pointer-events:none;background-image:linear-gradient(#0f141209 1px,#0000 1px),linear-gradient(90deg,#0f141209 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000)}.panel{z-index:1;border-radius:calc(var(--radius) + 4px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f6f3b8;border:1px solid #0f141214;width:min(100%,420px);padding:2.5rem 2.25rem 2.25rem;animation:.7s ease-out both rise;position:relative;box-shadow:inset 0 1px #ffffff8c,0 24px 60px #0f14121f}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(2.4rem,6vw,3rem);font-weight:600;line-height:1.05}.lede{color:var(--ink-soft);max-width:28ch;margin:0 0 1.85rem;font-size:1.02rem;line-height:1.45;animation:.75s ease-out 80ms both rise}.accent-line{background:linear-gradient(90deg, var(--accent), transparent);border-radius:999px;width:48px;height:2px;margin:0 0 1.5rem;animation:3.2s ease-in-out infinite pulse-line}.ms-button{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);color:#f7faf7;letter-spacing:.01em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:48px;padding:.85rem 1.1rem;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;animation:.8s ease-out .16s both rise;display:inline-flex;box-shadow:0 10px 24px #134a3347}.ms-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.ms-button:active{transform:translateY(0)}.ms-button:disabled{opacity:.65;cursor:wait;transform:none}.ms-icon{flex-shrink:0;grid-template-columns:1fr 1fr;gap:1.5px;width:18px;height:18px;display:grid}.ms-icon span{border-radius:1px;display:block}.ms-icon span:first-child{background:#f35325}.ms-icon span:nth-child(2){background:#81bc06}.ms-icon span:nth-child(3){background:#05a6f0}.ms-icon span:nth-child(4){background:#ffba08}.foot{color:#2a332eb8;text-align:center;margin:1.35rem 0 0;font-size:.82rem;animation:.85s ease-out .22s both rise}.alert{color:var(--danger);background:#8a2e2e14;border-radius:10px;margin:0 0 1rem;padding:.75rem .9rem;font-size:.92rem}.session{gap:1rem;animation:.55s ease-out both rise;display:grid}.session-meta{color:var(--ink-soft);margin:0;font-size:.95rem}.session-meta strong{color:var(--ink);font-weight:600}.row{flex-wrap:wrap;gap:.65rem;display:flex}.ghost,.primary{cursor:pointer;border-radius:999px;min-height:42px;padding:.65rem 1rem;font-weight:600;transition:transform .16s,background .16s}.ghost{color:var(--ink);background:0 0;border:1px solid #0f141229}.ghost:hover{background:#0f14120a}.primary{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);color:#f7faf7;border:0}.primary:hover{transform:translateY(-1px)}.primary:disabled,.ghost:disabled{opacity:.6;cursor:wait;transform:none}.block{gap:.45rem;display:grid}.block h2{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:600}.block p,.block code{color:var(--ink-soft);word-break:break-all;margin:0;font-size:.9rem}.token-box{width:100%;min-height:96px;color:var(--ink);resize:vertical;background:#ffffff8c;border:1px solid #0f14121f;border-radius:12px;padding:.85rem}@media (max-width:480px){.panel{padding:2rem 1.4rem 1.6rem}}