:root{--bg:#f7f5f0;--text:#1a1a1a;--muted:#8a857e;--border:#ddd8d0;--input-bg:#fff;--accent:#2d6a4f;--bar-bg:#e8e4dd;--green:#2d6a4f;--amber:#b08c2a;--red:#9b2226;--card-bg:#fff;--coin-face:#f0e6d3;--coin-edge:#c9b896;--coin-text:#5a4e3c;--tag-bg:#eee9e0;--tag-text:#6b6560}@media (prefers-color-scheme:dark){:root{--bg:#111110;--text:#e8e4dd;--muted:#7a756e;--border:#282520;--input-bg:#1a1917;--accent:#6bc99a;--bar-bg:#252220;--green:#4ade80;--amber:#eab308;--red:#ef4444;--card-bg:#181715;--coin-face:#252220;--coin-edge:#4a4035;--coin-text:#c9b896;--tag-bg:#252220;--tag-text:#9a958e}}*{box-sizing:border-box;margin:0}.serif{font-family:Newsreader,serif}.body{font-family:DM Sans,sans-serif;font-size:15px}.body-sm{font-family:DM Sans,sans-serif;font-size:13px}.mono-sm{font-family:DM Mono,monospace;font-size:11px}@keyframes coinSpin{0%{transform:rotateY(0)scale(1)}30%{transform:rotateY(540deg)scale(1.12)}to{transform:rotateY(1080deg)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.85}}input,textarea{box-sizing:border-box;border:1.5px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);resize:none;border-radius:10px;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none}.btn-primary{background:var(--text);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{border:1.5px solid var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}.btn-primary-sm{background:var(--text);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.btn-primary-sm:hover{opacity:.85}.btn-primary-sm:disabled{opacity:.3;cursor:not-allowed}.btn-ghost-sm{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.btn-ghost-sm:hover{border-color:var(--muted);color:var(--text)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:24px 20px}.field-label{color:var(--text);margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;display:block}.page-wrapper{background:var(--bg);min-height:100vh;color:var(--text);padding:0 20px 60px}.phase-container{width:100%;max-width:440px;margin:0 auto}.result-layout{max-width:440px;margin:0 auto}.result-col-left,.result-col-right,.result-col-full{min-width:0}.page-header{text-align:center;margin-bottom:36px;padding-top:44px}@media (min-width:768px){.page-wrapper{padding:0 40px 80px}.phase-container{max-width:480px}.result-layout{max-width:680px}.page-header{margin-bottom:48px;padding-top:56px}}@media (min-width:1024px){.page-wrapper{max-width:1100px;margin:0 auto;padding:0 60px 80px}.page-header{margin-bottom:56px;padding-top:64px}.result-layout{grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:start;column-gap:24px;max-width:100%;display:grid}.result-col-left{grid-column:1}.result-col-right{grid-area:1/2/5}.result-col-full{grid-column:1/-1}}.field-hint{color:var(--muted);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:12px;display:block}.chip{border:1.5px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--muted);color:var(--text)}.chip-selected{border:1.5px solid var(--text);background:var(--text);color:var(--bg);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px}