:root{--bg: 12 14 22;--surface: 16 19 33;--panel: 20 24 41;--text: 240 245 255;--muted: 142 151 175;--accent: 99 102 241;--accent-2: 16 185 129;--ring: 99 102 241}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:rgb(var(--text));background:radial-gradient(900px 420px at -10% -20%,rgba(203,213,255,.1),transparent 60%),radial-gradient(800px 420px at 120% -10%,rgba(253,186,216,.1),transparent 60%),radial-gradient(700px 360px at 30% 110%,rgba(16,185,129,.08),transparent 60%),conic-gradient(from 210deg at 70% 0%,#6366f12e,#02061700,#6366f11f 120deg,#02061700,#10b98124,#02061700 360deg),linear-gradient(180deg,rgb(var(--bg)),#08090e);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;position:relative}.site:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-size:200px 200px;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{width:min(100%,960px);margin-inline:auto;padding:1rem clamp(.75rem,3vw,1.25rem)}.header{position:sticky;top:0;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);background:linear-gradient(180deg,#101321bf,#10132159);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.25px}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--accent-2)));box-shadow:0 6px 18px #6366f159}.brand-name{font-size:1.05rem}.pill{font-size:.7rem;font-weight:700;color:#0f172a;background:#fff;border-radius:999px;padding:.2rem .5rem}.main{display:grid;place-items:center}.panel{width:100%;margin-top:0;background:linear-gradient(180deg,#1a1f35e6,#141829eb);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0f;border-radius:18px;padding:clamp(.75rem,3.5vw,1.5rem)}.title{margin:0 0 .75rem;text-align:center;font-size:clamp(1.25rem,4.8vw,1.6rem);font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,rgb(var(--text)),#ffffffd9 60%);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0 0 1rem;text-align:center;color:rgb(var(--muted));font-size:.95rem}.uuid-wrap{background:#06080e99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.75rem .5rem;margin:1rem 0;display:grid;overflow-x:auto}.uuid{margin:0;min-height:2.9rem;display:grid;place-items:center;text-align:center;color:#f1f5ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.85rem,3.5vw,1.35rem);letter-spacing:clamp(-.5px,.1vw,.6px);text-shadow:0 0 18px rgba(99,102,241,.28);word-break:break-all;line-height:1.3}.uuid.animating{animation:uuid-pulse 1.4s ease-in-out infinite}@keyframes uuid-pulse{0%{text-shadow:0 0 6px rgba(99,102,241,.25),0 0 0 rgba(16,185,129,0)}50%{text-shadow:0 0 18px rgba(99,102,241,.55),0 0 8px rgba(16,185,129,.25)}to{text-shadow:0 0 6px rgba(99,102,241,.25),0 0 0 rgba(16,185,129,0)}}.actions{display:grid;gap:.75rem;grid-template-columns:1fr}.button{appearance:none;border:0;border-radius:12px;padding:.95rem 1.1rem;font-weight:800;letter-spacing:.2px;color:#fff;background:linear-gradient(135deg,rgb(var(--accent)),rgb(var(--accent-2)));box-shadow:0 12px 28px #6366f159;cursor:pointer;transition:transform .06s ease,filter .2s ease,box-shadow .2s ease}.button:hover{filter:brightness(1.06)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.7;cursor:not-allowed}.status-line{min-height:1.25rem;color:rgb(var(--muted));text-align:center;font-size:.9rem}.footer{color:rgb(var(--muted));text-align:center;padding:1rem 0 2rem}.link{color:#b4beff;text-decoration:none}.link:hover{text-decoration:underline}:focus-visible{outline:2px solid rgba(var(--ring),.85);outline-offset:3px;border-radius:12px}@media (min-width: 640px){.panel{border-radius:20px;padding:1.25rem 1.5rem}.actions{grid-template-columns:minmax(160px,1fr);justify-items:center}.uuid-wrap{padding:.9rem .85rem}.uuid{word-break:normal;letter-spacing:.6px}}@media (min-width: 900px){.panel{max-width:680px}}