:root,[data-palette=mineral]{--bg:#f2ede4;--surface:#eae4da;--surface-high:#e2dad0;--border:#c8bfb0;--accent:#a0846c;--accent-hover:#8c7260;--accent2:#6b7c6e;--ink:#2c2824;--ink-soft:#6b635a;--ink-ghost:#a09890;--overlay:rgba(44,40,36,.05);--shadow:rgba(44,40,36,.08)}[data-palette=atlantico]{--bg:#eef2f5;--surface:#e4eaf0;--surface-high:#d8e2ec;--border:#b8c8d4;--accent:#4a7a96;--accent-hover:#3d6880;--accent2:#6b8c78;--ink:#1e2c36;--ink-soft:#526070;--ink-ghost:#8a9eaa;--overlay:rgba(30,44,54,.05);--shadow:rgba(30,44,54,.08)}[data-palette=floresta]{--bg:#edf0ec;--surface:#e2e8e0;--surface-high:#d4dcd2;--border:#b4c4b0;--accent:#4a6b52;--accent-hover:#3c5a44;--accent2:#8a6b4a;--ink:#1e2820;--ink-soft:#4a5c4e;--ink-ghost:#8aa090;--overlay:rgba(30,40,32,.05);--shadow:rgba(30,40,32,.08)}[data-palette=crepusculo]{--bg:#f5eee8;--surface:#ede4da;--surface-high:#e2d6c8;--border:#cdb8a8;--accent:#8c5a40;--accent-hover:#784c34;--accent2:#7a6b8a;--ink:#2a1e18;--ink-soft:#6a5048;--ink-ghost:#a89080;--overlay:rgba(42,30,24,.05);--shadow:rgba(42,30,24,.08)}:root{--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--radius:8px;--radius-lg:12px;--radius-full:9999px;--transition-base:0.25s ease;--transition-palette:0.6s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;line-height:1.6;min-height:100vh;transition:background-color var(--transition-palette),color var(--transition-palette)}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.container{max-width:680px}.container,.container-wide{margin:0 auto;padding:0 2rem}.container-wide{max-width:960px}.t-display{font-family:var(--font-display);font-weight:300;line-height:1.15;letter-spacing:-.01em}.t-display-italic{font-style:italic}.t-body{font-size:.95rem;color:var(--ink-soft);line-height:1.8}.t-caption{font-size:.75rem;color:var(--ink-ghost);letter-spacing:.1em;text-transform:uppercase}.t-label{font-size:.82rem;font-weight:500;color:var(--ink-soft);letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;border-radius:var(--radius);font-family:var(--font-body);font-size:.88rem;font-weight:400;letter-spacing:.02em;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-full{width:100%;justify-content:center}.input-base{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;font-family:var(--font-body);font-size:.95rem;font-weight:300;color:var(--ink);line-height:1.8;outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input-base::placeholder{color:var(--ink-ghost)}.input-base:focus{border-color:var(--accent);box-shadow:0 0 0 3px hsla(28,21%,53%,.12)}textarea.input-base{resize:vertical}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.divider{height:1px;background:var(--border);border:none;margin:2rem 0}.topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:100;transition:background var(--transition-palette),border-color var(--transition-palette)}.topbar__logo{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--ink)}.topbar__logo span{color:var(--accent);font-style:italic}.progress-wrap{display:flex;align-items:center;gap:.75rem}.progress-track{width:100px;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .5s ease}.image-frame{width:100%;height:clamp(260px,40vh,420px);overflow:hidden;position:relative;background:var(--surface);flex-shrink:0}.image-frame img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.2s ease}.image-frame img.loaded{opacity:1}.image-frame__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface) 0,var(--border) 100%);color:var(--ink-ghost)}.nav-bar{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-bar__meta{display:flex;flex-direction:column;gap:2px}.layer-tag{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.layer-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.wartegg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.wartegg-opt{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:left;font-size:.88rem;color:var(--ink-soft);line-height:1.4;transition:all var(--transition-base);cursor:pointer}.wartegg-opt.active,.wartegg-opt:hover{border-color:var(--accent)}.wartegg-opt.active{background:var(--overlay);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}.closing-icon{width:48px;height:48px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.char-count{font-size:.75rem;color:var(--ink-ghost);text-align:right;margin-top:.5rem;margin-bottom:2rem}.thank-you-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;margin-top:2rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .45s ease forwards}.fade-up-2{animation:fadeUp .45s ease .1s forwards;opacity:0}.fade-up-3{animation:fadeUp .45s ease .2s forwards;opacity:0}@media (max-width:600px){.nav-bar,.topbar{padding-left:1.25rem;padding-right:1.25rem}.container,.container-wide{padding:0 1.25rem}.wartegg-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}