*{box-sizing:border-box}:root{--bg:#ffffff;--bg-canvas:#fafafa;--bg-chip:#ffffff;--bg-modal:#ffffff;--text:#111111;--text-dim:#666666;--text-soft:#333333;--border:#dddddd;--border-chip:#cccccc;--border-soft:#eeeeee;--accent-bg:#111111;--accent-text:#ffffff;--backdrop:rgba(0,0,0,0.4)}:root[data-theme=dark]{--bg:#16181d;--bg-canvas:#1d2026;--bg-chip:#262a31;--bg-modal:#21242b;--text:#e8eaed;--text-dim:#9aa0a6;--text-soft:#c6cad1;--border:#33373f;--border-chip:#3d424b;--border-soft:#2a2e35;--accent-bg:#e8eaed;--accent-text:#16181d;--backdrop:rgba(0,0,0,0.6)}body,html{margin:0;padding:0;height:100%;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.brand{font-size:1.1rem;margin:0}.count{color:var(--text-dim);font-size:.9rem}.count-firsts{color:#ffcf4d}.btn{margin-left:auto;padding:.4rem .8rem;cursor:pointer;background:var(--bg-chip);color:var(--text);border:1px solid var(--border-chip);border-radius:6px}.body{display:flex;flex:1 1;min-height:0}.canvas{position:relative;flex:1 1;overflow:hidden;background-color:#0a0d1a;background-image:radial-gradient(1100px 700px at 15% 10%,rgba(126,76,255,.42),transparent 62%),radial-gradient(900px 620px at 85% 88%,rgba(255,94,120,.3),transparent 64%),radial-gradient(820px 820px at 70% 28%,rgba(38,128,255,.34),transparent 66%),radial-gradient(700px 520px at 40% 75%,rgba(0,208,190,.22),transparent 68%),radial-gradient(1400px 900px at 50% 50%,rgba(10,6,30,.55),transparent 70%)}:root:not([data-theme=dark]) .canvas{background-color:#121732}.canvas:before{inset:-60px;background-image:radial-gradient(1.6px 1.6px at 8% 18%,#ffffff,transparent),radial-gradient(1.2px 1.2px at 22% 62%,rgba(255,255,255,.95),transparent),radial-gradient(1.8px 1.8px at 35% 30%,#ffffff,transparent),radial-gradient(1.2px 1.2px at 47% 78%,rgba(210,230,255,.9),transparent),radial-gradient(2.4px 2.4px at 58% 22%,#ffffff,transparent),radial-gradient(1.3px 1.3px at 66% 55%,rgba(255,240,220,.95),transparent),radial-gradient(1.5px 1.5px at 74% 84%,#ffffff,transparent),radial-gradient(1.9px 1.9px at 83% 38%,rgba(220,235,255,.95),transparent),radial-gradient(2.2px 2.2px at 91% 68%,#ffffff,transparent),radial-gradient(1.4px 1.4px at 14% 90%,rgba(255,255,255,.9),transparent),radial-gradient(1.1px 1.1px at 29% 44%,rgba(255,255,255,.8),transparent),radial-gradient(1.1px 1.1px at 53% 8%,rgba(255,255,255,.85),transparent),radial-gradient(1.6px 1.6px at 61% 92%,rgba(255,255,255,.8),transparent),radial-gradient(1.2px 1.2px at 78% 14%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 95% 47%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 5% 55%,rgba(255,255,255,.7),transparent),radial-gradient(1.3px 1.3px at 44% 36%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 88% 80%,rgba(255,255,255,.7),transparent);opacity:.95;animation:starfield-drift 150s linear infinite alternate}.canvas:after,.canvas:before{content:"";position:absolute;pointer-events:none;z-index:0}.canvas:after{inset:0;background-image:radial-gradient(1px 1px at 12% 34%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 26% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 38% 66%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 51% 40%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 64% 74%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 71% 26%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 86% 58%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 97% 20%,rgba(255,255,255,.5),transparent),linear-gradient(102deg,transparent 38%,rgba(190,205,255,.1) 48%,rgba(255,225,235,.07) 54%,transparent 64%);animation:starfield-twinkle 7s ease-in-out infinite}@keyframes starfield-drift{0%{transform:translateZ(0)}to{transform:translate3d(-40px,26px,0)}}@keyframes starfield-twinkle{0%,to{opacity:.55}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.canvas:after,.canvas:before{animation:none}}.canvas>*{position:relative;z-index:1}.canvas-chip{translate:-50% -50%;position:absolute;touch-action:none;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:1.5rem;padding:.45rem .9rem;background:var(--bg-chip);color:var(--text);border:1px solid var(--border-chip);border-radius:999px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar{width:520px;max-width:45vw;flex:0 0 auto;border-left:1px solid var(--border);display:flex;flex-direction:column;padding:.75rem;gap:.5rem}.search{padding:.4rem .6rem;background:var(--bg-chip);color:var(--text);border:1px solid var(--border-chip);border-radius:6px}.sidebar-controls{display:flex;flex-direction:column;gap:.4rem}.sidebar-controls .search{width:100%}.sort-control{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-dim)}.sort-control-label{flex:0 0 auto}.sort-row{display:flex;align-items:center;gap:.35rem;max-width:50%}.sort-row .sort-control{flex:1 1;min-width:0}.sort-dir{flex:0 0 auto;width:22px;height:22px;padding:0;line-height:1;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-chip);color:var(--text-dim);border:1px solid var(--border-chip);border-radius:4px;cursor:pointer}.sort-dir:hover{color:var(--text);border-color:var(--text-dim)}.sort-select{flex:1 1;padding:.35rem .5rem;background:var(--bg-chip);color:var(--text);border:1px solid var(--border-chip);border-radius:6px;cursor:pointer;font-size:.85rem}.chip-list{display:flex;flex-wrap:wrap;gap:.4rem;overflow-y:auto;align-content:flex-start;align-items:flex-start;padding-top:7px;padding-right:5px}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--border-chip);border-radius:999px;background:var(--bg-chip);color:var(--text);cursor:pointer;max-width:100%;min-width:0}.chip-emoji{flex:0 0 auto}.chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flair{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--accent-bg);color:var(--accent-text);padding:.6rem 1rem;border-radius:8px}.toolbar-right{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem}.toolbar .btn{margin-left:0}.icon-btn{font-size:1rem;padding:.35rem .5rem}.user-chip{display:inline-flex;align-items:center;gap:.4rem}.avatar{width:24px;height:24px;border-radius:50%}.user-name{font-size:.9rem;color:var(--text-soft)}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--bg-modal);color:var(--text);border-radius:10px;padding:1rem 1.25rem;width:min(420px,90vw);max-height:70vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:1.1rem}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.tab{flex:1 1 auto;white-space:nowrap;text-align:center;padding:.35rem .7rem;border:1px solid var(--border-chip);border-radius:999px;background:var(--bg-chip);color:var(--text);cursor:pointer}.tab.active{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-bg)}.lb-list{list-style:none;padding:0;margin:0}.lb-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem .4rem;border-bottom:1px solid var(--border-soft);border-radius:6px}.lb-rank{min-width:1.8rem;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-dim)}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.lb-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-soft);margin-left:auto}.lb-status{color:var(--text-dim)}.lb-me{background:var(--accent-bg);color:var(--accent-text)}.lb-me .lb-rank,.lb-me .lb-score{color:inherit}.lb-you{font-weight:700;opacity:.85}.lb-mine{margin-top:.5rem;border-top:2px dashed var(--border-soft);padding-top:.5rem}@keyframes chip-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.canvas-chip{animation:chip-pop .22s ease-out}.canvas>.canvas-notices{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;pointer-events:none;z-index:5;max-width:min(320px,70%)}.notice{background:var(--bg-modal);color:var(--text);border:1px solid var(--border-chip);border-radius:12px;padding:.55rem .9rem;font-size:.95rem;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.22);animation:notice-in .18s ease-out}@keyframes notice-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.flair-card{background:var(--bg-modal);color:var(--text);border:1px solid var(--border-chip);border-radius:16px;padding:.9rem 1.3rem;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.25);animation:discovery-pop 2.2s ease forwards}.flair-emoji{font-size:2rem;line-height:1.2;animation:discovery-spin .6s ease-out}.flair-title{font-weight:700;margin-top:.4rem}.flair-name{font-size:1.3rem;margin-top:.2rem}.flair-sub{font-size:.85rem;margin-top:.4rem;color:var(--text-soft)}.flair-card.world-first{border-color:#ffcf4d;box-shadow:0 0 0 2px rgba(255,207,77,.5),0 12px 48px rgba(255,175,40,.35);animation:discovery-pop 3.2s ease forwards}.flair-card.world-first .flair-title{background:linear-gradient(90deg,#ffd24d,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes discovery-pop{0%{transform:scale(.5);opacity:0}12%{transform:scale(1.08);opacity:1}18%{transform:scale(1)}80%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes discovery-spin{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:.5rem;gap:.5rem;margin-top:.75rem}.disc-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .3rem;border:1px solid var(--border-soft);border-radius:10px;text-align:center}.disc-emoji{font-size:1.6rem}.disc-name{font-size:.8rem;color:var(--text-soft)}.disc-badge{font-size:.65rem;margin-top:.15rem;color:#b8860b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.disc-badge-dim{color:var(--text-dim);font-weight:400}.disc-first{border-color:#ffcf4d;box-shadow:inset 0 0 0 1px rgba(255,207,77,.5)}.logo{display:inline-flex;align-items:center;gap:.5rem}.logo-mark{width:30px;height:30px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.logo-word{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.logo-word-accent{color:#c05621}.profile-btn{display:inline-flex;align-items:center;gap:.35rem}.profile-btn-avatar{font-size:1.1rem}.profile-btn-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-top{display:flex;align-items:center;gap:.8rem;margin:.75rem 0}.profile-avatar{font-size:2.6rem}.profile-current-name{font-weight:700;font-size:1.1rem;margin-bottom:.3rem}.field-label{display:block;font-size:.8rem;color:var(--text-dim);margin:.7rem 0 .3rem}.name-row{display:flex;gap:.4rem}.name-row .search{flex:1 1}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-gap:.3rem;gap:.3rem;max-height:180px;overflow-y:auto;padding:.2rem}.avatar-choice{font-size:1.3rem;padding:.3rem;border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-chip);cursor:pointer}.avatar-choice.selected{border-color:#7b5cff;box-shadow:0 0 0 2px rgba(123,92,255,.35)}.version-chip{display:inline-block;margin-top:1rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border-chip);background:var(--bg-chip);color:var(--text-soft);font-size:.8rem;cursor:pointer}.changelog{margin-top:.5rem}.back-btn{margin-bottom:.6rem}.cl-entry{margin-bottom:.9rem}.cl-head{display:flex;align-items:baseline;gap:.5rem}.cl-version{font-weight:700}.cl-date{font-size:.78rem;color:var(--text-dim)}.cl-list{margin:.3rem 0 0;padding-left:1.1rem}.cl-list li{font-size:.88rem;margin:.15rem 0;color:var(--text-soft)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;margin:.9rem 0 .6rem;padding:.6rem .9rem;background:#ffffff;color:#3c4043;border:1px solid #dadce0;border-radius:6px;font-size:.95rem;font-weight:500;letter-spacing:.01em;cursor:pointer}.auth-google-btn:hover:not(:disabled){background:#f7f8f8;box-shadow:0 1px 3px rgba(60,64,67,.28)}.auth-google-btn:disabled{opacity:.6;cursor:default}.auth-google-btn svg{width:18px;height:18px;flex:0 0 18px}.auth-divider{text-align:center;font-size:.78rem;color:var(--text-dim);margin:.6rem 0}.auth-input{display:block;width:100%;box-sizing:border-box}.auth-error{color:#e0554f;font-size:.85rem;margin-top:.5rem}.auth-submit-btn{margin:.8rem 0 .4rem}.auth-submit-btn,.auth-toggle-btn{display:block;width:100%;text-align:center}.auth-toggle-btn{margin:0 0 .6rem;background:transparent}.auth-note{font-size:.78rem;color:var(--text-dim);margin:.4rem 0}.locked-field{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.45rem .7rem;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:6px}.locked-note{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.auth-lede{font-size:.9rem;color:var(--text-soft);margin:0 0 .9rem;line-height:1.4}.auth-later-btn{display:block;width:100%;text-align:center}.save-confirm{color:var(--text-dim);font-size:.85rem;margin-left:.5rem}.confirm-note{margin:1rem 0 .7rem;font-size:.9rem;color:var(--text-soft);text-align:center}.confirm-row{display:flex;gap:.6rem;margin-bottom:.2rem}.confirm-row .btn{flex:1 1;margin-left:0;padding:.55rem .9rem;text-align:center}.confirm-row .btn+.btn{font-weight:600}.avatar-grid{margin-bottom:.2rem}.reset-btn{margin-left:.5rem}.confirm-box{margin-top:.6rem;padding:.6rem;border:1px solid var(--border-chip);border-radius:8px}.confirm-actions{display:flex;gap:.5rem;margin-top:.6rem}.canvas-chip:hover{border-color:#ffcf4d;box-shadow:0 0 0 2px rgba(255,207,77,.55)}.canvas-chip.pending:hover{box-shadow:0 0 0 2px rgba(255,207,77,.5),0 0 22px rgba(255,175,40,.45)}.canvas-chip.pending{cursor:progress;position:absolute;overflow:hidden;border-color:#ffcf4d;animation:chip-pop .22s ease-out,seeking-pulse 1.15s ease-in-out .22s infinite}.canvas-chip.pending:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,207,77,.38) 50%,transparent 70%);animation:seeking-sweep 1.15s linear infinite}.canvas-chip.pending:after{content:"✨";margin-left:.4rem;display:inline-block;animation:seeking-spin 1.6s linear infinite}@keyframes seeking-pulse{0%,to{box-shadow:0 0 0 1px rgba(255,207,77,.45),0 0 10px rgba(255,175,40,.25)}50%{box-shadow:0 0 0 2px rgba(255,207,77,.8),0 0 26px rgba(255,175,40,.55)}}@keyframes seeking-sweep{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes seeking-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(1turn) scale(1)}}@media (prefers-reduced-motion:reduce){.canvas-chip.pending,.canvas-chip.pending:after,.canvas-chip.pending:before{animation:none}.canvas-chip.pending{opacity:.7}}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);background:var(--accent-bg);color:var(--accent-text);padding:.5rem .9rem;border-radius:8px;z-index:40}.canvas>.wf{overflow:hidden;pointer-events:none;z-index:6}.canvas>.wf,.wf-flash{position:absolute;inset:0}.wf-flash{background:radial-gradient(circle at 50% 45%,rgba(255,207,77,.5),transparent 62%);animation:wf-flash .7s ease-out forwards}@keyframes wf-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.wf-backdrop{position:absolute;top:50%;left:50%;width:200vmax;height:200vmax;margin:-100vmax 0 0 -100vmax;animation:wf-fade 4.6s ease-out forwards}@keyframes wf-fade{0%{opacity:0}10%{opacity:1}78%{opacity:1}to{opacity:0}}.wf-bg-rays .wf-backdrop{background:repeating-conic-gradient(from 0deg,rgba(255,207,77,.16) 0deg 8deg,transparent 8deg 22deg);animation:wf-fade 4.6s ease-out forwards,wf-spin 9s linear infinite}.wf-bg-rainbow .wf-backdrop{background:conic-gradient(#ff7a3d,#ffcf4d,#4ade80,#5aa9ff,#c084fc,#ff7a3d);opacity:.18;animation:wf-fade 4.6s ease-out forwards,wf-spin 6s linear infinite}.wf-bg-vortex .wf-backdrop{background:repeating-radial-gradient(circle,rgba(90,169,255,.16) 0 18px,transparent 18px 46px);animation:wf-fade 4.6s ease-out forwards,wf-zoomloop 2.6s ease-out infinite}.wf-bg-flashbulbs .wf-backdrop{background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.35),transparent 22%),radial-gradient(circle at 75% 65%,rgba(255,255,255,.3),transparent 20%),radial-gradient(circle at 55% 20%,rgba(255,255,255,.28),transparent 18%);animation:wf-fade 4.6s ease-out forwards,wf-blink .42s steps(2) infinite}.wf-bg-stripes .wf-backdrop{background:repeating-linear-gradient(45deg,rgba(255,207,77,.16) 0 26px,transparent 26px 52px);animation:wf-fade 4.6s ease-out forwards,wf-slide 1.4s linear infinite}.wf-bg-sparkfield .wf-backdrop{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 70% 60%,#fff,transparent),radial-gradient(3px 3px at 45% 80%,#fff,transparent),radial-gradient(2px 2px at 85% 25%,#fff,transparent);opacity:.5;animation:wf-fade 4.6s ease-out forwards,wf-twinkle .9s ease-in-out infinite}.wf-bg-storm .wf-backdrop{background:linear-gradient(180deg,rgba(90,110,160,.35),transparent 60%);animation:wf-fade 4.6s ease-out forwards,wf-blink .7s steps(2) infinite}.wf-bg-aurora .wf-backdrop{background:linear-gradient(120deg,rgba(74,222,128,.22),rgba(90,169,255,.22) 40%,rgba(192,132,252,.22) 70%,transparent);animation:wf-fade 4.6s ease-out forwards,wf-slide 3.2s ease-in-out infinite alternate}@keyframes wf-spin{to{transform:rotate(1turn)}}@keyframes wf-zoomloop{0%{transform:scale(.35);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes wf-blink{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}@keyframes wf-slide{to{transform:translate(60px,60px)}}@keyframes wf-twinkle{0%,to{opacity:.25}50%{opacity:.7}}.wf-particles{position:absolute;inset:0}.wf-bit{position:absolute;opacity:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,.6,.5,1)}.wf-fall{top:-8%;animation-name:wfm-fall}.wf-rise{top:auto;bottom:-8%;animation-name:wfm-rise}.wf-burst{animation-name:wfm-burst;animation-timing-function:cubic-bezier(.1,.8,.3,1)}.wf-burst,.wf-spiral{top:50%;left:50%!important}.wf-spiral{animation-name:wfm-spiral}.wf-zigzag{top:-8%;animation-name:wfm-zigzag;animation-timing-function:linear}.wf-drift{animation-name:wfm-drift;animation-timing-function:ease-in-out}.wf-rain{top:-8%;animation-name:wfm-rain;animation-timing-function:linear}.wf-orbit{top:50%;left:50%!important;animation-name:wfm-orbit;animation-timing-function:linear}@keyframes wfm-fall{0%{opacity:0;transform:translate(0) rotate(0)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--dx),108vh) rotate(var(--spin))}}@keyframes wfm-rise{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(var(--dx),-108vh) rotate(var(--spin))}}@keyframes wfm-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}10%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx) * 4),calc(-50% + var(--dx) * 2)) scale(1.4) rotate(var(--spin))}}@keyframes wfm-spiral{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) translateX(0) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(760deg) translateX(46vmin) scale(1.2)}}@keyframes wfm-zigzag{0%{opacity:0;transform:translate(0)}8%{opacity:1}25%{transform:translate(60px,25vh)}50%{transform:translate(-60px,50vh)}75%{transform:translate(60px,75vh)}to{opacity:0;transform:translate(-30px,108vh)}}@keyframes wfm-drift{0%{opacity:0;transform:translate(0) scale(.7)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--dx),-18vh) scale(1.25) rotate(var(--spin))}}@keyframes wfm-rain{0%{opacity:0;transform:translate(0) rotate(18deg)}6%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(-14vw,112vh) rotate(18deg)}}@keyframes wfm-orbit{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) translateX(30vmin)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(2turn) translateX(30vmin)}}.wf-card{position:absolute;top:50%;left:50%;background:var(--bg-modal);color:var(--text);text-align:center;border:2px solid #ffcf4d;border-radius:20px;padding:1.4rem 2.2rem;box-shadow:0 0 0 4px rgba(255,207,77,.35),0 18px 60px rgba(255,175,40,.45)}.wf-card-pop{animation:wfc-pop 4.6s cubic-bezier(.2,1.4,.4,1) forwards}.wf-card-slam{animation:wfc-slam 4.6s cubic-bezier(.2,1.8,.3,1) forwards}.wf-card-flip{animation:wfc-flip 4.6s ease-out forwards}.wf-card-spin{animation:wfc-spin 4.6s cubic-bezier(.2,1.3,.4,1) forwards}.wf-card-bounce{animation:wfc-bounce 4.6s cubic-bezier(.28,1.6,.4,1) forwards}.wf-card-zoom{animation:wfc-zoom 4.6s cubic-bezier(.15,1.2,.3,1) forwards}@keyframes wfc-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}20%{transform:translate(-50%,-50%) scale(1)}88%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}@keyframes wfc-slam{0%{opacity:0;transform:translate(-50%,-160%) scale(2.2)}10%{opacity:1;transform:translate(-50%,-50%) scale(.9)}16%{transform:translate(-50%,-50%) scale(1.06)}22%{transform:translate(-50%,-50%) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}@keyframes wfc-flip{0%{opacity:0;transform:translate(-50%,-50%) rotateY(90deg) scale(.7)}14%{opacity:1;transform:translate(-50%,-50%) rotateY(0) scale(1.05)}22%{transform:translate(-50%,-50%) rotateY(0) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotateY(-60deg) scale(.9)}}@keyframes wfc-spin{0%{opacity:0;transform:translate(-50%,-50%) rotate(-540deg) scale(.2)}16%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1.08)}24%{transform:translate(-50%,-50%) rotate(0) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes wfc-bounce{0%{opacity:0;transform:translate(-50%,120%) scale(.8)}12%{opacity:1;transform:translate(-50%,-58%) scale(1.05)}20%{transform:translate(-50%,-46%) scale(.98)}28%{transform:translate(-50%,-50%) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-56%) scale(.94)}}@keyframes wfc-zoom{0%{opacity:0;transform:translate(-50%,-50%) scale(6)}14%{opacity:1;transform:translate(-50%,-50%) scale(.92)}22%{transform:translate(-50%,-50%) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.wf-emoji{font-size:4.2rem;line-height:1.1;animation:wf-bounce 1.1s ease-in-out infinite}@keyframes wf-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.08)}}.wf-title{margin-top:.4rem;font-weight:800;letter-spacing:.06em;font-size:1.1rem;background:linear-gradient(90deg,#ffcf4d,#ff7a3d,#ffcf4d);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wf-shine 2.2s linear infinite}@keyframes wf-shine{to{background-position:200%}}.wf-name{font-size:1.8rem;font-weight:700;margin-top:.25rem}.wf-variant{margin-top:.5rem;font-size:.72rem;letter-spacing:.14em;color:#ffcf4d;font-weight:700}.wf-sub{font-size:.85rem;color:var(--text-soft);margin-top:.3rem}@media (prefers-reduced-motion:reduce){.wf-backdrop,.wf-bit,.wf-emoji{animation:none}.wf-bit{display:none}.wf-card{animation:wf-fade 4.6s ease-out forwards}}.drag-preview{position:fixed;z-index:200;pointer-events:none;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;padding:.45rem .9rem;border-radius:999px;font-size:1.5rem;background:var(--bg-chip);color:var(--text);border:2px solid #ffcf4d;box-shadow:0 10px 26px rgba(0,0,0,.45)}.drag-preview-name{font-size:1rem}.canvas-chip.is-dragging{visibility:hidden}.canvas-chip.drop-target{border-color:#ffcf4d;box-shadow:0 0 0 3px rgba(255,207,77,.85),0 0 26px rgba(255,175,40,.6);scale:1.12;z-index:3}.layout.signing-out .body,.layout.signing-out .toolbar{animation:bye-dissolve 1.5s ease-in forwards;pointer-events:none}@keyframes bye-dissolve{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:.15;filter:blur(6px);transform:scale(.985)}}.farewell{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;animation:bye-veil 1.5s ease-out forwards}@keyframes bye-veil{0%{opacity:0}25%{opacity:1}to{opacity:1}}.farewell-card{text-align:center;color:var(--text);background:var(--bg-modal);border:1px solid var(--border-chip);border-radius:18px;padding:1.5rem 2.4rem;box-shadow:0 18px 50px rgba(0,0,0,.35);animation:bye-card 1.5s cubic-bezier(.2,.9,.3,1) forwards}@keyframes bye-card{0%{opacity:0;transform:translateY(14px) scale(.94)}22%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}.farewell-wave{font-size:3rem;line-height:1.1;animation:bye-wave 1.1s ease-in-out infinite;transform-origin:70% 70%}@keyframes bye-wave{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}.farewell-text{font-size:1.25rem;font-weight:700;margin-top:.5rem}.farewell-sub{font-size:.85rem;color:var(--text-soft);margin-top:.3rem}.modal-backdrop{animation:gate-in .32s ease-out}@keyframes gate-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.layout.signing-out .body,.layout.signing-out .toolbar{animation:none;opacity:.3}.farewell-card,.farewell-wave{animation:none}}.disc-replay{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.disc-replay:focus-visible,.disc-replay:hover{transform:translateY(-2px);box-shadow:0 0 0 2px rgba(255,207,77,.7);outline:none}.disc-replay:after{content:"▶ replay";display:block;font-size:.65rem;color:#ffcf4d;margin-top:.15rem}.theme-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:0}.theme-btn-hint{font-size:.72rem;color:var(--text-dim)}.wf-bg-grid .wf-backdrop{background:repeating-linear-gradient(0deg,rgba(90,169,255,.18) 0 2px,transparent 2px 40px),repeating-linear-gradient(90deg,rgba(90,169,255,.18) 0 2px,transparent 2px 40px);animation:wf-fade 4.6s ease-out forwards,wf-gridrush 1.8s linear infinite}.wf-bg-sunburst .wf-backdrop{background:repeating-conic-gradient(from 0deg,rgba(255,180,60,.22) 0deg 14deg,transparent 14deg 28deg);animation:wf-fade 4.6s ease-out forwards,wf-spin 14s linear infinite reverse}.wf-bg-bubbles .wf-backdrop{background:radial-gradient(circle at 20% 80%,rgba(120,220,255,.28) 0 40px,transparent 42px),radial-gradient(circle at 65% 30%,rgba(120,220,255,.22) 0 60px,transparent 62px),radial-gradient(circle at 85% 70%,rgba(120,220,255,.25) 0 30px,transparent 32px);animation:wf-fade 4.6s ease-out forwards,wf-zoomloop 3.4s ease-out infinite}.wf-bg-checker .wf-backdrop{background:repeating-conic-gradient(rgba(255,255,255,.14) 0 25%,transparent 0 50%) 0 0 /90px 90px;animation:wf-fade 4.6s ease-out forwards,wf-slide 1.1s steps(6) infinite}@keyframes wf-gridrush{0%{transform:perspective(400px) rotateX(58deg) translateY(0)}to{transform:perspective(400px) rotateX(58deg) translateY(40px)}}.wf-wobble{top:-8%;animation-name:wfm-wobble}.wf-beam{top:50%;left:50%!important;animation-name:wfm-beam;animation-timing-function:cubic-bezier(.2,.7,.3,1)}.wf-swarm{animation-name:wfm-swarm;animation-timing-function:ease-in-out}.wf-cascade{top:-8%;animation-name:wfm-cascade;animation-timing-function:cubic-bezier(.4,0,.7,1)}@keyframes wfm-wobble{0%{opacity:0;transform:translate(0) rotate(0)}8%{opacity:1}30%{transform:translate(calc(var(--dx) * .4),30vh) rotate(-18deg) scale(1.15)}60%{transform:translate(calc(var(--dx) * -.3),60vh) rotate(16deg) scale(.95)}85%{opacity:1}to{opacity:0;transform:translate(var(--dx),108vh) rotate(var(--spin))}}@keyframes wfm-beam{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.2) scaleX(1.6)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-120vh) scaleY(1.6) scaleX(.7)}}@keyframes wfm-swarm{0%{opacity:0;transform:translate(0) scale(.6)}12%{opacity:1}25%{transform:translate(calc(var(--dx) * .5),-8vh) scale(1.1)}50%{transform:translate(calc(var(--dx) * -.6),6vh) scale(.9)}75%{transform:translate(calc(var(--dx) * .35),-4vh) scale(1.05)}to{opacity:0;transform:translate(var(--dx),2vh) scale(.8) rotate(var(--spin))}}@keyframes wfm-cascade{0%{opacity:0;transform:translate(0) scale(.7)}6%{opacity:1}40%{transform:translate(calc(var(--dx) * .25),42vh) scale(1)}55%{transform:translate(calc(var(--dx) * .3),38vh) scale(1.15)}to{opacity:0;transform:translate(var(--dx),112vh) scale(.85)}}.wf-card-shake{animation:wfc-shake 4.6s ease-out forwards}.wf-card-drop{animation:wfc-drop 4.6s cubic-bezier(.3,1.5,.4,1) forwards}@keyframes wfc-shake{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}8%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}12%{transform:translate(-52%,-50%) scale(1) rotate(-3deg)}16%{transform:translate(-48%,-50%) rotate(3deg)}20%{transform:translate(-52%,-50%) rotate(-2deg)}24%{transform:translate(-50%,-50%) rotate(0deg)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}@keyframes wfc-drop{0%{opacity:0;transform:translate(-50%,-260%) scale(.9)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-44%) scale(.97)}26%{transform:translate(-50%,-50%) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-54%) scale(.95)}}.canvas>.canvas-actions{position:absolute;top:.75rem;right:.75rem;z-index:4;display:flex;align-items:center;gap:.4rem}.canvas-action{padding:.4rem .75rem;font-size:.85rem;cursor:pointer;line-height:1;background:var(--bg-chip);color:var(--text);border:1px solid var(--border-chip);border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.35)}.canvas-action:hover{border-color:#ffcf4d;color:#ffcf4d}.canvas>.canvas-notices{top:3.1rem}.recipe-list{list-style:none;padding:0;margin:.2rem 0 0;display:flex;flex-direction:column;gap:.4rem}.recipe-list li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem .6rem;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:8px}.recipe-part{display:inline-flex;align-items:center;gap:.3rem}.recipe-plus{color:var(--text-dim);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.canvas-action:disabled{opacity:.35;cursor:default}.chip-more{opacity:.7;font-style:italic}.crash{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:999;padding:24px}.crash-card{text-align:center;max-width:380px;display:grid;grid-gap:10px;gap:10px;justify-items:center}.crash-emoji{font-size:44px}.rail{display:flex;flex-direction:column;width:520px;max-width:45vw;flex:0 0 auto;min-height:0;border-left:1px solid var(--border)}.rail .sidebar{border-left:0;width:100%;max-width:none}.rail .chip-list,.rail .sidebar{flex:1 1 auto;min-height:0}.daily{gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.daily,.daily-goal{display:flex;flex-direction:column}.daily-goal{gap:2px;min-width:0}.daily-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.daily-item{font-weight:600;font-size:14px;line-height:1.35}.daily-goal.is-done .daily-item{opacity:.6;text-decoration:line-through}.daily-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.daily-streak{font-size:12px;color:var(--text-soft)}.daily-btn{font:inherit;font-size:12px;padding:3px 8px;border-radius:7px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}.daily-btn:hover:not(:disabled){background:rgba(127,127,160,.16)}.daily-btn:disabled{opacity:.4;cursor:default}.modal-wide{max-width:560px;width:100%}.badge-count{font-size:13px;opacity:.6;font-weight:500}.badge-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;max-height:60vh;overflow-y:auto}.badge{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--border);color:var(--text-dim)}.badge.is-earned{opacity:1;background:rgba(232,163,61,.1);border-color:rgba(232,163,61,.35)}.badge-emoji{font-size:22px;flex:none}.badge-text{display:flex;flex-direction:column;gap:1px;min-width:0}.badge-text strong{font-size:14px}.badge-text span{font-size:12px;color:var(--text-dim)}.badge-toast{position:fixed;left:50%;bottom:26px;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;border:1px solid rgba(232,163,61,.45);background:var(--bg-modal);color:inherit;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);cursor:pointer;font:inherit;z-index:60;animation:badge-in .35s ease-out;transition:opacity .4s ease,translate .4s ease}.badge-toast.is-leaving{opacity:0;translate:-50% 12px;pointer-events:none}.badge-toast span{display:flex;flex-direction:column;text-align:left}.badge-toast strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.badge-toast-emoji{font-size:26px}@keyframes badge-in{0%{opacity:0;translate:-50% 14px}to{opacity:1;translate:-50% 0}}.filter-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.filter-pill{font:inherit;font-size:13px;line-height:1;padding:5px 8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}.filter-pill:hover{background:rgba(127,127,160,.16)}.filter-pill.is-on{background:rgba(232,163,61,.18);border-color:rgba(232,163,61,.5)}.cat-select{flex:1 1;min-width:0}.chip{position:relative}.chip.is-fav{border-color:rgba(232,163,61,.5)}.chip-pin{position:absolute;top:-5px;right:-4px;font-size:10px}.chip.is-new:after{content:"";position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:50%;background:#5ec8a0}.modal-head-actions{display:flex;gap:4px;align-items:center}.canvas-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:4px;gap:4px;text-align:center;pointer-events:none;padding:20px}.canvas-empty-title{font-size:17px;font-weight:600;margin:0}.canvas-empty-sub{font-size:13px;margin:0;max-width:30ch;color:var(--text-dim)}.canvas-full{position:absolute;top:12px;left:50%;translate:-50% 0;font-size:12px;padding:5px 11px;border-radius:8px;background:rgba(224,104,94,.16);border:1px solid rgba(224,104,94,.4);z-index:6}.chip-spinner{display:inline-block;width:9px;height:9px;margin-left:6px;border-radius:50%;border:2px solid;border-right:2px solid transparent;vertical-align:-1px;animation:chip-spin .7s linear infinite}@keyframes chip-spin{to{rotate:1turn}}.canvas-chip{animation:chip-land .22s cubic-bezier(.2,.9,.3,1.3)}@keyframes chip-land{0%{opacity:0;scale:.78}to{opacity:1;scale:1}}.canvas-chip.is-dragging{animation:none}.canvas,.canvas-chip,.chip{touch-action:none}.sidebar .chip-list{touch-action:pan-y}.chip.is-new{animation:chip-arrive .3s ease-out}@keyframes chip-arrive{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}.coach{position:absolute;bottom:18px;left:50%;translate:-50% 0;max-width:min(420px,calc(100% - 32px));display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:11px;background:var(--bg-modal);border:1px solid var(--border);font-size:13px;z-index:7;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}.coach button{font:inherit;font-size:12px;background:none;border:0;color:var(--text-dim);cursor:pointer;text-decoration:underline}.chip.is-selected{outline:2px solid var(--accent-bg);outline-offset:1px}:focus-visible{outline:2px solid var(--accent-bg);outline-offset:2px;border-radius:4px}.tree-toggle{font:inherit;font-size:13px;background:none;border:0;color:var(--text-dim);cursor:pointer;text-align:left;padding:4px 0}.tree-toggle:hover{color:var(--text)}.tree{max-height:40vh;overflow:auto;font-size:13px;padding:4px 0}.tree-item{display:inline-block;padding:2px 0}.tree-kids{margin-left:10px;padding-left:10px;border-left:1px solid var(--border)}.daily-session{font-size:11px;color:var(--text-dim)}.daily-session strong{color:var(--text)}.select-box{position:absolute;border:1px dashed var(--accent-bg);background:rgba(127,127,160,.12);border-radius:4px;pointer-events:none;z-index:5}.select-hint{position:absolute;bottom:14px;left:14px;font-size:12px;padding:4px 10px;border-radius:8px;background:var(--bg-modal);border:1px solid var(--border);z-index:6}.canvas-chip.is-selected{outline:2px solid var(--accent-bg);outline-offset:1px}.canvas-action.is-on{background:rgba(232,163,61,.18);border-color:rgba(232,163,61,.5)}.flair-sparks{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.flair-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;rotate:var(--a);animation:spark-out .62s ease-out forwards}@keyframes spark-out{0%{translate:0 0;opacity:1;scale:1}to{translate:0 -62px;opacity:0;scale:.4}}.sidebar{position:relative}.sidebar.drop-to-remove{outline:2px dashed rgba(224,104,94,.6);outline-offset:-3px;background:rgba(224,104,94,.06)}.drop-hint{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:12;padding:8px 14px;border-radius:10px;background:var(--bg-modal);border:1px solid rgba(224,104,94,.5);font-size:13px;pointer-events:none;white-space:nowrap}.chip.is-world-first{border-color:#e8813d;box-shadow:0 0 0 1px rgba(232,129,61,.35)}.chip.is-world-first.is-fav{border-color:#e8813d}.splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);transition:opacity .4s ease,visibility .4s}.splash.is-done{opacity:0;visibility:hidden}.splash-inner{display:grid;justify-items:center;grid-gap:14px;gap:14px}.splash-mark{width:88px;height:88px;animation:splash-pop .55s cubic-bezier(.2,.9,.3,1.35) both}@keyframes splash-pop{0%{opacity:0;scale:.55;rotate:-12deg}to{opacity:1;scale:1;rotate:0deg}}.splash-w{stroke-dasharray:150;stroke-dashoffset:150;animation:splash-draw .75s ease-out .18s forwards}@keyframes splash-draw{to{stroke-dashoffset:0}}.splash-spark{transform-origin:50px 14px;animation:splash-twinkle .5s ease-out .85s both}@keyframes splash-twinkle{0%{opacity:0;scale:0;rotate:-90deg}60%{opacity:1;scale:1.35}to{opacity:1;scale:1;rotate:0deg}}.splash-word{display:flex;gap:.28em;font-size:25px;font-weight:800;letter-spacing:-.02em}.splash-w1,.splash-w2{animation:splash-rise .45s both}.splash-w1{animation-delay:.5s}.splash-w2{color:#c05621;animation-delay:.62s}@keyframes splash-rise{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.splash-mark,.splash-spark,.splash-w,.splash-w1,.splash-w2{animation:none}.splash-w{stroke-dashoffset:0}}.hint-reveal{margin:0;font-size:13px;padding:9px 11px;border-radius:9px;border:1px solid rgba(232,163,61,.45);background:rgba(232,163,61,.12)}.canvas-chip.is-world-first{border-color:#e8813d;box-shadow:0 0 0 1px rgba(232,129,61,.4)}.canvas-chip.is-world-first.drop-target{border-color:#ffcf4d;box-shadow:0 0 0 3px rgba(255,207,77,.85),0 0 26px rgba(255,175,40,.6)}.quest-bar{height:5px;background:rgba(127,127,160,.22);overflow:hidden;margin-top:5px}.quest-bar,.quest-bar>span{display:block;border-radius:99px}.quest-bar>span{height:100%;background:#e8a33d;transition:width .35s ease}.daily-goal.is-done .quest-bar>span{background:#5ec8a0}.quest-count{font-size:11px;color:var(--text-dim);margin-top:2px}