:root{--bg0:#050308;--bg1:#12060f;--ink:#ffe6f4;--ink-soft:#d59bb8;--line:#ff4dc447;--panel:linear-gradient(155deg, #ffffff14 0%, #c4187a24 42%, #12060ff0 100%);--accent:#ff2da6;--accent-bright:#ff66c9;--accent-deep:#c4187a;--shadow:0 18px 40px #ff2da62e;--glow:0 0 28px #ff2da673;--radius:22px;--font:"Outfit", system-ui, sans-serif;--display:"Syne", "Outfit", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.52s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#app{min-height:100%}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(900px 520px at 12% -10%,#ff2da638 0%,#0000 55%),radial-gradient(760px 480px at 95% 8%,#ff66c924 0%,#0000 50%),radial-gradient(700px 420px at 50% 110%,#c4187a33 0%,#0000 45%),linear-gradient(165deg,#050308 0%,#140810 48%,#09040a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lava-goo-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.ui-lava{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ui-lava-goo{filter:url(#ssq-lava-goo-soft);opacity:.38;position:absolute;inset:-12%}.titlebar-drag{z-index:2000;isolation:isolate;background:linear-gradient(#d42a8a 0%,#c4187a 45%,#9e1060 78%,#7a0c4a 100%);height:36px;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 0 22px #c4187a66}.titlebar-lava{filter:url(#ssq-lava-goo);opacity:.7;position:absolute;inset:-20px -40px}.lava-blob{will-change:transform;border-radius:50%;animation:linear infinite lava-drift;display:block;position:absolute}.lava-blob.bar{background:radial-gradient(circle at 35% 30%,#ff66c9 0%,#e0248c 34%,#c4187a 68%,#7a0c4a 100%)}.lava-blob.ui{background:radial-gradient(circle at 35% 30%,#e2248c8c 0%,#c4187a6b 40%,#780c4838 72%,#0000 100%)}.lava-blob.bar.b1{width:98px;height:58px;animation-duration:11s;animation-delay:-2s;top:10px;left:4%}.lava-blob.bar.b2{background:radial-gradient(circle at 40% 35%,#ff79cf 0%,#c4187a 55%,#7a0c4a 100%);width:74px;height:46px;animation-duration:14s;animation-delay:-6s;top:0;left:22%}.lava-blob.bar.b3{width:118px;height:64px;animation-duration:16s;animation-delay:-1s;top:12px;left:40%}.lava-blob.bar.b4{background:radial-gradient(circle at 30% 40%,#e85aa8 0%,#c4187a 48%,#8a0f58 100%);width:68px;height:42px;animation-duration:12.5s;animation-delay:-8s;top:2px;left:60%}.lava-blob.bar.b5{width:90px;height:52px;animation-duration:15s;animation-delay:-4s;top:8px;left:74%}.lava-blob.bar.b6{background:radial-gradient(circle at 45% 30%,#d42a8a 0%,#a01468 55%,#6a0a40 100%);width:62px;height:38px;animation-duration:13s;animation-delay:-9s;top:14px;left:88%}.lava-blob.ui.b1{width:420px;height:360px;animation-duration:28s;animation-delay:-3s;top:8%;left:-8%}.lava-blob.ui.b2{background:radial-gradient(circle at 40% 35%,#c4187a80 0%,#9e106052 50%,#0000 100%);width:340px;height:300px;animation-duration:34s;animation-delay:-12s;top:-6%;left:28%}.lava-blob.ui.b3{width:480px;height:400px;animation-duration:40s;animation-delay:-7s;top:18%;left:52%}.lava-blob.ui.b4{background:radial-gradient(circle at 30% 40%,#b4166e73 0%,#640a3c33 55%,#0000 100%);width:300px;height:280px;animation-duration:31s;animation-delay:-18s;top:52%;left:72%}.lava-blob.ui.b5{width:380px;height:340px;animation-duration:36s;animation-delay:-22s;top:55%;left:8%}.lava-blob.ui.b6{background:radial-gradient(circle at 45% 30%,#c4187a66 0%,#7a0c4a2e 60%,#0000 100%);width:260px;height:240px;animation-duration:26s;animation-delay:-9s;top:62%;left:42%}.lava-blob.ui.b7{width:320px;height:290px;animation-duration:38s;animation-delay:-15s;top:4%;left:82%}.lava-blob.ui.b8{background:radial-gradient(circle at 50% 40%,#a014646b 0%,#5a083729 60%,#0000 100%);width:240px;height:220px;animation-duration:29s;animation-delay:-5s;top:78%;left:-2%}@keyframes lava-drift{0%{transform:translateY(18px)scaleY(.92)rotate(0)}20%{transform:translate(36px,-42px)scale(1.12,.86)rotate(8deg)}40%{transform:translate(-28px,24px)scale(.9,1.14)rotate(-7deg)}60%{transform:translate(48px,-20px)scale(1.18,.88)rotate(10deg)}80%{transform:translate(-34px,32px)scale(.94,1.08)rotate(-5deg)}to{transform:translateY(18px)scaleY(.92)rotate(0)}}.app-shell{z-index:1;grid-template-columns:260px 1fr;min-height:100vh;padding-top:36px;display:grid;position:relative}.sidebar{z-index:1;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);background:linear-gradient(#ff2da61f 0%,#080208eb 35%,#050308f7 100%);flex-direction:column;gap:24px;padding:22px 16px;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";animation:sheen 7s var(--ease) infinite;pointer-events:none;background:linear-gradient(120deg,#0000 28%,#ffffff1f 48%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}.brand{z-index:1;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.brand-logo{filter:drop-shadow(0 0 18px #ff2da68c);width:100%;max-width:210px;height:auto;animation:brand-pulse 4.5s var(--ease) infinite;display:block}.brand-sub{color:var(--ink-soft);padding-left:4px;font-size:.85rem}.nav{z-index:1;flex-direction:column;gap:8px;display:flex;position:relative}.nav button,.nav a{text-align:left;color:var(--ink-soft);font:inherit;cursor:pointer;transition:transform var(--dur) var(--ease-out), background var(--dur) var(--ease-soft), color var(--dur-fast) var(--ease-soft), box-shadow var(--dur) var(--ease-soft), border-color var(--dur) var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:14px;padding:12px 14px}.nav button:hover,.nav a:hover{color:var(--ink);background:#ff2da61f;transform:translate(4px);box-shadow:inset 0 0 0 1px #ff66c933}.nav button.active,.nav a.active{color:#fff;box-shadow:var(--glow), inset 0 1px 0 #ffffff59;background:linear-gradient(135deg,#ff66c959,#c4187a73);border-color:#ffffff47;font-weight:650;transform:translate(6px)}.sidebar-note{z-index:1;color:var(--ink-soft);background:#ff2da61a;border:1px solid #ff66c938;border-radius:14px;margin-top:auto;padding:12px 14px;font-size:.82rem;line-height:1.4;position:relative}.main{z-index:1;padding:28px 32px 48px;position:relative;overflow:auto}.page{animation:page-in .42s var(--ease-out) both;max-width:1100px}.hub-hero{min-height:220px;box-shadow:var(--shadow), var(--glow);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:radial-gradient(500px 220px at 85% 20%,#ff66c959,#0000 60%),linear-gradient(135deg,#ff2da647,#140410d9 55%,#ff2da62e);border:1px solid #ff66c959;border-radius:28px;justify-content:center;align-items:center;margin-bottom:18px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.hub-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff47,#0000 70%);border-radius:50%;width:240px;height:240px;animation:6s ease-in-out infinite float-orb;position:absolute;top:-60px;right:-50px}.hub-hero-logo{object-fit:contain;filter:drop-shadow(0 0 28px #ff2da6b3);z-index:1;width:min(720px,88%);height:auto;max-height:180px;display:block;position:relative}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-family:var(--display);letter-spacing:-.03em;background:linear-gradient(120deg, #fff, var(--accent-bright) 55%, var(--accent));color:#0000;filter:drop-shadow(0 2px 14px #050308f2);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.15rem}.page-head p{color:var(--ink-soft);text-shadow:0 1px 12px #050308f2;max-width:42rem;margin:6px 0 0}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{color:#fff;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-soft), filter var(--dur) var(--ease-soft);background:linear-gradient(135deg,#ff79cf,#ff2da6 52%,#c4187a);border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:650;display:inline-flex;box-shadow:0 10px 24px #ff2da659,inset 0 1px #ffffff73}.btn:hover{filter:brightness(1.06);transform:translateY(-2px)scale(1.02);box-shadow:0 16px 32px #ff2da673,inset 0 1px #ffffff8c}.btn.ghost{color:#ffe6f4;background:linear-gradient(135deg,#ffffff1a,#ff2da62e);border-color:#ff66c966;box-shadow:0 8px 18px #ff2da61f}.btn.ghost:hover{filter:none}.grid{gap:16px;display:grid}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{z-index:1;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur-slow) var(--ease-soft), border-color var(--dur) var(--ease-soft);border:1px solid #c4187a59;padding:18px;position:relative;overflow:hidden}.panel:before{content:"";transition:transform .9s var(--ease);pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff29 50%,#0000 60%);position:absolute;inset:0;transform:translate(-140%)}.panel:hover{transform:translateY(-3px);box-shadow:0 24px 50px #ff2da647}.panel:hover:before{transform:translate(140%)}.panel h2{color:#fff;margin:0 0 6px;font-size:1.05rem}.stat-tile{animation:rise .45s var(--ease-out) both}.stat-tile:first-child{animation-delay:30ms}.stat-tile:nth-child(2){animation-delay:70ms}.stat-tile:nth-child(3){animation-delay:.11s}.stat-tile:nth-child(4){animation-delay:.15s}.stat-label{color:var(--ink-soft);font-size:.82rem}.stat-value{font-family:var(--display);letter-spacing:-.03em;color:var(--accent-bright);text-shadow:0 0 18px #ff2da673;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:1.85rem;overflow:hidden}.stat-value--sm{font-size:1.25rem}.board-panel{margin-top:16px}.board-toolbar{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex;position:relative}.search input{width:min(280px,100%);color:var(--ink);font:inherit;background:#0c040cd9;border:1px solid #ff66c947;border-radius:14px;outline:none;padding:10px 12px;transition:border-color .25s,box-shadow .25s}.search input:focus{box-shadow:0 0 0 4px #ff2da638, var(--glow);border-color:#ff66c9bf}.list{z-index:1;gap:10px;display:grid;position:relative}.item{--i:0;color:inherit;transition:transform .3s var(--ease), box-shadow .3s var(--ease);animation:rise .45s var(--ease-out) both;animation-delay:calc(var(--i) * 40ms);background:linear-gradient(145deg,#ffffff14,#ff2da61f);border:1px solid #ff66c938;border-radius:16px;gap:8px;padding:14px;display:grid}.item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff2da62e}.item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-title{color:#fff;font-weight:650}.meta{color:var(--ink-soft);font-size:.86rem}.badge{color:var(--accent-bright);white-space:nowrap;background:#ff2da633;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.clip-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.clip-copy{min-width:0}.clip-rank{font-family:var(--display);color:var(--accent-bright);text-shadow:0 0 14px #ff2da673;align-items:center;gap:.35rem;min-width:3.4rem;font-size:1.35rem;font-weight:800;display:inline-flex}.clip-rank__num{min-width:1.7rem}.crown-wrap{align-items:center;line-height:0;display:inline-flex}.crown{filter:drop-shadow(0 2px 6px #00000073);width:1.15rem;height:1.15rem;display:block}.crown--gold{filter:drop-shadow(0 0 8px #ffd740d9)drop-shadow(0 2px 4px #0006)}.crown--silver{filter:drop-shadow(0 0 8px #dce1ebb3)drop-shadow(0 2px 4px #0006)}.crown--bronze{filter:drop-shadow(0 0 8px #cd7f32a6)drop-shadow(0 2px 4px #0006)}.rank--1 .clip-rank{color:#ffe566;text-shadow:0 0 18px #ffd7408c}.rank--2 .clip-rank{color:#e8eef8;text-shadow:0 0 14px #c8d2e673}.rank--3 .clip-rank{color:#e8a86a;text-shadow:0 0 14px #cd7f3273}.clip-thumb{width:2.75rem;height:2.75rem;font-family:var(--display);letter-spacing:.04em;color:#fff;background:linear-gradient(145deg,#ff79cf,#ff2da6 55%,#c4187a);border:1px solid #ffffff47;border-radius:12px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff59,0 8px 18px #ff2da647}.clip-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.clip-metrics{gap:10px;display:flex}.metric{text-align:right;background:#0c040c8c;border:1px solid #ff66c938;border-radius:12px;min-width:4.75rem;padding:8px 10px}.metric__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem;font-weight:600;display:block}.metric__value{font-family:var(--display);color:#fff;margin-top:2px;font-size:1.05rem;font-weight:800;display:block}.clip-btn{padding:8px 14px;font-size:.88rem}.clip-date{margin-top:4px}.empty{color:var(--ink-soft);padding:18px 4px}.empty-board{z-index:1;text-align:left;padding:28px 18px 22px;position:relative}.empty-board__title{font-family:var(--display);letter-spacing:-.02em;color:#fff;margin-bottom:8px;font-size:1.45rem}.empty-board__copy{color:var(--ink-soft);max-width:40rem;margin:0 0 16px;line-height:1.5}.empty-board__rules{color:var(--ink-soft);gap:6px;margin:0 0 20px;padding-left:1.15rem;display:grid}.empty-board__rules strong{color:var(--accent-bright)}.stat-suffix{color:var(--ink-soft);margin-left:2px;font-size:.55em;font-weight:600}.rules-panel{padding:10px 8px}.rules-list{z-index:1;gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.rules-item{background:linear-gradient(145deg,#ffffff14,#ff2da61f);border:1px solid #ff66c938;border-radius:16px;align-items:baseline;gap:14px;padding:18px 20px;display:flex}.rules-item__n{font-family:var(--display);color:var(--accent-bright);text-shadow:0 0 14px #ff2da673;min-width:1.75rem;font-size:1.35rem;font-weight:800}.rules-item__text{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:#ffe6f4;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:800;line-height:1.25}@keyframes page-in{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes brand-pulse{0%,to{filter:drop-shadow(0 0 14px #ff2da673)}50%{filter:drop-shadow(0 0 26px #ff66c9cc)}}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.nav{flex-flow:wrap}.nav button:hover,.nav button.active,.nav a:hover,.nav a.active{transform:none}.grid.stats{grid-template-columns:1fr 1fr}.sidebar-note{margin-top:0}}@media (width<=700px){.main{padding:20px 16px 36px}.hub-hero{min-height:160px;padding:24px 20px}.grid.stats{grid-template-columns:1fr}.item-top{flex-direction:column;align-items:stretch}.clip-side{align-items:stretch;padding-left:0}.clip-metrics{width:100%}.metric{text-align:left;flex:1}.clip-btn{width:100%}}@media (prefers-reduced-motion:reduce){.titlebar-lava,.ui-lava{display:none}*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}