/* Shared visual language with the Android app: calm surfaces, lime actions,
   generous rounded cards, and readable category-first navigation. */
:root{--bg:#090c11;--bg-soft:#090c11;--surface:#121722;--surface-elevated:#1c2433;--surface-card:#171d29;--card-border:#293141;--text-main:#f4f7fb;--text-subtle:#bbc2cf;--text-faint:#98a3b5;--text-muted:#bbc2cf;--radius-lg:22px;--radius-md:16px;--radius-pill:12px;--shadow-soft:none;--shadow-card:none;--header-bg:#090c11f5}
body{background:var(--bg)}.page-backdrop,.page-noise,.card::before{display:none}.site-header{padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--card-border);box-shadow:none;background:var(--header-bg)}.brand-wrap{position:relative;padding-left:54px;min-height:42px;justify-content:center}.brand-wrap::before{content:"PP";position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#090c11;background:var(--accent);font-size:15px;font-weight:800;letter-spacing:-1px}.brand{font-size:1.2rem;letter-spacing:-.6px}.brand-subtitle{font-size:.7rem;color:var(--text-faint)}.top-nav{gap:4px}.top-nav a{border:0;border-radius:12px;padding:10px 12px;font-weight:500}.top-nav a[href="/privacy"],.top-nav a[href="/terms"]{display:none}.top-nav a:hover,.top-nav a[aria-current="page"]{background:var(--surface-card);color:var(--accent)}.page-shortcuts{background:transparent;border:0;box-shadow:none;gap:8px;margin-top:16px}.page-shortcuts a{border-radius:12px;background:var(--surface);border-color:var(--card-border);font-weight:500}.mobile-nav-drawer{background:var(--surface);box-shadow:-20px 0 80px #0006}.mobile-nav-links a,.mobile-nav-link{border-radius:14px}.layout{gap:24px;margin-top:24px}.card{background:var(--surface);border-radius:22px;border-color:var(--card-border);box-shadow:none;animation:none;padding:28px}.hero.card{border:0;background:transparent;padding:16px 16px 16px 0}.hero-layout{grid-template-columns:1fr!important;gap:28px}.hero-copy{gap:20px}.eyebrow{background:transparent;border:0;padding:0;font-size:.66rem;letter-spacing:2px}.hero h1{font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.12;letter-spacing:-1.7px;max-width:630px}.lead{color:var(--text-subtle);font-weight:400;max-width:48ch}.hero-cta{gap:10px}.hero-preview{background:var(--surface);border:1px solid var(--card-border);border-radius:22px;padding:22px;box-shadow:none}.preview-status{font-size:.75rem;color:var(--text-subtle)}.category-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.category-preview-grid a{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:16px;text-decoration:none;min-width:0;font-size:.8rem;transition:border-color .15s}.category-preview-grid a:hover{border-color:var(--accent)}.category-preview-grid b{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:#ccff0012;color:var(--accent);font-size:.8rem}.category-preview-grid small{display:block;color:var(--text-faint);font-size:.65rem;margin-top:3px}.hero-signals{border:0;background:transparent;padding:0;gap:20px}.signal-item{border:0;padding:0;background:none}.signal-item strong{font-size:.72rem;font-weight:400;color:var(--text-subtle)}.signal-label{font-size:.65rem}.auth{gap:16px}.auth .card-title{font-size:1.3rem}.auth .muted.compact{font-size:.8rem}.btn{border-radius:14px;box-shadow:none;min-height:44px;font-weight:600}.btn-primary{background:var(--accent);color:#090c11}.btn-secondary{background:var(--surface-card);border-color:var(--card-border)}input,select,textarea{border-radius:14px!important;background:#090c11!important;border-color:var(--card-border)!important}.tabs{background:var(--bg);border:1px solid var(--card-border);border-radius:14px;padding:4px}.tab{border-radius:10px}.tab.active{background:var(--surface-elevated);color:var(--accent);box-shadow:none}.card-title{letter-spacing:-.6px}.subscriptions .section-header{gap:12px}.category-card,.tips-page-chip,.tip-card,.website-plan-preview,.website-plan-preview__card{background:var(--surface-card);border:1px solid var(--card-border);border-radius:20px;box-shadow:none}.category-card::before,.category-card::after,.tips-page-chip::before,.tips-page-chip::after{display:none}.category-card:hover,.tips-page-chip:hover{box-shadow:none;transform:translateY(-2px);border-color:#52613a}.category-name{letter-spacing:-.4px}.category-description{font-size:.8rem}.plan-option{border-radius:13px;background:var(--surface);border-color:#394354;min-height:52px}.plan-option:hover{background:#ccff000a;border-color:var(--accent)}.pill{border-radius:8px;font-size:.6rem;letter-spacing:.8px}.tips-hero.card{background:transparent;border:0;padding:12px 0}.tips-hero-layout{grid-template-columns:1.6fr 1fr;gap:32px}.tips-hero-aside{background:var(--surface);box-shadow:none;border:1px solid var(--card-border);border-radius:22px}.tips-page-chip{min-height:220px}.tips-page-chip__icon{border-radius:15px;box-shadow:none}.public-guide{background:transparent;border:0;padding:24px 0}.public-guide-grid{gap:28px}.public-guide details{border-color:var(--card-border)}.site-footer{background:transparent;color:var(--text-faint);border-color:var(--card-border);font-size:.75rem}.download-shell,.download-card,.download-primary{box-shadow:none;border-radius:20px}.loading-state{background:var(--surface);border-radius:20px;border-color:var(--card-border)}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;grid-column:1/-1}.footer-links a{color:var(--text-subtle);text-decoration:none}.footer-links a:hover{color:var(--accent)}.legal-header,.legal-content{background:var(--surface);border:1px solid var(--card-border);border-radius:22px;box-shadow:none}.legal-title{letter-spacing:-1px}.legal-toolbar .back-link{background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px}.tips-empty-state{background:var(--surface-card);border:1px solid var(--card-border);border-radius:22px;box-shadow:none;padding:28px}.tips-empty-state .tip-kicker{color:var(--accent)}
/* Public copy is useful immediately, even while account scripts connect. */
body.is-auth-hydrating .hero .hero-copy,body.is-auth-hydrating .hero .hero-layout,body.is-auth-hydrating .hero .hero-cta,body.is-auth-hydrating .hero .eyebrow,body.is-auth-hydrating .hero h1,body.is-auth-hydrating .hero .lead,body.is-auth-hydrating .hero-layout{visibility:visible}body.is-auth-hydrating .hero::after{display:none}
@media(min-width:1001px){.page-shortcuts{display:none}.hero{grid-column:span 8}.auth{grid-column:span 4}}
@media(max-width:1000px){.layout{gap:20px}.hero.card{padding:8px 0}.hero,.auth{grid-column:span 12}.hero-layout{grid-template-columns:1.15fr 1fr!important;align-items:center}.hero-signals{display:none}.brand-subtitle{display:none}.site-header{padding-top:18px;padding-bottom:18px}.auth{max-width:none}.tips-hero-layout{grid-template-columns:1fr}}
@media(max-width:700px){.layout{margin-top:20px;padding:0 20px}.site-header{padding-left:20px;padding-right:20px}.hero-layout{grid-template-columns:1fr!important}.hero h1{font-size:2.45rem;letter-spacing:-1.25px}.hero-copy{gap:18px}.hero-cta{display:grid;grid-template-columns:1fr 1fr}.hero-cta .btn-primary{grid-column:1/-1}.hero-cta .btn{font-size:.75rem;padding:12px 10px}.hero-preview{padding:18px}.category-preview-grid{gap:9px}.category-preview-grid a{padding:12px 9px;gap:9px;font-size:.72rem}.category-preview-grid small{font-size:.6rem}.card{padding:22px 18px}.public-guide{padding:18px 0}.card-title{font-size:1.4rem}.page-shortcuts{padding:0 20px;gap:8px}.page-shortcuts a{padding:10px 8px;font-size:.75rem}.tips-hero-aside{display:none}.tips-page-toolbar{gap:16px}.tips-page-actions{width:100%}.tips-page-chip{min-height:210px}.website-plan-preview__grid{grid-template-columns:1fr}.site-footer{margin-bottom:20px}}
.website-plan-preview{padding:0;background:transparent;border:0}.website-plan-preview__top{padding:0 0 18px}.website-plan-row{background:var(--surface-card);border:1px solid var(--card-border);border-radius:18px;padding:18px}.website-plan-name{display:block;font-weight:600;margin-bottom:14px}.website-plan-preview__grid{gap:16px}.website-plan-row .category-plan-options{min-height:0}.website-plan-row--selected{border-color:var(--accent);background:#ccff0009}.website-plan-preview__top span{max-width:32ch}.website-plan-preview__top strong{font-size:1rem}.preview-status{background:transparent;padding:0;border:0}.download-copy .lead{max-width:42ch}
@media(max-width:700px){body:not(.is-signed-in) .hero-preview{display:block}.website-plan-row{padding:16px}.website-plan-row .plan-option{flex-direction:row;align-items:center;gap:8px}.website-plan-row .plan-option em{font-size:.58rem}.website-plan-row .plan-option strong{font-size:.76rem}.website-plan-row .plan-option small{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.category-card,.tips-page-chip,.category-preview-grid a{transition:none}.category-card:hover,.tips-page-chip:hover{transform:none}}