:root{--cream: oklch(.975 .018 85);--cream-2: oklch(.955 .022 80);--paper: oklch(.99 .012 90);--ink: oklch(.22 .025 55);--ink-2: oklch(.42 .02 60);--ink-3: oklch(.62 .015 65);--line: oklch(.9 .015 75);--coral: oklch(.74 .16 35);--coral-soft: oklch(.92 .06 35);--mint: oklch(.78 .12 165);--mint-soft: oklch(.93 .05 165);--sky: oklch(.74 .13 240);--sky-soft: oklch(.93 .04 240);--sun: oklch(.85 .15 90);--sun-soft: oklch(.95 .07 90);--grape: oklch(.66 .16 305);--grape-soft: oklch(.93 .05 305);--accent: var(--coral);--accent-soft: var(--coral-soft);--accent-tint: oklch(.97 .03 40);--r-sm: 10px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--shadow-sm: 0 1px 0 oklch(0 0 0 / .04), 0 2px 6px oklch(0 0 0 / .04);--shadow-md: 0 1px 0 oklch(0 0 0 / .04), 0 8px 20px oklch(.2 .02 60 / .08);--shadow-lg: 0 1px 0 oklch(0 0 0 / .05), 0 24px 50px oklch(.2 .02 60 / .12);--font-stack: "Bricolage Grotesque", "Noto Sans CJK", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans GB", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-stack);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh}.mono{font-family:Geist Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app-loading{min-height:60vh;display:grid;place-items:center;color:var(--ink-3);font-size:28px}.login{position:relative;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 600px at 90% -10%,var(--coral-soft),transparent 60%),radial-gradient(800px 500px at -10% 110%,var(--mint-soft),transparent 60%),var(--cream);overflow:hidden}.login__bg{position:absolute;font-size:80px;opacity:.06;pointer-events:none;filter:blur(.5px)}.login__bg--1{top:8%;left:6%;transform:rotate(-10deg)}.login__bg--2{top:14%;right:8%;transform:rotate(12deg)}.login__bg--3{bottom:12%;left:10%;transform:rotate(-6deg)}.login__bg--4{bottom:8%;right:6%;transform:rotate(8deg)}.login__card{position:relative;width:100%;max-width:420px;background:var(--paper);border-radius:24px;box-shadow:var(--shadow-lg);padding:28px 24px;display:flex;flex-direction:column;gap:14px}.brand-mark--loading{animation:brand-mark-spin 6s linear infinite;transform-origin:50% 50%}.brand-mark--loading path{animation:brand-mark-pulse 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}.brand-mark--loading path:nth-of-type(1){animation-delay:0s}.brand-mark--loading path:nth-of-type(2){animation-delay:.12s}.brand-mark--loading path:nth-of-type(3){animation-delay:.24s}.brand-mark--loading path:nth-of-type(4){animation-delay:.36s}.brand-mark--loading path:nth-of-type(5){animation-delay:.48s}@keyframes brand-mark-spin{to{transform:rotate(360deg)}}@keyframes brand-mark-pulse{0%,to{opacity:.32}38%{opacity:1}}@media(prefers-reduced-motion:reduce){.brand-mark--loading,.brand-mark--loading path{animation:brand-mark-fade 1.4s ease-in-out infinite}.brand-mark--loading path{animation-delay:0s!important}@keyframes brand-mark-fade{0%,to{opacity:.55}50%{opacity:1}}}.login__title{font-size:22px;font-weight:800;margin:0;text-align:center;letter-spacing:-.02em}.login__sub{font-size:13px;color:var(--ink-2);margin:0;line-height:1.5;text-align:center}.login__tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--cream-2);border-radius:12px;padding:4px;gap:4px}.login__tab{border:none;background:transparent;padding:10px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink-3);cursor:pointer}.login__tab.is-on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000014}.login__field{display:grid;gap:6px}.login__label{font-size:12px;font-weight:700;color:var(--ink-2)}.login__hint{color:var(--ink-3);font-weight:400;font-size:12px}.login__input{background:var(--cream-2);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px;color:var(--ink);outline:none;transition:border-color .15s,background .15s}.login__input:hover{border-color:var(--ink-3)}.login__input:focus{border-color:var(--accent);background:var(--paper)}.login__pwd{position:relative;display:grid}.login__pwd input{padding-right:44px;width:100%}.login__pwd-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:16px}.avatar-pick{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.avatar-pick button{border:1.5px solid transparent;background:var(--cream-2);border-radius:8px;padding:4px 0;font-size:20px;cursor:pointer}.avatar-pick button.is-on{border-color:var(--accent);background:var(--accent-soft)}.login__err{background:var(--coral-soft);color:oklch(.42 .16 35);padding:10px 14px;border-radius:10px;font-size:13px}.login__info{background:var(--mint-soft);color:oklch(.32 .12 165);padding:10px 14px;border-radius:10px;font-size:13px}.login__cta{background:linear-gradient(135deg,var(--accent),oklch(from var(--accent) calc(l - .06) c h));color:#fff;border:none;border-radius:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0000001f}.login__cta:disabled{background:var(--line);color:var(--ink-3);cursor:not-allowed;box-shadow:none}.login__priv{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--ink-3);background:var(--cream-2);padding:12px;border-radius:10px;line-height:1.5}.home{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1000px 600px at 90% -10%,var(--accent-soft),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--accent-tint),transparent 60%),var(--cream);transition:background .6s ease}.home__bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#fefaf1b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home__bar-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.02em}.cta-busy{display:inline-flex;align-items:center;gap:8px}.home__status{font-family:"Instrument Serif",serif;font-style:italic;font-size:18px;text-align:center;color:var(--ink-2);margin-top:6px;margin-bottom:-2px;letter-spacing:.02em}.home__bar-avatar{width:36px;height:36px;border-radius:50%;background:var(--cream-2);display:grid;place-items:center;font-size:18px;cursor:pointer;border:2px solid transparent}.home__bar-avatar:hover{border-color:var(--accent)}.home__main{flex:1;display:flex;flex-direction:column;gap:14px;padding:20px 16px 40px;max-width:760px;width:100%;margin:0 auto;min-width:0}.home__main-left{display:flex;flex-direction:column;gap:14px;min-width:0}.home__card{background:radial-gradient(80% 60% at 50% 100%,var(--accent-soft),transparent 70%),var(--paper);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:36px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;position:relative;overflow:hidden;min-height:460px}.home__pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 6px 18px #0000001f}.home__big{display:grid;gap:2px;justify-items:center}.home__big-label{font-size:13px;color:var(--ink-2);margin-bottom:6px}.home__big-num{font-weight:800;font-size:clamp(120px,32vw,200px);line-height:1;letter-spacing:-.06em;background:linear-gradient(180deg,var(--ink) 0%,var(--ink) 55%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.04em}.home__big-unit{font-size:clamp(20px,4vw,28px);font-weight:700;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}.home__big-extra{font-family:Geist Mono,monospace;font-size:13px;font-weight:700;color:var(--accent);padding:3px 10px;background:var(--accent-soft);border-radius:999px}.home__quote{font-family:"Instrument Serif","Noto Serif CJK",Georgia,serif;font-style:italic;font-size:17px;line-height:1.45;color:var(--ink-2);margin:0;max-width:28ch}.home__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:480px;margin-top:4px}.home__meta-item{background:var(--cream-2);border-radius:14px;padding:12px 14px;text-align:center;display:grid;gap:4px;justify-items:center}.home__meta-row{display:flex;align-items:center;gap:6px}.home__meta-label{font-size:11px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.home__meta-value{font-size:16px;font-weight:700;color:var(--ink)}.home__eye{background:transparent;border:none;cursor:pointer;width:22px;height:22px;border-radius:6px;font-size:13px;color:var(--ink-3);opacity:.6}.home__eye:hover{opacity:1}.home__actions{display:flex;gap:10px}.home__btn{flex:1;padding:14px 18px;border:none;border-radius:14px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.home__btn--ghost{background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}.home__btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.home__btn--primary{background:linear-gradient(135deg,var(--accent),oklch(from var(--accent) calc(l - .06) c h));color:#fff;box-shadow:0 6px 18px #0000001f}.home__btn--primary:disabled{background:var(--line);color:var(--ink-3);box-shadow:none;cursor:not-allowed}.gauge{width:100%;max-width:540px;margin:4px auto;position:relative}.gauge__top{position:relative;height:90px;margin-bottom:-6px}.gauge__monster{position:absolute;bottom:10px;left:0!important;transform:translate(-50%);display:grid;justify-items:center;gap:2px;opacity:.75}.gauge__monster-emoji{font-size:26px}.gauge__monster-label{font-size:10px;color:var(--ink-3);font-weight:700}.gauge__me{position:absolute;bottom:18px;transform:translate(-50%);display:grid;justify-items:center;gap:4px;transition:left .6s cubic-bezier(.2,.7,.2,1);z-index:10}.gauge__me-avatar{animation:gauge-me-hop 2.4s ease-in-out infinite}@keyframes gauge-me-hop{0%,70%,to{transform:translateY(0)}85%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.gauge__me-avatar{animation:none}}.gauge__friend{position:absolute;bottom:18px;transform:translate(-50%);display:grid;justify-items:center;gap:2px;text-decoration:none;color:inherit;cursor:pointer;opacity:.92;transition:opacity .15s,transform .2s}.gauge__friend:hover,.gauge__friend.is-open{opacity:1;transform:translate(-50%) translateY(-2px)}.gauge__friend-emoji{width:28px;height:28px;border-radius:50%;background:var(--paper);border:2px solid var(--ink-3);display:grid;place-items:center;font-size:14px;box-shadow:0 3px 8px #0000001f}.gauge__friend-nick{font-weight:600;font-size:10px;color:var(--ink-2);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:2px 6px}.gauge__friend.is-open .gauge__friend-nick{border-color:var(--accent)}.gauge__friend:hover .gauge__friend-emoji,.gauge__friend.is-open .gauge__friend-emoji{border-color:var(--accent);transform:translateY(-2px);white-space:nowrap}.gauge__me-avatar{width:40px;height:40px;border-radius:50%;background:var(--paper);border:2.5px solid var(--accent);display:grid;place-items:center;font-size:22px;box-shadow:0 6px 14px #0000002e}.gauge__me-nick{font-weight:700;font-size:11px;color:var(--ink);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gauge__bubble{font-weight:700;font-size:11px;color:var(--paper);background:var(--ink);padding:3px 10px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap;position:relative}.gauge__bubble:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);width:6px;height:6px;background:var(--ink)}.gauge__track{position:relative;height:12px;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.gauge__zones{position:absolute;inset:0;display:flex}.gauge__zone{height:100%}.gauge__zone--danger{background:#ff816229}.gauge__zone--warn{background:#fdc35729}.gauge__zone--safe{background:#52b5f429}.gauge__zone--lead{background:#62d0a429}.gauge__trail{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ff8162,oklch(.85 .16 80) 8.3%,#47b5fa 33.3%,#47c496 66.7%,#a975e0);border-radius:999px;transition:width .6s cubic-bezier(.2,.7,.2,1)}.gauge__ticks{position:relative;height:16px;margin-top:8px}.gauge__ticks span{position:absolute;transform:translate(-50%);font-family:Geist Mono,monospace;font-size:10px;color:var(--ink-3);font-weight:600;white-space:nowrap}.gauge__ticks span:first-child{transform:translate(0)}.gauge__ticks span:last-child{transform:translate(-100%)}.gauge__stack{position:absolute;bottom:18px;transform:translate(-50%);display:flex;align-items:center;cursor:pointer;z-index:3;padding:4px;user-select:none}.gauge__stack-av{width:26px;height:26px;border-radius:50%;background:var(--paper);border:2px solid var(--ink-3);display:grid;place-items:center;font-size:14px;box-shadow:0 3px 8px #00000026;margin-left:-8px;transition:margin-left .25s,transform .2s}.gauge__stack-av:first-child{margin-left:0}.gauge__stack-av--more{background:var(--ink);color:var(--paper);font-size:11px;font-weight:800;font-family:Geist Mono,monospace;border-color:var(--ink)}.gauge__stack:hover .gauge__stack-av{margin-left:-4px}.gauge__stack:hover .gauge__stack-av:first-child{margin-left:0}.gauge__stack-hint{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--ink-3);white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.gauge__stack:hover .gauge__stack-hint{opacity:1}.gauge__pop{position:absolute;top:calc(100% + 12px);min-width:200px;max-width:260px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #00000038;padding:12px;z-index:200;animation:fade .15s ease-out;display:grid;gap:10px;cursor:default}.gauge__pop-head{display:flex;align-items:center;gap:10px}.gauge__pop-em{width:38px;height:38px;border-radius:50%;background:var(--cream-2);display:grid;place-items:center;font-size:22px;flex-shrink:0}.gauge__pop-meta{flex:1;min-width:0}.gauge__pop-nm{font-size:14px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gauge__pop-mn{font-size:12px;font-weight:600;font-family:Geist Mono,monospace;color:var(--ink-3)}.gauge__pop-status{font-family:"Instrument Serif",serif;font-style:italic;font-size:14px;color:var(--ink-2)}.gauge__pop-actions{display:flex;gap:6px}.gauge__pop-btn{flex:1;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:opacity .15s,background .15s}.gauge__pop-btn--primary{background:var(--accent);color:var(--paper)}.gauge__pop-btn--primary:hover{opacity:.9}.gauge__pop-btn--danger{background:var(--cream-2);color:#c53637}.gauge__pop-btn--danger:hover{background:oklch(.93 .06 25)}.gauge__pop-btn:disabled{opacity:.5;cursor:wait}.drawer-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:90;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0}}.drawer{background:var(--paper);width:100%;max-width:540px;border-radius:24px 24px 0 0;padding:10px 20px 24px;box-shadow:0 -30px 60px #00000040;display:flex;flex-direction:column;gap:14px;animation:slide .28s cubic-bezier(.2,.7,.2,1)}@keyframes slide{0%{transform:translateY(100%)}}.drawer__handle{width:44px;height:5px;background:var(--line);border-radius:4px;margin:0 auto 6px}.drawer__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer__title{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.drawer__sub{font-size:12px;color:var(--ink-3);margin:4px 0 0}.drawer__live{display:grid;justify-items:center;background:var(--accent-soft);border-radius:14px;padding:6px 12px}.drawer__live-num{font-weight:800;font-size:28px;color:var(--accent);line-height:1}.drawer__live-unit{font-size:10px;color:var(--ink-3);font-weight:600}.numfield{background:var(--cream-2);border:2px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px;min-width:0;transition:border-color .15s}.numfield:hover{border-color:var(--ink-3)}.numfield:focus-within{border-color:var(--accent);background:var(--paper)}.numfield__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.numfield__label{font-size:14px;font-weight:700;flex-shrink:0;white-space:nowrap}.numfield__sub{font-size:12px;color:var(--ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numfield__input{display:flex;align-items:center;gap:8px;min-width:0}.numfield__input .pre{font-family:Geist Mono,monospace;font-size:15px;color:var(--ink-3)}.numfield__input input{flex:1;min-width:0;width:100%;border:none;outline:none;background:transparent;font-weight:700;font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}.drawer__done{background:linear-gradient(135deg,var(--accent),oklch(from var(--accent) calc(l - .06) c h));color:#fff;border:none;border-radius:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000026}.tweaks__toggle{position:fixed;right:16px;bottom:16px;z-index:80;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-md)}.tweaks__panel{position:fixed;right:16px;bottom:60px;z-index:80;width:240px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow-lg);display:grid;gap:10px}.tweaks__title{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.tweaks__row{display:grid;gap:6px}.tweaks__label{font-size:11px;color:var(--ink-3);font-weight:700}.tweaks__chips{display:flex;gap:6px}.tweaks__chip{position:relative;flex:1;height:38px;border:0;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 .5px #0000001f}.tweaks__chip[data-on="1"]{box-shadow:0 0 0 1.5px var(--ink)}.tweaks__chip>span{position:absolute;top:0;bottom:0;right:0;width:34%;display:flex;flex-direction:column}.tweaks__chip>span>i{flex:1}.tweaks__fonts{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tweaks__font{border:1px solid var(--line);background:var(--cream-2);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:700;color:var(--ink-2);cursor:pointer}.tweaks__font[data-on="1"]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.home__bar-me{display:flex;align-items:center;gap:8px}.home__bar-share{background:var(--paper);border:1.5px solid var(--line);padding:8px 14px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;transition:all .15s}.home__bar-share:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.home__view-tag{background:var(--cream-2);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink-2)}.home__profile{text-align:center;margin-bottom:4px}.home__profile-avatar{font-size:56px;line-height:1}.home__profile-nick{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:28px;letter-spacing:-.03em;margin-top:4px}.home__profile-sub{font-size:13px;color:var(--ink-3)}.home__priv-note{margin-top:8px;background:var(--cream-2);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--ink-3)}.home__public-foot{text-align:center;font-size:12px;color:var(--ink-3);padding:16px 0}.home__public-foot b{color:var(--ink)}.share{background:var(--paper);width:100%;max-width:480px;border-radius:24px;padding:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px;margin:auto 20px;animation:pop .25s cubic-bezier(.2,.7,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(20px) scale(.96)}}.share__x{background:var(--cream-2);border:none;width:30px;height:30px;border-radius:10px;font-size:16px;cursor:pointer;color:var(--ink-2)}.share__x:hover{background:var(--line)}.share__sub{font-size:13px;color:var(--ink-2);line-height:1.55;margin:0}.share__sub b{color:var(--ink);font-weight:700}.share__url{display:flex;align-items:center;gap:8px;background:var(--cream-2);border:1.5px solid var(--line);border-radius:12px;padding:6px 6px 6px 14px}.share__url-text{flex:1;font-family:Geist Mono,monospace;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share__copy{background:var(--ink);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.share__copy:hover{background:oklch(from var(--ink) calc(l + .08) c h)}.share__priv{font-size:12px;color:var(--ink-3);line-height:1.5;background:var(--mint-soft);padding:10px 12px;border-radius:10px}.og{display:grid;gap:8px}.og__label{font-size:11px;color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.og__svg{display:block;border:1px solid var(--line)}.friends{max-width:760px;width:100%;margin:4px auto 0;background:var(--paper);border-radius:var(--r-lg);padding:18px 20px 16px;box-shadow:var(--shadow-sm)}.friends__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.friends__title{font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:8px}.friends__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.friends__add{background:var(--ink);color:var(--paper);border:none;padding:8px 14px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s}.friends__add:hover{transform:translateY(-1px)}.friends__empty{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:16px 4px}.friends__empty-emoji{font-size:36px;text-align:center;opacity:.6}.friends__empty-title{font-size:14px;font-weight:700;color:var(--ink)}.friends__empty-sub{font-size:12px;color:var(--ink-3);margin-top:2px;line-height:1.45}.friends__empty-cta{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:12px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.friends__list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.friends__row{display:grid;grid-template-columns:24px 36px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--cream-2);transition:background .15s}.friends__row:hover{background:var(--cream)}.friends__row--me{background:var(--accent-soft);border:1px solid oklch(from var(--accent) l c h / .25)}.friends__row--me:hover{background:oklch(from var(--accent-soft) calc(l - .02) c h)}.friends__rank{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:14px;color:var(--ink-3);text-align:center;font-variant-numeric:tabular-nums}.friends__row:nth-child(1) .friends__rank{color:oklch(.78 .18 90)}.friends__row:nth-child(2) .friends__rank{color:#8fb0c8}.friends__row:nth-child(3) .friends__rank{color:#ff8162}.friends__avatar{width:36px;height:36px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:20px;line-height:1}.friends__info{min-width:0}.friends__nick{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends__tag{font-size:9px;font-weight:800;padding:1px 5px;background:var(--accent);color:#fff;border-radius:3px;letter-spacing:.05em}.friends__bar{height:5px;background:#0000000d;border-radius:999px;overflow:hidden;margin-top:4px;width:100%;max-width:220px}.friends__bar-fill{height:100%;background:linear-gradient(90deg,#ff8162,#e6ac3d 25%,#52b5f4,#47c496 75%,#a975e0);border-radius:999px;transition:width .5s ease}.friends__months{text-align:right;font-family:Bricolage Grotesque,sans-serif;line-height:1}.friends__months-num{font-size:20px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.friends__months-unit{font-size:10px;color:var(--ink-3);font-weight:600;margin-top:2px}.friends__actions{display:flex;gap:4px}.friends__action{width:28px;height:28px;border:none;background:transparent;border-radius:8px;font-size:13px;cursor:pointer;color:var(--ink-3);font-family:inherit;transition:all .15s}.friends__action:hover{background:var(--paper);color:var(--ink)}.friends__action--rm:hover{color:#f94144}.addfr__url{display:flex;gap:6px;background:var(--cream-2);border:1.5px solid var(--line);border-radius:12px;padding:4px 4px 4px 12px}.addfr__url:focus-within{border-color:var(--accent);background:var(--paper)}.addfr__url input{flex:1;border:none;outline:none;background:transparent;font-family:Geist Mono,monospace;font-size:16px;color:var(--ink);padding:8px 0;min-width:0}.addfr__paste{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);padding:6px 12px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.addfr__paste:hover{background:var(--line)}.addfr__cta{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),oklch(from var(--accent) calc(l - .06) c h));color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.addfr__cta:disabled{background:var(--line);color:var(--ink-3);cursor:not-allowed}.addfr__err{background:oklch(.95 .05 35);color:oklch(.42 .16 35);padding:8px 12px;border-radius:8px;font-size:13px}.addfr__how{background:var(--cream-2);padding:10px 12px;border-radius:10px;font-size:12px;color:var(--ink-3);line-height:1.5}.addfr__how b{color:var(--ink-2)}.addfr__success{text-align:center;padding:12px 0;display:grid;gap:8px;justify-items:center}.addfr__success-avatar{font-size:72px;line-height:1}.addfr__success-nick{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em}.addfr__success-months{font-size:14px;color:var(--ink-2);margin-bottom:6px}.addfr__success-months .num{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:36px;color:var(--accent);margin-right:6px;letter-spacing:-.02em}.drawer__diff{display:flex;flex-wrap:wrap;gap:6px;margin:4px 4px 0;min-height:22px}.drawer__diff-chip{display:inline-flex;align-items:center;font-family:Geist Mono,monospace;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.drawer__diff-chip--gain{background:#c4f6d4;color:oklch(.42 .15 155)}.drawer__diff-chip--lose{background:oklch(.93 .06 25);color:#a50d1c}@media(max-width:540px){.home__bar{padding:12px 14px}.home__main{padding:16px 12px;gap:12px}.home__card{padding:28px 18px;min-height:420px}.home__meta{grid-template-columns:1fr}.friends__row{grid-template-columns:20px 32px 1fr auto auto;gap:8px;padding:10px}.friends__empty{grid-template-columns:1fr;text-align:center;gap:10px}.friends__empty-emoji{margin:0 auto}}