:root{color-scheme:dark;--bg-deep: #050a1c;--bg-mid: #0a1532;--bg-soft: #0f1d44;--ink: #eaf3ff;--ink-soft: #b6c8e6;--accent: #76d3ff;--warm: #ffd28a;--pink: #ff9ad6;--green: #8eecb1;--purple: #b8a4ff;--shadow: 0 8px 32px rgba(0, 0, 0, .4)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}#app canvas{display:block;width:100%!important;height:100%!important}#splash{position:fixed;inset:0;background:radial-gradient(ellipse at center,var(--bg-mid) 0%,var(--bg-deep) 100%);display:grid;place-items:center;z-index:100;transition:opacity .6s ease}#splash.hidden{opacity:0;pointer-events:none}.splash-orb{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);filter:blur(2px);animation:pulse 2.4s ease-in-out infinite}.splash-text{position:absolute;bottom:10vh;font-size:22px;letter-spacing:.4em;color:var(--ink-soft);opacity:.6}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-btn{position:absolute;pointer-events:auto;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0f1d44b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(118,211,255,.25);color:var(--ink);cursor:pointer;transition:transform .15s ease,background .2s ease;font-size:28px}.hud-btn:hover{background:#0f1d44e6}.hud-btn:active{transform:scale(.92)}.hud-btn.top-left{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.hud-btn.top-right{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.hud-btn.bot-left{bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left))}.hud-btn.bot-right{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}.mode-tabs{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0f1d44a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(118,211,255,.2);border-radius:36px;padding:6px;pointer-events:auto;z-index:11}.mode-tab{padding:12px 22px;border-radius:28px;font-size:15px;color:var(--ink-soft);cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;gap:8px}.mode-tab[aria-current=true]{background:linear-gradient(135deg,#76d3ff40,#b8a4ff40);color:var(--ink)}.mode-tab .icon{width:22px;height:22px;display:inline-block;vertical-align:middle}.panel{position:fixed;inset:0;background:#050a1ce0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;display:none;pointer-events:auto;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto}.panel.open{display:block}.panel-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:56px;height:56px;border-radius:50%;background:#76d3ff26;border:1px solid rgba(118,211,255,.35);color:var(--ink);display:grid;place-items:center;font-size:28px;cursor:pointer}.panel h2{margin:0 0 24px;font-size:28px;font-weight:500;letter-spacing:.04em}.panel .row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07);gap:16px}.panel .row label{font-size:18px;color:var(--ink);flex:1}.panel .row input[type=range]{flex:1;max-width:240px;accent-color:var(--accent)}.panel .seg{display:inline-flex;border-radius:14px;background:#ffffff0f;padding:4px}.panel .seg button{background:transparent;border:0;color:var(--ink-soft);padding:10px 18px;border-radius:10px;font-size:16px;cursor:pointer}.panel .seg button[aria-pressed=true]{background:var(--accent);color:#07142b;font-weight:600}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:20px}.album-card{aspect-ratio:1 / 1.15;border-radius:18px;background:linear-gradient(150deg,#76d3ff14,#b8a4ff14);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;position:relative;overflow:hidden}.album-card.locked{background:#ffffff08;border-color:#ffffff0d}.album-card.locked .silhouette{filter:brightness(.2) blur(1px);opacity:.6}.album-card .name{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:13px;color:var(--ink-soft)}.album-card.locked .name{color:#b4c8e666}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#0f1d44f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(118,211,255,.4);border-radius:22px;padding:24px 32px;z-index:60;text-align:center;font-size:28px;font-weight:500;letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast .sub{display:block;font-size:16px;color:var(--ink-soft);font-weight:400;margin-top:6px;letter-spacing:.04em}.shape-hint{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:12px;background:#0f1d44b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;padding:12px 20px;pointer-events:auto;z-index:11;align-items:center;font-size:20px}.shape-hint .target-svg{width:56px;height:56px}@media (max-width: 540px){.mode-tab{padding:10px 14px;font-size:13px}.hud-btn{width:56px;height:56px;font-size:24px}}