@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-base:#faf9f6;--text-primary:#1c1917;--text-secondary:#44403c;--text-tertiary:#78716c;--border-thick:3px solid #1c1917;--border-medium:2px solid #1c1917;--shadow-flat:4px 4px 0px #1c1917;--shadow-flat-lg:7px 7px 0px #1c1917;--shadow-flat-sm:2px 2px 0px #1c1917;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--element-wood-bg:#81c784;--element-wood-card-bg:#e8f5e9;--element-wood-text:#1c1917;--element-wood-accent:#2e7d32;--element-wood-border:#1c1917;--element-fire-bg:#ff8a80;--element-fire-card-bg:#fbe9e7;--element-fire-text:#1c1917;--element-fire-accent:#c62828;--element-fire-border:#1c1917;--element-earth-bg:#ffe082;--element-earth-card-bg:#fef9e7;--element-earth-text:#1c1917;--element-earth-accent:#b7791f;--element-earth-border:#1c1917;--element-metal-bg:#cfd8dc;--element-metal-card-bg:#f5f5f5;--element-metal-text:#1c1917;--element-metal-accent:#424242;--element-metal-border:#1c1917;--element-water-bg:#81d4fa;--element-water-card-bg:#e1f5fe;--element-water-text:#1c1917;--element-water-accent:#0277bd;--element-water-border:#1c1917;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-medium:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800}main{min-height:100vh;transition:background-color var(--transition-slow);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex;position:relative}.glass-container{border:var(--border-thick);box-shadow:var(--shadow-flat-lg);width:100%;max-width:440px;transition:all var(--transition-medium);background:#fff;border-radius:20px;padding:2.5rem 2rem;position:relative}.language-selector-wrap{z-index:100;position:fixed;top:1.5rem}input,select{border:var(--border-medium);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast);background:#fff;border-radius:12px;outline:none;padding:1rem 1.25rem;font-size:1rem;font-weight:600}input:focus,select:focus{box-shadow:var(--shadow-flat-sm);background:#fff;transform:translate(-1px,-1px)}label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:.85rem;font-weight:800;font-family:var(--font-display);margin-bottom:.5rem;display:block}button.primary{border:var(--border-medium);background:var(--bg-base);width:100%;color:var(--text-primary);font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-flat);transition:all var(--transition-fast);border-radius:12px;outline:none;padding:1.125rem;font-size:1.1rem;font-weight:800}button.primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1c1917}button.primary:active{box-shadow:var(--shadow-flat-sm);transform:translate(2px,2px)}.story-card-wrapper{aspect-ratio:9/16;width:100%;max-width:380px;transition:all var(--transition-slow);border-radius:28px;flex-direction:column;justify-content:space-between;padding:2.2rem 1.8rem;display:flex;position:relative;overflow:hidden;box-shadow:var(--shadow-flat-lg)!important;border:var(--border-thick)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-medium) forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1c191740;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1c191766}