@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-primary:#276847;--color-primary-light:#3a8861;--color-primary-dark:#17452e;--color-primary-faint:#eaf5f0;--color-accent:#e09d29;--color-accent-light:#edb95e;--color-accent-dark:#a5731d;--color-bg:#faf9f5;--color-surface:#fff;--color-surface-2:#f3f6f5;--color-border:#d8dfdb;--color-shadow:#12211a14;--color-text-primary:#18251f;--color-text-secondary:#5c7066;--color-text-muted:#8b9c94;--color-text-on-primary:#fff;--color-success:#288a51;--color-error:#d62929;--color-warning:#e9980c;--font-sans:"Inter", "Outfit", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Inter", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px var(--color-shadow), 0 1px 2px var(--color-shadow);--shadow-md:0 4px 12px var(--color-shadow), 0 2px 4px var(--color-shadow);--shadow-lg:0 10px 30px var(--color-shadow), 0 4px 10px var(--color-shadow);--shadow-card:0 2px 12px #12211a0f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--max-width:72rem;--content-width:48rem;--navbar-height:4rem}.navbar{height:var(--navbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);z-index:100;box-shadow:var(--shadow-sm);align-items:center;display:flex;position:sticky;top:0}.navbar__brand{align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;display:flex}.navbar__logo{font-size:1.5rem}.navbar__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em}.navbar__nav{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.navbar__link{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);text-decoration:none}.navbar__link:hover,.navbar__link--active{color:var(--color-primary);background:var(--color-primary-faint)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 2px 8px #2768474d}.btn--primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 16px #27684759}.btn--secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--color-primary-faint)}.btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary)}.btn--danger{color:var(--color-error);border:1px solid var(--color-error);background:0 0}.btn--danger:hover:not(:disabled){background:#fceeee}.btn--lg{padding:var(--space-4) var(--space-10);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:var(--space-6)}.card--elevated{box-shadow:var(--shadow-md)}.card--featured{background:linear-gradient(135deg, var(--color-primary-faint), var(--color-surface));border-color:#bfd9cc}.selector-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.selector-chip{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.selector-chip:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-faint)}.selector-chip--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary)}.quest-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.quest-card--completed{border-color:var(--color-success);background:linear-gradient(to bottom right, #f4faf7, var(--color-surface))}.quest-card__header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.quest-card__number{border-radius:var(--radius-full);background:var(--color-primary-faint);width:2rem;height:2rem;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quest-card--completed .quest-card__number{background:var(--color-success);color:#fff}.quest-card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.quest-card__instruction{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.quest-card__actions,.quest-card__answer-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.quest-card__input-hint,.quest-card__ai-error{margin-top:var(--space-2);color:var(--color-error);font-size:var(--text-sm)}.quest-card__ai-status{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.quest-card__ai-answer{margin-top:var(--space-5);padding:var(--space-4);border-left:3px solid var(--color-primary);background:var(--color-surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.quest-card__ai-answer h4{margin:var(--space-3) 0 var(--space-1);color:var(--color-text-primary);font-size:var(--text-sm)}.quest-card__ai-answer h4:first-child{margin-top:0}.quest-card__ai-answer p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.quest-card__ai-caution{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.quest-card__fact{background:var(--color-primary-faint);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-primary-dark);margin-bottom:var(--space-4);font-style:italic}.quest-card__fact-label{font-style:normal;font-weight:var(--weight-semibold);margin-right:var(--space-1)}.quest-card__observation{margin-top:var(--space-3)}.quest-card__observation textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg);resize:vertical;transition:border-color var(--transition-fast);box-sizing:border-box}.quest-card__observation textarea:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.loading-state{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;display:flex}.loading-state__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:52px;height:52px;animation:.9s linear infinite spin}.loading-state__leaf{font-size:2.5rem;animation:2s ease-in-out infinite pulse-leaf}.loading-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.loading-state__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);max-width:28ch;line-height:var(--leading-relaxed)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:.01em}.form-label .form-label__hint{font-weight:var(--weight-regular);color:var(--color-text-muted);margin-left:var(--space-2)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;text-transform:uppercase;align-items:center;display:inline-flex}.badge--primary{background:var(--color-primary-faint);color:var(--color-primary-dark)}.badge--accent{color:var(--color-accent-dark);background:#fbefda}.badge--success{color:#206f41;background:#e1f4e9}.empty-state{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);flex-direction:column;display:flex}.empty-state__icon{opacity:.4;font-size:4rem}.empty-state__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.empty-state__text{font-size:var(--text-base);color:var(--color-text-muted);max-width:32ch;line-height:var(--leading-relaxed)}.completion-banner{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-on-primary);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;box-shadow:var(--shadow-lg)}.completion-banner__emoji{margin-bottom:var(--space-3);font-size:3rem;display:block}.completion-banner__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.completion-banner__text{font-size:var(--text-base);opacity:.9;line-height:var(--leading-relaxed);max-width:42ch;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-leaf{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.1)rotate(3deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up var(--transition-slow) ease both}.animate-fade-up--delay-1{animation-delay:80ms}.animate-fade-up--delay-2{animation-delay:.16s}.animate-fade-up--delay-3{animation-delay:.24s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);font-weight:var(--weight-bold);color:var(--color-text-primary)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-primary);text-decoration:none}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--content-width)}.page-content{padding:var(--space-10) 0;flex:1}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert--error{color:#9b2727;background:#fceeee;border:1px solid #f3cece}.alert--warning{color:#93691f;background:#fcf5e8;border:1px solid #efd9b3}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-hero{text-align:center;padding:var(--space-16) 0 var(--space-10);position:relative}.home-hero__eyebrow{align-items:center;gap:var(--space-2);background:var(--color-primary-faint);color:var(--color-primary-dark);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-5);border:1px solid #bfd9cc;display:inline-flex}.home-hero__headline{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));color:var(--color-text-primary);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:800;line-height:1.15}.home-hero__headline em{color:var(--color-primary);font-style:normal}.home-hero__subtext{font-size:var(--text-md);color:var(--color-text-secondary);max-width:48ch;margin:0 auto var(--space-10);line-height:var(--leading-relaxed)}.quest-builder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);max-width:680px;margin:0 auto}.quest-builder__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.quest-builder__section{margin-bottom:var(--space-6)}.quest-builder__generate-btn{width:100%;margin-top:var(--space-4);padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.home-bg-decoration{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.home-bg-decoration:before{content:"";opacity:.6;background:radial-gradient(circle,#d4ede0 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-80px;right:-80px}.home-bg-decoration:after{content:"";opacity:.4;background:radial-gradient(circle,#f6e6cb 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-60px;left:-60px}.quest-page__header{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-on-primary);padding:var(--space-10) 0;margin-bottom:var(--space-8)}.quest-page__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);opacity:.85;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.quest-page__meta-item{align-items:center;gap:var(--space-1);display:flex}.quest-page__title{font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));margin-bottom:var(--space-3);color:var(--color-text-on-primary);font-weight:800;line-height:1.2}.quest-page__intro{font-size:var(--text-md);opacity:.9;max-width:56ch;line-height:var(--leading-relaxed);color:var(--color-text-on-primary)}.quest-progress{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.quest-progress__label{margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.quest-progress__count{font-weight:var(--weight-bold);color:var(--color-primary)}.quest-challenges{gap:var(--space-5);margin-bottom:var(--space-8);flex-direction:column;display:flex}.quest-save-section{background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.quest-save-section__title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.quest-save-section__text{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.quest-page__no-quest{text-align:center;padding:var(--space-16) var(--space-6)}.journal-page__header{padding:var(--space-10) 0 var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.journal-page__title{font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));margin-bottom:var(--space-2);font-weight:800}.journal-page__subtitle{color:var(--color-text-muted);font-size:var(--text-base)}.journal-stats{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.journal-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);min-width:120px;box-shadow:var(--shadow-sm)}.journal-stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-1);line-height:1}.journal-stat__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-medium)}.journal-entries{gap:var(--space-5);flex-direction:column;display:flex}.journal-entry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal)}.journal-entry:hover{box-shadow:var(--shadow-md)}.journal-entry__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.journal-entry__quest-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.journal-entry__date{font-size:var(--text-xs);color:var(--color-text-muted)}.journal-entry__progress{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);display:flex}.journal-observations{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.journal-observation{padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-light)}.journal-observation__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.journal-observation__note{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;line-height:var(--leading-relaxed)}.journal-observation__empty{font-size:var(--text-sm);color:var(--color-text-muted)}.journal-observation__ai{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-left:3px solid var(--color-primary);background:var(--color-surface-2);display:grid}.journal-observation__ai h3{font-size:var(--text-sm);color:var(--color-primary-dark)}.journal-observation__ai p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}