@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,400;1,9..144,500&family=DM+Sans:wght@400;500;700&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fbf7f1;--bg2:#f4eee0;--bg3:#ede8dc;--fg:#191714;--fg2:#5a534a;--fg3:#8c8070;--gold:#f08868;--gold-lt:#fee8df;--gold-dim:#e07050;--card:#fff;--border:#e7dfcf;--border2:#d5cfc0;--green:#3a6b46;--green-bg:#e8f0e9;--red:#7a2e22;--red-bg:#f5e4e0;--citrus:#f0d84c;--coral:#f08868;--rose:#e98bae;--plum:#7b3f87;--fern:#7fb069;--sky:#a9d4e6;--amber:#c97b2a;--tier-top-color:#8a7010;--tier-top-bg:rgba(240,216,76,.12);--tier-heart-color:#a04070;--tier-heart-bg:rgba(233,139,174,.14);--tier-base-color:#a05818;--tier-base-bg:rgba(201,123,42,.11);--max-w:480px}body,html{height:100%}body{font-family:DM Sans,system-ui,sans-serif;color:var(--fg);-webkit-font-smoothing:antialiased}.app-shell,body{background:var(--bg)}.app-shell{height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px rgba(0,0,0,.06);display:flex;flex-direction:column}.app-shell,.app-shell--wide{max-width:var(--max-w)}.landing-root{display:flex;flex-direction:column;height:100%}.landing-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 0;flex-shrink:0}.landing-hero{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 32px;position:relative;min-height:0;overflow:hidden}.landing-hero-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.landing-hero-text{position:relative;z-index:1}.landing-cta-panel{padding:16px 32px max(48px,env(safe-area-inset-bottom));flex-shrink:0}.landing-cta-buttons,.landing-cta-panel{display:flex;flex-direction:column;gap:10px}.landing-desktop-header,.landing-features{display:none}.landing-feature-item{display:flex;gap:16px;align-items:flex-start}.landing-brand-serif{font-family:Fraunces,Georgia,serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--fg3)}.app-main{flex:1 1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.sidenav{display:none}.screen-content{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen-content::-webkit-scrollbar{width:2px}.screen-content::-webkit-scrollbar-thumb{background:var(--border2);border-radius:1px}.serif{font-family:Fraunces,Georgia,serif}.mono{font-family:DM Mono,ui-monospace,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border:none;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;transition:all .22s cubic-bezier(.34,1.56,.64,1);border-radius:100px;white-space:nowrap;text-decoration:none}.btn-dark{background:var(--fg);color:var(--bg)}.btn-dark:hover{background:#2e2a26;transform:translateY(-1px);box-shadow:0 4px 14px rgba(25,23,20,.2)}.btn-outline{background:transparent;color:var(--fg2);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--fg2);color:var(--fg);transform:translateY(-1px)}.btn-accent{background:var(--coral);color:#fff}.btn-accent:hover{background:#e06040;transform:translateY(-1px);box-shadow:0 4px 14px hsla(14,82%,67%,.35)}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;border:1.5px solid var(--border);background:var(--card);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--fg2)}.btn-icon:hover{border-color:var(--fg2);color:var(--fg);transform:scale(1.05)}.card{background:var(--card);box-shadow:0 1px 3px rgba(25,23,20,.04),0 6px 24px rgba(25,23,20,.06)}.card,.card-dark{border-radius:20px}.card-dark{background:var(--fg);color:var(--bg)}.chip{border:1.5px solid var(--border);background:var(--card);padding:8px 16px;border-radius:100px;font-size:11.5px;cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1);color:var(--fg2);font-family:DM Sans,system-ui,sans-serif;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.chip:hover{border-color:var(--coral);color:var(--fg)}.chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.input{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:12px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;background:var(--card);color:var(--fg);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--gold-lt)}.input::placeholder{color:var(--fg3)}.pbar{height:2px;background:var(--border);overflow:hidden}.pbar,.pbar-fill{border-radius:2px}.pbar-fill{height:100%;background:var(--gold);transition:width .5s ease}.bnav{position:absolute;bottom:0;left:0;right:0;background:hsla(36,56%,96%,.96);border-top:1px solid var(--border);display:flex;padding:10px 0 max(16px,env(safe-area-inset-bottom));z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bnav-btn{flex:1 1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:DM Sans,system-ui,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--fg3);transition:color .18s;padding:4px 2px;min-width:0;text-decoration:none}.bnav-btn svg{opacity:.45;transition:opacity .18s}.bnav-btn.active{color:var(--fg)}.bnav-btn.active svg{opacity:1}.note-swatch{border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.pill{padding:4px 12px;border-radius:100px;font-size:11px;font-weight:500;display:inline-block}.pill-warm{background:#fee8df;color:var(--tier-base-color)}.pill-gold{background:var(--gold-lt);color:#7a3820}.pill-neutral{background:var(--bg2);color:var(--fg2)}.pill-green{background:var(--green-bg);color:var(--green)}.pill-red{background:var(--red-bg);color:var(--red)}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border:1.5px solid var(--border);border-radius:12px;font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;cursor:pointer;background:var(--card);color:var(--fg2);transition:all .18s}.social-btn:hover{border-color:var(--fg2);color:var(--fg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spinRing{to{transform:rotate(1turn)}}@keyframes spinRingRev{to{transform:rotate(-1turn)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.fade-up{animation:fadeUp .4s cubic-bezier(.34,1.56,.64,1) both}.fade-in{animation:fadeIn .3s ease both}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .4s ease .6s forwards}.loading-rings{position:relative;width:80px;height:80px}.loading-rings div{position:absolute;border-radius:50%;border:1.5px solid transparent}.loading-rings div:first-child{width:80px;height:80px;top:0;left:0;border-top-color:var(--gold);animation:spinRing 1.2s ease-in-out infinite}.loading-rings div:nth-child(2){width:56px;height:56px;top:12px;left:12px;border-right-color:var(--rose);animation:spinRingRev 1s ease-in-out infinite}.loading-rings div:nth-child(3){width:32px;height:32px;top:24px;left:24px;border-bottom-color:var(--citrus);animation:spinRing .8s ease-in-out infinite}.loading-label{margin-top:20px;font-family:DM Mono,ui-monospace,monospace;font-size:9.5px;letter-spacing:3px;text-transform:uppercase;color:var(--fg3);animation:pulse 1.5s ease infinite}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.note-grid,.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.stats-grid{margin-bottom:16px}.hero-title{font-size:clamp(56px,18vw,90px)}@media (min-width:640px){.landing-hero .hero-title{font-size:clamp(100px,13vw,200px)}.app-shell--wide{max-width:100%;box-shadow:none}.app-shell:not(.app-shell--wide){max-width:100%;margin:0;box-shadow:none}.note-grid{grid-template-columns:repeat(3,1fr)}.landing-root{display:flex;flex-direction:row;height:100%}.landing-mobile-header{display:none}.landing-hero{flex:1 1;background:var(--fg);color:var(--bg);padding:60px;text-align:left;align-items:flex-start;justify-content:center}.landing-hero-rings{top:50%;left:50%;opacity:.12}.landing-cta-panel{width:clamp(340px,36%,460px);border-left:1px solid var(--border);background:var(--bg);padding:40px 48px max(48px,env(safe-area-inset-bottom));justify-content:space-between;gap:0}.landing-desktop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-shrink:0}.landing-features{display:flex;flex-direction:column;gap:22px;flex:1 1;justify-content:center}.landing-cta-buttons{display:flex;flex-direction:column;gap:10px;margin-top:32px;flex-shrink:0}}@media (min-width:1024px){.app-shell--wide{flex-direction:row;max-width:100%;margin:0}.app-shell--wide .bnav{display:none}.app-shell--wide .screen-content{padding-bottom:32px!important}.note-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stats-grid{grid-template-columns:repeat(4,1fr)}.page-body{max-width:780px;margin:0 auto;width:100%}.picks-grid-r{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.links-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.dash-top{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start;margin-bottom:24px}.sidenav{display:flex;flex-direction:column;width:220px;min-width:220px;height:100vh;border-right:1px solid var(--border);background:var(--bg);flex-shrink:0;position:relative;z-index:10}.sidenav-header{padding:32px 28px 28px;border-bottom:1px solid var(--border)}.sidenav-nav{flex:1 1;padding:12px 0;display:flex;flex-direction:column;overflow-y:auto}.sidenav-item{display:flex;align-items:center;gap:13px;padding:13px 28px;color:var(--fg3);text-decoration:none;font-family:DM Sans,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;transition:color .18s;white-space:nowrap}.sidenav-item svg{opacity:.45;transition:opacity .18s;flex-shrink:0}.sidenav-item:hover{color:var(--fg)}.sidenav-item:hover svg{opacity:.7}.sidenav-item.active{color:var(--fg);background:var(--gold-lt);border-radius:0 100px 100px 0;margin-right:20px}.sidenav-item.active svg{opacity:1;color:var(--coral)}}@media (min-width:1440px){.sidenav{width:260px;min-width:260px}}@media (max-height:500px) and (orientation:landscape){.app-shell .screen-content{padding-top:16px!important}}@media (max-width:639px){.input{font-size:16px}}