:root{--night:#1a1a2e;--night-light:#2d2d44;--warm-glow:#f0c27f;--warm-glow-dim:hsla(36,79%,72%,.12);--cream:#faf6f0;--cream-dark:#f0e8dc;--text:#3d322c;--text-light:#8a7a6e;--text-muted:#b8aaa0;--white:#fff;--radius:20px;--radius-sm:12px;--radius-xs:8px;--shadow:0 2px 12px rgba(26,26,46,.06);--shadow-hover:0 8px 32px rgba(26,26,46,.1);--transition:all .35s cubic-bezier(.25,.46,.45,.94);--c-mood:#f0c6d6;--c-work:#a8d5ba;--c-night:#a8b8d4;--c-skill:#d4c5a8;--c-daily:#c8d2c0;--bg-primary:var(--cream);--bg-secondary:var(--white);--bg-card:var(--white);--bg-glass:hsla(0,0%,100%,.8);--text-primary:var(--text);--text-secondary:var(--text-light);--text-muted-var:var(--text-muted);--border-color:var(--cream-dark);--nav-text:rgba(26,26,46,.5);--nav-text-hover:var(--night);--nav-bg-hover:rgba(26,26,46,.04)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--cream);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:780px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:40px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);letter-spacing:.3px;font-family:inherit}.btn--primary{background:linear-gradient(135deg,var(--warm-glow),#dba76a);color:var(--night);box-shadow:0 4px 20px hsla(36,79%,72%,.2)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px hsla(36,79%,72%,.35)}.btn--ghost{background:transparent;color:var(--text-light);padding:12px 24px;border:1.5px solid #e0d8d0}.btn--ghost:hover{border-color:var(--warm-glow);color:var(--warm-glow)}.btn--block{width:100%;justify-content:center}.btn--sm{padding:8px 18px;font-size:.85rem}.btn--danger{background:#e74c3c;color:#fff}.btn--warm{background:var(--warm-glow-dim);color:var(--warm-glow)}.input{width:100%;padding:14px 18px;border-radius:var(--radius-sm);border:1.5px solid #eee;background:var(--cream);color:var(--text);font-size:.93rem;font-family:inherit;outline:none;transition:var(--transition)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--warm-glow);box-shadow:0 0 0 4px hsla(36,79%,72%,.08)}.card,.input:focus{background:var(--white)}.card{border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-hover)}.card--tight{padding:20px}.card--night{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08)}.badge{display:inline-block;padding:4px 14px;border-radius:40px;font-size:.78rem;font-weight:500}.badge--ghost{background:#f0f0f0;color:var(--text-light)}.alert{padding:14px 18px;border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.alert--error{background:#fde8e8;color:#c0392b}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#16213e,#1a1a2e 30%,#2d2d44 60%,#1a1a2e);padding:40px 24px}.auth-card{width:100%;max-width:420px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius);padding:40px 32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard{min-height:100vh;background:var(--cream)}.dh{padding:12px 0;background:var(--night);position:-webkit-sticky;position:sticky;top:0;z-index:100}.dh-in{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:0 20px}.dh-brand{color:var(--cream);font-weight:700;letter-spacing:1px;font-size:1rem;white-space:nowrap}.db{max-width:960px;margin:0 auto;padding:28px 20px 80px}.db-title{font-size:1.4rem;font-weight:700;color:var(--night);margin-bottom:24px}.d-nav{display:flex;gap:4px}.d-nav a,.d-nav button{color:hsla(0,0%,100%,.45);font-size:.85rem;padding:8px 12px;border-radius:10px;transition:var(--transition);white-space:nowrap;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px}.d-nav a:hover,.d-nav button:hover{color:var(--cream);background:hsla(0,0%,100%,.06)}.d-nav a.active{color:var(--warm-glow);background:hsla(36,79%,72%,.1)}@media(max-width:768px){.d-nav{gap:2px}.d-nav a,.d-nav button{font-size:.78rem;padding:6px 8px}.d-nav a span.nav-label{display:none}}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.pc{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:var(--transition)}.pc:hover{box-shadow:var(--shadow-hover)}.pc-m{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.82rem;color:var(--text-muted);flex-wrap:wrap}.pc-a{color:var(--text-light);font-size:.85rem}.pc-a,.pc-t{font-weight:600}.pc-t{font-size:1.05rem;color:var(--night);margin-bottom:8px;line-height:1.4}.pc-c{font-size:.93rem;color:var(--text-light);line-height:1.9;white-space:pre-wrap}.pc-f{gap:16px;margin-top:14px}.pc-f button{background:none;border:none;padding:4px 10px;border-radius:20px;display:flex}.cm-box{margin-top:14px;padding-top:14px}.cm-text{color:var(--text-light);margin-top:2px;line-height:1.6;font-size:.88rem}.spinner{width:32px;height:32px;border:3px solid #eee;animation:spin .7s linear infinite;margin:40px auto}.particle{background:hsla(36,79%,72%,.2);animation:floatp 8s ease-in-out infinite}@keyframes floatp{0%,to{transform:translateY(0)scale(1);opacity:.3}50%{transform:translateY(-40px)scale(1.5);opacity:.8}}.h-nav{padding:18px 0;transition:.5s}.h-nav.scrolled{background:rgba(26,26,46,.85)}.h-nav-in{max-width:780px}.hl{font-size:1.2rem}.h-links{gap:24px}.h-links a{font-size:.9rem;color:hsla(0,0%,100%,.7);transition:.3s}.h-links a:hover{color:var(--warm-glow)}.h-cta{background:var(--warm-glow);padding:8px 20px;font-weight:600!important}@media(max-width:640px){.h-links a:not(.h-cta){display:none}}.hb{padding:120px 0 60px}.ht{max-width:600px}.h-badge{padding:6px 18px;margin-bottom:28px}.h1{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;margin-bottom:8px}.hs{font-size:clamp(1rem,2.5vw,1.3rem);letter-spacing:6px}.hp{font-size:1.05rem;color:hsla(36,50%,96%,.6);margin:24px 0 36px}.hw{z-index:2;line-height:0;margin-top:-2px}.hw svg{height:80px}.sec{padding:100px 0;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.sec.visible{opacity:1;transform:translateY(0)}.sec--cream{background:var(--cream-dark)}.sec--join{background:linear-gradient(160deg,#faf6f0,#f0e8dc)}.st{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--night);margin-bottom:48px}.ss,.st{text-align:center}.ss{color:var(--text-light);font-size:1rem;margin:-32px 0 48px}.ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:24px;gap:24px}.ac{text-align:center;padding:40px 24px 32px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);opacity:0;transform:translateY(24px)}.ac.visible{opacity:1;transform:translateY(0)}.ac:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.ai{font-size:2.6rem;display:block;margin-bottom:16px}.wl{max-width:540px;margin:0 auto 40px;flex-direction:column;gap:16px}.wi,.wl{display:flex}.wi{align-items:flex-start;gap:18px;background:var(--white);padding:24px;border-radius:var(--radius-sm);box-shadow:var(--shadow);transition:var(--transition);opacity:0;transform:translateY(24px)}.wi.visible{opacity:1;transform:translateY(0)}.wi:hover{transform:translateX(6px)}.we{font-size:1.8rem;flex-shrink:0;line-height:1}.wn{text-align:center;padding:24px;background:var(--white);border-radius:var(--radius-sm);max-width:540px;margin:0 auto;border-left:4px solid var(--warm-glow)}@media(max-width:640px){.ag{grid-template-columns:1fr}}.fl{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;max-width:960px;margin:0 auto 48px}@media(max-width:768px){.fl{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.fl{grid-template-columns:1fr}}.ft{background:var(--white);padding:36px 32px;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);opacity:0;transform:translateY(24px)}.ft.visible{opacity:1;transform:translateY(0)}.ft:hover{transform:translateY(-4px)}.fi{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--warm-glow-dim);border-radius:16px;margin-bottom:18px;font-size:1.8rem}.ff{margin-top:14px;padding-top:14px;border-top:1px solid hsla(36,79%,72%,.15);font-size:.88rem;color:var(--text-muted)}.ff strong{color:var(--warm-glow)}.cv{text-align:center;max-width:500px;margin:0 auto;padding:40px 32px;background:linear-gradient(135deg,var(--night),var(--night-light));border-radius:var(--radius);opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease}.cv.visible{opacity:1;transform:scale(1)}.cv blockquote{font-size:1.05rem;color:hsla(36,50%,96%,.75);line-height:2;font-style:italic}.cv cite{display:block;margin-top:16px;font-style:normal;font-size:.85rem;color:var(--warm-glow);opacity:.7}.jc{max-width:520px;margin:0 auto;background:var(--white);border-radius:var(--radius);padding:48px 40px;box-shadow:var(--shadow)}.jt{font-size:1.5rem;font-weight:700;color:var(--night);margin-bottom:10px}.jd,.jt{text-align:center}.jd{color:var(--text-light);font-size:.93rem;line-height:1.9;margin-bottom:28px}.jd strong{color:var(--warm-glow)}.jf{display:flex;flex-direction:column;gap:14px;max-width:400px;margin:0 auto}.ji{width:100%;padding:14px 18px;border-radius:var(--radius-sm);border:1.5px solid #eee;background:var(--cream);color:var(--text);font-size:.93rem;font-family:inherit;outline:none;transition:var(--transition)}.ji:focus{border-color:var(--warm-glow);background:var(--white);box-shadow:0 0 0 4px hsla(36,79%,72%,.08)}.jn{text-align:center;color:var(--text-muted);font-size:.78rem;margin-top:16px}@media(max-width:640px){.jc{padding:32px 24px}}.bn{background:var(--night);text-align:center;padding:64px 0}.bnt{font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700;color:var(--cream)}.bns{font-size:clamp(1rem,2vw,1.1rem);color:var(--warm-glow);opacity:.7;letter-spacing:8px;margin-top:8px}.ftr{background:var(--night);padding:36px 0;border-top:1px solid hsla(0,0%,100%,.04)}.fti{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ftb{font-size:1rem;font-weight:700;color:var(--cream);letter-spacing:1px}.ftt{font-size:.78rem;color:hsla(36,50%,96%,.25);margin-top:2px}.ftc{font-size:.85rem;color:hsla(36,50%,96%,.2)}@media(max-width:640px){.sec{padding:64px 0}}.tabs{gap:6px;margin-bottom:20px}.tab{padding:6px 16px;border:1.5px solid #e0d8d0;color:var(--text-light);font-size:.82rem;transition:var(--transition)}.cat-mood{background:#fce4ec;color:#c0392b}.cat-work{background:#e8f5e9;color:#27ae60}.cat-night{background:#e8eaf6;color:#37474f}.cat-skill{background:#fff8e1;color:#f39c12}.cat-daily{background:#f0f4c3;color:#7d8a2e}@media(max-width:768px){.db{padding:20px 16px 60px}}@media(max-width:640px){.dh-in{padding:0 12px}.d-nav a,.d-nav button{padding:5px 6px;font-size:.75rem}}.hero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;background:hsla(36,79%,72%,.1);animation:floatUp 12s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.15)}50%{transform:translateY(-10px) scale(.9)}75%{transform:translateY(-30px) scale(1.05)}}.h-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:var(--transition)}.h-nav.scrolled{background:rgba(26,26,46,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 0;box-shadow:0 2px 30px rgba(0,0,0,.2)}.h-nav-in{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:0 24px}.hl{font-size:1.1rem;font-weight:700;color:var(--cream);letter-spacing:1px}.h-links{display:flex;align-items:center;gap:20px}.h-links a{color:hsla(36,50%,96%,.5);font-size:.88rem;transition:var(--transition)}.h-links a:hover{color:var(--cream)}.h-cta{background:linear-gradient(135deg,var(--warm-glow),#dba76a);color:var(--night)!important;padding:10px 24px;border-radius:40px;font-weight:600;font-size:.88rem!important;transition:var(--transition)!important}.h-cta:hover{transform:translateY(-2px)!important;box-shadow:0 8px 30px hsla(36,79%,72%,.25)!important}.hb{flex:1 1;display:flex;align-items:center;position:relative;z-index:2}.ht{text-align:center;padding:80px 0 40px;max-width:700px;margin:0 auto}.h-badge{display:inline-block;padding:6px 20px;border-radius:40px;background:hsla(36,79%,72%,.1);border:1px solid hsla(36,79%,72%,.15);color:var(--warm-glow);font-size:.82rem;letter-spacing:2px;margin-bottom:24px}.h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--cream);line-height:1.2;margin-bottom:12px}.hs{display:block;font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--warm-glow);font-weight:400;margin-top:8px;letter-spacing:2px;opacity:.8}.hp{font-size:clamp(.95rem,1.5vw,1.1rem);color:hsla(36,50%,96%,.5);line-height:2;margin:24px auto;max-width:520px}.ha{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px}.hw{position:relative;z-index:3;margin-top:-1px}.hw svg{display:block;width:100%;height:auto}@media(max-width:768px){.ha{flex-direction:column;align-items:center}.h-cta{width:100%;text-align:center}}@media(max-width:640px){.h-nav-in{padding:0 16px}.ht{padding:60px 0 20px}h1{font-size:1.6rem}}.anim{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.anim.visible{opacity:1;transform:translateY(0)}.anim-scale{opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease}.anim-scale.visible{opacity:1;transform:scale(1)}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid var(--warm-glow);border-radius:50%;animation:spin .8s linear infinite;margin:80px auto}@keyframes spin{to{transform:rotate(1turn)}}.cm-box{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.cm-item{padding:10px 14px;margin-bottom:8px;background:var(--cream);border-radius:var(--radius-xs);font-size:.88rem}.cm-author{font-weight:600;color:var(--text-light);font-size:.8rem;display:block;margin-bottom:2px}.cm-text{color:var(--text);line-height:1.7;font-size:.9rem}.pc-f{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #f0f0f0;flex-wrap:wrap}.pc-f button{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:40px;border:1.5px solid #eee;background:transparent;color:var(--text-muted);font-size:.82rem;cursor:pointer;font-family:inherit;transition:var(--transition)}.pc-f button.active,.pc-f button:hover{border-color:var(--warm-glow);color:var(--warm-glow);background:var(--warm-glow-dim)}[data-theme=night] .d-nav a,[data-theme=night] .d-nav button{color:hsla(36,50%,96%,.5)!important}[data-theme=night] .d-nav a.active,[data-theme=night] .d-nav a:hover,[data-theme=night] .d-nav button:hover{color:var(--cream)!important;background:hsla(0,0%,100%,.06)!important}[data-theme=night] .modal-content{background:var(--night-light)!important;border:1px solid hsla(0,0%,100%,.08)}[data-theme=night] .modal-content h3{color:var(--cream)!important}[data-theme=night] .modal-content .input{background:hsla(0,0%,100%,.06)!important;color:var(--cream)!important;border-color:hsla(0,0%,100%,.08)!important}[data-theme=night] .tabs .tab{border-color:hsla(0,0%,100%,.1)!important;color:hsla(36,50%,96%,.5)!important}[data-theme=night] .tabs .tab.active{background:var(--warm-glow-dim)!important;border-color:var(--warm-glow)!important;color:var(--warm-glow)!important}@keyframes moodFloat{0%,to{transform:translateY(-2px)}50%{transform:translateY(-5px)}}.card-night{background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.08)!important;color:hsla(36,50%,96%,.8)}.card-night .db-title,.card-night .pc-t{color:var(--cream)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d0c8c0}::-webkit-scrollbar-thumb:hover{background:#b8aaa0}.sec-divider{height:1px;background:linear-gradient(90deg,transparent,hsla(36,79%,72%,.12),transparent);margin:0 24px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.state-card{position:relative;overflow:hidden}.state-card-bg{position:absolute;top:-50%;right:-20%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,hsla(36,79%,72%,.08),transparent);pointer-events:none}.dh{transition:background .3s ease,box-shadow .3s ease}@keyframes floatGlow{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.2)}50%{box-shadow:0 4px 30px hsla(36,79%,72%,.15),0 0 40px hsla(36,79%,72%,.05)}}.float-online:hover{transform:translateY(-4px)}.route-fade{transition:opacity .3s ease}to{opacity:1;transform:translateY(0)}.d-nav a:after,.d-nav button:after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;border-radius:2px;background:var(--warm-glow);transition:transform .25s ease}.d-nav a.active:after,.d-nav button.active:after{transform:translateX(-50%) scaleX(1)}.btn:active{transform:scale(.97)!important}.float-online{animation:floatGlow 4s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.float-online:hover{animation:none;transform:translateY(-4px)!important;box-shadow:0 8px 30px rgba(0,0,0,.3)!important}.mood-bar{transition:height .6s cubic-bezier(.25,.46,.45,.94);border-radius:6px 6px 0 0}.cal-day:hover{background:var(--warm-glow-dim)!important;transform:scale(1.05)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(25,14%,67%,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(25,14%,67%,.5)}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6ab04c;animation:pulse 2s ease-in-out infinite;margin-right:6px;vertical-align:middle;box-shadow:0 0 6px rgba(106,176,76,.4)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:10px 20px;border-radius:40px;border:1.5px solid #eee;background:transparent;color:var(--text-muted);font-size:.88rem;cursor:pointer;font-family:inherit;transition:all .25s ease}.tab.active,.tab:hover{border-color:var(--warm-glow);color:var(--warm-glow)}.tab.active{background:var(--warm-glow-dim);font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(26,26,46,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:var(--radius);padding:32px;max-width:440px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:modalBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalBounce{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=night] .dashboard,[data-theme=night] body{background:var(--night)!important;color:hsla(36,50%,96%,.85)!important}[data-theme=night] .card,[data-theme=night] .pc{background:hsla(0,0%,100%,.04)!important;border-color:hsla(0,0%,100%,.08)!important;box-shadow:none!important}[data-theme=night] .card:hover,[data-theme=night] .pc:hover{box-shadow:0 4px 20px rgba(0,0,0,.2)!important}[data-theme=night] .db-title,[data-theme=night] .pc-t,[data-theme=night] h1,[data-theme=night] h2,[data-theme=night] h3{color:var(--cream)!important}[data-theme=night] .card p,[data-theme=night] .pc-c{color:hsla(36,50%,96%,.7)!important}[data-theme=night] .pc-a,[data-theme=night] .pc-m{color:hsla(36,50%,96%,.5)!important}[data-theme=night] .input{background:hsla(0,0%,100%,.06)!important;border-color:hsla(0,0%,100%,.08)!important;color:var(--cream)!important}[data-theme=night] .input::placeholder{color:hsla(36,50%,96%,.3)!important}[data-theme=night] select,[data-theme=night] select.input{background:hsla(0,0%,100%,.06)!important;border-color:hsla(0,0%,100%,.08)!important;color:var(--cream)!important}[data-theme=night] select option,[data-theme=night] select.input option{background:#1a1a2e!important;color:var(--cream)!important}[data-theme=night] .input:focus{background:hsla(0,0%,100%,.1)!important;border-color:var(--warm-glow)!important}[data-theme=night] .cm-text{color:hsla(36,50%,96%,.7)!important}[data-theme=night] .badge--ghost{background:hsla(0,0%,100%,.06)!important;color:hsla(36,50%,96%,.5)!important}[data-theme=night] .pc-f button{border-color:hsla(0,0%,100%,.1)!important;color:hsla(36,50%,96%,.5)!important}[data-theme=night] .pc-f button:hover{border-color:var(--warm-glow)!important;color:var(--warm-glow)!important;background:var(--warm-glow-dim)!important}@keyframes achievementUnlock{0%{transform:scale(.5) rotate(-5deg);opacity:0}50%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.achievement-badge{animation:achievementUnlock .6s cubic-bezier(.34,1.56,.64,1) both}.achievement-badge:nth-child(2){animation-delay:.1s}.achievement-badge:nth-child(3){animation-delay:.2s}.achievement-badge:nth-child(4){animation-delay:.3s}@keyframes confettiDrop{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(60px) rotate(1turn);opacity:0}}.confetti-piece{position:absolute;width:6px;height:6px;border-radius:2px;animation:confettiDrop 1.5s ease-in forwards}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-wrap{animation:pageSlideIn .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:cardFadeUp .5s ease both}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}.card:nth-child(5){animation-delay:.32s}.badge,.btn,.pc-f button,.tab{transition:all .25s cubic-bezier(.25,.46,.45,.94)!important}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.97)}@keyframes notifPulse{0%,to{box-shadow:0 0 0 0 hsla(36,79%,72%,.4)}50%{box-shadow:0 0 0 6px hsla(36,79%,72%,0)}}.notif-badge{animation:notifPulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}[data-theme=night] .skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.04) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.04) 75%);background-size:200px 100%}.badge--ghost,.card,.cm-item,.input,.pc,body{transition:background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out,box-shadow .5s ease-in-out!important}@media(max-width:480px){.container{padding:0 16px}.hero__bg{opacity:.4}.h-nav-in{padding:0 12px}.hl{font-size:.95rem}.h-links{gap:6px}.h-links a{font-size:.82rem;padding:6px 12px}.h-cta{padding:6px 14px!important;font-size:.82rem!important}.hb{padding:100px 0 40px}.ht{text-align:center}.h-badge{font-size:.75rem;padding:4px 14px;margin-bottom:20px}.hp{font-size:.9rem;margin:16px 0 28px}.ha .btn{width:100%;justify-content:center;font-size:.88rem;padding:11px 20px}.hw svg{height:50px}.sec{padding:48px 0}.st{font-size:1.3rem;margin-bottom:28px}.ss{font-size:.85rem;margin:-20px 0 28px}.ac{padding:28px 20px 24px}.ai{font-size:2rem;margin-bottom:12px}.ac-title{font-size:1rem!important}.ac-desc{font-size:.85rem!important}.wi{padding:18px;gap:14px}.we{font-size:1.4rem}.wi-title{font-size:.92rem!important}.wi-desc{font-size:.83rem!important}.ft{padding:24px 20px}.fi{width:48px;height:48px;font-size:1.4rem;margin-bottom:12px}.ft-title{font-size:1rem!important}.ft-desc{font-size:.83rem!important}.jc{padding:28px 20px}.jt{font-size:1.2rem}.jd{font-size:.85rem}.ji{padding:12px 14px;font-size:.88rem}.btn--block{padding:12px;font-size:.9rem}.jn{font-size:.72rem}.bn{padding:40px 0}.bnt{font-size:1.2rem}.bns{font-size:.85rem;letter-spacing:4px}.ftr{padding:24px 0}.fti{flex-direction:column;text-align:center;gap:8px}.ftc{font-size:.78rem}.fl{gap:12px}.cv{padding:28px 20px}.cv blockquote{font-size:.9rem}.cv cite{font-size:.78rem}.wn{padding:16px}.wn-text{font-size:.85rem!important}.auth-page{padding:20px 16px!important}.auth-card{padding:32px 24px!important}}[data-theme=night] .cm-text,[data-theme=night] .pc-c{color:hsla(36,50%,96%,.85)!important}[data-theme=night] .cm-author{color:var(--warm-glow)!important}[data-theme=night] .cm-item{background:hsla(0,0%,100%,.06)!important;border-color:hsla(0,0%,100%,.08)!important}[data-theme=night] .cm-box{border-top-color:hsla(0,0%,100%,.08)!important}@media (prefers-reduced-motion:reduce){.badge--ghost,.card,.cm-item,.input,.pc,body{transition-duration:0s!important}.achievement-badge,.card,.confetti-piece,.page-wrap,.pc{animation:none!important}.confetti-piece{display:none!important}.online-dot{animation:none!important}}.dust-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.ft-title{font-size:1.15rem;font-weight:700;color:var(--night);margin-bottom:10px}.ft-desc{font-size:.92rem;color:var(--text-light);line-height:1.85}.ac-title{font-size:1.1rem;font-weight:700;color:var(--night);margin-bottom:10px}.ac-desc{font-size:.93rem;color:var(--text-light);line-height:1.9}.wi-title{display:block;font-size:1.05rem;color:var(--night);margin-bottom:4px}.wi-desc{font-size:.92rem;line-height:1.8}.wi-desc,.wn-text{color:var(--text-light)}.wn-text{font-size:.95rem}.wn-highlight{color:var(--night)}[data-theme=night] .dust-canvas{opacity:.6}[data-theme=night] .sec{background:#1a1a2e!important}[data-theme=night] .sec--cream{background:var(--night-light)!important}[data-theme=night] .sec--join{background:var(--night)!important}[data-theme=night] .st{color:var(--cream)!important}[data-theme=night] .ss{color:hsla(36,50%,96%,.6)!important}[data-theme=night] .ac{background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.06)}[data-theme=night] .ac-title,[data-theme=night] .ft-title,[data-theme=night] .wi-title{color:var(--cream)!important}[data-theme=night] .ac-desc,[data-theme=night] .ft-desc,[data-theme=night] .wi-desc,[data-theme=night] .wn-text{color:hsla(36,50%,96%,.7)!important}[data-theme=night] .wn-highlight{color:var(--warm-glow)!important}[data-theme=night] .ft,[data-theme=night] .wi{background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.06)}[data-theme=night] .wn{background:hsla(0,0%,100%,.04)!important;border-left:4px solid var(--warm-glow)!important}[data-theme=night] .jc{background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.06)}[data-theme=night] .jt{color:var(--cream)!important}[data-theme=night] .jd{color:hsla(36,50%,96%,.6)!important}[data-theme=night] .ji{background:hsla(0,0%,100%,.06)!important;border-color:hsla(0,0%,100%,.08)!important;color:var(--cream)!important}[data-theme=night] .ji:focus{background:hsla(0,0%,100%,.1)!important;border-color:var(--warm-glow)!important}[data-theme=night] .jn{color:hsla(36,50%,96%,.3)!important}[data-theme=night] .bn,[data-theme=night] .ftr{border-top:1px solid hsla(0,0%,100%,.06)}[data-theme=night] .ff{color:hsla(36,50%,96%,.3)!important}@keyframes buddyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-theme=night] .globe-wrap{background:var(--night-light)!important}[data-theme=day] .dashboard,[data-theme=day] body{background:var(--cream)!important;color:var(--text)!important}.card,.dashboard,.input,.pc,a,body,button,html{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[style*=opacity],[style*=transform],canvas{transition:none!important}.online-badge-hover:hover{transform:translateY(-6px) scale(1.03)!important;box-shadow:0 12px 40px rgba(0,0,0,.4)!important}.online-badge-hover{transition:all .4s cubic-bezier(.25,.46,.45,.94)!important}[data-theme=night] .capsule-text-primary{color:hsla(36,50%,96%,.7)!important}[data-theme=night] .capsule-text-secondary{color:hsla(36,50%,96%,.5)!important}[data-theme=night] .capsule-text-muted{color:hsla(36,50%,96%,.25)!important}[data-theme=night] .capsule-text-accent{color:hsla(36,79%,72%,.6)!important}[data-theme=night] .capsule-input{background:hsla(0,0%,100%,.06)!important;border-color:hsla(30,27%,71%,.3)!important;color:hsla(36,50%,96%,.8)!important}[data-theme=day] .capsule-text-primary{color:rgba(61,50,44,.8)!important}[data-theme=day] .capsule-text-secondary{color:rgba(61,50,44,.6)!important}[data-theme=day] .capsule-text-muted{color:hsla(26,11%,49%,.5)!important}[data-theme=day] .capsule-text-accent{color:#dba76a!important}[data-theme=day] .capsule-input{background:hsla(36,50%,96%,.8)!important;border-color:hsla(30,27%,71%,.3)!important;color:#3d322c!important}[data-theme=day] .auth-page-bg{background:linear-gradient(160deg,#f5f0e8,#faf6f0 30%,#f0e8dc 60%,#faf6f0)!important}[data-theme=day] .auth-card-bg{background:rgba(61,50,44,.04)!important}[data-theme=day] .auth-text{color:#3d322c!important}[data-theme=day] .auth-text-muted{color:rgba(61,50,44,.5)!important}[data-theme=day] .auth-input{background:hsla(36,50%,96%,.8)!important;border-color:hsla(30,27%,71%,.3)!important;color:#3d322c!important}[data-theme=night]{--text:var(--cream);--text-light:hsla(36,50%,96%,.85);--text-muted:hsla(36,50%,96%,.55);--text-primary:#f8f9fa;--text-secondary:#b3b8c2;--text-tertiary:#6c757d;--tag-new:#ff9e44;--tag-night:#64ffda;--tag-active:#4ade80}@media (prefers-color-scheme:dark){:root:not([data-theme=day]){--text-primary:#f8f9fa;--text-secondary:#b3b8c2;--text-tertiary:#6c757d}}[data-theme=night] .buddy-username{color:var(--text-primary)!important;font-weight:500!important}[data-theme=night] .buddy-status{color:var(--text-secondary)!important}[data-theme=night] .buddy-badge-new{color:var(--tag-new)!important;background:rgba(255,158,68,.12)!important}[data-theme=night] .buddy-badge-night{color:var(--tag-night)!important;background:rgba(100,255,218,.1)!important}[data-theme=night] .buddy-card{background:hsla(0,0%,100%,.04)!important;border-color:hsla(0,0%,100%,.06)!important}[data-theme=day] .buddy-username{color:var(--night)!important;font-weight:500!important}[data-theme=day] .buddy-status{color:var(--text-secondary)!important}[data-theme=day] .buddy-badge-new{color:var(--tag-new)!important;background:rgba(230,126,34,.08)!important}[data-theme=day] .buddy-badge-night{color:var(--tag-night)!important;background:rgba(41,128,185,.08)!important}[data-theme=day] .buddy-card{background:var(--white)!important}.badge-tag-new{color:var(--tag-new,#ff9e44)!important;background:rgba(255,158,68,.12)!important}.badge-tag-night{color:var(--tag-night,#64ffda)!important;background:rgba(100,255,218,.1)!important}.status-text{color:var(--text-secondary,var(--text-light))!important}.mobile-nav-toggle{display:none;position:fixed;top:10px;right:12px;z-index:200;width:40px;height:40px;background:rgba(26,26,46,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;touch-action:manipulation}.hamburger-line{display:block;width:18px;height:2px;background:hsla(36,50%,96%,.8);border-radius:2px;transition:all .2s}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;touch-action:none}.mobile-nav-drawer{display:none;position:fixed;top:0;right:-100%;bottom:0;width:280px;max-width:80vw;background:rgba(26,26,46,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid hsla(0,0%,100%,.06);z-index:350;flex-direction:column;transition:right .3s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav-drawer.open{right:0}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid hsla(0,0%,100%,.06)}.mobile-nav-title{font-size:1rem;font-weight:700;color:var(--cream,#faf6f0);letter-spacing:1px}.mobile-nav-close{width:32px;height:32px;background:hsla(0,0%,100%,.06);border:none;border-radius:8px;color:hsla(36,50%,96%,.6);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.mobile-nav-links{flex:1 1;padding:12px;display:flex;flex-direction:column;gap:2px}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;color:hsla(36,50%,96%,.6);text-decoration:none;font-size:.95rem;transition:all .2s;position:relative;touch-action:manipulation;min-height:48px}.mobile-nav-link:active{transform:scale(.97);opacity:.8}.mobile-nav-link.active{background:hsla(36,79%,72%,.1);color:var(--warm-glow,#f0c27f);font-weight:600}.mobile-nav-link .mobile-nav-icon{font-size:1.2rem;width:28px;text-align:center}.mobile-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--warm-glow,#f0c27f);border-radius:0 3px 3px 0}.mobile-nav-footer{padding:12px 12px 24px;border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:2px}.mobile-nav-footer-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:hsla(36,50%,96%,.45);text-decoration:none;font-size:.85rem;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s;touch-action:manipulation;min-height:44px}.mobile-nav-footer-link:active{transform:scale(.97);opacity:.7}@media (max-width:768px){.mobile-nav-toggle{display:flex}.mobile-nav-overlay{display:block}.mobile-nav-drawer{display:flex}.d-nav{display:none!important}.db{padding:20px 16px 80px}.dh-in{padding:0 12px}.globe-wrap{min-height:200px!important;margin-bottom:20px!important}.card-list .card{padding:12px 14px!important}.db-title{font-size:1.2rem!important}.container{padding:0 16px}.card{padding:20px 16px}.btn,.input,a,button,select{min-height:44px}.btn,a,button{display:inline-flex;align-items:center;justify-content:center}.dh{padding-top:env(safe-area-inset-top,0)}[style*="bottom:"]{padding-bottom:env(safe-area-inset-bottom,0)}*{touch-action:manipulation}body{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}[style*="position: fixed"][style*="bottom:"]{bottom:calc(24px + env(safe-area-inset-bottom, 0))!important}[style*="position: fixed"][style*="right:"][style*="z-index:999"]{right:calc(24px + env(safe-area-inset-right, 0))!important}input,select,textarea{font-size:16px!important}}@media (max-width:480px){.db{padding:16px 12px 80px}.mobile-nav-drawer{width:100%;max-width:100%}}