@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1e1b2e;--ink-2: #4a4560;--ink-3: #8a84a3;--paper: #fff4e0;--paper-2: #ffe9c4;--card: #ffffff;--line: 3px solid var(--ink);--radius: 22px;--radius-sm: 14px;--shadow: 0 6px 0 var(--ink);--shadow-sm: 0 4px 0 var(--ink);--font-display: "Fredoka Variable", "Fredoka", ui-rounded, system-ui, sans-serif;--font-body: "DM Sans Variable", "DM Sans", system-ui, -apple-system, sans-serif;--tile: 150px;--pink: #ff7eb6;--red: #ff6b6b;--orange: #ff9f43;--yellow: #ffd23f;--lime: #b8e986;--mint: #6ee7b7;--teal: #4fd1c5;--sky: #7dd3fc;--blue: #8fa8ff;--purple: #c3a1ff;--accent: #ff5c9e;color-scheme:light}.c-pink{--c: var(--pink)}.c-red{--c: var(--red)}.c-orange{--c: var(--orange)}.c-yellow{--c: var(--yellow)}.c-lime{--c: var(--lime)}.c-mint{--c: var(--mint)}.c-teal{--c: var(--teal)}.c-sky{--c: var(--sky)}.c-blue{--c: var(--blue)}.c-purple{--c: var(--purple)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(30,27,46,.09) 1.5px,transparent 1.5px);background-size:22px 22px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1;margin:0;font-weight:650;letter-spacing:-.01em}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--yellow)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}.page{padding-block:28px 120px}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:var(--line)}.topbar-inner{display:flex;align-items:center;gap:12px;height:68px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.45rem;letter-spacing:-.02em}.logo-mark{display:grid;place-items:center;width:40px;height:40px;border:var(--line);border-radius:12px;background:var(--accent);box-shadow:0 3px 0 var(--ink);font-size:1.2rem;transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.logo:hover .logo-mark{transform:rotate(-10deg) scale(1.08)}.topbar-spacer{flex:1}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.btn{--c: var(--card);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:var(--line);border-radius:999px;background:var(--c);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-weight:600;font-size:1.02rem;text-decoration:none;cursor:pointer;user-select:none;white-space:nowrap;transition:transform .08s ease,box-shadow .08s ease,background-color .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.btn:active,.btn[aria-pressed=true]{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn-primary{--c: var(--accent);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.btn-yellow{--c: var(--yellow)}.btn-mint{--c: var(--mint)}.btn-sky{--c: var(--sky)}.btn-danger{--c: var(--red);color:#fff}.btn-ghost{--c: transparent;box-shadow:none;border-color:transparent}.btn-ghost:hover{--c: rgba(30, 27, 46, .07);box-shadow:none;transform:none}.btn-ghost:active{box-shadow:none;transform:scale(.97)}.btn-sm{min-height:38px;padding:0 14px;font-size:.93rem}.btn-lg{min-height:58px;padding:0 30px;font-size:1.2rem}.btn-icon{width:46px;padding:0}.btn-icon.btn-sm{width:38px}.btn-block{width:100%}.btn[aria-pressed=true]{--c: var(--yellow)}.card{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,3vw,28px)}.field{display:flex;flex-direction:column;gap:6px}.label{font-family:var(--font-display);font-weight:600;font-size:.98rem}.hint{font-size:.85rem;color:var(--ink-2)}.input,.textarea,.select{width:100%;min-height:48px;padding:10px 14px;border:var(--line);border-radius:var(--radius-sm);background:#fff;font:inherit;color:var(--ink);transition:box-shadow .12s}.input:focus,.textarea:focus,.select:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}.textarea{resize:vertical;min-height:90px}.error-text{color:#c2185b;font-weight:600;font-size:.92rem}.form-error{padding:10px 14px;border:var(--line);border-radius:var(--radius-sm);background:#ffe1ea;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:.8rem;font-weight:700;line-height:1.6;white-space:nowrap}.badge-public{background:var(--mint)}.badge-private{background:var(--paper-2)}.segmented{display:inline-flex;padding:4px;gap:4px;border:var(--line);border-radius:999px;background:#fff}.segmented button{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-family:var(--font-display);font-weight:600;cursor:pointer;transition:background .15s}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;user-select:none}.switch input{appearance:none;width:50px;height:30px;border:var(--line);border-radius:999px;background:#e8e2d4;position:relative;cursor:pointer;transition:background .15s;flex-shrink:0;margin:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ink);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.switch input:checked{background:var(--mint)}.switch input:checked:after{transform:translate(20px)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:36px;height:36px;border-radius:50%;border:var(--line);background:var(--c);cursor:pointer;transition:transform .12s}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.emoji-btn{width:58px;height:58px;font-size:1.8rem;border:var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer;box-shadow:0 3px 0 var(--ink);flex-shrink:0}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px;padding:10px;border:var(--line);border-radius:var(--radius-sm);background:#fff}.emoji-grid button{border:0;background:transparent;font-size:1.5rem;height:42px;border-radius:10px;cursor:pointer}.emoji-grid button:hover,.emoji-grid button[aria-pressed=true]{background:var(--paper-2)}.image-drop{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;border:3px dashed var(--ink);border-radius:var(--radius-sm);background:var(--paper);overflow:hidden;cursor:pointer;text-align:center;color:var(--ink-2);font-weight:600}.image-drop.square{aspect-ratio:1;max-width:180px}.image-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-drop.dragging{background:var(--yellow)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#1e1b2e73;backdrop-filter:blur(3px);animation:fade-in .15s ease;overflow-y:auto}.modal{width:100%;max-width:540px;margin:auto;animation:pop-in .28s cubic-bezier(.3,1.5,.5,1)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.toast-stack{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{padding:10px 18px;border:var(--line);border-radius:999px;background:var(--ink);color:#fff;font-weight:600;box-shadow:0 4px #00000040;animation:toast-in .3s cubic-bezier(.3,1.5,.5,1)}.toast.error{background:var(--red)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.9) translateY(10px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.9)}}.spinner{width:22px;height:22px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{display:grid;place-items:center;min-height:60vh;text-align:center}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding-block:clamp(32px,7vw,90px)}.hero h1{font-size:clamp(2.6rem,6.5vw,4.8rem);font-weight:700;letter-spacing:-.03em}.hl{display:inline-block;padding:0 .18em;background:var(--yellow);border:var(--line);border-radius:16px;transform:rotate(-2deg);box-shadow:var(--shadow-sm)}.hero p.lead{font-size:1.2rem;color:var(--ink-2);max-width:34ch;margin:22px 0 30px}.hero-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;--tile: 1fr}.hero-pads .pad:nth-child(odd){transform:rotate(-2deg)}.hero-pads .pad:nth-child(3n){transform:rotate(2.5deg)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding-bottom:60px}.feature{padding:24px}.feature .icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:14px;border:var(--line);border-radius:16px;background:var(--c);font-size:1.7rem;box-shadow:0 3px 0 var(--ink)}.feature h3{font-size:1.3rem;margin-bottom:6px}.feature p{margin:0;color:var(--ink-2)}@media(max-width:820px){.hero{grid-template-columns:1fr}}.auth-wrap{display:grid;place-items:center;padding-block:clamp(24px,8vh,80px)}.auth-card{width:100%;max-width:440px}.auth-card h1{font-size:2.1rem;margin-bottom:4px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-head h1{font-size:clamp(2rem,4vw,2.8rem)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.board-card{display:flex;flex-direction:column;border:var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s}.board-card:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 10px 0 var(--ink)}.board-cover{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;background:var(--c);border-bottom:var(--line);font-size:4rem;overflow:hidden}.board-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.board-cover .badge{position:absolute;top:10px;right:10px}.board-card-body{padding:14px 18px 18px}.board-card-body h3{font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-board-card{display:grid;place-items:center;gap:8px;min-height:250px;border:3px dashed var(--ink);border-radius:var(--radius);background:#ffffff80;font-family:var(--font-display);font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.new-board-card:hover{background:var(--yellow);transform:rotate(.8deg)}.new-board-card .plus{display:grid;place-items:center;width:64px;height:64px;border:var(--line);border-radius:50%;background:#fff;font-size:2rem;box-shadow:var(--shadow-sm)}.empty{text-align:center;padding:48px 20px}.empty .big-emoji{font-size:4rem;display:inline-block;animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.05)}}.board-hero{display:flex;gap:22px;align-items:center;margin-bottom:22px}.board-avatar{position:relative;flex-shrink:0;display:grid;place-items:center;width:clamp(84px,14vw,120px);aspect-ratio:1;border:var(--line);border-radius:26px;background:var(--c);box-shadow:var(--shadow);font-size:clamp(2.4rem,6vw,3.6rem);overflow:hidden;transform:rotate(-3deg)}.board-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.board-hero h1{font-size:clamp(1.9rem,5vw,3rem);word-break:break-word}.board-hero .desc{margin:6px 0 8px;color:var(--ink-2);max-width:70ch;white-space:pre-line}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.toolbar .search{flex:1 1 200px;max-width:320px;min-height:46px;border-radius:999px;padding-left:42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231e1b2e' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m14 14 4 4'/%3E%3C/svg%3E") no-repeat 14px center}.mode-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:20px;border:var(--line);border-radius:var(--radius-sm);background:var(--yellow);box-shadow:var(--shadow-sm);font-weight:600}.mode-banner .grow{flex:1;min-width:200px}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:clamp(12px,2vw,20px)}.size-s{--tile: 112px}.size-m{--tile: 150px}.size-l{--tile: 200px}.pad{position:relative;display:flex;flex-direction:column;aspect-ratio:1;width:100%;padding:0;border:var(--line);border-radius:var(--radius);background:var(--c, var(--pink));box-shadow:var(--shadow);cursor:pointer;overflow:hidden;text-align:left;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .07s ease,box-shadow .07s ease}.pad:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--ink)}.pad:active,.pad.pressed{transform:translateY(5px);box-shadow:0 1px 0 var(--ink);transition-duration:.02s}.pad-art{position:relative;flex:1;min-height:0;display:grid;place-items:center;font-size:calc(var(--tile-px, 150px) * .3);font-size:clamp(2rem,5vw,3.2rem);line-height:1}.size-s .pad-art{font-size:2rem}.size-l .pad-art{font-size:4rem}.pad-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pad-art .pad-emoji-overlay{position:absolute;left:8px;bottom:6px;font-size:1.5rem;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.pad-art .pad-emoji{transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.pad:hover .pad-emoji{transform:scale(1.12) rotate(-6deg)}.pad-name{position:relative;padding:8px 10px 10px;border-top:var(--line);background:#fff;font-family:var(--font-display);font-weight:600;font-size:.98rem;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.size-s .pad-name{font-size:.82rem;padding:5px 7px 6px}.size-l .pad-name{font-size:1.1rem}.pad-progress{position:absolute;left:0;right:0;bottom:0;height:100%;background:color-mix(in srgb,var(--c) 45%,transparent);transform-origin:left;transform:scaleX(0);pointer-events:none}.pad.playing .pad-progress{animation:progress linear forwards;animation-duration:var(--dur, 1s)}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pad.playing{animation:pad-bump .35s cubic-bezier(.3,1.8,.5,1)}.pad.playing .pad-emoji{animation:dance .5s ease-in-out infinite alternate}@keyframes pad-bump{0%{scale:.94}60%{scale:1.04}to{scale:1}}@keyframes dance{0%{transform:rotate(-10deg) scale(1.05)}to{transform:rotate(10deg) scale(1.15)}}.pad .eq{position:absolute;top:8px;right:8px;display:none;gap:2px;align-items:flex-end;height:18px;padding:3px 5px;border:2px solid var(--ink);border-radius:8px;background:#fff}.pad.playing .eq{display:flex}.eq i{width:3px;background:var(--ink);border-radius:2px;animation:eq .5s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.35s}@keyframes eq{0%{height:3px}to{height:12px}}.keycap{position:absolute;top:8px;left:8px;z-index:2;min-width:28px;height:28px;padding:0 6px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:0 2px 0 var(--ink);font-family:var(--font-display);font-weight:700;font-size:.9rem;line-height:1}.size-s .keycap{min-width:22px;height:22px;font-size:.75rem;top:5px;left:5px}.pad-dur{position:absolute;top:8px;right:8px;z-index:2;padding:1px 7px;border-radius:999px;background:#1e1b2ebf;color:#fff;font-size:.72rem;font-weight:700}.pad.playing .pad-dur,.size-s .pad-dur{display:none}.mapping .pad{animation:none}.mapping .pad.selected{outline:4px dashed var(--ink);outline-offset:4px;animation:jiggle .25s ease-in-out infinite alternate}.mapping .pad .keycap.empty{background:var(--paper-2);color:var(--ink-3)}@keyframes jiggle{0%{rotate:-1.5deg}to{rotate:1.5deg}}.editing .pad{cursor:grab}.editing .pad:active{cursor:grabbing}.pad-edit-badge{position:absolute;inset:auto 8px 8px auto;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 2px 0 var(--ink);font-size:.95rem}.sortable-dragging{z-index:10;opacity:.9;rotate:3deg}.add-pad{display:grid;place-items:center;align-content:center;gap:6px;aspect-ratio:1;border:3px dashed var(--ink);border-radius:var(--radius);background:#ffffff8c;font-family:var(--font-display);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}.add-pad:hover{background:var(--yellow);transform:rotate(-1deg)}.add-pad .plus{font-size:2.2rem;line-height:1}.player-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border:var(--line);border-radius:999px;background:var(--card);box-shadow:var(--shadow);max-width:calc(100vw - 24px)}.player-bar .vol{display:flex;align-items:center;gap:8px}.player-bar .divider{width:2px;align-self:stretch;background:#1e1b2e26}input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:10px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(to right,var(--accent) var(--fill, 50%),#fff var(--fill, 50%));cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 2px 0 var(--ink)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow)}.stop-btn{--c: var(--red);color:#fff}.stop-btn.active{animation:pulse-stop .9s ease-in-out infinite}@keyframes pulse-stop{50%{box-shadow:0 4px 0 var(--ink),0 0 0 6px color-mix(in srgb,var(--red) 40%,transparent)}}.loading-bar{height:8px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff;margin-bottom:18px}.loading-bar>div{height:100%;background:var(--mint);transition:width .2s}@media(max-width:640px){.board-hero{align-items:flex-start}.player-bar .hide-mobile{display:none}.toolbar .search{max-width:none;order:10;flex-basis:100%}.size-m{--tile: 130px}}.add-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}@media(max-width:900px){.add-layout{grid-template-columns:1fr}}.video-frame{position:relative;aspect-ratio:16 / 9;border:var(--line);border-radius:var(--radius);overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}.video-frame>div,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%}.url-row{display:flex;gap:10px}.url-row .input{border-radius:999px;padding-inline:20px}.trimmer{display:flex;flex-direction:column;gap:14px;user-select:none}.tr-track{position:relative;height:48px;border:var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden;cursor:pointer;touch-action:none}.tr-track.zoom{height:96px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--tick, 20px) - 1px),rgba(30,27,46,.07) calc(var(--tick, 20px) - 1px) var(--tick, 20px)),#fff}.tr-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tr-sel{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 30%,transparent);border-inline:3px solid var(--accent);cursor:grab}.tr-sel:active{cursor:grabbing}.tr-handle{position:absolute;top:0;bottom:0;width:22px;margin-left:-11px;z-index:3;cursor:ew-resize;display:grid;place-items:center}.tr-handle:before{content:"";width:14px;height:60%;max-height:44px;border:3px solid var(--ink);border-radius:8px;background:var(--yellow);box-shadow:0 2px 0 var(--ink)}.tr-handle.end:before{background:var(--sky)}.tr-playhead{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--ink);z-index:2;pointer-events:none}.tr-playhead:before{content:"";position:absolute;top:0;left:-5px;border:6.5px solid transparent;border-top:8px solid var(--ink)}.tr-labels{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--ink-2);margin-top:4px;font-variant-numeric:tabular-nums}.tr-times{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.tr-time-field{display:flex;flex-direction:column;gap:6px}.tr-time-field.end{align-items:flex-end}.tr-time-input{display:flex;align-items:center;gap:4px}.tr-time-input .input{width:110px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;min-height:40px;padding:6px}.tr-dur{text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.4rem;padding-bottom:4px;font-variant-numeric:tabular-nums}.tr-dur small{display:block;font-size:.75rem;font-weight:600;color:var(--ink-2)}.kbd{display:inline-block;min-width:22px;padding:0 5px;border:2px solid var(--ink);border-bottom-width:3px;border-radius:6px;background:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:700;text-align:center;line-height:1.4}.image-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-option{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px;border:var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-weight:600;font-size:.85rem;text-align:center}.image-option .thumb{aspect-ratio:1;border-radius:9px;background:var(--paper-2) center / cover no-repeat;display:grid;place-items:center;font-size:1.8rem;overflow:hidden}.image-option[aria-pressed=true]{background:var(--yellow);box-shadow:var(--shadow-sm)}.processing-overlay{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:#fff4e0d9;backdrop-filter:blur(4px);text-align:center;animation:fade-in .2s}.processing-overlay .scissors{font-size:4rem;display:inline-block;animation:snip .5s ease-in-out infinite alternate}@keyframes snip{0%{transform:rotate(-20deg) scale(1)}to{transform:rotate(15deg) scale(1.15)}}.drop-zone{display:grid;place-items:center;gap:10px;padding:48px 20px;border:3px dashed var(--ink);border-radius:var(--radius);background:#fff9;text-align:center;cursor:pointer;transition:background .15s}.drop-zone.dragging,.drop-zone:hover{background:var(--yellow)}.drop-zone .big{font-size:3rem}.pad-preview{width:150px}.menu{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px;border:var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);z-index:60;animation:pop-in .18s cubic-bezier(.3,1.5,.5,1)}.menu-pop a,.menu-pop button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;text-decoration:none;font-weight:600;cursor:pointer;text-align:left}.menu-pop a:hover,.menu-pop button:hover{background:var(--paper)}.menu-pop hr{border:0;border-top:2px solid rgba(30,27,46,.1);margin:6px 0}.avatar{display:grid;place-items:center;width:44px;height:44px;border:var(--line);border-radius:50%;background:var(--sky);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 3px 0 var(--ink);text-transform:uppercase}.footer{padding:30px 0 40px;text-align:center;color:var(--ink-3);font-size:.9rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.pad.playing .pad-progress{animation-duration:var(--dur, 1s)!important}}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-edit{padding:14px;border:var(--line);border-left:12px solid var(--c);border-radius:var(--radius-sm);background:#fff}.feature-icon{width:64px;font-size:1.6rem;text-align:center;padding:6px}.admin-savebar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;margin-top:8px;border:var(--line);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-sm)}.admin-preview{border:3px dashed var(--ink);border-radius:var(--radius);background-color:var(--paper);background-image:radial-gradient(rgba(30,27,46,.09) 1.5px,transparent 1.5px);background-size:22px 22px;overflow:hidden;pointer-events:auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat{padding:18px 20px;background:var(--c)}.stat-value{font-family:var(--font-display);font-size:2.4rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.stat-label{margin-top:6px;font-weight:600}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:2px solid rgba(30,27,46,.08);white-space:nowrap}.table th{font-family:var(--font-display);font-weight:600;color:var(--ink-2)}.install-banner{position:relative;z-index:45;padding-top:env(safe-area-inset-top,0px);background:var(--yellow);border-bottom:var(--line);animation:slide-down .35s cubic-bezier(.3,1.4,.5,1)}.install-inner{display:flex;align-items:center;gap:12px;padding-block:8px}.install-icon{flex-shrink:0;border:2px solid var(--ink);border-radius:10px}.install-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;font-size:.88rem}.install-text strong{font-family:var(--font-display);font-size:.98rem}.share-icon{display:inline-block;vertical-align:-3px;color:#0a84ff}.install-close{flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:1rem;cursor:pointer}.install-close:hover{background:#1e1b2e1a}@keyframes slide-down{0%{transform:translateY(-100%)}}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top,0px)}}.toasty{--hold: .9s;position:fixed;right:0;bottom:0;z-index:300;width:min(42vw,280px);pointer-events:none;transform:translate(100%,100%);animation:toasty calc(var(--hold) + .5s) linear forwards}.toasty img{display:block;width:100%;height:auto}@keyframes toasty{0%{transform:translate(100%,100%);animation-timing-function:cubic-bezier(.2,1.4,.5,1)}25%{transform:translate(0)}80%{transform:translate(0);animation-timing-function:ease-in}to{transform:translate(100%,100%)}}@media(prefers-reduced-motion:reduce){.toasty{animation-duration:calc(var(--hold) + .5s)!important}}.site-footer{padding:8px 16px calc(28px + env(safe-area-inset-bottom,0px));text-align:center;font-size:.88rem;font-weight:600;color:var(--ink-3)}.site-footer.with-player{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.site-footer a{color:var(--ink-2);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--accent)}.site-footer a:hover{color:var(--accent)}main:has(.player-bar) .page{padding-bottom:24px}.footer{padding-bottom:4px}.pad-art{position:relative}.pad-plays{position:absolute;right:8px;bottom:6px;z-index:2;padding:1px 7px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);font-size:.72rem;font-weight:800;line-height:1.35;font-variant-numeric:tabular-nums;pointer-events:none}.size-s .pad-plays{right:5px;font-size:.64rem;padding:0 5px}@font-face{font-family:Logo Bungee;src:url(/fonts/logo/bungee.woff2) format("woff2");font-display:block}@font-face{font-family:Logo Pacifico;src:url(/fonts/logo/pacifico.woff2) format("woff2");font-display:block}@font-face{font-family:Logo Press;src:url(/fonts/logo/press-start-2p.woff2) format("woff2");font-display:block}@font-face{font-family:Logo Monoton;src:url(/fonts/logo/monoton.woff2) format("woff2");font-display:block}@font-face{font-family:Logo Rubik;src:url(/fonts/logo/rubik-mono-one.woff2) format("woff2");font-display:block}@font-face{font-family:Logo Lobster;src:url(/fonts/logo/lobster.woff2) format("woff2");font-display:block}@font-face{font-family:Logo Bowlby;src:url(/fonts/logo/bowlby-one-sc.woff2) format("woff2");font-display:block}.wordmark{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1;cursor:default}.logo .wordmark{cursor:pointer}.wm-l{position:relative;display:inline-block}.wm-ghost{visibility:hidden}.wm-face{position:absolute;left:50%;top:50%;transform:translate(-50%,var(--wm-y, -52%));white-space:nowrap;animation:wm-pop .38s cubic-bezier(.3,1.8,.5,1)}@keyframes wm-pop{0%{transform:translate(-50%,var(--wm-y, -52%)) scale(.3) rotate(-25deg);opacity:.2}to{transform:translate(-50%,var(--wm-y, -52%)) scale(1) rotate(0);opacity:1}}.wm-bungee{font-family:"Logo Bungee",var(--font-display);font-weight:400;font-size:.86em}.wm-pacifico{font-family:"Logo Pacifico",var(--font-display);font-weight:400;font-size:.92em;--wm-y: -62%}.wm-press{font-family:"Logo Press",var(--font-display);font-weight:400;font-size:.6em}.wm-monoton{font-family:"Logo Monoton",var(--font-display);font-weight:400;font-size:.98em}.wm-rubik{font-family:"Logo Rubik",var(--font-display);font-weight:400;font-size:.74em}.wm-lobster{font-family:"Logo Lobster",var(--font-display);font-weight:400;font-size:1.06em}.wm-bowlby{font-family:"Logo Bowlby",var(--font-display);font-weight:400;font-size:.86em}@media(prefers-reduced-motion:reduce){.wm-face{animation:none}}.pad-plays{animation:plays-pop .4s cubic-bezier(.3,1.8,.5,1)}@keyframes plays-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.top-sounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.top-sounds li{display:flex;align-items:center;gap:12px;padding:8px 10px;border:2px solid rgba(30,27,46,.1);border-radius:var(--radius-sm)}.top-rank{width:32px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;flex-shrink:0}.top-thumb{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--c);font-size:1.4rem;overflow:hidden}.top-thumb img{width:100%;height:100%;object-fit:cover}.top-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.top-info>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-plays{flex-shrink:0;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-weight:800;font-variant-numeric:tabular-nums}.settings-list{display:flex;flex-direction:column;gap:10px}.settings-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px;border:2px solid rgba(30,27,46,.12);border-radius:var(--radius-sm)}.settings-icon{font-size:1.6rem}.site-footer{border-top:2px solid rgba(30,27,46,.08);margin-top:12px;padding-top:18px}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}.footer-links{display:flex;gap:6px 18px;flex-wrap:wrap}.footer-links a{color:var(--ink-2);text-decoration:none}.footer-links a:hover{color:var(--accent);text-decoration:underline}@media(max-width:640px){.site-footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.terms-check{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;cursor:pointer}.terms-check input{width:20px;height:20px;margin-top:1px;flex-shrink:0;accent-color:var(--accent)}.legal{line-height:1.65}.legal h1{font-size:clamp(1.9rem,4vw,2.5rem)}.legal h2{font-size:1.25rem;margin:28px 0 8px}.legal p,.legal li{color:var(--ink-2)}.legal ul{padding-left:22px}.legal li+li{margin-top:6px}.recorder{display:flex;align-items:center;gap:20px}.rec-button{flex-shrink:0;display:grid;place-items:center;width:88px;height:88px;border:var(--line);border-radius:50%;background:#fff;box-shadow:var(--shadow);cursor:pointer;transition:transform .08s}.rec-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.rec-dot{width:40px;height:40px;border-radius:50%;background:var(--red);border:3px solid var(--ink)}.rec-stop{width:32px;height:32px;border-radius:8px;background:var(--ink)}.is-recording .rec-button{animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{50%{box-shadow:var(--shadow),0 0 0 10px color-mix(in srgb,var(--red) 35%,transparent)}}.rec-status{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.rec-time{font-family:var(--font-display);font-size:1.4rem;color:var(--red);font-variant-numeric:tabular-nums}.rec-meter{height:14px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.rec-meter>div{height:100%;background:linear-gradient(90deg,var(--mint),var(--yellow) 70%,var(--red));transform-origin:left;transform:scaleX(0);transition:transform .06s linear}@media(max-width:480px){.recorder{flex-direction:column;text-align:center}}.capture-note{padding:10px 14px;border:2px dashed var(--ink);border-radius:var(--radius-sm);background:#ffffffb3;font-size:.92rem}.capture-pill{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:160;display:flex;align-items:center;gap:10px;padding:10px 18px;border:var(--line);border-radius:999px;background:var(--ink);color:#fff;font-weight:700;box-shadow:var(--shadow);white-space:nowrap}.rec-dot-sm{width:12px;height:12px;border-radius:50%;background:var(--red);animation:rec-blink 1s ease-in-out infinite}@keyframes rec-blink{50%{opacity:.3}}.or-divider{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:.85rem;font-weight:600}.or-divider:before,.or-divider:after{content:"";flex:1;height:2px;background:#1e1b2e1a}.inbox-emoji{font-size:3.6rem;line-height:1;animation:wobble 2.4s ease-in-out infinite}.top-sounds-home{padding-bottom:56px}.top-sounds-home h2{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:26px}.top-sound-item{display:flex;flex-direction:column;gap:8px;min-width:0}.top-sound-board{font-size:.85rem;font-weight:700;color:var(--ink-2);text-decoration:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-sound-board:hover{color:var(--accent);text-decoration:underline}.lost{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:560px;margin:0 auto;text-align:center}.lost-ghost{font-size:4.5rem;line-height:1;animation:ghost-float 3s ease-in-out infinite}@keyframes ghost-float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(6deg)}}.lost h1{font-size:clamp(2.2rem,6vw,3.2rem)}.lost-lead{margin:0;font-size:1.12rem;color:var(--ink-2)}.lost-sound{display:flex;flex-direction:column;align-items:center;gap:10px;margin:8px 0}.lost-pad{width:200px;transform:rotate(-2deg)}.lost-thanks{margin:0;font-weight:700;animation:toast-in .3s cubic-bezier(.3,1.5,.5,1)}.admin-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:-8px 0 22px}.admin-subnav button{border:2px solid transparent;background:transparent;border-radius:999px;padding:6px 14px;font-family:var(--font-display);font-weight:600;color:var(--ink-2);cursor:pointer}.admin-subnav button:hover{background:#1e1b2e0f}.admin-subnav button[aria-pressed=true]{border-color:var(--ink);background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--ink)}.th-sort{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.th-sort.active{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.users-table td{vertical-align:middle}.users-table tr.is-suspended td{background:#fff1f1}.disk-bar{height:14px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.disk-bar>div{height:100%;background:var(--mint)}.disk-bar>div.warn{background:var(--yellow)}.disk-bar>div.danger{background:var(--red)}.text-group summary{cursor:pointer;font-family:var(--font-display);font-size:1.1rem;list-style:none}.text-group summary::-webkit-details-marker{display:none}.text-group summary:before{content:"▸ ";display:inline-block;transition:transform .15s}.text-group[open] summary:before{transform:rotate(90deg)}.text-row.changed .input,.text-row.changed .textarea{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.email-preview{width:100%;height:560px;border:var(--line);border-radius:var(--radius-sm);background:var(--paper)}.cookie-banner{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:250;width:min(680px,calc(100vw - 24px));display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;border:var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);animation:toast-in .3s cubic-bezier(.3,1.5,.5,1)}.cookie-text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:2px;font-size:.9rem;line-height:1.4}.cookie-text strong{font-family:var(--font-display);font-size:1rem}.cookie-actions{display:flex;gap:8px}.footer-link-btn{border:0;background:none;padding:0;font:inherit;color:var(--ink-2);cursor:pointer}.footer-link-btn:hover{color:var(--accent);text-decoration:underline}.rec-eq{display:flex;align-items:flex-end;gap:3px;height:56px;padding:6px 8px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:#fff}.rec-eq span{flex:1;height:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(to top,var(--mint),var(--yellow) 65%,var(--red));transform-origin:bottom;transform:scaleY(.06);transition:transform .05s linear}.recorder-big{flex-direction:column;text-align:center;padding:32px 20px;gap:22px}.recorder-big .rec-button{width:140px;height:140px}.recorder-big .rec-dot{width:64px;height:64px}.recorder-big .rec-stop{width:48px;height:48px}.recorder-big .rec-status{width:100%;align-items:center}.recorder-big .rec-eq{width:100%;height:80px}.wizard-head{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.wizard-head h1{font-size:2rem}.wizard-steps{display:flex;gap:6px;list-style:none;margin:6px 0 0;padding:0}.wizard-steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border:2px solid rgba(30,27,46,.15);border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-3);background:#fff9}.wizard-steps li span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1e1b2e1a;font-size:.8rem}.wizard-steps li.active{border-color:var(--ink);background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.wizard-steps li.done{color:var(--ink-2)}.wizard-steps li.done span{background:var(--mint)}.wizard-actions{display:flex;gap:10px}.wizard-actions .btn{flex:1}.add-layout>*{min-width:0}@media(max-width:560px){.tr-times{grid-template-columns:1fr 1fr}.tr-times .tr-dur{grid-column:1 / -1;grid-row:1}.tr-time-input .input{width:84px}}@media(max-width:420px){.topbar-inner{gap:8px}.logo{gap:7px;font-size:1.2rem}.logo-mark{width:34px;height:34px;font-size:1rem}.topbar-inner .btn{padding-inline:10px}}.audio-debug{position:fixed;left:8px;right:8px;top:calc(76px + env(safe-area-inset-top,0px));z-index:9999;max-width:520px;margin-inline:auto;padding:10px;border-radius:12px;background:#141220eb;color:#e8ffe8;font:11px/1.35 ui-monospace,Menlo,monospace;pointer-events:auto}.audio-debug-info{color:#fff;font-weight:700;margin-bottom:6px}.audio-debug-log{max-height:34vh;overflow-y:auto;opacity:.9;word-break:break-word}.audio-debug-actions{display:flex;gap:6px;margin-top:8px}.audio-debug-actions button{flex:1;padding:8px;border:0;border-radius:8px;background:#fff;color:#1e1b2e;font:700 12px/1 system-ui,sans-serif}.age-gate{text-align:left}.age-gate .big-emoji{font-size:3.2rem;line-height:1}.link-btn{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;cursor:pointer}.report-reasons{display:grid;gap:6px;margin:0;padding:0;border:0}.report-reason{display:flex;align-items:center;gap:10px;padding:9px 12px;border:2px solid rgba(30,27,46,.15);border-radius:12px;font-weight:600;cursor:pointer}.report-reason.active{border-color:var(--ink);background:var(--paper)}.report-reason input{accent-color:var(--accent)}.hidden-notice{margin:0 0 16px;padding:12px 16px;border:2px dashed var(--ink);border-radius:14px;background:#fff4d6;font-weight:600}.pad.is-hidden .pad-art{opacity:.45;filter:grayscale(.7)}.pad-hidden-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;padding:3px 9px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:.72rem;font-weight:700;white-space:nowrap}.count-dot{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:800;line-height:1}.badge-danger{background:#ffd9d9}.badge-warn{background:#fff1c2}.mod-thumb{width:56px;height:56px;object-fit:cover;border:2px solid var(--ink);border-radius:10px}.mod-reports{display:grid;gap:8px;margin:0;padding:12px 14px;border-radius:12px;background:var(--paper);list-style:none;font-size:.92rem}.mod-details{margin-top:2px;color:var(--ink-2);overflow-wrap:anywhere}.howto-head{max-width:720px;margin:0 auto 32px;text-align:center}.howto-head h1{font-size:clamp(2.2rem,6vw,3.4rem)}.howto-head .lead{margin:10px 0 0;color:var(--ink-2);font-size:1.15rem}.howto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.howto-card{position:relative;padding:24px;border-top:10px solid var(--c);line-height:1.55}.howto-card h2{margin:0 0 10px;font-size:1.35rem}.howto-card p,.howto-card ul{margin:0 0 10px;color:var(--ink-2)}.howto-card ul{padding-left:20px}.howto-card li+li{margin-top:4px}.howto-card>:last-child{margin-bottom:0}.howto-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;margin:32px 0 20px;padding:28px;text-align:center;background:var(--yellow)}.howto-cta h2{margin:0}.howto-link{margin:-36px 0 48px;text-align:center;font-weight:700}.logo-mark{overflow:hidden}.logo-mark svg{width:100%;height:100%}.logo-mark img{width:100%;height:100%;object-fit:cover}.logo-mark img.px{image-rendering:pixelated}.logo-preview .logo-mark{width:56px;height:56px}.serp-preview{padding:16px;border:1px solid #dfe1e5;border-radius:12px;background:#fff;font-family:Arial,sans-serif}.serp-site{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.3;color:#4d5156}.serp-site strong{color:#202124;font-weight:400;font-size:14px}.serp-site img{width:26px;height:26px;border-radius:50%;border:1px solid #ecedef}.serp-title{margin-top:6px;color:#1a0dab;font-size:20px;line-height:1.3}.serp-desc{margin-top:3px;color:#4d5156;font-size:14px;line-height:1.58}.share-preview{overflow:hidden;border-radius:12px;background:#e7f7dc;border:1px solid #cfe8bd;font-family:system-ui,sans-serif;max-width:420px}.share-preview img{display:block;width:100%;aspect-ratio:1200 / 630;object-fit:cover}.share-preview>div{padding:10px 12px}.share-host{font-size:12px;color:#667781}.share-title{margin-top:2px;font-weight:700;font-size:14px;color:#111b21}.share-desc{margin-top:2px;font-size:13px;color:#3b4a54;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore{padding-bottom:120px;overflow-x:clip}.explore-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding-block:clamp(28px,6vw,72px) clamp(20px,4vw,40px)}.explore-eyebrow{display:inline-block;margin-bottom:14px;padding:4px 12px;border:var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);font-family:var(--font-display);font-weight:700;font-size:.95rem;transform:rotate(-3deg)}.explore-hero h1{font-size:clamp(2.5rem,6.2vw,4.6rem);font-weight:700;letter-spacing:-.03em}.explore-hero .lead{max-width:40ch;margin:20px 0 28px;color:var(--ink-2);font-size:1.15rem}.explore-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.explore-stats{font-family:var(--font-display);font-weight:600;color:var(--ink-2)}.dice-btn .dice{display:inline-block;font-size:1.5rem;transition:transform .3s}.dice-btn:hover .dice{transform:rotate(-20deg) scale(1.15)}.dice-btn.rolling .dice{animation:dice-roll .45s cubic-bezier(.3,1.4,.5,1)}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}40%{transform:rotate(270deg) scale(1.4)}to{transform:rotate(720deg) scale(1)}}.explore-collage{position:relative;height:clamp(300px,34vw,420px)}.collage-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;width:31%;text-decoration:none;animation:float 6s ease-in-out infinite;transition:z-index 0s}.collage-item:hover{z-index:5}.collage-card{display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border:var(--line);border-radius:var(--radius);background:var(--c);box-shadow:var(--shadow);transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.collage-item:hover .collage-label{opacity:1;transform:none}.collage-item:hover .collage-card{transform:scale(1.06) rotate(0)!important}.collage-card img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.collage-emoji{font-size:clamp(2.6rem,5vw,4rem)}.collage-label{opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s;max-width:100%;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-0{left:0;top:12%;--r: -8deg;animation-delay:0s}.ci-1{left:33%;top:0;--r: 4deg;animation-delay:-1.5s;z-index:2}.ci-2{right:0;top:10%;--r: 9deg;animation-delay:-3s}.ci-3{left:15%;bottom:2%;--r: 6deg;animation-delay:-4.5s;z-index:3}.ci-4{right:14%;bottom:0;--r: -6deg;animation-delay:-2.2s;z-index:1}.collage-item .collage-card{transform:rotate(var(--r))}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}.collage-note{position:absolute;font-size:2rem;font-weight:700;color:var(--accent);animation:note-drift 4s ease-in-out infinite;pointer-events:none}.collage-note.n1{left:30%;top:44%}.collage-note.n2{right:30%;top:2%;color:var(--ink);animation-delay:-1.3s}.collage-note.n3{right:2%;bottom:36%;color:#7b5cff;animation-delay:-2.6s}@keyframes note-drift{0%,to{transform:translateY(0) rotate(-10deg);opacity:.9}50%{transform:translateY(-14px) rotate(10deg);opacity:.5}}.explore-section{margin-top:clamp(40px,6vw,64px)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin-bottom:20px}.section-head h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:700}.section-emoji{display:grid;place-items:center;width:1.6em;height:1.6em;border:var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);font-size:.75em;transform:rotate(-6deg)}.section-head p{margin:6px 0 0}.carousel{position:relative;margin-inline:calc(-1*clamp(16px,4vw,32px))}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(86vw,400px);gap:22px;padding:6px clamp(16px,4vw,32px) 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(16px,4vw,32px);scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{scroll-snap-align:start}.carousel:before,.carousel:after{content:"";position:absolute;top:0;bottom:18px;z-index:2;width:40px;pointer-events:none;opacity:0;transition:opacity .2s}.carousel:before{left:0;background:linear-gradient(to right,var(--paper),transparent)}.carousel:after{right:0;background:linear-gradient(to left,var(--paper),transparent)}.carousel.fade-start:before,.carousel.fade-end:after{opacity:1}.carousel-arrows{display:flex;gap:10px}.featured-card{display:flex;flex-direction:column;overflow:hidden;border:var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.featured-cover{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border-bottom:var(--line);background:var(--c);text-decoration:none}.featured-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.featured-card:hover .featured-cover img{transform:scale(1.06) rotate(-1.5deg)}.featured-emoji{font-size:5rem}.sticker{position:absolute;padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;box-shadow:0 3px 0 var(--ink);font-family:var(--font-display);font-weight:700;font-size:.85rem;line-height:1.2}.sticker-featured{top:12px;left:12px;background:var(--yellow);transform:rotate(-4deg)}.sticker-new{top:12px;right:12px;background:var(--mint);transform:rotate(5deg);animation:sticker-wiggle 2.8s ease-in-out infinite}@keyframes sticker-wiggle{0%,88%,to{transform:rotate(5deg)}92%{transform:rotate(-4deg) scale(1.08)}96%{transform:rotate(8deg)}}.featured-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px 20px 20px}.featured-body h3{font-size:1.45rem}.featured-body h3 a{text-decoration:none}.featured-body h3 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.featured-desc{margin:-4px 0 0;color:var(--ink-2);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:.9rem}.mini-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px}.mini-pad{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation}.mini-pad-art{position:relative;display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border:var(--line);border-radius:18px;background:var(--c, var(--pink));box-shadow:var(--shadow-sm);font-size:1.8rem;line-height:1;transition:transform .08s ease,box-shadow .08s ease}.mini-pad:hover .mini-pad-art{transform:translateY(-2px) rotate(-3deg);box-shadow:0 6px 0 var(--ink)}.mini-pad:active .mini-pad-art{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.mini-pad-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-pad-ring{position:absolute;inset:0;background:color-mix(in srgb,#fff 45%,transparent);transform-origin:bottom;transform:scaleY(0);pointer-events:none}.mini-pad.playing .mini-pad-art{animation:pad-bump .35s cubic-bezier(.3,1.8,.5,1)}.mini-pad.playing .mini-pad-ring{animation:fill-up linear forwards;animation-duration:var(--dur, 1s)}@keyframes fill-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mini-pad-name{max-width:100%;overflow:hidden;font-size:.78rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;column-gap:clamp(8px,2.4vw,22px);max-width:720px;margin:0 auto;padding-bottom:12px;border-bottom:12px solid var(--ink);border-radius:0 0 8px 8px;animation:fade-in .3s ease}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.podium-pad{width:min(100%,180px)}.place-1 .podium-pad{width:min(100%,210px)}.podium-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%;margin-bottom:-12px;padding:12px 8px 0;border:var(--line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:inset 0 -10px #0000000f}.place-1 .podium-step{height:112px;background:var(--yellow)}.place-2 .podium-step{height:86px;background:#e3e6f0}.place-3 .podium-step{height:66px;background:#ffc59a}.podium-medal{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.place-3 .podium-medal{font-size:1.6rem}.podium-board{max-width:100%;overflow:hidden;font-size:.85rem;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.podium-board:hover{text-decoration:underline}.rank-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px 20px;max-width:980px;margin:28px auto 0;padding:0;list-style:none}.rank-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border:var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.rank-row .mini-pad-art{width:52px;height:52px;border-radius:14px;font-size:1.5rem}.rank-row .mini-pad-name{display:none}.rank-num{width:1.6em;font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--ink-3);text-align:center}.rank-info{display:flex;flex:1;flex-direction:column;min-width:0}.rank-info strong,.rank-info a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-info a{font-size:.86rem;color:var(--ink-2);text-decoration:none}.rank-info a:hover{text-decoration:underline}.rank-plays{flex-shrink:0;padding:3px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-family:var(--font-display);font-weight:700;font-size:.85rem}.featured-cover img.fit-contain,.explore-tile .board-cover img.fit-contain{object-fit:contain;image-rendering:pixelated}.explore-cta{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px 32px;margin-top:clamp(48px,7vw,80px);padding:clamp(22px,4vw,36px);border:var(--line);border-radius:var(--radius);background:var(--purple);box-shadow:var(--shadow)}.explore-cta h2{font-size:clamp(1.6rem,3.4vw,2.2rem)}.explore-cta p{max-width:52ch;margin:8px 0 0;color:var(--ink)}.explore-cta-pads{display:flex}.explore-cta-pads span{display:grid;place-items:center;width:64px;height:64px;margin-left:-14px;border:var(--line);border-radius:18px;background:var(--c);box-shadow:var(--shadow-sm);font-size:1.9rem}.explore-cta-pads span:nth-child(1){margin-left:0;transform:rotate(-8deg)}.explore-cta-pads span:nth-child(2){transform:rotate(5deg) translateY(-8px)}.explore-cta-pads span:nth-child(3){transform:rotate(-3deg)}.now-playing{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:12px;width:min(calc(100vw - 24px),460px);padding:10px 12px;overflow:hidden;border:var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);transform:translate(-50%);animation:now-in .35s cubic-bezier(.3,1.6,.5,1)}@keyframes now-in{0%{transform:translate(-50%,140%)}to{transform:translate(-50%)}}.now-playing-art{display:grid;flex-shrink:0;place-items:center;width:44px;height:44px;overflow:hidden;border:2px solid var(--ink);border-radius:12px;background:var(--c, var(--pink));font-size:1.4rem}.now-playing-art img{width:100%;height:100%;object-fit:cover}.now-playing-text{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.25}.now-playing-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-text .faint{font-size:.85rem}.now-playing-progress{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--accent);transform-origin:left;animation:progress linear forwards;animation-duration:var(--dur, 0s)}.explore-skeleton{margin-top:40px}.sk{border-radius:var(--radius);background:linear-gradient(90deg,#f3e7d1 25%,#fbf3e4,#f3e7d1 75%);background-size:200% 100%;animation:sk-shine 1.2s linear infinite}.sk-title{width:260px;height:40px;margin-bottom:20px}.sk-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.sk-card{height:380px}@keyframes sk-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.explore-empty{margin-top:30px}.nav-explore.active{--c: var(--yellow);border-color:var(--ink)}.explore-switch{align-items:flex-start;margin-top:-4px}.explore-switch strong{font-weight:700}@media(max-width:900px){.explore-hero{grid-template-columns:1fr}.explore-collage{height:clamp(240px,62vw,380px);max-width:560px;width:100%;margin:0 auto}.explore-cta{grid-template-columns:1fr;text-align:center;justify-items:center}}@media(max-width:560px){.podium-step{padding-top:6px}.place-1 .podium-step{height:96px}.place-2 .podium-step{height:80px}.place-3 .podium-step{height:70px}.podium-step{padding-inline:4px}.podium-medal{font-size:1.4rem}.podium-board{font-size:.72rem}.podium .pad-name{font-size:.8rem}.mini-pad-art{width:56px;height:56px}.carousel-arrows{display:none}}@media(max-width:640px){.topbar .hide-mobile{display:none}.topbar .nav-login{--c: var(--accent);border-color:var(--ink);box-shadow:var(--shadow-sm);color:#fff}.topbar-inner .btn-sm{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.collage-item,.collage-note,.sticker-new{animation:none}}.explore-home-link{margin:8px 0 56px}.explore-home-link .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.2;padding-block:10px}@media(max-width:380px){.topbar-inner{gap:6px}.logo{font-size:1.02rem;gap:6px}.logo-mark{width:30px;height:30px}.topbar-inner .btn-sm{padding-inline:9px;font-size:.88rem}}.explore-collection{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:center;gap:24px clamp(20px,4vw,48px);margin-top:clamp(32px,5vw,56px);padding:clamp(22px,4vw,40px);border:var(--line);border-radius:calc(var(--radius) + 8px);background:var(--c);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:90px}.collection-intro{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.collection-emoji{display:grid;place-items:center;width:92px;height:92px;border:var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);font-size:3.4rem;transform:rotate(-7deg);animation:float 5s ease-in-out infinite}.collection-intro h2{font-size:clamp(2rem,4.4vw,3rem);font-weight:700;letter-spacing:-.02em}.collection-intro p{margin:0;max-width:34ch;font-size:1.1rem;font-weight:600}.collection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:8px}.collection-carousel{position:relative;z-index:1;margin:0;min-width:0}.collection-carousel .carousel-track{padding:6px 4px 18px;scroll-padding-inline:4px}.explore-collection .carousel:before{background:linear-gradient(to right,var(--c),transparent)}.explore-collection .carousel:after{background:linear-gradient(to left,var(--c),transparent)}.collection-ribbon{display:inline-block;padding:3px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-2deg)}@media(max-width:900px){.explore-collection{grid-template-columns:1fr}.collection-emoji{width:72px;height:72px;font-size:2.6rem}}.collection-floaters{position:absolute;inset:0;pointer-events:none}.floater{position:absolute;font-size:2.6rem;opacity:.22;animation:floater 7s ease-in-out infinite}.floater.f0{top:6%;right:6%;font-size:4rem}.floater.f1{top:38%;right:22%;animation-delay:-2s}.floater.f2{bottom:10%;left:4%;font-size:3.2rem;animation-delay:-4s}.floater.f3{top:12%;left:42%;font-size:2rem;animation-delay:-1s}.floater.f4{bottom:6%;right:4%;font-size:3rem;animation-delay:-5s}@keyframes floater{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.floater{animation:none}}.home-collection{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:8px 0 40px;padding:20px 24px;border:var(--line);border-radius:var(--radius);background:var(--c);box-shadow:var(--shadow);text-decoration:none;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.home-collection:hover{transform:translateY(-3px) rotate(-.4deg)}.home-collection-emoji{display:grid;place-items:center;width:72px;height:72px;border:var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);font-size:2.6rem;transform:rotate(-6deg)}.home-collection-text{flex:1;min-width:200px}.home-collection-text h2{font-size:clamp(1.5rem,3vw,2rem)}.home-collection-text p{margin:4px 0 0;font-weight:600}.ed-list{display:grid;gap:8px}.ed-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border:2px solid rgba(30,27,46,.14);border-radius:14px;background:#fff}.ed-row-text{display:flex;flex:1;flex-direction:column;min-width:0}.ed-row-text a{text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-row-text a:hover{text-decoration:underline}.ed-row-actions{display:flex;flex-shrink:0;align-items:center;gap:6px}.ed-pos{width:1.6em;font-family:var(--font-display);font-weight:700;color:var(--ink-3);text-align:center}.ed-thumb{display:grid;flex-shrink:0;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:12px;background:var(--c);font-size:1.3rem}.ed-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.ed-presets{display:flex;flex-wrap:wrap;gap:8px}.ed-collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.ed-collection{display:flex;flex-direction:column;gap:12px;padding:18px;border:var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);border-top:12px solid var(--c)}.ed-collection.off{opacity:.6}.ed-collection-head{display:flex;align-items:center;gap:12px}.ed-collection-emoji{display:grid;flex-shrink:0;place-items:center;width:52px;height:52px;border:var(--line);border-radius:16px;background:var(--c);box-shadow:var(--shadow-sm);font-size:1.7rem;transform:rotate(-5deg)}.ed-collection-boards{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ed-md{display:inline-flex;gap:6px}.ed-md .input{width:auto;min-width:64px}.collection-carousel .carousel-track:has(>:only-child){justify-content:center}.admin-areas{max-width:100%;overflow-x:auto;scrollbar-width:none}.admin-areas::-webkit-scrollbar{display:none}.admin-areas button{flex-shrink:0;white-space:nowrap}@media(max-width:560px){.ed-row{flex-wrap:wrap}.ed-row-text{flex:1 1 160px}.ed-row-actions{margin-left:auto}}.timeline{overflow-x:auto;padding-top:4px}.timeline-inner{position:relative;display:grid;gap:6px;min-width:640px;padding-bottom:22px}.timeline-months{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:2px solid rgba(30,27,46,.15);font-family:var(--font-display);font-weight:700;font-size:.8rem;color:var(--ink-3);text-transform:uppercase}.timeline-months span{padding:0 0 4px 4px;border-left:1px dashed rgba(30,27,46,.15)}.timeline-row{position:relative;height:30px}.timeline-bar{position:absolute;top:0;bottom:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:10px;background:var(--c);font-size:.95rem;overflow:hidden}.timeline-bar.active{box-shadow:0 3px 0 var(--ink);animation:pad-bump .6s ease}.timeline-bar.empty{border-style:dashed;background:repeating-linear-gradient(45deg,var(--c),var(--c) 6px,#fff 6px,#fff 12px)}.timeline-today{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--accent);pointer-events:none}.timeline-today span{position:absolute;bottom:-2px;left:4px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700}.timeline-bar{padding:0;cursor:pointer;font:inherit;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.timeline-bar:hover,.timeline-bar.open{z-index:2;transform:translateY(-2px);box-shadow:0 4px 0 var(--ink)}.timeline-tip{position:fixed;z-index:200;padding:12px 14px;border:var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);transform:translate(-50%,-100%);pointer-events:none;animation:pop-in .15s ease}.timeline-tip.below{transform:translate(-50%)}.timeline-tip:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;border-right:var(--line);border-bottom:var(--line);background:#fff;transform:translate(-50%) rotate(45deg)}.timeline-tip.below:after{top:-9px;bottom:auto;transform:translate(-50%) rotate(225deg)}.timeline-tip-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.timeline-tip-emoji{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;border:2px solid var(--ink);border-radius:10px;background:var(--c)}.timeline-tip-dates{font-weight:700;font-size:.92rem}.owner-name{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none}a.owner-name:hover{text-decoration:underline}.user-badge{flex-shrink:0;vertical-align:-.2em;filter:drop-shadow(0 1px 0 rgba(30,27,46,.35))}.official-badge{display:inline-grid;place-items:center;width:17px;height:17px;border:2px solid var(--ink);border-radius:50%;background:var(--accent);color:#fff;font-size:.62rem;font-weight:900;line-height:1}.badge-official{background:var(--accent);color:#fff}.hero-band{position:relative;overflow:hidden}.explore.themed .hero-band{margin-bottom:8px;border-bottom:var(--line);background:color-mix(in srgb,var(--c) 38%,var(--paper))}.explore.themed .hero-band .floater{opacity:.28}.hero-ribbon{display:inline-block;margin-bottom:16px;padding:6px 16px;font-size:.95rem;letter-spacing:.05em;box-shadow:0 3px #00000040}.explore-hero{position:relative;z-index:1}.counter-block{display:grid;grid-template-columns:1.1fr auto 1fr;align-items:center;gap:20px clamp(20px,4vw,44px);margin-top:clamp(28px,4vw,44px);padding:clamp(20px,3.5vw,32px) clamp(20px,4vw,40px);border:var(--line);border-radius:calc(var(--radius) + 6px);background:#fff;box-shadow:var(--shadow)}.counter-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-family:var(--font-display);line-height:1}.count-up{display:inline-block;min-width:1.2ch;padding:0 .12em;text-align:center;font-size:clamp(3rem,8vw,5.2rem);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%)}.counter-unit{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700}.counter-line{margin:10px 0 0;font-family:var(--font-display);font-weight:600;font-size:1.2rem}.counter-pick{display:flex;flex-direction:column;align-items:center;gap:12px}.counter-pad{width:150px;transform:rotate(-3deg)}.counter-side .counter-line{margin-top:0}.counter-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.counter-stats span{padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font-size:.9rem}.signup-steps{margin-top:clamp(48px,7vw,80px);padding:clamp(24px,4vw,44px);border:var(--line);border-radius:calc(var(--radius) + 8px);background:var(--mint);box-shadow:var(--shadow)}.signup-steps-head{max-width:640px;margin:0 auto 28px;text-align:center}.signup-steps-head h2{font-size:clamp(2rem,4.6vw,3rem);font-weight:700}.signup-steps-head p{margin:12px 0 0;font-size:1.1rem;font-weight:600}.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,32px);margin:0;padding:0;list-style:none;counter-reset:none}.steps:before{content:"";position:absolute;top:58px;left:16%;right:16%;border-top:4px dashed var(--ink);opacity:.35}.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px 20px;border:var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);text-align:center}.step-num{position:absolute;top:-16px;left:-10px;display:grid;place-items:center;width:38px;height:38px;border:var(--line);border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.2rem;transform:rotate(-8deg)}.step-art{display:grid;place-items:center;width:76px;height:76px;border:var(--line);border-radius:22px;background:var(--c);box-shadow:var(--shadow-sm);font-size:2.3rem;animation:step-hop 3.6s ease-in-out infinite;animation-delay:calc((var(--i) - 1) * .6s)}@keyframes step-hop{0%,30%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-12px) rotate(-6deg)}20%{transform:translateY(0) rotate(3deg)}}.step h3{font-size:1.3rem}.step p{margin:0;color:var(--ink-2);font-size:.95rem}.step-time{margin-top:auto;padding:3px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-family:var(--font-display);font-weight:700;font-size:.85rem}.signup-steps-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:28px}.signup-steps-cta .muted{color:var(--ink);font-weight:600}.home-features{margin-top:32px;padding-top:24px;border-top:2px dashed rgba(30,27,46,.3)}.home-features h3{margin-bottom:14px;text-align:center;font-size:1.25rem}.home-features-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.home-feature{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:2px solid var(--ink);border-radius:16px;background:#fff}.home-feature>span:last-child{display:flex;flex-direction:column;gap:2px;font-size:.88rem;color:var(--ink-2)}.home-feature strong{color:var(--ink);font-size:.95rem}.home-feature-icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;border:2px solid var(--ink);border-radius:12px;background:var(--c);font-size:1.2rem}.create-strip{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(40px,6vw,64px);padding:18px 22px;border:var(--line);border-radius:var(--radius);background:var(--yellow);box-shadow:var(--shadow);text-decoration:none;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.create-strip:hover{transform:translateY(-3px) rotate(-.3deg)}.create-strip-pads{display:flex}.create-strip-pads span{display:grid;place-items:center;width:50px;height:50px;border:var(--line);border-radius:16px;background:var(--c);font-size:1.5rem}.create-strip-pads span:first-child{transform:rotate(-8deg)}.create-strip-pads span+span{margin-left:-10px;transform:rotate(6deg)}.create-strip-text{flex:1;min-width:200px;font-family:var(--font-display);font-weight:700;font-size:1.2rem}.home-footer-line{margin:36px 0 0;text-align:center;color:var(--ink-3);font-weight:600}.collection-carousel .carousel-track{grid-auto-columns:min(100%,400px)}@media(max-width:860px){.counter-block{grid-template-columns:1fr;text-align:center}.counter-number,.counter-stats{justify-content:center}.steps{grid-template-columns:1fr;gap:26px}.steps:before{inset:30px auto 30px 50%;border-top:0;border-left:4px dashed var(--ink)}.step{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"art title" "art text" "art time";align-items:center;column-gap:16px;row-gap:4px;text-align:left}.step-art{grid-area:art;width:64px;height:64px;font-size:2rem}.step h3{grid-area:title}.step p{grid-area:text}.step-time{grid-area:time;justify-self:start;margin-top:6px}}@media(prefers-reduced-motion:reduce){.step-art{animation:none}}.profile-head{display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;margin-top:8px}.profile-avatar{display:grid;flex-shrink:0;place-items:center;width:clamp(96px,18vw,140px);height:clamp(96px,18vw,140px);overflow:hidden;border:var(--line);border-radius:50%;background:var(--c);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,7vw,4.2rem);transform:rotate(-5deg)}.profile-avatar .logo-mark{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.profile-id{flex:1;min-width:240px}.profile-id h1{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}.profile-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;color:var(--ink-2);font-weight:600}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 5px 8px;border:2px solid var(--ink);border-radius:999px;background:#fff;box-shadow:0 3px 0 var(--ink);font-family:var(--font-display);font-weight:700;font-size:.95rem}.badge-pill-founder{background:#fff3c4}.badge-pill-editor{background:#ffe0ee}.badge-pill-beta{background:#ece6ff}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.profile-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;border:var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);border-top:10px solid var(--c)}.profile-stat-emoji{font-size:1.4rem}.profile-stat .count-up{padding:0;font-size:clamp(2rem,5vw,2.8rem);background:none;text-align:left}.profile-stat-label{color:var(--ink-2);font-weight:600;font-size:.92rem}.profile-grid{display:grid;grid-template-columns:minmax(240px,.8fr) 2fr;gap:20px;margin-top:24px;align-items:stretch}.profile-grid>:only-child{grid-column:1 / -1}.profile-card{padding:20px 22px;border:var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.profile-card h2{font-size:1.35rem}.profile-top{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--yellow)}.profile-top-pad{width:min(100%,200px);transform:rotate(-2deg)}.profile-top-board{font-weight:700;text-decoration:none}.profile-top-board:hover{text-decoration:underline}.achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}.achievement{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border:2px dashed rgba(30,27,46,.25);border-radius:16px;text-align:center;color:var(--ink-3)}.achievement span:last-child{font-size:.8rem;line-height:1.3}.achievement-emoji{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#eee7da;font-size:1.6rem;filter:grayscale(1);opacity:.6}.achievement.earned{border:2px solid var(--ink);background:#fffaf0;color:var(--ink);box-shadow:0 3px 0 var(--ink)}.achievement.earned .achievement-emoji{border:2px solid var(--ink);background:var(--yellow);filter:none;opacity:1;animation:pad-bump .5s ease}.profile-boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}.badge-select{padding:2px 6px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:inherit;font-size:.8rem;font-weight:700}@media(max-width:860px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}.replace-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:2px dashed var(--ink);border-radius:14px;background:#ffe0ee;font-weight:600;line-height:1.4}.replace-notice>span:first-child{font-size:1.3rem}.replace-link{font-weight:700;color:var(--accent)}