:root{--paper: #f4ede0;--paper-2: #ebe1cf;--ink: #2a2520;--ink-soft: #5a4f44;--accent: oklch(.62 .14 35);--accent-soft: oklch(.78 .08 35);--line: #3a2f26;--screen: #111;--screen-warm: #f6efe2}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Fraunces,ui-serif,Georgia,serif;background:var(--paper);color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s ease,color .4s ease}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:"ss01"}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.22;background-image:radial-gradient(rgba(58,47,38,.18) 1px,transparent 1px);background-size:3px 3px}.tweaks-panel{position:fixed;right:20px;bottom:20px;z-index:50;background:var(--paper-2);border:1.5px solid var(--line);border-radius:12px;padding:16px;width:260px;font-family:IBM Plex Mono,monospace;font-size:12px;box-shadow:4px 6px #3a2f262e;display:none}.tweaks-panel.on{display:block}.tweaks-panel h3{margin:0 0 10px;font-family:Fraunces,serif;font-weight:500;font-size:16px;letter-spacing:.02em}.tweaks-panel label{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--ink-soft)}.tweaks-panel .row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.tweaks-panel .chip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;cursor:pointer;font:inherit;color:var(--ink)}.tweaks-panel .chip.active{background:var(--ink);color:var(--paper)}.tweaks-panel .swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);cursor:pointer}.tweaks-panel .swatch.active{outline:2px solid var(--ink);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes savePulse{0%,to{box-shadow:0 2px 12px #00000026}50%{box-shadow:0 2px 20px #b4783c59}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes phoneScroll{0%{transform:translateY(0)}40%{transform:translateY(-44px)}60%{transform:translateY(-44px)}to{transform:translateY(0)}}#root{animation:pageEnter .5s ease-out}.anim-fadeIn{animation:fadeIn .18s ease-out both}.anim-slideUp{animation:slideUp .28s cubic-bezier(.16,1,.3,1) both}.chip{transition:transform .15s ease,box-shadow .15s ease}.chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.swatch{transition:transform .15s ease}.swatch:hover{transform:scale(1.15)}input:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px #b4783c1f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;opacity:.5}button:hover{cursor:pointer}::selection{background:var(--accent);color:#fff}::-moz-selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth}@media (max-width: 768px){.section-inner{padding:0 20px!important}}