@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;700&family=Lato:wght@400;700&family=Manrope:wght@600&display=swap";
:root{--color-primary:#8fa88e;--color-primary-display:#a8bda7;--color-secondary:#5e7090;--color-secondary-text:#3d4f66;--color-accent:#c48a20;--color-bg:#fefcf8;--color-card:#faf9f5;--color-surface:#ede8de;--color-text-dark:#2a2626;--color-text-mid:#726c64;--color-text-soft:#6b6058;--color-info-bg:#eef1f6;--color-info-border:#5e7090;--color-info-text:#3d4f66;--color-success-bg:#ebf3ec;--color-success-border:#4a8a52;--color-success-text:#2a5430;--color-warning-bg:#fbf4e4;--color-warning-border:#b8820a;--color-warning-text:#7a5410;--color-error-bg:#faecec;--color-error-border:#b84444;--color-error-text:#7a2020;--emotion-anxiety:#8fa88e;--emotion-anger:#b84444;--emotion-grief:#7b8ba8;--emotion-literacy:#c48a20;--color-primary-hover:#7a9679;--color-primary-light:#dce3dc;--color-primary-dark:#4d6b4f;--color-surface-hover:#e2dcce;--color-muted:#c9c3b4;--color-grabber:#d6cfc0;--color-text-body:#4a4540;--emotion-anxiety-bg:#e6ede5;--emotion-anxiety-text:#4d6b4f;--emotion-anger-bg:var(--color-error-bg);--emotion-anger-text:var(--color-error-text);--emotion-grief-bg:var(--color-info-bg);--emotion-grief-text:var(--color-info-text);--emotion-literacy-bg:var(--color-warning-bg);--emotion-literacy-text:var(--color-warning-text);--framework-tag-bg:var(--color-info-bg);--framework-tag-text:var(--color-info-text);--age-tag-bg:#ede8de;--age-tag-fg:#5a5048;--color-scrim:#2a262652;--color-hover-tint:#00000008;--color-pill-dismiss:#4d6b4f2e;--color-pill-dismiss-hover:#4d6b4f47;--color-backdrop-nav:#fefcf8db;--shadow-card-hover:0 2px 8px #2a26260f;--shadow-sheet:0 -8px 24px -8px #2a26262e;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-4-5:18px;--space-5:20px;--space-5-5:22px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-22:88px;--radius-sm:6px;--radius-md:8px;--radius-md-lg:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--radius-round:50%;--hairline:.5px solid var(--color-surface);--focus-ring:2px solid var(--color-primary);--focus-offset:2px;--transition-fast:.12s ease;--transition-medium:.3s ease-out;--transition-fade:.4s ease;--font-heading:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs:10px;--fs-label:11px;--fs-tag:11px;--fs-caption:12px;--fs-button-sm:13px;--fs-nav:13px;--fs-body:14px;--fs-h4:15px;--fs-button:15px;--fs-sm:16px;--fs-body-lg:17px;--fs-md:18px;--fs-h3:20px;--fs-lg:22px;--fs-xl:24px;--fs-h2:28px;--fs-h1:32px;--fs-display:40px;--fs-hero:48px;--fs-framework:10px;--container-max:1120px}.t-display{font-family:var(--font-heading);font-size:var(--fs-display);color:var(--color-text-dark);font-weight:700;line-height:1.1}.t-h1{font-family:var(--font-heading);font-size:var(--fs-h1);color:var(--color-text-dark);font-weight:700;line-height:1.15}.t-h2{font-family:var(--font-heading);font-size:var(--fs-h2);color:var(--color-text-dark);font-weight:400;line-height:1.2}.t-h3{font-family:var(--font-heading);font-size:var(--fs-h3);color:var(--color-text-dark);font-weight:400;line-height:1.3}.t-h4{font-family:var(--font-heading);font-size:var(--fs-h4);color:var(--color-text-dark);font-weight:400;line-height:1.4}.t-body-lg{font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--color-text-mid);font-weight:400;line-height:1.7}.t-body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text-body);font-weight:400;line-height:1.7}.t-caption{font-family:var(--font-body);font-size:var(--fs-caption);color:var(--color-text-body);font-weight:400;line-height:1.6}.t-label{font-family:var(--font-ui);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft);font-weight:600;line-height:1}.t-button{font-family:var(--font-ui);font-size:var(--fs-button);letter-spacing:-.01em;font-weight:600;line-height:1}.t-button-sm{font-family:var(--font-ui);font-size:var(--fs-button-sm);letter-spacing:-.01em;font-weight:600;line-height:1}.t-tag{font-family:var(--font-ui);font-size:var(--fs-tag);letter-spacing:-.01em;font-weight:600;line-height:1}.t-nav{font-family:var(--font-ui);font-size:var(--fs-nav);letter-spacing:-.01em;font-weight:600;line-height:1}html,body{background:var(--color-bg);color:var(--color-text-dark)}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text-mid);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text-dark);margin:0}h1{font-size:var(--fs-h1);font-weight:700;line-height:1.15}h2{font-size:var(--fs-h2);font-weight:400;line-height:1.2}h3{font-size:var(--fs-h3);font-weight:400;line-height:1.3}h4{font-size:var(--fs-h4);font-weight:400;line-height:1.4}button{font-family:var(--font-ui);font-size:var(--fs-button);letter-spacing:-.01em;cursor:pointer;font-weight:600}.btn{font-family:var(--font-ui);letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;font-weight:600;transition:background-color .12s,color .12s,transform .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:var(--color-bg);font-size:var(--fs-button);padding:11px 22px}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-dark);font-size:var(--fs-button);padding:11px 22px}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-small{font-size:var(--fs-button-sm);padding:9px 16px}.btn-block{width:100%;font-size:var(--fs-button-sm);padding:9px 0;display:flex}.tag{background:var(--age-tag-bg);color:var(--age-tag-fg);font-family:var(--font-ui);font-size:var(--fs-tag);letter-spacing:-.01em;border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex}.tag-age{background:var(--age-tag-bg);color:var(--age-tag-fg)}.tag-quiet{background:var(--color-surface);color:var(--color-text-soft)}.card{background:var(--color-card);border-radius:var(--radius-lg);border:var(--hairline);padding:var(--space-4) var(--space-5)}.card-divider{border-top:var(--hairline);height:0;margin:var(--space-3) 0}.nav-bar{background:var(--color-bg);border-bottom:var(--hairline);font-family:var(--font-ui);font-size:var(--fs-nav);letter-spacing:-.01em;color:var(--color-text-mid);font-weight:600}.banner{border-radius:var(--radius-md);font-family:var(--font-ui);padding:10px 14px}.banner-info{background:var(--color-info-bg);border-left:3px solid var(--color-info-border);color:var(--color-info-text)}.banner-success{background:var(--color-success-bg);border-left:3px solid var(--color-success-border);color:var(--color-success-text)}.banner-warning{background:var(--color-warning-bg);border-left:3px solid var(--color-warning-border);color:var(--color-warning-text)}.banner-error{background:var(--color-error-bg);border-left:3px solid var(--color-error-border);color:var(--color-error-text)}
html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--color-bg);min-height:100%;color:var(--color-text-dark);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;line-height:1.7;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text-dark);margin:0}button{font-family:var(--font-ui);letter-spacing:-.01em;cursor:pointer;font-weight:600}