:root{--bg:#f6f1ec;--bg-soft:#fbf8f5;--surface:#fff;--surface-muted:#f7f2fb;--ink:#3f3a42;--ink-soft:#7f7788;--line:#ebe5f0;--lavender:#9f90e6;--lavender-deep:#8e7fda;--mustard:#f2c86b;--mustard-deep:#d8a945;--sage:#d9ead0;--sky:#d7e3f2;--coral:#f2d3bf;--retro:#ecdab0;--success:#d8efd0;--warning:#fde7be;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--shadow-soft:0 12px 24px #3f3a4214;--shadow-card:0 8px 18px #3f3a420f;--font-body:"Nunito", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Bree Serif", "Georgia", serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 8% -8%, #d2c1ed66, transparent 32%), radial-gradient(circle at 96% 0, #edd5b157, transparent 30%), linear-gradient(180deg, var(--bg) 0%, #f3ece6 100%);margin:0}#root{width:min(1120px,100%);margin:0 auto}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink)}.app-shell{padding:1rem 1rem 6.6rem}.skip-link{z-index:100;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);border-radius:10px;padding:.5rem .75rem;font-weight:700;position:absolute;top:-100px;left:1rem}.skip-link:focus-visible{top:.8rem}.page-shell{margin-top:1rem}.page-content{gap:1rem;display:grid}.home-page{gap:1rem}.home-widgets{gap:1rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);padding:1rem;overflow:hidden}.texture-grid{background-image:linear-gradient(#9f90e60a 1px,#0000 1px),linear-gradient(90deg,#9f90e60a 1px,#0000 1px);background-size:16px 16px}.texture-dots{background-image:radial-gradient(#9f90e61a 1px,#0000 1px);background-size:12px 12px}.header{grid-template-columns:auto 1fr;align-items:center;gap:.85rem;display:grid}.brand-mark{border:1px solid var(--line);background:var(--surface-muted);border-radius:15px;width:56px;height:56px;display:inline-flex;overflow:hidden}.brand-logo-image{object-fit:cover;width:100%;height:100%}.header-copy{gap:.3rem;display:grid}.header-copy h1{font-size:clamp(1.25rem,1rem + 1.4vw,1.9rem);line-height:1.1}.month-pill{width:fit-content}.month-switcher{grid-column:1/-1;gap:.35rem;display:grid}.month-switcher-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-size:.73rem;font-weight:700}.month-switcher select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);min-height:40px;font-family:var(--font-body);border-radius:12px;padding:0 .75rem;font-size:.92rem}.month-switcher select:focus-visible{outline-offset:1px;outline:2px solid #9f90e64d}.section-heading{gap:.75rem;display:grid}.section-header{justify-content:space-between;align-items:end;gap:.9rem;display:flex}.section-header h2{font-size:clamp(1.1rem,1rem + 1vw,1.5rem)}.section-description{color:var(--ink-soft);margin-top:.35rem;font-size:.95rem;line-height:1.4}.eyebrow{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.tiny-note{color:var(--ink-soft);font-size:.9rem;line-height:1.35}.inline-link{color:var(--lavender-deep);font-weight:700}.inline-link:hover{text-decoration:underline}.badge{border:1px solid var(--line);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .62rem;font-size:.74rem;font-weight:800;line-height:1.2;display:inline-flex}.badge-neutral{color:#6e6680;background:#f2eef6}.badge-mustard{color:#936d1f;background:#fff2d8;border-color:#f0d8ac}.badge-success{color:#39723a;background:#e9f8e4;border-color:#cfe7c8}.badge-warning{color:#876325;background:#fff4d8;border-color:#f0e1bc}.badge-info{color:#6a5eb4;background:#ece8fb;border-color:#ddd6f4}.badge-retro{color:#7a6241;background:#f7efdc;border-color:#ebddbe}.button{cursor:pointer;min-height:42px;font-family:var(--font-body);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex}.button-full{width:100%}.button-primary{background:var(--lavender);color:#fff;box-shadow:0 6px 14px #9f90e659}.button-primary:hover{background:var(--lavender-deep)}.button-secondary{color:#655a9f;background:#f4f1fb;border-color:#dfd5f2}.button-secondary:hover{background:#ece7f8}.button-success{color:#376a38;background:#e8f6e3;border-color:#cce5c4}.button:disabled,.button[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.status-chip{letter-spacing:.02em;text-transform:uppercase;color:#6c6483;background:#f3effa;border:1px solid #e0d8f1;border-radius:999px;width:fit-content;margin-top:.35rem;padding:.24rem .58rem;font-size:.76rem;font-weight:800}.theme-hero{gap:.75rem;display:grid}.theme-hero h2{font-size:clamp(1.3rem,1.1rem + 1.25vw,2rem);line-height:1.14}.hero-copy{color:var(--ink-soft);font-size:.95rem}.hero-spotlight{gap:.95rem;display:grid}.hero-spotlight-copy{gap:.4rem;display:grid}.hero-spotlight-copy h3{font-size:clamp(1.1rem,1rem + .9vw,1.35rem)}.hero-spotlight-meta,.hero-thumb-meta{color:var(--ink-soft);font-size:.88rem}.hero-actions{margin-top:.2rem}.hero-spotlight-thumb{gap:.45rem;display:grid}.progress-widget{gap:.75rem;display:grid}.progress-widget-top{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.progress-widget h3{font-size:1.12rem;line-height:1.2}.progress-bar{background:#eee8f5;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#a899ea 0%,#8e7fda 100%);height:100%;display:block}.journey-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;display:grid}.journey-cell{border:1px solid var(--line);color:#817a8c;background:#faf8fd;border-radius:8px;place-items:center;height:32px;font-size:.78rem;font-weight:800;display:grid}.journey-cell.done{color:#316936;background:#e6f6df;border-color:#cce5c4}.journey-cell.today{border-color:#d4c7f3;box-shadow:inset 0 0 0 1px #d4c7f3}.journey-cell.locked{opacity:.56}.streak-widget{gap:.7rem;display:grid}.streak-widget-row{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.streak-widget h3{font-size:1.25rem}.welcome-nudge,.onboarding-card{gap:.75rem;display:grid}.welcome-nudge-head{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.spotlight-actions{margin-top:.15rem}.daily-summary-strip{color:var(--ink-soft);gap:.4rem;font-size:.9rem;display:grid}.daily-summary-strip p strong{color:var(--ink)}.daily-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.daily-card{gap:.58rem;transition:transform .15s,box-shadow .15s;display:grid}.daily-card .thumb{justify-self:center;width:78%;min-height:76px}a.daily-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.daily-card.locked{opacity:.76}.daily-card.today{border-color:#dbd0f5;box-shadow:0 8px 18px #9f90e62e,inset 0 0 0 1px #ddd2f5}.daily-card-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.daily-card h3{font-size:1.15rem}.weekly-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.weekly-card{gap:.8rem;display:grid}.weekly-card-content{gap:.5rem;display:grid}.weekly-card-top{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.weekly-card h3{font-size:1.2rem}.weekly-subtitle{color:var(--ink-soft);font-size:.93rem}.meta-grid{gap:.28rem;display:grid}.meta-line{color:var(--ink-soft);font-size:.89rem}.meta-line strong{color:var(--ink)}.pattern-detail{gap:.95rem;display:grid}.pattern-preview-block{justify-content:center;display:flex}.pattern-content-block{gap:.9rem;display:grid}.pattern-headline{gap:.5rem;display:grid}.pattern-headline h2{font-size:clamp(1.25rem,1.1rem + .9vw,1.8rem)}.pattern-headline p{color:var(--ink-soft)}.pattern-badges{flex-wrap:wrap;gap:.45rem;display:flex}.detail-actions{gap:.6rem;display:grid}.pattern-meta{gap:.85rem;display:grid}.pattern-meta ul{color:var(--ink-soft);gap:.28rem;padding-left:1.15rem;display:grid}.pattern-meta li::marker{color:#c3b7de}.thumb{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-muted);place-items:center;width:100%;min-height:120px;display:grid;overflow:hidden}.thumb.large{min-height:160px}.thumb.detail{width:min(100%,360px);min-height:250px}.thumb.hero-thumb{min-height:180px}.thumb-image{object-fit:cover;width:100%;height:100%}.thumb-fallback{text-align:center;color:#3f3a42c7;place-items:center;gap:.35rem;padding:.9rem;display:grid}.thumb-fallback small{color:#3f3a42a8;font-size:.78rem}.bottom-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(1120px - 2rem,100% - 2rem);max-width:640px;box-shadow:var(--shadow-soft);z-index:40;background:#fffffff2;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.45rem;display:grid;position:fixed;bottom:.75rem;left:50%;transform:translate(-50%)}.nav-item{color:#8a8197;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:40px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.nav-item:hover{color:#655c85;background:#f4effa}.nav-item.active{color:#6257a1;background:#ece5fb}.nav-item-icon{font-size:.95rem}@media (width>=640px){.app-shell{padding:1.1rem 1.1rem 7.2rem}.card{padding:1.15rem}.daily-grid,.weekly-grid,.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=860px){.header{grid-template-columns:auto 1fr auto;gap:1rem}.month-switcher{grid-column:auto;min-width:260px}.home-widgets{grid-template-columns:1.25fr .75fr}.hero-spotlight{grid-template-columns:1.1fr .9fr;align-items:center}.weekly-card{grid-template-columns:180px 1fr;align-items:center}.pattern-detail{grid-template-columns:.95fr 1.05fr;align-items:start}}@media (width<=520px){.card,.bottom-nav{border-radius:18px}.weekly-card{gap:.65rem}}