500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#243d34;--green:#285841;--bg:#f7f8f4;--muted:#7c8880}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:transform .18s,background .18s}button:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #dba852;outline-offset:4px}button:disabled{opacity:.5;cursor:default}aside{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid #e6eae3;padding:38px 24px;display:flex;flex-direction:column}.brand{color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.5px}.brand span{color:#76a85d}.workspace{font-size:9px;letter-spacing:1.7px;margin-top:46px;color:var(--muted)}nav{display:grid;gap:9px;margin-top:20px}nav button{display:flex;align-items:center;gap:15px;text-align:left;padding:15px;border:0;border-radius:12px;background:transparent;color:#7b867f;font-size:19px}nav button span{font-size:14px;font-weight:600}nav button.selected{background:#edf3e9;color:var(--green)}.aside-bottom{margin-top:auto;background:#f5f6ef;padding:20px 16px;border-radius:16px;line-height:1.6}.aside-bottom strong{display:block;font-size:14px}.aside-bottom p{font-size:12px;color:var(--muted)}.seed-small{font-size:24px;margin-bottom:12px}.account{display:flex;gap:12px;align-items:center;margin-top:25px;font-size:12px}.account b{background:#e9ebdf;padding:12px;border-radius:50%;font-size:11px}.account small{display:block;color:var(--muted);font-size:10px;margin-top:5px}main{margin-left:242px;padding:32px 48px;max-width:1600px}header{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.beta{font-size:9px;letter-spacing:1.6px}.heading{display:flex;justify-content:space-between;align-items:center;margin:40px 0 28px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7f9079;font-weight:700}h1{font:800 40px/1.1 Manrope,sans-serif;letter-spacing:-1.7px;margin:12px 0}p{color:var(--muted);line-height:1.65}.heading p{margin-bottom:0}.primary{background:var(--green);border:0;color:white;padding:14px 20px;border-radius:11px;font-weight:600;white-space:nowrap}.hero{display:grid;grid-template-columns:1.2fr 1fr;background:#e9efdf;border:1px solid #e0e8d7;border-radius:22px;min-height:285px;overflow:hidden}.hero-copy{padding:32px 38px}.pill{font-size:9px;letter-spacing:1.6px;background:#f8faee;padding:7px 10px;border-radius:7px;color:#668451}.hero h2{font:700 30px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:22px 0 10px}.hero-copy p{max-width:360px;font-size:13px;color:#6c8067}.hero-footer{display:flex;gap:24px;align-items:center;font-size:11px;color:#849179;margin-top:24px}.hero-footer span:first-child{color:#526c41;background:#dde7cd;padding:8px 12px;border-radius:8px}.mascot-scene{position:relative;display:grid;place-items:center;min-height:285px}.orbit{border:1px solid #d8e2cb;border-radius:50%;position:absolute;width:230px;height:230px}.o2{width:320px;height:320px}.momo{position:relative;width:145px;height:160px;background:#adc778;border-radius:70px 70px 58px 58px;box-shadow:inset -14px -10px 0 #9dbb67,0 22px 25px -18px #6f8b4d;transform:rotate(-5deg);animation:bob 5s ease-in-out infinite}.leaf{position:absolute;background:#4d7a42;width:52px;height:28px;top:-20px;left:69px;border-radius:2px 40px;transform:rotate(-30deg)}.l2{left:35px;top:-23px;transform:rotate(25deg);background:#6e984f;width:40px}.face{position:absolute;top:63px;left:30px;width:90px;height:60px}.face i{position:absolute;width:9px;height:15px;background:#294b33;border-radius:50%;left:10px}.face i:nth-child(2){left:65px}.face em{position:absolute;left:35px;top:14px;width:18px;height:13px;border-bottom:3px solid #294b33;border-radius:0 0 20px 20px}.cheek{position:absolute;width:18px;height:8px;background:#d1a17c;border-radius:50%;top:20px;opacity:.6}.c1{left:0}.c2{right:0}.foot{position:absolute;bottom:-7px;width:35px;height:20px;background:#8eac5b;border-radius:50%}.f1{left:20px}.f2{right:20px}.spark{position:absolute;color:#91a950;font-size:34px}.s1{top:52px;right:55px}.s2{bottom:55px;left:30px}.momo-label{position:absolute;bottom:16px;letter-spacing:1.4px;font-size:8px;color:#7e9471}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.metrics article{display:flex;gap:14px;align-items:center;padding:20px;background:#fff;border:1px solid #e6eae2;border-radius:14px}.metric-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;font-size:25px}.orange{color:#c48039;background:#fbf0df}.purple{color:#9181aa;background:#f1edf7}.green{color:#6b9250;background:#edf4e4}.metrics b{font:800 20px Manrope,sans-serif}.metrics small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 18px}.section-head h2{font:700 21px Manrope,sans-serif;margin:0;letter-spacing:-.5px}.section-head p{font-size:12px;margin:6px 0 0}.plain{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:600;padding:8px 0}.empty{background:white;border:1px dashed #d5dfce;border-radius:16px;text-align:center;padding:32px}.empty h3{font-size:17px;margin:8px}.empty p{font-size:13px}.task{display:flex;align-items:center;gap:16px;background:white;border:1px solid #e5e9e1;border-radius:13px;padding:18px;margin-bottom:10px}.task-check{border:2px solid #d6dfce;background:white;width:27px;height:27px;border-radius:9px;flex-shrink:0;color:white}.task.completed .task-check{background:#6e9454;border-color:#6e9454}.task.completed strong{text-decoration:line-through;color:#8c998b}.task-text{flex:1}.task-text small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.task-xp{font-size:11px;color:#90a27e}.remove{background:none;border:0;color:#899488;font-size:18px;padding:6px}.note{margin:24px 0;text-align:center;font-size:11px;color:#8d9788}footer{border-top:1px solid #e4e9e0;padding-top:22px;margin-top:36px;font-size:8px;color:#9aa393;letter-spacing:1.1px;display:flex;justify-content:space-between;gap:20px}footer span{letter-spacing:0}.goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.goal-card,.stats-card{padding:25px;background:white;border:1px solid #e4e9df;border-radius:18px;margin-bottom:15px}.goal-card h2{font-size:21px}.goal-card small{color:#8a9782}.goal-top{display:flex;justify-content:space-between}.tag{font-size:10px;color:#668452;background:#eff4e9;border-radius:6px;padding:5px 8px}.goal-card progress{width:100%;height:7px;accent-color:#7e9c5d}.chart{display:flex;align-items:flex-end;height:180px;gap:15px;margin:35px 0 25px}.day{flex:1;text-align:center;font-size:11px;color:#839077}.bar{background:#c8d8b4;border-radius:8px 8px 0 0;min-height:3px;margin:8px 0}.day:last-child .bar{background:#65864a}.stats-card p{font-size:13px}dialog{border:1px solid #e1e6d9;border-radius:22px;padding:28px;max-width:470px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 100px #13291f30}dialog::backdrop{background:#18332566;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;gap:15px;justify-content:space-between}.modal-head h2{font:700 23px Manrope,sans-serif;margin:0}.close{background:none;border:0;font-size:28px;color:#84937b}label{display:block;margin:20px 0 0;font-size:12px;font-weight:600}input,select{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #dce3d4;background:#fbfcf8;border-radius:9px;color:var(--ink)}form>.primary{width:100%;margin-top:25px}.check-label{display:flex;align-items:center;gap:10px;font-weight:400}.check-label input{width:auto;margin:0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:14px 24px;border-radius:12px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}[hidden]{display:none!important}@keyframes bob{50%{transform:translateY(-7px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.momo{animation:none}}@media(min-width:1500px){main{margin-right:auto}}@media(max-width:1100px){aside{width:195px;padding:30px 17px}main{margin-left:195px;padding:28px}.hero-copy{padding:28px}.metrics article{padding:15px;gap:10px}.metrics small{font-size:9px}}@media(max-width:760px){aside{position:fixed;top:auto;bottom:0;width:100%;height:74px;padding:5px 12px;z-index:5;border-top:1px solid #e0e6d8}.brand,.workspace,.aside-bottom,.account{display:none}nav{display:flex;margin:0;justify-content:space-around;gap:0}nav button{flex-direction:column;gap:3px;font-size:21px;padding:8px 12px}nav button span{font-size:10px}main{margin:0;padding:22px 18px 90px}.beta{font-size:7px;letter-spacing:.5px}.heading{margin:30px 0 23px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:31px}.heading p{font-size:12px}.heading .primary{font-size:0;padding:0;width:42px;height:42px;flex-shrink:0;margin-top:15px}.heading .primary:before{content:'＋';font-size:25px}.hero{grid-template-columns:1.3fr 1fr;min-height:250px}.hero-copy{padding:24px 0 22px 20px;z-index:1}.hero h2{font-size:23px}.pill{font-size:7px;letter-spacing:.5px}.hero-copy p{font-size:11px}.hero-footer{gap:0;margin-top:16px}.hero-footer span:last-child{display:none}.mascot-scene{min-height:250px}.momo{scale:.7}.orbit{width:150px;height:150px}.o2{width:220px;height:220px}.momo-label{font-size:6px;letter-spacing:.5px;bottom:28px}.s1{right:12px;font-size:24px}.s2{left:8px}.metrics{gap:7px;margin-top:12px}.metrics article{padding:12px 9px;display:block}.metric-icon{width:28px;height:28px;font-size:18px;margin-bottom:10px}.metrics b{font-size:16px}.metrics small{font-size:9px;line-height:1.4}.section-head h2{font-size:19px}.section-head .plain{font-size:10px}.goal-grid{grid-template-columns:1fr}.task{padding:15px 12px;gap:10px}.task-xp{display:none}footer{display:block;font-size:7px}footer span{display:block;margin-top:10px}}
/* Momentum: crystalline arena */
body{--bg:#10101d;--surface:#191827;--surface2:#211e35;--ink:#f0ecfc;--muted:#a29db7;--green:#a084f5;--line:#38304d;--accent:#ac8bff;--glow:#8050d933;--cyan:#68dbff;background:radial-gradient(ellipse at 80% 0%,var(--glow),transparent 55%),var(--bg);color:var(--ink)}body[data-theme=light]{--bg:#f4f1fa;--surface:#fff;--surface2:#ece7f6;--ink:#302743;--muted:#746b86;--green:#7148b7;--line:#ddd3eb;--accent:#7148b7;--glow:#c3a3fa44;--cyan:#197aaf}body[data-theme=halloween]{--bg:#18101e;--surface:#23172e;--surface2:#33203b;--ink:#fff0df;--muted:#c3a8c2;--green:#eda64f;--line:#593754;--accent:#e9a14b;--glow:#a04ed633;--cyan:#b7a2ff}body[data-theme=forest]{--bg:#0c211d;--surface:#132e27;--surface2:#1d3c32;--ink:#edf4df;--muted:#a5baac;--green:#a1c77d;--line:#355346;--accent:#b8a2ed;--glow:#659f5333;--cyan:#8ee4cc}body[data-theme=ocean]{--bg:#081e31;--surface:#102b40;--surface2:#18384f;--ink:#e7f5fc;--muted:#a1bace;--green:#7fceee;--line:#29516a;--accent:#b5a2ff;--glow:#267eaa33;--cyan:#68e6f4}aside{background:var(--surface);border-color:var(--line)}.brand{color:var(--ink)}.brand span{color:var(--accent)}.workspace{margin-top:26px;font-size:8px;color:var(--muted)}.friends-link{margin-top:32px;width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:9px;padding:13px;display:flex;gap:10px;text-align:left}.friend-arrow{margin-left:auto;color:var(--cyan)}nav{margin-top:14px}nav button{color:var(--muted)}nav button.selected,.friends-link.selected{background:linear-gradient(90deg,var(--glow),transparent);color:var(--accent);border-left:2px solid var(--accent);border-radius:2px 9px 9px 2px}.sidebar-rank{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:23px;padding:18px 8px}.sidebar-rank small{font-size:8px;letter-spacing:1.2px;color:var(--muted);display:block}.sidebar-rank strong{display:block;font-size:20px;margin-top:5px;font-family:Manrope}.aside-bottom{background:var(--surface2);padding:16px;margin-top:auto}.aside-bottom .seed-small{display:none}.aside-bottom strong{font-size:12px}.account b{background:var(--surface2);color:var(--accent)}.top-controls{display:flex;align-items:center;gap:20px}.beta{color:var(--muted)}.heading{margin-top:34px}h1{font-size:37px}.eyebrow{color:var(--accent)}.primary{background:linear-gradient(135deg,#9167df,#6844b7);box-shadow:0 5px 22px #824cbe25;color:white;border:1px solid #b390f050}.plain{color:var(--accent)}.rank-banner{display:flex;align-items:center;gap:23px;padding:22px 28px;border:1px solid #77c8f54d;border-radius:14px;background:linear-gradient(110deg,var(--surface2),var(--surface));position:relative;margin-bottom:20px;overflow:hidden}.rank-banner:after{content:'◇';position:absolute;right:175px;top:-70px;font-size:210px;line-height:1;color:#79d4fa0a;pointer-events:none}.rank-banner h2{margin:4px 0;font:800 25px Manrope;letter-spacing:.4px}.rank-banner p{margin:0;font-size:11px}.rank-banner .eyebrow{font-size:8px;color:var(--cyan)}.rank-banner .plain{margin-left:auto;color:var(--cyan)}.crystal{display:block;position:relative;flex-shrink:0;width:44px;height:58px;clip-path:polygon(50% 0,93% 30%,80% 75%,50% 100%,20% 75%,7% 30%);background:conic-gradient(from 30deg at 50% 42%,#cbf4ff,#287dce,#78daf6,#224c9f,#c0f7ff,#4697dc,#cbf4ff);filter:drop-shadow(0 0 10px #61cdfc88)}.crystal:after{content:'';position:absolute;inset:5px;clip-path:polygon(50% 0,90% 30%,50% 88%,10% 30%);background:linear-gradient(130deg,#edfcff99,transparent 60%)}.crystal.mini{width:29px;height:40px}.hero{border:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,var(--glow),transparent 65%),var(--surface);border-radius:16px}.hero h2{color:var(--ink)}.pill{background:var(--surface2);color:var(--accent)}.hero-copy p{color:var(--muted)}.hero-footer span:first-child{background:var(--surface2);color:var(--cyan)}.hero-footer span:last-child{color:var(--muted)}.orbit{border-color:var(--line);border-style:dashed}.spark{color:var(--cyan)}.momo-label{color:var(--accent)}.momo{width:145px;height:155px;background:linear-gradient(145deg,#f9b263,#e67c43);border-radius:62px 62px 55px 55px;box-shadow:inset -13px -8px 0 #c960352f,0 20px 40px -15px #e17f3e55}.fox-ear{position:absolute;top:-30px;background:#f7a156;width:58px;height:78px;clip-path:polygon(50% 0,100% 100%,0 85%);z-index:-1}.fox-ear:after{content:'';position:absolute;inset:17px 13px 8px;background:#5b3952;clip-path:polygon(50% 0,100% 100%,0 85%)}.e1{left:0;transform:rotate(-20deg)}.e2{right:0;transform:rotate(20deg)}.fox-mask{position:absolute;inset:57px 9px 20px;background:#fff0d8;clip-path:polygon(0 0,35% 18%,50% 50%,65% 18%,100% 0,91% 75%,50% 100%,9% 75%);border-radius:20px}.fox-nose{position:absolute;top:102px;left:65px;background:#493044;width:15px;height:11px;clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}.fox-tail{position:absolute;right:-38px;bottom:0;width:63px;height:98px;border-radius:70% 70% 60% 30%;background:linear-gradient(25deg,#df743b 55%,#fff0d8 56%);transform:rotate(36deg);z-index:-1}.face{top:76px}.face i{background:#493044;height:13px}.face em{top:26px;border-color:#493044}.cheek{background:#f79485}.foot{background:#9b533b}.metrics article,.task,.goal-card,.stats-card,.empty{background:var(--surface);border-color:var(--line)}.metric-icon{background:var(--surface2);color:var(--cyan)}.metric-icon.purple{color:var(--accent)}.metric-icon.orange{color:#e9a050}.task-check{background:var(--surface2);border-color:var(--line)}.task.completed .task-check{background:#8561c6;border-color:#8561c6}.task.completed strong{color:var(--muted)}.task-xp{color:var(--cyan)}.tag{background:var(--surface2);color:var(--accent)}.task-text small,.goal-card small,.note{color:var(--muted)}progress{accent-color:#9b78e0}.goal-card progress{accent-color:#9b78e0}.bar{background:#65528b}.day:last-child .bar{background:linear-gradient(#7ad9ed,#8f6bd2)}.day{color:var(--muted)}footer{border-color:var(--line);color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}input,select{background:var(--surface2);color:var(--ink);border-color:var(--line)}input[type=date]{color-scheme:dark}body[data-theme=light] input[type=date]{color-scheme:light}#toast{background:#704caf}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.theme-grid button{background:var(--surface2);border:1px solid var(--line);padding:13px;color:var(--ink);border-radius:12px;display:flex;align-items:center;gap:12px}.theme-grid button[aria-pressed=true]{border:2px solid var(--accent);padding:12px}.theme-grid i{height:26px;width:26px;border-radius:50%;display:block;border:1px solid #ffffff40}.rank-showcase{padding:35px;text-align:center;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#3188c825,transparent 60%),var(--surface)}.crest{height:190px;display:flex;justify-content:center;align-items:center;position:relative;gap:7px}.crystal.large{width:92px;height:125px}.wing{width:90px;height:85px;background:linear-gradient(150deg,#d9efff,#4a82ba 45%,#243d6d);clip-path:polygon(0 0,100% 30%,100% 100%,25% 75%,50% 65%,10% 40%,40% 44%);filter:drop-shadow(0 0 10px #438bd3)}.wing.right{transform:scaleX(-1)}.rank-showcase h2{font:800 38px Manrope;letter-spacing:3px;text-transform:uppercase;margin:0}.rank-showcase progress{width:min(100%,390px);height:10px;accent-color:#7ad9f4}.rank-showcase p{font-size:12px}.rank-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.rank-tier{border:1px solid var(--line);background:var(--surface);padding:25px 10px;text-align:center;border-radius:12px}.rank-tier .crystal{margin:auto}.rank-tier.current{border-color:var(--cyan);box-shadow:0 0 20px #4bb8e91c}.rank-tier h3{font:700 16px Manrope;margin-bottom:6px}.rank-tier p{font-size:10px}.rank-tier small{font-size:8px;color:var(--cyan);letter-spacing:1px}.rank-tier.locked{opacity:.55}.tier-0{background:conic-gradient(#f2c9a3,#875331,#e8aa74,#78492b,#f2c9a3)}.tier-1{filter:grayscale(1)}.tier-2{background:conic-gradient(#ffecbb,#ac7b32,#f6d78a,#a66d27,#ffecbb)}.tier-4{background:conic-gradient(#edfaff,#a486f3,#86deff,#6c51b8,#edfaff)}.social-intro{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:35px}.social-intro>p{max-width:650px}.social-intro h2{font:700 28px Manrope}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.social-grid article{padding:20px;background:var(--surface2);border-radius:12px}.social-grid article>span{font-size:30px;color:var(--cyan)}.social-grid p{font-size:12px}.social-grid h3{font-size:14px}body[data-theme=halloween] .momo:after{content:'✦';position:absolute;top:-55px;left:35px;width:70px;height:55px;background:#624288;clip-path:polygon(50% 0,80% 80%,100% 100%,0 100%,20% 80%);color:#f5c568;text-align:center;padding-top:23px}body[data-theme=ocean] .momo{box-shadow:inset -13px -8px 0 #c960352f,0 20px 40px -15px #61d8ef66}body[data-theme=forest] .momo-label:after{content:' · EXPLORATEUR'}
@media(max-width:760px){aside{background:var(--surface)}nav{width:100%;justify-content:space-between}nav button{padding:8px 6px}nav button span{font-size:9px}.sidebar-rank{display:none}.friends-link{position:fixed;left:18px;top:13px;margin:0;width:auto;height:34px;padding:8px 12px;font-size:11px;z-index:8;box-shadow:0 2px 12px #0002}.friend-arrow{display:none}header{padding-top:41px;align-items:center;gap:8px}.top-controls{gap:5px}.beta{display:none}.heading{margin-top:25px}h1{font-size:29px}.hero h2{font-size:22px}.rank-banner{padding:18px 16px;gap:15px}.rank-banner .eyebrow{font-size:6px;letter-spacing:1px}.rank-banner h2{font-size:21px}.rank-banner .plain{font-size:10px}.rank-banner p{font-size:9px}.rank-banner .crystal{width:32px;height:44px}.rank-ladder{grid-template-columns:repeat(2,1fr)}.rank-tier:last-child{grid-column:1/-1}.social-grid{grid-template-columns:1fr}.social-intro{padding:23px}.social-intro h2{font-size:24px}.rank-showcase{padding:25px 18px}.wing{width:65px;height:70px}.momo{scale:.65}.hero{overflow:hidden}.aside-bottom{display:none}}
/* Noki and personal settings */
.top-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink);font-size:12px}.top-button.selected{border-color:var(--accent);color:var(--accent)}.noki-interaction{position:relative;display:flex;align-items:center;flex-direction:column;width:100%;padding:10px 20px 18px;z-index:1}.noki-button{position:relative;border:0;background:transparent;padding:0;display:block;width:min(255px,100%);height:255px;transition:transform .2s;isolation:isolate}.noki-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #0002)}.noki-button:hover{transform:translateY(-4px) rotate(-2deg)}.noki-button:active{transform:scale(.96)}.noki-speech{font-size:11px;max-width:265px;background:var(--surface2);border:1px solid var(--line);padding:9px 13px;border-radius:12px;text-align:center;line-height:1.5;min-height:36px}.pet-hint{font-size:9px;color:var(--muted);text-align:center}.noki-heart{position:absolute;left:55%;top:35%;font-size:34px;color:#f391bd;opacity:0;pointer-events:none}.loved .noki-heart{animation:love 1s ease-out}.loved img{animation:noki-bounce .55s ease-in-out}.santa-hat{display:none;position:absolute;top:0;left:7%;width:49%;height:30%;background:linear-gradient(135deg,#ed4660,#ad1837);clip-path:polygon(0 70%,35% 6%,66% 0,100% 55%,85% 67%,65% 33%,65% 89%,10% 100%);transform:rotate(-10deg);pointer-events:none}.santa-hat i{position:absolute;bottom:4%;left:4%;height:24%;width:70%;background:#fff9ed;transform:rotate(-8deg);border-radius:40%}.santa-hat:after{content:'';position:absolute;top:42%;right:1%;width:20%;height:28%;border-radius:50%;background:#fff9ed}body[data-theme=christmas]{--bg:#121e23;--surface:#1b2c31;--surface2:#26383d;--ink:#fdf0e2;--muted:#c5b9ad;--green:#e8b769;--line:#49605c;--accent:#e8b769;--glow:#aa324a33;--cyan:#b1dfdc}body[data-theme=christmas] .santa-hat{display:block}body[data-theme=christmas] .hero{background-image:radial-gradient(circle at 13% 18%,#fff6 1px,transparent 2px),radial-gradient(circle at 87% 71%,#fff6 1px,transparent 2px),radial-gradient(circle at 65% 25%,#fff6 1px,transparent 2px);background-size:75px 85px,110px 95px,130px 100px}.settings-dialog{max-width:650px;max-height:85dvh;overflow:auto}.setting-section{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.setting-section h3{font:700 16px Manrope,system-ui}.setting-section small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:6px}.setting-section p{font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0}.setting-row>span,.setting-row b{font-size:12px}.secondary{border:1px solid var(--line);background:var(--surface2);color:var(--ink);padding:10px 13px;border-radius:9px;font-size:12px}.danger{color:#e58ca1;border:1px solid #d070874d;background:transparent;padding:10px 13px;border-radius:9px;font-size:12px}details{padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;line-height:1.6}details p{font-size:13px}dialog a{color:var(--cyan)}.footer-links{display:flex;gap:16px}.footer-links button{font-size:10px}#privacy-dialog,#help-dialog{max-width:640px;max-height:85dvh;overflow:auto}#privacy-dialog h3{font-size:15px}#privacy-dialog p{font-size:12px}.reduce-motion *{animation:none!important;transition:none!important}.reduce-motion .noki-button:hover{transform:none}@keyframes love{0%{opacity:0;transform:translateY(5px) scale(.5)}25%{opacity:1}100%{opacity:0;transform:translateY(-75px) scale(1.3)}}@keyframes noki-bounce{50%{transform:translateY(-10px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.noki-heart,.loved img{animation:none!important}.noki-button:hover{transform:none}}@media(max-width:760px){header{padding-top:0;flex-wrap:wrap;gap:14px}.top-controls{gap:8px;margin-left:auto}.top-button{padding:8px 10px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:23px 23px 0}.hero h2 br{display:none}.hero-copy p{max-width:none}.mascot-scene{min-height:285px}.noki-interaction{padding-top:15px}.noki-button{width:215px;height:215px}.noki-speech{font-size:10px}.hero-footer{margin-top:14px}.setting-row{flex-wrap:wrap;gap:10px}footer{display:block}.footer-links{margin-bottom:14px}.settings-dialog{padding:21px}.theme-grid{grid-template-columns:repeat(2,1fr)}}
.rank-emblem{width:100%;height:auto;filter:drop-shadow(0 6px 12px #0004)}.rank-icon{display:block;width:85px;flex-shrink:0}.sidebar-rank .rank-icon{width:65px}.crest>.rank-emblem{width:280px;max-height:210px}.rank-tier .rank-emblem{max-width:150px;margin:0 auto}.rank-tier{padding:19px 8px}.rank-ladder{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar-rank{gap:8px}.rank-tier.locked{opacity:.72}@media(max-width:760px){.rank-banner .rank-icon{width:65px}.rank-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-tier:last-child{grid-column:1/-1}.crest>.rank-emblem{width:250px}}