.avatar:has(>.avatar-frame){position:relative;overflow:visible}.avatar-frame{--frame-color:var(--frame-light);--frame2-color:var(--frame2-light);pointer-events:none;border-radius:30%;position:absolute;inset:-10%}html.vnlf-dark .avatar-frame,.app-shell.dark .avatar-frame{--frame-color:var(--frame-dark);--frame2-color:var(--frame2-dark)}.avatar-frame>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.avatar-frame[data-frame=ring]{border:3px solid var(--frame-color);inset:-5px}.avatar-frame[data-frame=ring-duo]{background:linear-gradient(135deg, var(--frame-color), var(--frame2-color));-webkit-mask-composite:xor;padding:3px;inset:-5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.avatar-frame[data-frame=neon]{border:2px solid var(--frame-color);box-shadow:0 0 8px var(--frame-color), inset 0 0 6px var(--frame-color);animation:3.6s ease-in-out infinite frame-breathe;inset:-4px}.avatar-frame[data-frame=terminal]{inset:-12% -8% -6%}.avatar-frame[data-frame=lotus]{inset:-14%}.avatar-frame[data-frame=streak-fire]{inset:-16%}.avatar-frame .flame{transform-box:fill-box;transform-origin:50% 100%;animation:1.4s ease-in-out infinite alternate frame-flicker}.avatar-frame .frame-spin{transform-origin:50%;animation:14s linear infinite frame-spin}.avatar-frame .frame-spin.slow{animation-duration:22s}@keyframes frame-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes frame-flicker{0%{transform:scaleY(.88)skew(-3deg)}to{transform:scaleY(1.08)skew(3deg)}}@keyframes frame-spin{to{transform:rotate(1turn)}}.user-name[data-effect] .user-name-text{--name-now:var(--name-light,var(--ink))}html.vnlf-dark .user-name[data-effect] .user-name-text,.app-shell.dark .user-name[data-effect] .user-name-text{--name-now:var(--name-dark,var(--ink))}.user-name[data-effect=glow] .user-name-text{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--name-now) 55%, transparent))}.user-name[data-effect=cursor] .user-name-text:after{content:"▋";color:var(--name-now);-webkit-text-fill-color:var(--name-now);margin-left:2px;font-weight:400}.user-name[data-effect=shine] .user-name-text{color:#0000;background-image:linear-gradient(110deg, var(--name-now) 0 42%, color-mix(in srgb, var(--name-now) 88%, #fff) 50%, var(--name-now) 58% 100%);background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text}.user-name[data-effect=rainbow] .user-name-text{color:#0000;background-image:linear-gradient(90deg,#c62828,#c2410c,#166534,#0369a1,#7e22ce,#c62828);background-size:300% 100%;-webkit-background-clip:text;background-clip:text}html.vnlf-dark .user-name[data-effect=rainbow] .user-name-text,.app-shell.dark .user-name[data-effect=rainbow] .user-name-text{background-image:linear-gradient(90deg,#ff8a80,#fdba74,#86efac,#7dd3fc,#d8b4fe,#ff8a80)}:is(.profile-info h2,.profile-card-name) .user-name[data-effect=cursor] .user-name-text:after{animation:1s step-end infinite name-cursor}:is(.profile-info h2,.profile-card-name) .user-name[data-effect=shine] .user-name-text{animation:4s linear infinite name-shine}:is(.profile-info h2,.profile-card-name) .user-name[data-effect=rainbow] .user-name-text{animation:6s linear infinite name-rainbow}.profile-info h2 .user-name[data-effect=glitch] .user-name-text{animation:4.5s step-end infinite name-glitch}.profile-info h2 .user-name[data-effect=typing] .user-name-text{animation:1.4s steps(14,end) both name-typing}@media (hover:hover){.user-name[data-effect=cursor]:hover .user-name-text:after{animation:1s step-end infinite name-cursor}.user-name[data-effect=shine]:hover .user-name-text{animation:4s linear infinite name-shine}.user-name[data-effect=rainbow]:hover .user-name-text{animation:6s linear infinite name-rainbow}}@keyframes name-cursor{50%{opacity:0}}@keyframes name-shine{0%{background-position:100% 0}to{background-position:-160% 0}}@keyframes name-rainbow{to{background-position:300% 0}}@keyframes name-glitch{0%,91%,97%,to{text-shadow:none;transform:none}92%{text-shadow:1.5px 0 #ff0050a6,-1.5px 0 #00c8ffa6;transform:translate(1px)}94%{text-shadow:-1.5px 0 #ff0050a6,1.5px 0 #00c8ffa6;transform:translate(-1px)}}@keyframes name-typing{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.user-name[data-plate]{background-color:var(--plate-light);border-radius:999px;padding:1px 8px}html.vnlf-dark .user-name[data-plate],.app-shell.dark .user-name[data-plate]{background-color:var(--plate-dark)}.user-name[data-plate=circuit]{background-image:linear-gradient(90deg,#0000 0 46%,#2ea05a38 46% 54%,#0000 54%),linear-gradient(0deg,#0000 0 46%,#2ea05a2e 46% 54%,#0000 54%);background-size:14px 8px,22px 10px}.user-name[data-plate=terminal]{background-image:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px)}.user-name[data-plate=terminal]:not([data-name]) .user-name-text,.user-name[data-plate=terminal]:not([data-name]){color:#d7f7dd}.user-name[data-plate=waves]{background-image:radial-gradient(circle at 50% 120%,#0000 6px,#0369a129 7px 8px,#0000 9px);background-size:16px 12px}.user-name[data-plate=starry]{background-image:radial-gradient(1px 1px at 20% 30%,#ffffff8c,#0000),radial-gradient(1px 1px at 70% 60%,#ffffff73,#0000),radial-gradient(1px 1px at 45% 80%,#ffe69680,#0000);background-size:30px 14px}html:not(.vnlf-dark) .app-shell:not(.dark) .user-name[data-plate=starry]{background-image:radial-gradient(1px 1px at 20% 30%,#4338ca73,#0000),radial-gradient(1px 1px at 70% 60%,#4338ca59,#0000)}.profile-music[data-skin=clear] .vinyl{background:radial-gradient(circle, transparent 0 30%, color-mix(in srgb, var(--skin-color,#0369a1) 45%, transparent) 31% 97%, #ffffff40 98%), repeating-radial-gradient(circle, #ffffff0f 0 1px, transparent 1px 3px);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.profile-music[data-skin=splatter] .vinyl{background:radial-gradient(circle at 30% 35%,#f59f00 0 8%,#0000 9%),radial-gradient(circle at 68% 30%,#e64980 0 6%,#0000 7%),radial-gradient(circle at 62% 72%,#15aabf 0 9%,#0000 10%),radial-gradient(circle at 25% 70%,#fff 0 4%,#0000 5%),repeating-radial-gradient(circle,#1a1a1a 0 .6px,#242424 .9px 1.6px),#111}.profile-music[data-skin=picture] .vinyl{background:var(--thumb,#333) center / cover}.profile-music[data-skin=picture] .vinyl-label{background:#111;inset:40%}.profile-music[data-skin=gold] .vinyl{background:repeating-radial-gradient(circle,#b8860b 0 .7px,#d4a017 1px 1.8px,#a87b06 2.1px 2.6px),#c9a227;box-shadow:0 0 0 1px #78500099,0 14px 28px -12px #78500099}.profile-music[data-skin=gold] .vinyl-sheen{background:conic-gradient(from 300deg, transparent 0 6%, #ffffff61 11%, transparent 18% 50%, #ffffff42 56%, transparent 63% 100%)}.profile-music[data-skin=cd] .vinyl{background:conic-gradient(#c3f0ff,#ffd6f5,#fff3bf,#d3f9d8,#d0bfff,#c3f0ff);box-shadow:0 0 0 1px #0003,0 12px 24px -12px #00000073}.profile-music[data-skin=cd] .vinyl-label{background:#ffffffbf;inset:36%}.profile-music[data-skin=wood] .music-disc:before{content:"";width:calc(var(--disc) + 16px);height:calc(var(--disc) + 16px);background:repeating-linear-gradient(95deg,#8b5a2b 0 6px,#7a4d22 6px 9px,#93633a 9px 15px);border-radius:12px;position:absolute;top:-8px;left:-8px;box-shadow:inset 0 0 0 2px #00000040}.music-cassette{align-items:center;display:grid}.music-cassette svg{width:calc(var(--disc) * 1.15);filter:drop-shadow(0 8px 14px #00000059);height:auto}.music-cassette .reel{animation:2.4s linear infinite paused vinyl-spin}.profile-music.is-playing .music-cassette .reel{animation-play-state:running}.profile-visits-skin{flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:8px;display:flex}.visit-label,.visit-hidden{color:var(--muted);font-size:13px}.flip-counter{gap:2px;display:inline-flex}.flip-digit{color:#f1f3f1;background:#1f2421;border-radius:4px;place-items:center;width:18px;height:24px;font:700 14px ui-monospace,monospace;display:inline-grid;position:relative}.flip-digit:after{content:"";background:#0000008c;height:1px;position:absolute;top:50%;left:0;right:0}.flip-sep{color:var(--muted);align-self:end}.led-counter{color:#ff4d4d;letter-spacing:2px;text-shadow:0 0 6px #ff4d4db3;background:#0c0e0d;border-radius:4px;padding:2px 8px;font:700 16px ui-monospace,monospace}.odometer{border:1px solid var(--line);background:var(--surface-soft);border-radius:4px;padding:1px 4px;font:700 15px ui-monospace,monospace;display:inline-flex}.odometer-digit{height:1.3em;line-height:1.3em;display:inline-block;overflow:hidden}.odometer-digit>span{transition:transform 1.2s cubic-bezier(.2,.8,.2,1);display:grid}.odometer-digit i{height:1.3em;font-style:normal}.web2000-counter{color:#ff0;background:navy;border:2px outset silver;align-items:center;gap:6px;padding:3px 8px;font:700 12px Courier New,monospace;display:inline-flex}.pixel-number{fill:#0f6;width:auto;height:14px}.chalk-counter{color:#f3f3ee;letter-spacing:1px;text-shadow:0 0 1px #fff;background:#2f4a3a;border:4px solid #8b5a2b;border-radius:4px;padding:2px 12px;font:700 17px Comic Sans MS,Chalkboard SE,cursive}.entrance-canvas{z-index:60;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.entrance-boot{z-index:60;pointer-events:none;background:#080a098c;place-items:center;animation:3s forwards boot-open;display:grid;position:fixed;inset:0}.entrance-boot>div{color:#d7dbd8;background:#0b0d0c;border-radius:10px;width:min(560px,100vw - 32px);padding:16px 18px;font:13px/1.7 ui-monospace,monospace;box-shadow:0 20px 50px #00000073}.entrance-boot p{opacity:0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;animation:.2s forwards boot-line}.entrance-boot p span{color:#2ecc71;font-weight:700}@keyframes boot-line{to{opacity:1}}@keyframes boot-open{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}.profile-pet{z-index:1;cursor:pointer;animation:26s linear infinite pet-walk;display:block;position:absolute;bottom:2px;left:8px}.profile-pet .pet-body{animation:.45s steps(2,end) infinite pet-bob;display:block}.profile-pet svg{filter:drop-shadow(0 1px #00000059);display:block}.profile-pet .pet-zzz{color:#fff;text-shadow:0 1px 2px #0009;opacity:0;font:700 11px ui-monospace,monospace;animation:26s linear infinite pet-zzz;position:absolute;top:-14px;left:70%}.profile-pet .pet-fixed{color:#2ecc71;font-weight:800;position:absolute;top:-16px;left:50%;translate:-50%}.profile-pet[data-pet=turtle],.profile-pet[data-pet=turtle] .pet-zzz{animation-duration:60s}.profile-pet[data-pet=crab] .pet-body{animation:.3s steps(2,end) infinite pet-bob}.profile-pet[data-react][data-pet=tux] .pet-body{animation:.35s ease-in-out 4 pet-wave}.profile-pet[data-react][data-pet=turtle] .pet-body{filter:brightness(.85);animation:none;transform:scale(.85,.8)}.profile-pet[data-react][data-pet=cat] .pet-body{transform-origin:bottom;animation:none;transform:scaleY(.75)}.profile-pet[data-react][data-pet=crab] .pet-body{animation:.35s ease-in-out 3 pet-hop}.profile-pet[data-paused],.profile-pet[data-paused] *{animation-play-state:paused!important}@keyframes pet-walk{0%{left:8px;transform:scaleX(1)}44%{left:calc(100% - 52px);transform:scaleX(1)}50%{left:calc(100% - 52px);transform:scaleX(-1)}94%{left:8px;transform:scaleX(-1)}to{left:8px;transform:scaleX(1)}}@keyframes pet-bob{50%{translate:0 -1px}}@keyframes pet-zzz{0%,44%,50%,to{opacity:0}46%,48%{opacity:1;translate:0 -4px}}@keyframes pet-wave{50%{rotate:-12deg}}@keyframes pet-hop{50%{translate:0 -8px}}.profile-backdrop[data-special] .special-layer{position:absolute;inset:0}.profile-backdrop[data-special=crt]{background:radial-gradient(#0b2a14 0%,#031008 75%)}.profile-backdrop[data-special=crt] .special-layer{background:repeating-linear-gradient(0deg,#39ff7a12 0 1px,#0000 1px 3px);animation:8s linear infinite crt-scan;box-shadow:inset 0 0 120px #39ff7a2e}.profile-backdrop[data-special=aurora]{background:linear-gradient(#071426 0%,#0b2140 100%)}.profile-backdrop[data-special=aurora] .special-layer{filter:blur(18px);background:radial-gradient(60% 40% at 30% 20%,#34d39973,#0000 70%),radial-gradient(50% 35% at 70% 25%,#38bdf866,#0000 70%),radial-gradient(40% 30% at 50% 40%,#a78bfa59,#0000 70%);animation:18s ease-in-out infinite alternate aurora-drift}.profile-backdrop[data-special=starry-sky],.profile-backdrop[data-special=noel]{background:linear-gradient(#050816 0%,#111a3a 100%)}.profile-backdrop[data-special=starry-sky] .special-layer,.profile-backdrop[data-special=noel] .special-layer{background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,#0000),radial-gradient(1px 1px at 30% 60%,#fff,#0000),radial-gradient(1.5px 1.5px at 55% 15%,#ffe8a3,#0000),radial-gradient(1px 1px at 75% 45%,#fff,#0000),radial-gradient(1.5px 1.5px at 90% 75%,#fff,#0000),radial-gradient(1px 1px at 42% 85%,#cfe3ff,#0000);background-size:260px 260px;animation:5s ease-in-out infinite alternate stars-twinkle}.profile-backdrop[data-special=hanoi-rain]{background:linear-gradient(#3b3355 0%,#e7a17a 78%,#2a2430 78.2%)}.profile-backdrop[data-special=hanoi-rain] .special-layer{background-image:repeating-linear-gradient(105deg,#ffffff29 0 1px,#0000 1px 14px),linear-gradient(0deg,#231d2b 0 16%,#0000 16%),radial-gradient(18px 26px at 12% 84%,#231d2b 98%,#0000),radial-gradient(26px 32px at 30% 82%,#231d2b 98%,#0000),radial-gradient(22px 20px at 58% 85%,#231d2b 98%,#0000),radial-gradient(30px 36px at 82% 80%,#231d2b 98%,#0000);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;animation:1.2s linear infinite rain-fall}.profile-backdrop[data-special=night-sea]{background:radial-gradient(60px 60px at 78% 18%,#fff7d6 30%,#fff7d626 60%,#0000 70%),linear-gradient(#0a1630 0%,#0d2147 55%,#071022 55.5%)}.profile-backdrop[data-special=night-sea] .special-layer{background:repeating-radial-gradient(at 50% 0,#78aaff2e 0 2px,#0000 2px 14px);animation:9s ease-in-out infinite alternate sea-roll;top:55%}.profile-backdrop[data-special=tet]{background:radial-gradient(circle at 20% 15%,#ffd43b 0 3px,#0000 4px),radial-gradient(circle at 80% 30%,#ffd43b 0 3px,#0000 4px),linear-gradient(#b0151e 0%,#7a0d14 100%)}.profile-backdrop[data-special=tet] .special-layer{background-image:radial-gradient(6px 6px at 15% 25%,#ffe066 60%,#0000 62%),radial-gradient(5px 5px at 65% 12%,#ffe066 60%,#0000 62%),radial-gradient(6px 6px at 85% 60%,#ffec99 60%,#0000 62%),radial-gradient(5px 5px at 35% 75%,#ffe066 60%,#0000 62%);background-size:320px 320px;animation:14s linear infinite petals-fall}.profile-backdrop[data-special=trungthu]{background:radial-gradient(70px 70px at 75% 20%,#ffe8a3 40%,#ffe8a333 62%,#0000 72%),linear-gradient(#1b1442 0%,#3a2a6b 100%)}.profile-backdrop[data-special=trungthu] .special-layer{background-image:radial-gradient(10px 13px at 15% 30%,#ff6b6b 70%,#0000 72%),radial-gradient(9px 12px at 32% 18%,#ffa94d 70%,#0000 72%),radial-gradient(10px 13px at 52% 35%,#ff6b6b 70%,#0000 72%);background-size:360px 300px;animation:10s ease-in-out infinite alternate lantern-float}.profile-backdrop[data-special=halloween]{background:radial-gradient(60px 60px at 80% 18%,#ffd8a8 35%,#0000 70%),linear-gradient(#1c0f2e 0%,#3d1a4f 70%,#ff7a18 140%)}.profile-backdrop[data-special=halloween] .special-layer{background-image:radial-gradient(4px 2px at 20% 30%,#111 90%,#0000),radial-gradient(4px 2px at 60% 22%,#111 90%,#0000),radial-gradient(4px 2px at 40% 45%,#111 90%,#0000);background-size:300px 260px;animation:12s linear infinite bats-fly}.profile-backdrop[data-special=noel] .special-layer{background-image:radial-gradient(2px 2px at 10% 10%,#fff,#0000),radial-gradient(2px 2px at 40% 40%,#fff,#0000),radial-gradient(3px 3px at 70% 20%,#fff,#0000),radial-gradient(2px 2px at 85% 65%,#fff,#0000);background-size:220px 220px;animation:9s linear infinite snow-fall}@keyframes crt-scan{to{background-position:0 300px}}@keyframes aurora-drift{0%{transform:translate(-4%)scaleY(1)}to{transform:translate(4%)scaleY(1.15)}}@keyframes stars-twinkle{0%{opacity:.65}to{opacity:1}}@keyframes rain-fall{to{background-position:-40px 120px,0 0,0 0,0 0,0 0,0 0}}@keyframes sea-roll{to{background-position:40px 0}}@keyframes petals-fall{to{background-position:60px 320px}}@keyframes lantern-float{to{background-position:0 -40px}}@keyframes bats-fly{to{background-position:300px -40px}}@keyframes snow-fall{to{background-position:20px 220px}}@media (prefers-reduced-motion:reduce){.avatar-frame,.avatar-frame *,.user-name *,.profile-pet,.profile-pet *,.profile-backdrop .special-layer,.music-cassette .reel,.odometer-digit>span{transition:none!important;animation:none!important}.entrance-canvas,.entrance-boot{display:none}}html.reduce-motion :is(.avatar-frame,.avatar-frame *,.user-name *,.profile-pet,.profile-pet *,.profile-backdrop .special-layer,.music-cassette .reel,.odometer-digit>span),html[data-decor-still] :is(.avatar-frame,.avatar-frame *,.user-name *,.profile-pet,.profile-pet *,.profile-backdrop .special-layer,.music-cassette .reel){transition:none!important;animation:none!important}html.reduce-motion :is(.entrance-canvas,.entrance-boot),html[data-decor-still] :is(.entrance-canvas,.entrance-boot){display:none}@media (forced-colors:active){.avatar-frame,.profile-pet,.profile-backdrop .special-layer{display:none}}.wardrobe-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wardrobe-head .button-outline{flex:none;min-height:38px}.wardrobe-tabs{scrollbar-width:thin;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.wardrobe-tabs button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:600}.wardrobe-tabs button[aria-selected=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--ink)}.wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.wardrobe-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center;justify-items:center;gap:6px;min-width:0;padding:10px 8px;font-size:12px;display:grid;position:relative}.wardrobe-card[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.wardrobe-card:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.wardrobe-card strong{overflow-wrap:anywhere;font-size:12px;line-height:1.35}.wardrobe-preview{place-items:center;width:100%;height:64px;display:grid;overflow:visible}.wardrobe-none{color:var(--muted);font-size:22px}.wardrobe-badge{background:var(--brand);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.wardrobe-season{color:var(--orange);font-size:11px;font-weight:700}.wardrobe-avatar{border-radius:13px;width:44px;height:44px;font-size:13px}.wardrobe-glyph{color:var(--brand);font-family:ui-monospace,monospace;font-size:26px;font-weight:700}.wardrobe-disc{background:0 0;border:0;width:54px;height:54px;padding:0;display:block;position:relative}.wardrobe-disc .music-disc{width:54px;height:54px;position:relative}.wardrobe-disc .vinyl,.wardrobe-disc .vinyl-sheen{width:54px;height:54px}.wardrobe-cassette{color:#2d2f33;font-size:40px;line-height:1}.wardrobe-theme{border-radius:var(--radius-sm);width:100%;height:56px;display:block;position:relative;overflow:hidden}.wardrobe-theme .profile-backdrop{z-index:0}.wardrobe-colors{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.wardrobe-colors>div{gap:6px;font-size:13px;font-weight:600;display:grid}.wardrobe-try{justify-self:start;min-height:38px}@media (max-width:520px){.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-head{flex-direction:column}.wardrobe-tabs button,.wardrobe-head .button-outline{min-height:44px}}.profile-view .profile-empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}html body .music-cassette svg text:not(#vnlf-type-scale-override){font-size:6.4px!important}html body .avatar-frame[data-frame=terminal] svg text:not(#vnlf-type-scale-override){font-size:10px!important}html body .avatar-frame[data-frame=matrix] svg :is(text,textPath):not(#vnlf-type-scale-override){font-size:9px!important}html body .flip-digit:not(#vnlf-type-scale-override){font-size:14px!important}html body .led-counter:not(#vnlf-type-scale-override){font-size:16px!important}html body :is(.odometer,.odometer *):not(#vnlf-type-scale-override){font-size:15px!important}html body .chalk-counter:not(#vnlf-type-scale-override){font-size:17px!important}html body :is(.web2000-counter,.web2000-counter *):not(#vnlf-type-scale-override){font-size:12px!important}html body .wardrobe-glyph:not(#vnlf-type-scale-override){font-size:26px!important}html body .wardrobe-none:not(#vnlf-type-scale-override){font-size:22px!important}html body .term-window .term-body:not(#vnlf-type-scale-override){font-size:clamp(7.5px, calc((100cqi - 28px) / (var(--term-cols,60) * .61)), 13px)!important}html body .term-window .term-body :not(#vnlf-type-scale-override){font-size:inherit!important}html body .term-window .term-body .term-link:not(#vnlf-type-scale-override){font-size:13px!important}.hub-page{grid-template-columns:minmax(0,1fr);gap:0}.hub-page>*,.hub-section>*,.hub-part>*{min-width:0}.hub-jump{z-index:3;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;margin:6px 0 4px;padding:6px 8px;display:flex;position:sticky;top:82px}.hub-jump>div{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.hub-jump>div::-webkit-scrollbar{display:none}.hub-jump a{color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:5px 10px;font-weight:600;text-decoration:none}.hub-jump a:hover,.hub-jump a:focus-visible{background:var(--surface-soft);color:var(--ink)}.hub-save{min-width:88px;color:var(--muted);white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:5px;font-weight:600;display:inline-flex}.hub-save[data-state=saved]{color:var(--brand)}.hub-save[data-state=error]{color:var(--red)}.hub-save[data-state=saving] svg{animation:1s linear infinite hub-spin}@keyframes hub-spin{to{rotate:1turn}}.hub-section{scroll-margin-top:140px}.hub-part{border-top:1px dashed var(--line);gap:10px;padding-top:14px;display:grid}.hub-part-head h4{margin:0 0 2px;font:600 15px Be Vietnam Pro,sans-serif}.hub-part-head p,.hub-explain{color:var(--muted);max-width:66ch;margin:0;line-height:1.55}.hub-page .edit-cover,.hub-page .edit-avatar{margin:0}.hub-background{border:0;gap:8px;margin:0;padding:0;display:grid}.hub-background legend{margin-bottom:6px;font-weight:600}.hub-background-option{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.hub-background-option[data-checked]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.hub-background-option input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin:2px 0 0}.hub-background-option span{gap:2px;min-width:0;display:grid}.hub-background-option small{color:var(--muted);line-height:1.45}.hub-background:disabled .hub-background-option{opacity:.6;cursor:default}.hub-fetch{gap:8px;display:grid}.hub-fetch textarea{white-space:pre;width:100%;min-height:132px;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;overflow-x:auto}.hub-fetch .publish-button{justify-self:start}.hub-palettes{flex-wrap:wrap;gap:8px;display:flex}.hub-palettes button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-weight:600;display:inline-flex}.hub-palettes button[aria-checked=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.hub-palette-swatch{border:1px solid;border-radius:999px;place-items:center;width:40px;height:30px;font:700 11px ui-monospace,monospace;display:inline-grid;position:relative}.hub-palette-swatch i{width:5px;height:2px;position:absolute;bottom:6px;right:7px}.hub-machine-preview .machine-card{background:0 0;border:0;padding:0}.wardrobe-check{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;right:6px}.wardrobe-card small{color:var(--muted);font-size:12px;line-height:1.35}.wardrobe-picker{gap:12px;display:grid}.wardrobe-picker .wardrobe-colors{grid-template-columns:repeat(auto-fill,minmax(240px,320px))}.wardrobe-cassette{background:#2d2f33;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:60px;height:40px;display:inline-flex;box-shadow:inset 0 0 0 3px #3a3d42,0 6px 12px -6px #00000080}.wardrobe-cassette i{background:#e9e9e9;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 3px #bfc3c7}.icon-library-dialog{width:min(880px,100%)}.icon-library.in-dialog{gap:12px;margin-top:14px;display:grid}.icon-library-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:840px){.hub-jump{top:6px}.hub-section{scroll-margin-top:64px}}@media (max-width:640px){.hub-save{min-width:0}.hub-save:not([data-state=error]) .hub-save-text{display:none}}.guestbook-intro{color:var(--muted);margin:0;line-height:1.55}.guestbook-teaser{border:1px solid var(--line);background:color-mix(in srgb, var(--profile-accent,var(--brand)) 7%, var(--surface));border-top:0;gap:10px;padding:16px 25px;display:grid}.guestbook-teaser-head{align-items:center;gap:12px;display:flex}.guestbook-teaser-head>div{flex:1;gap:1px;min-width:0;display:grid}.guestbook-teaser-head h3{margin:0;font-weight:700}.guestbook-teaser-head>div>span{color:var(--muted)}.guestbook-teaser-icon{background:var(--profile-accent,var(--brand));width:38px;height:38px;color:var(--profile-accent-ink,#fff);border-radius:12px;flex:none;place-items:center;display:grid}.guestbook-teaser .publish-button,.profile-card-actions .publish-button{background:var(--profile-accent,var(--brand))!important;color:var(--profile-accent-ink,#fff)!important}.guestbook-teaser-head>button{flex:none;min-height:38px}.guestbook-teaser-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guestbook-teaser-list li{border-radius:var(--radius-md);background:var(--surface);align-items:flex-start;gap:10px;min-width:0;padding:8px 10px;display:flex}.guestbook-teaser-list p{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.guestbook-teaser-list p>span{color:var(--ink)}.guestbook-teaser-list li>.avatar{flex:none}.guestbook-teaser-list p>a{color:var(--ink);text-decoration:none}.guestbook-teaser-list p>a:hover,.guestbook-head a:hover{text-decoration:underline}.guestbook-teaser-empty{color:var(--muted);margin:0;line-height:1.5}.guestbook-teaser-empty a{color:var(--profile-accent,var(--brand));font-weight:600}.profile-tabs button svg{vertical-align:-2px}@media (max-width:640px){.guestbook-teaser{padding:14px 16px}.guestbook-teaser-head{flex-wrap:wrap}.guestbook-teaser-head>button{justify-content:center;width:100%;min-height:44px}}.profile-page .profile-tabs{scroll-margin-top:104px}@media (max-width:840px){.profile-page .profile-tabs{scroll-margin-top:12px}}
