:root{--bg: #f3f1ec;--ink: #141414;--ink-2: #55524c;--muted: #8f8b83;--wash: rgba(20, 20, 20, .045);--danger: #8f1d1d;--rail: #141414;--rail-w: 40px;--ease: cubic-bezier(.22, .7, .18, 1);--font: "Helvetica Neue", Helvetica, Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;cursor:default}.layer{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform,opacity}.w-screen{z-index:30}.node{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform}.pn{padding:0;margin:0;border:0;border-radius:50%;background:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.pn:focus-visible{outline:1.5px solid rgba(20,20,20,.5);outline-offset:-4px}.pn-hover,.pn-float{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.pn-hover{transition:transform .21s var(--ease)}.pn-float{animation:drift var(--fd, 8s) ease-in-out var(--fdl, 0s) infinite alternate}@keyframes drift{0%{transform:translate3d(calc(var(--fx) * -1),calc(var(--fy) * -1),0)}to{transform:translate3d(var(--fx),var(--fy),0)}}.pn img{position:absolute;left:8%;top:8%;width:84%;height:84%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 9px rgba(40,30,15,.075))}@media (hover: hover){#stage:not(.arranging):not(.dragging):not(.has-auth):not(.sharing) .pn:hover .pn-hover{transform:scale(1.06)}}.pn.focused .pn-hover{transform:none!important}.pn.focused img{filter:drop-shadow(0 10px 18px rgba(40,30,15,.12))}.arranging .pn,.sharing .pn,.has-auth .pn{cursor:default}.can-drag.in-detail .w-detail .pn,.can-drag.in-cdetail .w-detail .pn,.can-drag.in-explore .w-explore .pn{cursor:grab}.dragging,.dragging *{cursor:grabbing!important}.pn.lifted img{filter:drop-shadow(0 16px 24px rgba(40,30,15,.16))}.pn.lifted .pn-float{animation-play-state:paused}.pn.swap-target .pn-hover{transform:scale(.94);opacity:.72;transition:transform .18s var(--ease),opacity .18s var(--ease)}.sn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;pointer-events:auto}.sn-brand,.sn-hint{border-radius:0}.i-brand{font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--ink-2);margin-bottom:6px;max-width:84%;text-wrap:balance}.i-name{font-size:13px;line-height:1.28;letter-spacing:-.003em;max-width:86%;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.i-price{display:flex;align-items:baseline;justify-content:center;gap:7px}.i-now{font-size:20px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.i-was{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.i-color{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;font-size:12px;color:var(--ink-2);max-width:84%}.i-colorname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.i-swatch{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0000001f}.i-rating{display:block;margin-top:5px}.i-score{font-size:17px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.i-count{display:block;margin-top:3px;font-size:11.5px;font-weight:400;letter-spacing:.01em;color:var(--ink-2);font-variant-numeric:tabular-nums}.stars{display:flex;justify-content:center;gap:2px}.star{position:relative;width:11px;height:11px;flex:none}.star svg{position:absolute;left:0;top:0;width:11px;height:11px;fill:none;stroke:var(--ink);stroke-width:.9;stroke-linejoin:round}.star-fill{position:absolute;left:0;top:0;height:11px;overflow:hidden}.star-fill svg{fill:var(--ink)}.rv .act-label,.rv-link .act-label{display:block}.rv-where{display:block;margin-top:5px;font-size:11.5px;font-weight:400;letter-spacing:.01em;color:var(--muted)}.rv-link:hover .rv-where{color:var(--ink-2)}.i-text{font-size:11.5px;line-height:1.38;color:var(--ink-2);max-width:82%;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tone-caption .i-text{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:100%}.tone-heading .i-text{font-size:calc(var(--S, 180px) * .12);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);max-width:100%;-webkit-line-clamp:1}.tone-name .i-text{font-size:calc(var(--S, 180px) * .13 * var(--txt, 1));font-weight:500;letter-spacing:-.01em;color:var(--ink);max-width:100%;-webkit-line-clamp:1}.tone-creator .i-text{font-size:calc(var(--S, 180px) * .068);font-weight:500;letter-spacing:.04em;color:var(--muted);max-width:100%;-webkit-line-clamp:1}.tone-display .i-text{font-size:calc(15px * var(--txt, 1));font-weight:700;letter-spacing:.32em;color:var(--ink);max-width:100%;-webkit-line-clamp:1}.tone-sub .i-text{font-size:calc(13px * var(--txt, 1));color:var(--muted);letter-spacing:.01em;max-width:100%;-webkit-line-clamp:1}.w-community .sn-text{pointer-events:none}.tone-meta .i-text{font-size:calc(10.5px * var(--txt, 1));font-weight:600;letter-spacing:.18em;color:var(--muted);max-width:100%;-webkit-line-clamp:1}.w-screen .tone-meta{pointer-events:none}.w-screen .tone-meta .i-text{font-weight:700;letter-spacing:.3em;color:var(--ink)}.act{position:relative;width:100%;height:100%;border:0;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font:inherit;font-size:calc(11px * var(--txt, 1));font-weight:600;letter-spacing:.14em;line-height:1.45;cursor:pointer;background:none;color:var(--ink);transition:transform .2s var(--ease),color .2s var(--ease),background-color .2s var(--ease);-webkit-tap-highlight-color:transparent}.act:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(closest-side,var(--wash),rgba(20,20,20,0));opacity:0;transition:opacity .22s var(--ease)}.act-label{position:relative;max-width:86%;white-space:pre-line;text-wrap:balance;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.act:hover{transform:scale(1.06)}.act:hover:before{opacity:1}.act:active{transform:scale(.97)}.act:focus-visible{outline:1.5px solid rgba(20,20,20,.45);outline-offset:-8px}.act-primary{font-weight:700}.act-plain{color:var(--ink)}.act-quiet{color:var(--muted)}.act-quiet:hover{color:var(--ink-2)}.act-danger{color:var(--danger);font-weight:700}.act-inert{cursor:default}.act-inert:hover{transform:none}.act-inert:hover:before{opacity:0}.act-busy .act-label{animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.35}}.act-check,.act-arrow{letter-spacing:0;white-space:nowrap}.sn.pulse .act{animation:pulse .52s var(--ease)}@keyframes pulse{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}.sn.morph>*{animation:morph .26s var(--ease)}@keyframes morph{0%{opacity:.2;transform:scale(.96)}to{opacity:1;transform:none}}.pick{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pick-name{flex:none;width:72%;height:72%}.pick-arrow{flex:none;width:22px;height:40px;font:inherit;font-size:19px;line-height:1;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;transition:color .16s var(--ease),transform .16s var(--ease)}.pick-arrow:hover{color:var(--ink)}.pick-prev:hover{transform:translate(-2px)}.pick-next:hover{transform:translate(2px)}.inp{width:78%;display:flex;align-items:center;gap:4px;padding-bottom:5px;background:linear-gradient(var(--ink),var(--ink)) bottom / 100% 1px no-repeat}.inp input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:calc(13px * var(--txt, 1));text-align:center;color:var(--ink);user-select:text;-webkit-user-select:text}.inp input::placeholder{color:var(--muted)}.inp input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.inp input[type=search]::-webkit-search-cancel-button,.inp input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}.inp-enter{font-size:13px;color:var(--muted)}.inp.shake{animation:shake .3s var(--ease)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sn-label{border-radius:0;align-items:flex-start;text-align:left;pointer-events:none}.sn-label{text-shadow:0 0 6px var(--bg, #f2f0eb),0 0 14px var(--bg, #f2f0eb)}.tl-row{display:flex;align-items:center;gap:8px;max-width:100%}.tl-status,.cn-status{display:inline-flex;flex:none}.tl-status svg,.cn-status svg,.tl-home svg{width:13px;height:13px;fill:none;stroke:var(--muted);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.cn-status svg{width:calc(12px * var(--txt, 1));height:calc(12px * var(--txt, 1))}.tl-home{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:2px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;animation:morph .26s var(--ease);transition:transform .16s var(--ease)}.tl-home svg{width:15px;height:15px;stroke:var(--ink);stroke-width:1.4}.tl-home:hover{transform:scale(1.15)}.tl-title{font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-by{margin-top:4px;font-size:12px;color:var(--muted);white-space:nowrap}.blabel{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--ink);white-space:nowrap;transform:scale(var(--label-scale, 1))}.slot-hint{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(closest-side,#14141412,#14141400)}.avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar img{width:78%;height:78%;border-radius:50%;object-fit:cover}.avatar-initial{width:78%;height:78%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1414140d;font-size:calc(var(--S, 180px) * .36);font-weight:300;color:var(--ink-2);line-height:1}.preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview img,.preview video{max-width:100%;max-height:100%;object-fit:contain}.preview-wait{font-size:10.5px;font-weight:600;letter-spacing:.16em;color:var(--muted);animation:breathe 1.4s ease-in-out infinite}.cn{padding:0;border:0;border-radius:50%;background:none;font:inherit;color:inherit;cursor:pointer}.cn-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:50%;transition:transform .26s var(--ease)}.cn:hover .cn-inner{transform:scale(1.025)}.cn:focus-visible{outline:1.5px solid rgba(20,20,20,.45);outline-offset:-10px}.cn-head{position:absolute;left:14%;right:14%;top:9%;display:flex;justify-content:center;align-items:last baseline;gap:.5em}.cn-name{font-size:calc(18px * var(--txt, 1));font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center;text-wrap:balance;line-height:1.25}.cn-count{font-size:calc(13px * var(--txt, 1));color:var(--muted);font-variant-numeric:tabular-nums}.cn-item{position:absolute;display:block}.cn-item img{position:absolute;left:8%;top:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(40,30,15,.07))}.cn-community .cn-head{top:7%}.cn-community .cn-name{font-size:calc(14px * var(--txt, 1));letter-spacing:.1em}.cn-creator{position:absolute;left:18%;right:18%;bottom:8%;text-align:center;font-size:calc(12px * var(--txt, 1));color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-empty{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:calc(11px * var(--txt, 1));font-weight:600;letter-spacing:.16em;color:var(--muted)}.indicators{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.spectrum{position:absolute;height:5px;margin-top:-2.5px;border-radius:5px}.axis-line{position:absolute;height:1.5px;margin-top:-.75px;background:var(--ink);opacity:.5}.axis-label{position:absolute;transform:translate(-50%,-50%);font-size:12.5px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}#stage .rail{opacity:0;transition:opacity .5s .3s}#stage.ready .rail{opacity:1}@media (prefers-reduced-motion: reduce){.pn-float{animation:none}.pn-hover,.act,.act:before,.cn-inner,.rb,.rb-shape svg,.rb-icon{transition-duration:80ms}.sn.pulse .act,.sn.morph>*,.act-busy .act-label,.preview-wait{animation:none}}.rail{position:absolute;top:0;right:0;bottom:0;width:var(--rail-w);background:var(--rail);z-index:40}.rb{position:absolute;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:top .42s var(--ease),opacity .26s var(--ease),transform .2s var(--ease);-webkit-tap-highlight-color:transparent}.rb:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:-4px}.rb-shape svg{display:block;width:14px;height:14px;fill:transparent;stroke:#fff;stroke-width:1.25;stroke-linejoin:round;opacity:.5;transition:opacity .22s var(--ease),fill .22s var(--ease)}.rb-destination:hover .rb-shape svg{opacity:.88}.rb-destination.active .rb-shape svg{fill:#fff;opacity:1}.rb-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;opacity:.5;transition:opacity .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}.rb-tool:hover .rb-icon{opacity:.88}.rb-tool.active .rb-icon,.rb-delete.confirm .rb-icon{opacity:1;background:#fff;color:var(--rail)}.rb-tool.unavailable{cursor:default}.rb-tool.unavailable .rb-icon{opacity:.18}.rb-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.rb-brand .rb-icon svg circle{fill:currentColor;stroke:none}.ri-spectrum{width:11px;height:11px;border-radius:50%;background:conic-gradient(from 200deg,#c8202f,#d9922b,#e7d05a,#5f9a5a,#3f6fb0,#6d4c9a,#c8202f)}.ri-glyph{font-size:13px;font-weight:500;line-height:1}.rb-delete .rb-icon{opacity:.32}.rb.entering{opacity:0;transform:scale(.6);transition:none}.rb.leaving{opacity:0;transform:scale(.6);pointer-events:none}.rb:after{content:attr(data-tip);position:absolute;right:calc(100% + 6px);top:50%;transform:translate(4px,-50%);padding:6px 10px;border-radius:6px;background:var(--rail);color:#fff;font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s var(--ease),transform .14s var(--ease)}.rb:hover:after,.rb:focus-visible:after,.rb.confirm:after{opacity:1;transform:translateY(-50%)}.rb.leaving:after{opacity:0}.pn.bob{pointer-events:none}.pn.bob .pn-float{animation:bob var(--bd, 2s) ease-in-out var(--bdl, 0s) infinite alternate}@keyframes bob{0%{transform:translate3d(0,-6px,0)}to{transform:translate3d(0,6px,0)}}.tone-handle .i-text{font-size:calc(12.5px * var(--txt, 1));letter-spacing:.02em;color:var(--muted);max-width:100%;-webkit-line-clamp:1}.inp-label{font-size:10.5px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-bottom:12px}.inp-at{font-size:15px;color:var(--muted)}.sn-input .inp input{font-size:15px}.inp-note{margin-top:10px;font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--ink-2);max-width:80%}.sn-buttons{pointer-events:auto}.bt-icon svg{display:block;width:30px;height:30px;filter:drop-shadow(0 2px 3px rgba(120,85,10,.25))}.bt-count{margin-top:6px;font-size:19px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.bt-label{margin-top:2px;font-size:9.5px;font-weight:600;letter-spacing:.16em;color:var(--muted)}.coins{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.coin{position:absolute;left:0;top:0;width:16px;height:16px;will-change:transform,opacity}.coin svg{display:block;width:16px;height:16px;filter:drop-shadow(0 1px 2px rgba(90,60,5,.3))}.rb-profile.gain .rb-shape{animation:gain .52s var(--ease)}@keyframes gain{35%{transform:scale(1.35)}}.rb-gain{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:3px;background:#141414;color:#f2c75c;font-size:11.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;pointer-events:none;animation:gainTag 1.6s var(--ease) forwards}@keyframes gainTag{0%{opacity:0;transform:translate(6px,-50%)}15%,75%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce){.pn.bob .pn-float{animation:none}}.can-drag.in-library .w-library .cn,.can-drag.in-community .w-community .cn{cursor:grab}.cn.lifted .cn-inner{transform:scale(1.04)}.cn.swap-target .cn-inner{transform:scale(.95);opacity:.72;transition:transform .18s var(--ease),opacity .18s var(--ease)}.idn{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;border:0;border-radius:50%;background:none;font:inherit;color:var(--ink)}.idn-act{cursor:pointer;transition:transform .2s var(--ease)}.idn-act:hover{transform:scale(1.05)}.idn-avatar svg{display:block;stroke-width:.6;stroke-linejoin:round}.idn-large .idn-avatar svg{width:calc(var(--S, 180px) * .34);height:calc(var(--S, 180px) * .34)}.idn-small .idn-avatar svg{width:calc(var(--S, 180px) * .22);height:calc(var(--S, 180px) * .22)}.idn-name{font-size:13px;font-weight:600;letter-spacing:.04em;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idn-large .idn-name{font-size:calc(var(--S, 180px) * .1);font-weight:500;letter-spacing:-.005em}.idn-tag,.idn-hint{font-size:9.5px;font-weight:600;letter-spacing:.16em;color:var(--muted)}.shp{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .18s var(--ease)}.shp svg{width:38%;height:38%;stroke-width:.6;stroke-linejoin:round;opacity:.85}.shp:hover{transform:scale(1.1)}.shp-active svg{opacity:1;filter:drop-shadow(0 0 .5px var(--ink)) drop-shadow(0 3px 6px rgba(20,20,20,.18))}.tone-notice .i-text{font-size:13px;line-height:1.45;color:var(--ink);max-width:92%;-webkit-line-clamp:5}.cn-mini .cn-name{font-size:11px;letter-spacing:.1em}.cn-mini .cn-count{font-size:10px}.cn-mini .cn-head{top:4%}
