:root{color-scheme:dark;--bg-deep:#07070c;--bg:#0c0c12;--panel:rgba(22,22,34,0.78);--panel-solid:#14141f;--text:#f4f2ff;--muted:#9b97b8;--accent:#ff3d8a;--accent-soft:#ff7eb8;--mint:#5eead4;--lilac:#a78bfa;--border:rgba(167,139,250,0.2);--glow:rgba(255,61,138,0.28);--radius:16px;--header-h:3.5rem;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:PingFang SC,Hiragino Sans GB,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse 90% 60% at 80% -10%,rgba(255,61,138,.14),transparent 50%),radial-gradient(circle at 10% 20%,rgba(94,234,212,.08),transparent 35%),radial-gradient(circle at 50% 100%,rgba(167,139,250,.1),transparent 45%),linear-gradient(180deg,var(--bg-deep),var(--bg));color:var(--text);line-height:1.55;letter-spacing:.01em}a{color:var(--accent-soft)}a,a:hover{text-decoration:none}a:hover{color:var(--mint)}button,input,select,textarea{font:inherit}.app-root{min-height:100dvh;display:flex;flex-direction:column}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;gap:.75rem;padding:.65rem 1rem;min-height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(7,7,12,.88);border-bottom:1px solid var(--border)}.brand,.site-header{display:flex;align-items:center}.brand{gap:.55rem;font-weight:700;color:var(--text);text-decoration:none}.brand-text{font-size:.98rem;letter-spacing:-.02em}.brand-tag{font-size:.65rem;font-weight:600;color:var(--mint);text-transform:uppercase;letter-spacing:.12em;margin-left:.15rem}.nav-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer}.site-nav{display:none;flex-direction:column;gap:.25rem;position:absolute;top:calc(var(--header-h) + 2px);left:.75rem;right:.75rem;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-solid);box-shadow:0 20px 50px rgba(0,0,0,.55)}.site-nav.open{display:flex}.site-nav a{padding:.65rem .75rem;border-radius:12px;color:var(--text);text-decoration:none}.site-nav a.active,.site-nav a:hover{background:rgba(255,61,138,.12);color:var(--accent-soft)}.nav-login{font-weight:600;color:var(--accent-soft)!important}.user-menu{position:relative;margin-top:.35rem;padding-top:.5rem;border-top:1px solid var(--border)}.user-menu-skeleton{display:inline-block;width:6.5rem;height:2.25rem;border-radius:999px;background:rgba(255,255,255,.06)}.user-menu-trigger{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.user-menu-trigger:hover,.user-menu.open .user-menu-trigger{background:rgba(255,61,138,.1);border-color:var(--border)}.user-avatar{flex:0 0 auto;display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:999px;background:linear-gradient(145deg,var(--accent),#7c3aed);color:#fff;font-size:.78rem;font-weight:700}.user-avatar.lg{width:2.35rem;height:2.35rem;font-size:.95rem}.user-menu-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600}.user-menu-caret{color:var(--muted);font-size:.75rem}.user-menu-panel{display:none;flex-direction:column;gap:.15rem;margin-top:.4rem;padding:.55rem;border-radius:12px;border:1px solid var(--border);background:rgba(0,0,0,.28)}.user-menu-panel:not([hidden]),.user-menu.open .user-menu-panel{display:flex}.user-menu-panel[hidden]{display:none!important}.user-menu-header{display:flex;align-items:center;gap:.65rem;padding:.45rem .5rem .65rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.user-menu-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.user-menu-meta strong{font-size:.9rem}.user-menu-meta .muted,.user-menu-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-meta .muted{font-size:.78rem}.user-menu-logout,.user-menu-panel a{display:block;width:100%;padding:.55rem .65rem;border:none;border-radius:10px;background:transparent;color:var(--text);text-align:left;text-decoration:none;cursor:pointer;font-size:.9rem}.user-menu-logout:hover:not(:disabled),.user-menu-panel a:hover{background:rgba(255,61,138,.12);color:var(--accent-soft);text-decoration:none}.user-menu-logout{color:var(--muted)}.user-menu-logout:disabled{opacity:.55;cursor:not-allowed}.site-main{flex:1 1;padding-bottom:calc(1rem + var(--safe-bottom))}.site-footer{padding:1rem;text-align:center;font-size:.78rem;color:var(--muted);border-top:1px solid var(--border)}.container{width:min(1100px,100% - 2rem);margin:0 auto;padding:1.25rem 0 2rem}.page-hero{margin-bottom:1.25rem}.page-hero h1{margin:0 0 .35rem;font-size:clamp(1.4rem,4.2vw,1.95rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(105deg,var(--text) 0,var(--accent-soft) 45%,var(--lilac) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero p{margin:0;color:var(--muted);font-size:.92rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.card h2,.card h3{margin-top:0;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(120deg,var(--accent),#e879f9);color:#0a0a0f;border:none;border-radius:999px;padding:.55rem 1.2rem;cursor:pointer;font-weight:700;font-size:.92rem;text-decoration:none;box-shadow:0 6px 24px var(--glow);min-height:44px;transition:transform .15s ease,box-shadow .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:rgba(255,255,255,.04);color:var(--text)}.btn.ghost,.btn.secondary{border:1px solid var(--border);box-shadow:none}.btn.ghost{background:transparent;color:var(--accent-soft);font-weight:600}input,select,textarea{width:100%;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--border);background:rgba(6,6,12,.65);color:var(--text);min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(255,61,138,.35);outline-offset:1px}textarea{min-height:120px;resize:vertical}label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.85rem;font-weight:500}.field{margin-bottom:1rem}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.cols-2{grid-template-columns:1fr}@media (min-width:768px){.nav-toggle{display:none}.site-nav{display:flex;position:static;flex-direction:row;align-items:center;margin-left:auto;padding:0;border:none;background:transparent;box-shadow:none}.site-nav a{padding:.4rem .65rem;font-size:.9rem}.user-menu{margin-top:0;margin-left:.35rem;padding-top:0;border-top:none}.user-menu-trigger{width:auto;max-width:11rem}.user-menu-panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:50;min-width:14rem;margin-top:0;background:var(--panel-solid);box-shadow:0 16px 40px rgba(0,0,0,.45)}.grid.cols-2{grid-template-columns:1fr 1fr}}.workflow-steps{display:flex;gap:.35rem;overflow-x:auto;padding:.35rem 0 .75rem;margin-bottom:.75rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.workflow-steps .step{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:3.6rem;padding:.5rem .55rem;border-radius:14px;border:1px solid transparent;color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:600}.workflow-steps .step.active{color:var(--text);border-color:var(--border);background:rgba(167,139,250,.12)}.workflow-steps .step-icon{font-size:.95rem;opacity:.9}.shot-card{display:grid;grid-gap:.75rem;gap:.75rem;padding:.85rem 0;border-top:1px solid var(--border)}.shot-card:first-of-type{border-top:none}.shot-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:var(--mint);border-color:rgba(94,234,212,.35)}.badge.warn{color:#fcd34d}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;min-width:520px;border-collapse:collapse}table.data td,table.data th{padding:.55rem .35rem;text-align:left;vertical-align:top}table.data th{color:var(--muted);font-weight:600;font-size:.82rem}table.data tr{border-top:1px solid var(--border)}.landing{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center;position:relative}.landing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,61,138,.08),transparent 55%);pointer-events:none}.landing>*{position:relative}.landing-flamingo{margin-bottom:1rem;filter:drop-shadow(0 8px 24px var(--glow))}.landing h1{font-size:clamp(1.75rem,6.5vw,2.75rem);margin:0 0 .85rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;max-width:14ch}.landing-lede{max-width:22rem;color:var(--muted);margin:0 0 1.75rem;font-size:.98rem}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.flow-list{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.92rem}.flow-list li{margin-bottom:.4rem}.error-text{color:#ff8a8a;font-size:.9rem}.muted{color:var(--muted)}.login-wrap{max-width:400px;margin:3rem auto 0}.login-wrap h1{letter-spacing:-.03em}