:root{--bg:#03001d;--bg-deep:#01000d;--line:#2f2a68;--line-soft:#241f52;--text:#fff;--muted:#9a92c4;--accent:#a382ff;--accent-soft:#a68fff;--accent-deep:#6f4ae0;--danger:#ff7a85;--paper:#f6f3ec;--paper-shade:#ebe6da;--radius:14px;--glass:linear-gradient(158deg, #ffffff13, #ffffff05 62%);--glass-hover:linear-gradient(158deg, #a382ff29, #ffffff08 62%);--glow:0 18px 44px #00000080, 0 0 0 1px #a382ff12 inset;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg-deep)}body{min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(90rem 55rem at 12% -12%, #a382ff47, transparent 62%), radial-gradient(70rem 48rem at 92% 6%, #6f4ae038, transparent 58%), radial-gradient(85rem 60rem at 62% 108%, #3e2ca04d, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font:16px/1.55 TT Norms,"Source Sans 3",Source Sans Pro,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.015em;font-weight:700}.btn{background:var(--glass);border:1px solid var(--line-soft);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.btn:hover:not(:disabled){background:var(--glass-hover);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn--primary{background:linear-gradient(135deg, #c0a9ff 0%, var(--accent) 42%, var(--accent-deep) 100%);color:#12002e;border-color:#0000;font-weight:600;box-shadow:0 8px 22px #6f4ae06b}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, #d2c1ff 0%, var(--accent-soft) 42%, #7d58ec 100%);border-color:#0000}.btn--primary:disabled{box-shadow:none}.btn--small{min-height:34px;padding:0 14px;font-size:14px}.btn--danger{color:#2b0004;background:linear-gradient(135deg,#ff9aa3,#d8343f);border-color:#0000;font-weight:600}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#ffb0b7,#e2454f);border-color:#0000}.confirm{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.confirm-question{color:var(--danger);font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px}.field input,.field select{width:100%;min-width:0;min-height:44px;color:var(--text);border:1px solid var(--line-soft);border-radius:var(--radius);-webkit-user-select:text;user-select:text;background:linear-gradient(#ffffff0f,#ffffff05);padding:0 14px}.field input::placeholder{color:#9a92c4b3}.field input:focus,.field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #a382ff38}.status{color:var(--muted);font-size:14px}.status--error{color:var(--danger)}.status--ok{color:var(--accent-soft)}.panel{background:var(--glass);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--glow)}.pad{flex-direction:column;gap:16px;width:100%;display:flex}.pad-frame{width:min(100%, calc(66dvh * var(--pad-w) / var(--pad-h)));aspect-ratio:var(--pad-w) / var(--pad-h);background:linear-gradient(168deg, #fbf9f4 0%, var(--paper) 46%, var(--paper-shade) 100%);border-radius:var(--radius);border:1px solid #a382ff47;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 26px 70px #0009,0 0 46px #a382ff29,0 0 0 1px #ffffff0d}.pad-bg{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pad-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.pad-tools{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.tool-group{align-items:center;gap:8px;display:flex}.tool-group--end{margin-left:auto}.swatch{cursor:pointer;border:2px solid #ffffff29;border-radius:50%;width:42px;height:42px;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;box-shadow:inset 0 2px 6px #ffffff47,inset 0 -3px 8px #00000059}.swatch.is-active{border-color:var(--accent);transform:scale(1.16);box-shadow:inset 0 2px 6px #ffffff4d,inset 0 -3px 8px #00000059,0 0 18px #a382ff8c}.nib{background:var(--glass);border:1px solid var(--line-soft);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;transition:border-color .16s,background .16s;display:inline-flex}.nib.is-active{border-color:var(--accent);color:#e6ddff;background:linear-gradient(140deg,#a382ff47,#6f4ae01a)}.nib-dot{background:radial-gradient(circle at 34% 30%,#fff,currentColor 72%);border-radius:50%;display:inline-block}.sign-page{flex-direction:column;gap:20px;min-height:100dvh;padding:24px clamp(16px,4vw,48px);display:flex}.sign-head{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.sign-head h1{background:linear-gradient(100deg, #fff 0%, #d9ccff 48%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(21px,3vw,30px)}.sign-head p{color:var(--accent-soft);margin:0}.sign-foot{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.console{max-width:1200px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 64px}.console-head{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--accent), #2f2a6899 55%, transparent) 1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.console-head h1{background:linear-gradient(100deg, #fff 0%, #d9ccff 55%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px}.console-head .who{color:var(--muted);font-size:14px}.section{margin-top:32px}.section h2{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(90deg, var(--accent-soft), #8f7ae8);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:15px}.creator,.login{background:var(--glass);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--glow);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px;display:flex}.creator .field{flex:220px}.creator .btn{flex:none}.login-page{place-items:center;min-height:100dvh;padding:32px clamp(16px,5vw,48px);display:grid}.login{flex-direction:column;align-items:stretch;width:100%;max-width:380px;margin:0;padding:28px}.login h1{background:linear-gradient(100deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:22px}.event-list{gap:12px;display:grid}.event-row{background:var(--glass);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--glow);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;transition:background .18s,border-color .18s;display:flex}.event-row:hover{background:var(--glass-hover);border-color:var(--line)}.event-row .name{font-size:17px;font-weight:600}.event-row .meta{color:var(--muted);font-size:14px}.event-row .spacer{margin-left:auto}.count-pill{color:#ded2ff;background:linear-gradient(135deg,#a382ff4d,#6f4ae024);border:1px solid #a382ff4d;border-radius:999px;align-items:center;min-height:26px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.capture-card{background:var(--glass);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--glow);flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.capture-card:hover{border-color:#a382ff80;transform:translateY(-2px);box-shadow:0 22px 50px #0000008c,0 0 30px #a382ff2e}.capture-preview{background:linear-gradient(168deg, #fbf9f4, var(--paper) 55%, var(--paper-shade));border-bottom:1px solid var(--line-soft);width:100%;display:block}.capture-body{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.capture-body .who{font-weight:600}.capture-body .when{color:var(--muted);font-size:13px}.capture-body .spacer{margin-left:auto}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);background:linear-gradient(158deg,#ffffff0a,#ffffff03);padding:40px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
