@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600&family=Inter:wght@300;400;500&display=swap";:root{--color-bg:#fdfaf6;--color-fg:#2c2a29;--color-muted:#8b8682;--color-accent:#b08d7b;--color-accent-light:#e6dcd8;--color-surface:#fff;--font-serif:"Noto Serif SC", serif;--font-sans:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.app-container{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000008}.admin-container{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.title-serif{font-family:var(--font-serif);letter-spacing:.05em;margin-bottom:8px;font-size:28px}.text-muted{color:var(--color-muted);font-size:14px}.btn-primary{background:var(--color-fg);color:var(--color-bg);border-radius:100px;width:100%;padding:16px 32px;font-size:16px;font-weight:500;transition:transform .2s,opacity .2s}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-secondary{background:var(--color-accent-light);color:var(--color-accent);border-radius:100px;width:100%;padding:16px 32px;font-size:16px;font-weight:500;transition:all .2s}.screen-padding{flex-direction:column;flex-grow:1;padding:32px 24px;display:flex}.bg-blob{filter:blur(80px);z-index:0;opacity:.6;border-radius:50%;position:absolute}.bg-blob-1{background:var(--color-accent-light);width:300px;height:300px;top:-100px;left:-100px}.bg-blob-2{background:#f0e6e1;width:200px;height:200px;bottom:-100px;right:-50px}.content-z{z-index:10;position:relative}.option-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);cursor:pointer;background:#fff9;border:1px solid #0000000d;margin-bottom:12px;padding:20px;transition:all .3s}.option-card.selected{background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 4px 20px #b08d7b26}.text-input{width:100%;font-size:18px;font-family:var(--font-serif);background:0 0;border:none;border-bottom:1px solid #0000001a;padding:12px 0;transition:border-color .3s}.text-input:focus{border-bottom-color:var(--color-accent)}.text-input::placeholder{color:var(--color-muted);font-family:var(--font-sans);font-size:14px}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface);border:2px solid var(--color-accent);cursor:pointer;border-radius:50%;width:24px;height:24px;margin-top:-10px;transition:transform .1s;box-shadow:0 2px 10px #0000001a}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#0000001a;border-radius:2px;width:100%;height:4px}.multi-range{width:100%;height:30px;position:relative}.multi-range input[type=range]{pointer-events:none;background:0 0;position:absolute;top:0;left:0}.multi-range input[type=range]::-webkit-slider-runnable-track{background:0 0}.multi-range input[type=range]::-webkit-slider-thumb{pointer-events:auto;z-index:10;position:relative}.range-track{z-index:0;background:#0000000d;border-radius:2px;width:100%;height:4px;position:absolute;top:10px;left:0}.range-fill{background:var(--color-accent);z-index:1;border-radius:2px;height:4px;position:absolute;top:10px}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;color:var(--color-muted);background:#ffffff80;border:1px solid #0000000d;border-radius:100px;padding:10px 16px;font-size:14px;transition:all .2s}.chip.selected{background:var(--color-fg);color:var(--color-surface);border-color:var(--color-fg)}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}
