:root{--bg:#070a16;--surface:#0f1428;--surface-2:#161c36;--line:#94a3b82e;--text:#f1f5f9;--muted:#94a3b8;--brand:#818cf8;--aurora:linear-gradient(110deg, #5eead4 0%, #818cf8 50%, #f472b6 100%);--danger:#f87171;--ok:#34d399;--radius:18px;--font:"Outfit", "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:radial-gradient(120% 60% at 50% -10%, #1b1f45 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.65}body.no-scroll{overflow:hidden}a{color:#a5b4fc}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{letter-spacing:-.01em;font-size:clamp(1.6rem,5vw,2.2rem)}h2{font-size:1.25rem}h3{color:#e2e8f0;margin-top:1.2em;font-size:1rem}p{margin:0 0 .8em}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:.4em;font-size:.75rem;font-weight:600}.error-text{color:var(--danger)}.page{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:16px 16px 48px;display:flex}.page.narrow{max-width:560px}.page.wide{max-width:1200px}.card{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px}.error-card{text-align:center}.brand-header{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:8px 0 4px;display:flex}.brand-name{letter-spacing:.04em;font-size:1.1rem;font-weight:700}.brand-logo{max-width:220px;max-height:44px}.brand-sub{color:var(--muted);font-size:.8rem}.hero-small{text-align:center;padding:8px 0}.hero-small h1{background:linear-gradient(90deg, #fff, color-mix(in srgb, var(--brand) 70%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text}.powered{color:var(--muted);opacity:.8;justify-content:center;align-items:center;gap:6px;margin:8px auto 0;font-size:.75rem;text-decoration:none;display:inline-flex}.btn{border:1px solid var(--line);background:var(--surface-2);min-height:46px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:transform .12s,background .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:progress}.btn.primary{background:linear-gradient(110deg, color-mix(in srgb, var(--brand) 85%, #5eead4), var(--brand), color-mix(in srgb, var(--brand) 70%, #f472b6));color:#0b1020;box-shadow:0 8px 30px -8px color-mix(in srgb, var(--brand) 70%, transparent);border-color:#0000}.btn.ghost{background:#ffffff0a}.btn.ghost:hover{background:#ffffff17}.btn.block{width:100%}.btn.small{min-height:32px;padding:0 12px;font-size:.8rem}.btn.icon{width:46px;padding:0;font-size:1.2rem}.btn.danger{color:var(--danger)}button.link{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.btn:focus-visible,.mood:focus-visible,.chip:focus-visible,.pad:focus-visible{outline-offset:3px;outline:2px solid #fff}.mood-picker{flex-direction:column;gap:12px;display:flex}.moods{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.moods-4{grid-template-columns:repeat(2,1fr)}.moods-5{grid-template-columns:repeat(6,1fr)}.moods-5 .mood{grid-column:span 2}.moods-5 .mood:nth-child(4){grid-column:2/span 2}.mood{--mood:#818cf8;border:1px solid color-mix(in srgb, var(--mood) 40%, transparent);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--mood) 26%, transparent), #ffffff05);color:var(--text);font:inherit;cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:16px 6px 12px;transition:transform .15s,box-shadow .25s,background .25s;display:flex;position:relative}.mood-emoji{font-size:1.9rem;line-height:1.2}.mood-label{font-weight:700}.mood-hint{color:var(--muted);font-size:.7rem}.mood[aria-pressed=true]{background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--mood) 65%, transparent), color-mix(in srgb, var(--mood) 18%, transparent));box-shadow:0 0 0 2px var(--mood), 0 10px 40px -6px var(--mood);transform:translateY(-2px)}.mood[aria-pressed=true] .mood-hint{color:#fff}.segmented{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:4px;display:flex}.segmented button{min-height:38px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-weight:600}.segmented button[aria-checked=true]{color:#fff;background:#ffffff1f}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.center{justify-content:center}.chip{--mood:var(--brand);border:1px solid var(--line);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:999px;padding:0 14px;font-size:.9rem}.chip[aria-pressed=true]{background:color-mix(in srgb, var(--mood) 30%, transparent);border-color:var(--mood);box-shadow:0 0 20px -6px var(--mood)}.chip.static{cursor:default;align-items:center;min-height:28px;font-size:.8rem;display:inline-flex}.input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#ffffff0a;border-radius:12px;padding:10px 14px}.input:focus{outline:2px solid color-mix(in srgb, var(--brand) 70%, transparent);outline-offset:1px}textarea.input{resize:vertical}select.input{appearance:auto}.input.inline,.narrow-input{width:auto}.slider{flex-direction:column;gap:4px;display:flex}.slider-head,.slider-ends{justify-content:space-between;font-size:.85rem;display:flex}.slider-ends{color:var(--muted);font-size:.75rem}input[type=range]{width:100%;accent-color:var(--brand)}input[type=range]:disabled{opacity:.35}.result:empty{display:none}.result{flex-direction:column;gap:12px;display:flex}.drop-done{--mood:#818cf8;flex-direction:column;align-items:center;gap:8px;padding:18px 0 6px;font-weight:600;display:flex}.orb{background:radial-gradient(circle at 35% 30%, #fff, var(--mood) 45%, transparent 72%);width:64px;height:64px;box-shadow:0 0 50px 10px color-mix(in srgb, var(--mood) 60%, transparent);border-radius:50%;animation:1.6s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.4)}60%{opacity:1}to{transform:translateY(0)scale(1)}}.mixbar{background:#ffffff0d;border-radius:6px;gap:2px;height:12px;margin:8px 0;display:flex;overflow:hidden}.mixbar span{height:100%;transition:width .6s;display:block}.legend{color:#cbd5e1;flex-wrap:wrap;gap:6px 14px;margin:6px 0;padding:0;font-size:.85rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.legend b{color:var(--text);font-weight:600}.privacy{color:var(--muted);text-align:center;font-size:.8rem}.ar-panel{border-radius:var(--radius);border:1px solid var(--line);background:#05060d;height:min(62vh,520px);position:relative;overflow:hidden}.ar-panel.compact{height:360px}.ar-panel.tall{height:min(72vh,680px)}.ar-panel.fullscreen,.ar-panel.ar-full{z-index:50;border:0;border-radius:0;height:auto;position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-overlay{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;gap:8px;display:flex;position:absolute;inset:0}.stage-overlay>*{pointer-events:auto}.ar-hint{color:#e2e8f0;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060d99;border-radius:999px;align-self:center;max-width:92%;padding:6px 12px;font-size:.78rem}.ar-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;display:flex}.ar-controls .btn.ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060d8c}.ar-hud{align-self:stretch}.hud-row{gap:24px;display:flex}.hud-label{color:var(--muted);font-size:.75rem}.hud-big{font-size:2rem;font-weight:700;line-height:1.1}.signals{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dims{color:var(--muted);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 14px;font-size:.75rem;display:grid}.dim{grid-template-columns:70px 1fr;align-items:center;gap:6px;display:grid}.dim b{background:#ffffff14;border-radius:3px;height:6px;display:block;overflow:hidden}.dim i{background:var(--aurora);border-radius:3px;height:100%;display:block}.recs{flex-direction:column;gap:12px;display:flex}.rec{--glow:var(--brand);border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--glow) 12%, var(--surface)), var(--surface));flex-direction:column;gap:10px;padding:16px;display:flex}.rec.active{border-color:var(--glow);box-shadow:0 0 40px -14px var(--glow)}.rec.signature{background:linear-gradient(160deg,#f472b62e,#818cf81f)}.rec-main{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.rec-head{justify-content:space-between;align-items:center;display:flex}.rec h3{color:#fff;margin:4px 0 0;font-size:1.2rem}.badge{letter-spacing:.1em;background:#ffffff14;border-radius:999px;padding:3px 10px;font-size:.7rem}.match{font-size:1.1rem;font-weight:700}.pitch{color:#e2e8f0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:#cbd5e1;border-radius:999px;padding:3px 10px;font-size:.75rem}.rec-foot{justify-content:space-between;align-items:baseline;gap:12px;display:flex}dialog.ticket{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:center;border-radius:24px;width:min(92vw,400px);padding:28px}dialog.ticket::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.ticket h2{font-size:1.6rem}.price{font-size:1.3rem;font-weight:700}.code{letter-spacing:.08em;border:1px dashed var(--line);border-radius:12px;padding:8px;font-family:ui-monospace,monospace;font-size:1.1rem}.energy{flex-direction:column;gap:6px;display:flex}.energy-bar{background:#ffffff0f;border-radius:7px;height:14px;overflow:hidden}.energy-bar i{background:linear-gradient(90deg,#2dd4bf,#a78bfa,#ff3d7f);width:0;height:100%;transition:width .5s;display:block}.energy-num{align-items:baseline;gap:8px;display:flex}.energy-num b{font-size:2.2rem;line-height:1}.energy-num span{letter-spacing:.2em;color:var(--muted);font-size:.7rem}.energy.peak .energy-num b{color:#ff3d7f;text-shadow:0 0 20px #ff3d7f}.hype{flex-direction:column;align-items:center;gap:16px;display:flex}.pad{--mood:#ff3d7f;--lv:.2;aspect-ratio:1;cursor:pointer;color:#fff;width:min(66vw,240px);font:inherit;letter-spacing:.1em;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--mood) 85%, #fff), var(--mood) 45%, color-mix(in srgb, var(--mood) 35%, #000));box-shadow:0 0 60px -10px var(--mood);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;font-size:1.6rem;font-weight:800;position:relative}.pad.bump{animation:.25s ease-out bump}@keyframes bump{50%{transform:scale(.94)}}.pad-ring{border:3px solid var(--mood);opacity:calc(.2 + var(--lv));transform:scale(calc(.9 + var(--lv) * .2));box-shadow:0 0 calc(var(--lv) * 60px) var(--mood);border-radius:50%;transition:transform .12s,opacity .12s;position:absolute;inset:-14px}.pad-label{position:relative}body.screen-mode{overflow:hidden}.screen-hud{justify-content:space-between;align-items:flex-start;gap:24px;padding:12px 20px;display:flex}.screen-title{font-size:clamp(1.4rem,3vw,2.6rem);font-weight:700}.screen-sponsor{color:#fde68a;letter-spacing:.1em;align-items:center;gap:10px;display:flex}.screen-sponsor img{max-width:220px;max-height:44px}.sponsor-strip{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:.75rem;display:flex}.sponsor-strip img{max-width:180px;max-height:36px}.screen-right{min-width:240px}.screen-count{letter-spacing:.2em;color:#e2e8f0;font-size:.85rem}.screen-style{letter-spacing:.15em;color:#ffffff8c;font-size:.8rem;transition:color .3s;position:absolute;bottom:20px;left:20px}.screen-style.show{color:#fff}.screen-qr{background:#05060db3;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:.8rem;display:flex;position:absolute;bottom:24px;right:24px}.story-text{color:#e2e8f0;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:1.02rem;line-height:1.95}.card.next{--mood:#fde68a;border-color:color-mix(in srgb, var(--mood) 60%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--mood) 14%, var(--surface)), var(--surface))}.relations{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.relations li{grid-template-columns:1fr auto 90px 16px;align-items:center;gap:8px;display:grid}.relations li.up b{color:#fde68a}.relations li.down b{color:#fda4af}.relations meter{width:90px}.path ol{margin:0;padding-left:1.2em;font-size:.88rem}.path li{margin:4px 0}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.ingredients,.spots{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.ingredients li{grid-template-columns:14px auto 1fr;align-items:center;gap:8px;display:grid}.ingredients i{border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px}.spots li.done{color:var(--ok)}.card.blend{--mood:#c4b5fd;border-color:var(--mood);background:linear-gradient(160deg, color-mix(in srgb, var(--mood) 18%, var(--surface)), var(--surface))}.notes{gap:12px;margin:12px 0;display:grid}.notes h4{color:var(--muted);margin:0 0 4px;font-size:.8rem}.part{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;font-size:.9rem;display:grid}.part i{border-radius:3px;order:3;grid-column:1/-1;height:6px;display:block}.lv{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.lv b{font-size:1.8rem}.xpbar,.statbar{background:#ffffff12;border-radius:4px;height:8px;overflow:hidden}.xpbar i,.statbar i{background:var(--aurora);height:100%;display:block}.stats{gap:6px;margin:10px 0;display:grid}.stat{grid-template-columns:76px 1fr 40px;align-items:center;gap:8px;font-size:.85rem;display:grid}.quests{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.quests li{background:#ffffff08;border-radius:12px;grid-template-columns:1fr auto;gap:0 8px;padding:8px 10px;display:grid}.quests li.current{outline:1px solid var(--brand)}.quests li b{grid-row:span 2;align-self:center;font-size:.8rem}.familiars{flex-wrap:wrap;gap:6px;display:flex}.fam{--mood:#fff;border:1px solid color-mix(in srgb, var(--mood) 60%, transparent);border-radius:999px;padding:4px 10px;font-size:.78rem}.fam.rare{box-shadow:0 0 12px -2px var(--mood)}.fam.legendary{background:color-mix(in srgb, var(--mood) 25%, transparent);box-shadow:0 0 20px var(--mood)}.card.reward{--mood:#fde68a;text-align:center;border-color:var(--mood);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--mood) 25%, var(--surface)), var(--surface))}.card.reward .tags{justify-content:center}.reward .big{margin:0;font-size:2rem;font-weight:800}.reward.levelup{animation:1.6s ease-in-out 2 glow}@keyframes glow{50%{box-shadow:0 0 60px var(--mood)}}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.demo .links{flex-direction:column;gap:8px;display:flex}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spin{border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toasts{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:100;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#0f1428f2;border-radius:14px;padding:12px 16px;font-size:.9rem;transition:opacity .4s,transform .4s;box-shadow:0 10px 30px #0006}.toast-error{border-color:var(--danger)}.toast-ok{border-color:var(--ok)}.toast.out{opacity:0;transform:translateY(8px)}body.admin{background:var(--bg)}.admin-shell{grid-template-columns:220px 1fr;min-height:100dvh;display:grid}.admin-nav{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.admin-nav a,.admin-nav button{color:#cbd5e1;border-radius:10px;padding:8px 12px;text-decoration:none}.admin-nav a:hover,.admin-nav button:hover{background:#ffffff0f}.admin-logo{margin-bottom:16px}.admin-main{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:1200px;padding:24px;display:flex}.ws-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.ws-card{color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.ws-card:hover{border-color:var(--brand);transform:translateY(-2px)}.pill{vertical-align:middle;background:#818cf833;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.65rem}.kv{grid-template-columns:1fr auto;gap:2px 12px;margin:0;font-size:.85rem;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0;font-weight:600}.row{align-items:center;gap:10px;display:flex}.row>.input{flex:180px;width:auto}.row>.input.narrow-input,.row>.input.inline{flex:none}.row.wrap{flex-wrap:wrap}.row.between{flex-wrap:wrap;justify-content:space-between}.create .row>.input:first-child{flex:2}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 14px;text-decoration:none}.tabs a[aria-selected=true]{color:#fff;border-color:var(--brand)}.links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.links li{grid-template-columns:200px 1fr auto;align-items:center;gap:10px;font-size:.85rem;display:grid}.links a{word-break:break-all}.kpis{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:8px;display:grid}.kpi{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:12px 14px}.kpi-label{color:var(--muted);font-size:.75rem}.kpi-value{font-size:1.7rem;font-weight:700;line-height:1.2}.kpi-sub{color:var(--muted);font-size:.72rem}.heatmap{border-radius:12px;width:100%;height:auto;margin:8px 0}.chart{width:100%;height:auto;display:block}.chart .grid,.floor .grid{stroke:#94a3b824;stroke-width:1px}.chart .axis{fill:var(--muted);font-size:11px;font-family:var(--font)}.chart-tip{z-index:200;pointer-events:none;border:1px solid var(--line);background:#0b1020;border-radius:8px;max-width:360px;padding:6px 10px;font-size:.8rem;position:fixed;box-shadow:0 6px 20px #0006}.hbars{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hbars li{grid-template-columns:minmax(80px,160px) 1fr 48px;align-items:center;gap:10px;font-size:.85rem;display:grid}.hb-label{text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;overflow:hidden}.hb-track{height:14px}.hb-track i{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.hbars b{text-align:right;font-weight:600}.cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}th{color:var(--muted);font-weight:500}td.num{text-align:right}td.actions{white-space:nowrap}td.actions .btn{margin:2px}td.pre{white-space:pre-wrap;max-width:360px}.floor{touch-action:none;background:#0b1020;border-radius:12px;width:100%;height:auto}.zone-dot circle{fill:var(--brand);stroke:#0b1020;stroke-width:2px;cursor:grab}.zone-dot text{fill:#e2e8f0;font-size:12px;font-family:var(--font);pointer-events:none}.zone-list{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.zone-list li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 16px;display:grid}.field{color:#cbd5e1;flex-direction:column;gap:4px;margin-bottom:8px;font-size:.85rem;display:flex}.dims-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px;display:grid}.dim-slider{grid-template-columns:96px 1fr 32px;align-items:center;gap:8px;font-size:.8rem;display:grid}.menu-edit-grid{grid-template-columns:1fr 360px;gap:20px;display:grid}.sticky{align-self:start;position:sticky;top:16px}.menu-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.menu-list button{border-radius:10px;grid-template-rows:auto auto;grid-template-columns:18px 1fr auto;gap:0 8px;width:100%;padding:8px 10px;display:grid}.menu-list button:hover{background:#ffffff0d}.menu-list i{border-radius:6px;grid-row:span 2;width:18px;height:36px}.menu-list .muted{grid-column:2}.menu-list li.inactive{opacity:.45}.code-editor{min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.5}.image-field .row>.input{flex:260px}.image-preview{border:1px solid var(--line);background:repeating-conic-gradient(#1e293b 0% 25%,#0f172a 0% 50%) 50%/16px 16px;border-radius:8px;align-self:flex-start;max-width:320px;max-height:64px;padding:6px}.gallery{grid-template-columns:1fr 420px;align-items:start;gap:16px;display:grid}.style-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.style-card{text-align:left;border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.style-card[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:#818cf826}@media (width<=860px){.gallery{grid-template-columns:1fr}}.tabs.wrap{flex-wrap:wrap;overflow-x:visible}.tab-count{min-width:20px;color:var(--muted);text-align:center;background:#ffffff14;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.72rem;display:inline-block}.dash-body{flex-direction:column;gap:16px;display:flex}.product-head h2{margin:0;font-size:1.4rem}.product-head p{margin:0}.notice{background:#818cf81f;border:1px solid #818cf859;border-radius:10px;padding:8px 12px}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px 24px;display:grid}.mini-chart h3{margin:4px 0;font-size:.9rem}.status{white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.status i{font-size:.7rem;font-style:normal}.status-good i{color:#34d399}.status-watch i{color:#fbbf24}.status-alert i{color:#f87171}.actions{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.action{border:1px solid var(--line);border-left:4px solid var(--line);background:#ffffff06;border-radius:14px;padding:14px 16px}.action-risk{border-left-color:#f87171}.action-upsell{border-left-color:#34d399}.action-improve{border-left-color:#fbbf24}.action b{margin:6px 0 2px;display:block}.action p{margin:2px 0}.action-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.action-ws{font-weight:600}.action-value{color:#a7f3d0;margin-left:auto;font-weight:700}.prio{color:var(--muted)}.kind{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.kind-risk{color:#fecaca;background:#f8717126}.kind-upsell{color:#a7f3d0;background:#34d39926}.kind-improve{color:#fde68a;background:#fbbf2426}.kv.wide{grid-template-columns:auto 1fr;gap:6px 16px}.kv.wide dd{text-align:left;font-weight:500}.login{text-align:center;flex-direction:column;align-items:stretch;gap:12px;margin-top:10vh;display:flex}.login img{align-self:center}.danger-zone{border-color:#f8717159}@media (width<=860px){.admin-shell{grid-template-columns:1fr}.admin-nav{flex-flow:wrap;align-items:center;height:auto;padding:10px 12px;position:static}.admin-logo{margin:0 8px 0 0}.admin-main{padding:16px}.menu-edit-grid{grid-template-columns:1fr}.links li{grid-template-columns:1fr auto}.links li span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
