:root{--bg:#faf6ef;--backdrop:#e9e1d1;--card:#fff;--card-border:#e7dfd0;--input-border:#ddd3bf;--ink:#262019;--ink-2:#4a4237;--muted:#7a7062;--placeholder:#b3a893;--primary:#8e2f3c;--primary-hover:#6e1f2c;--primary-tint:#f3e2e4;--purple:#5d4692;--purple-light:#a793cf;--purple-tint:#efe9f7;--green:#1f7a52;--green-tint:#e8f2ec;--green-border:#cfe3d7;--sand-1:#f1ebdf;--sand-2:#e0d6c2;--sand-3:#d9cdb8;--disabled:#c9bfa9;--shadow-phone:0 24px 50px #3c2d192e;--shadow-sheet:0 -10px 30px #3c2d1924}*{box-sizing:border-box}html,body{background:var(--backdrop);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:Assistant,system-ui,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}input::placeholder,textarea::placeholder{color:var(--placeholder)}button{font-family:inherit}.serif{font-family:Frank Ruhl Libre,serif}.frame{background:var(--bg);border:1px solid var(--input-border);width:390px;height:844px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-phone);border-radius:36px;flex-direction:column;display:flex;overflow:hidden}.shell{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}@media (max-width:460px){.shell{padding:0}.frame{width:100%;height:100dvh;box-shadow:none;border:none;border-radius:0}}.body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.body>*{flex-shrink:0}.field{background:var(--card);border:1px solid var(--input-border);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:14px;font-family:inherit;font-size:15px}.field:focus{border-color:var(--primary)}textarea.field{resize:none;border-radius:14px;font-size:14.5px;line-height:1.6}.btn{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:700;display:block}.btn-primary{background:var(--primary);color:#fff7ee}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--disabled);cursor:default}.btn-soft{background:var(--sand-1);border:1px solid var(--sand-2);color:var(--ink);font-size:15px;font-weight:600}.btn-white{background:var(--card);border:1px solid var(--input-border);color:var(--ink);padding:13px 14px;font-size:15px;font-weight:700}.btn-white:hover{border-color:var(--primary)}.chip{cursor:pointer;background:var(--card);color:var(--ink-2);border:1px solid var(--input-border);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:400}.chip[data-on="1"]{background:var(--purple);color:#fff;border-color:var(--purple);font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px}.notice{background:var(--green-tint);border:1px solid var(--green-border);text-align:center;color:var(--green);border-radius:12px;padding:13px;font-size:14.5px;font-weight:700}@keyframes nodefloat{0%{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(3px,-5px)}50%{transform:translate(-50%,-50%)translateY(-8px)}75%{transform:translate(-50%,-50%)translate(-3px,-4px)}to{transform:translate(-50%,-50%)translate(0)}}@media (prefers-reduced-motion:reduce){[style*=nodefloat]{animation:none!important}}@keyframes mappulse{0%{box-shadow:0 0 #8e2f3c73}70%{box-shadow:0 0 0 9px #8e2f3c00}to{box-shadow:0 0 #8e2f3c00}}