@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--green:#1b5e20;--green-light:#4caf50;--green-pale:#e8f5e9;--sand:#f5f0e8;--sand-dark:#e8e0d0;--charcoal:#1a1a2e;--slate:#2d3436;--warm-gray:#636e72;--cream:#fffdf7;--white:#fff;--shadow:0 4px 24px #00000014;--shadow-lg:0 12px 48px #0000001f;--radius:16px;--radius-sm:10px;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--cream);color:var(--charcoal);line-height:1.6}.bugout-nav{z-index:1000;padding:16px 24px;transition:all .3s;position:fixed;top:0;left:0;right:0}.bugout-nav.scrolled{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;padding:10px 24px;box-shadow:0 1px 8px #0000000f}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{color:var(--green);letter-spacing:-.5px;font-size:1.2em;font-weight:800}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--slate);letter-spacing:.3px;font-size:.84em;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--green)}.lang-toggle{background:var(--sand);border-radius:8px;gap:2px;padding:3px;display:flex}.lang-toggle button{cursor:pointer;color:var(--warm-gray);font-size:.75em;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;padding:5px 12px;transition:all .2s}.lang-toggle button.active{background:var(--white);color:var(--green);box-shadow:0 1px 4px #00000014}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-img{background-position:50%;background-size:cover;animation:20s ease-out forwards heroZoom;position:absolute;inset:0;transform:scale(1.05)}@keyframes heroZoom{to{transform:scale(1)}}.hero-overlay{background:linear-gradient(135deg,#000000b3 0%,#0006 50%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;padding:24px;animation:1s ease-out fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-sup{color:#fff9;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;font-size:.8em;font-weight:500}.hero-title{font-family:var(--font-serif);color:var(--white);margin-bottom:24px;font-size:clamp(3em,8vw,6em);font-weight:900;line-height:1.05}.hero-title-line{display:block}.hero-title-line.accent{color:var(--green-light);font-style:italic;font-weight:700}.hero-desc{color:#ffffffd9;max-width:560px;margin:0 auto 32px;font-size:1.1em;font-weight:300;line-height:1.7}.hero-cta{background:var(--green-light);color:var(--white);border-radius:50px;padding:14px 36px;font-size:.95em;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #4caf504d}.hero-cta:hover{background:#43a047;transform:translateY(-2px);box-shadow:0 8px 30px #4caf5066}.hero-scroll{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:.72em;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-arrow{font-size:1.2em;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.types-section{max-width:1200px;margin:0 auto;padding:80px 24px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-family:var(--font-serif);color:var(--charcoal);margin-bottom:12px;font-size:2.4em;font-weight:700}.section-header p{color:var(--warm-gray);max-width:500px;margin:0 auto;font-size:1.05em}.type-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.type-card{border-radius:var(--radius);cursor:pointer;background:var(--white);min-height:240px;box-shadow:var(--shadow);border:none;transition:all .4s cubic-bezier(.175,.885,.32,1.1);position:relative;overflow:hidden}.type-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.type-card-bg{background-position:50%;background-size:cover;background-image:var(--card-bg);opacity:.08;transition:opacity .4s;position:absolute;inset:0}.type-card:hover .type-card-bg{opacity:.15}.type-card-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:240px;padding:32px 20px;display:flex;position:relative}.type-emoji{margin-bottom:10px;font-size:2.8em}.type-name{font-family:var(--font-serif);color:var(--green);margin-bottom:6px;font-size:1.15em;font-weight:700}.type-desc{color:var(--warm-gray);margin-bottom:8px;font-size:.78em;line-height:1.5}.type-budget{color:var(--green-light);background:var(--green-pale);border-radius:20px;margin-top:8px;padding:4px 16px;font-size:.85em;font-weight:600}.config-section{margin-top:60px}.config-header{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.config-header-overlay{background:linear-gradient(135deg,#000000bf,#0006);position:absolute;inset:0}.config-header-content{z-index:1;text-align:center;padding:60px 24px;animation:.5s ease-out fadeUp;position:relative}.config-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:.82em;font-weight:500;transition:all .2s}.config-back:hover{background:#ffffff40}.config-type-emoji{margin-bottom:12px;font-size:3.2em;display:block}.config-header-content h2{font-family:var(--font-serif);color:var(--white);margin-bottom:8px;font-size:2.8em;font-weight:700}.config-header-content p{color:#fffc;font-size:1em}.config-body{max-width:800px;margin:0 auto;padding:24px}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:28px;display:grid}.stat-card{background:var(--white);border:1px solid var(--sand-dark);border-radius:var(--radius-sm);text-align:center;padding:14px;position:relative;overflow:hidden}.stat-value{color:var(--green);font-size:1.4em;font-weight:700;display:block}.stat-unit{color:var(--warm-gray);font-size:.7em;font-weight:400}.stat-label{color:var(--warm-gray);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.65em;display:block}.stat-pct{border-color:var(--green-light)}.stat-bar{background:var(--green-light);border-radius:0 2px 0 0;max-width:100%;height:2px;transition:width .5s;position:absolute;bottom:0;left:0}.progress-bar{background:linear-gradient(90deg, var(--green-light), var(--green));border-radius:0 2px 0 0;height:3px;transition:width .5s;position:absolute;bottom:0;left:0}.categories{flex-direction:column;gap:8px;display:flex}.categories-title{font-family:var(--font-serif);color:var(--charcoal);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1.4em;font-weight:700;display:flex}.categories-count{font-family:var(--font-sans);color:var(--warm-gray);font-size:.5em;font-weight:400}.category{background:var(--white);border:1px solid var(--sand-dark);border-radius:var(--radius-sm);transition:box-shadow .2s;overflow:hidden}.category:hover{box-shadow:0 2px 12px #0000000a}.cat-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--slate);background:linear-gradient(135deg,#fafaf5,#f5f0e8);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85em;font-weight:600;transition:background .2s;display:flex}.cat-header:hover{background:linear-gradient(135deg,#f0efe8,#e8e0d0)}.cat-header-left{align-items:center;gap:8px;display:flex}.cat-emoji{font-size:1.1em}.cat-badge{color:var(--warm-gray);background:#0000000a;border-radius:12px;padding:2px 12px;font-size:.75em;font-weight:500}.cat-badge.complete{background:var(--green-pale);color:var(--green)}.cat-items{padding:2px 0}.item-row{cursor:pointer;border-bottom:1px solid #f5f3ee;align-items:center;gap:10px;padding:8px 16px;transition:background .15s;display:flex}.item-row:last-child{border-bottom:none}.item-row:hover{background:var(--sand)}.item-row.checked{background:var(--green-pale)}.item-check{flex-shrink:0;width:18px;height:18px;position:relative}.item-check input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.check-mark{border:2px solid #d0ccc4;border-radius:4px;transition:all .15s;position:absolute;inset:0}.item-row.checked .check-mark{background:var(--green-light);border-color:var(--green-light)}.item-row.checked .check-mark:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.item-name{color:var(--slate);flex:1;font-size:.82em;font-weight:500}.item-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.shop-links{gap:2px;display:flex}.shop-links a{opacity:.5;border-radius:4px;padding:2px 5px;font-size:.85em;text-decoration:none;transition:all .2s}.shop-links a:hover{opacity:1;transform:scale(1.15)}.item-meta{color:var(--warm-gray);gap:4px;font-size:.72em;display:flex}.meta-weight,.meta-cost{background:var(--sand);border-radius:4px;padding:1px 6px}.trust-bar{border-top:1px solid var(--sand-dark);flex-wrap:wrap;justify-content:center;gap:40px;max-width:800px;margin:60px auto 0;padding:24px;display:flex}.trust-item{color:var(--warm-gray);align-items:center;gap:8px;font-size:.78em;display:flex}.trust-icon{font-size:1.2em}.bugout-footer{background:var(--charcoal);color:#ffffffb3;margin-top:40px}.footer-content{grid-template-columns:1fr auto;gap:32px;max-width:1200px;margin:0 auto;padding:48px 24px;display:grid}.footer-logo{color:var(--white);letter-spacing:-.5px;font-size:1.2em;font-weight:800}.footer-brand p{color:#ffffff80;margin-top:6px;font-size:.82em}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a{color:#fff9;font-size:.82em;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--green-light)}.footer-credits{text-align:center;color:#ffffff59;grid-column:1/-1;font-size:.72em}@media (width<=640px){.type-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.6em}.hero-desc{font-size:.95em}.types-section{padding:48px 16px}.config-header-content h2{font-size:2em}.nav-links a:not(.lang-toggle){display:none}.footer-content{text-align:center;grid-template-columns:1fr}.footer-links{justify-content:center}}.loading{min-height:100vh;color:var(--warm-gray);justify-content:center;align-items:center;font-size:1.1em;display:flex}