*{box-sizing:border-box}:root{--bg: #f3ece3;--card: #ffffff;--line: #e9ded1;--brown: #8a5a2b;--brown-d: #6b4420;--brown-l: #b5825a;--ink: #43301f;--muted: #9a8d7e;--green: #2f7d4f;--red: #c0392b}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 500px at 100% -10%,#efe2d2 0%,transparent 60%),radial-gradient(900px 500px at -10% 110%,#e7d6c2 0%,transparent 55%),var(--bg);color:var(--ink)}.app-shell{min-height:100vh}.topbar{background:linear-gradient(135deg,var(--brown) 0%,var(--brown-d) 100%);padding:.9rem 1.5rem;box-shadow:0 2px 10px #3c281433;position:sticky;top:0;z-index:60}.brand{color:#fff;font-weight:800;font-size:1.15rem;text-decoration:none;letter-spacing:.3px}main{padding:1.5rem 1rem 3rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 2px 10px #3c28140d}.panel h2{margin:0 0 .35rem;font-size:1.05rem;color:var(--ink)}.hint{color:var(--muted);font-size:.85rem;margin:.25rem 0}.ok{color:var(--green);margin:.5rem 0 0}.warn{color:var(--red);margin:.5rem 0 0}input,textarea{padding:.6rem .8rem;border:1px solid #ddd2c6;border-radius:10px;font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s;background:#fffdfb}input:focus{border-color:var(--brown-l);box-shadow:0 0 0 3px #b5825a26}button{padding:.6rem 1.1rem;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,var(--brown) 0%,var(--brown-d) 100%);color:#fff;font-weight:600;font-size:.9rem;transition:transform .1s,filter .15s}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}button:disabled{background:#cfc4b6;cursor:not-allowed;filter:none}button.ghost{background:transparent;color:var(--brown);padding:.4rem .7rem;font-weight:600}button.ghost:hover{filter:none;background:#8a5a2b14}.row{display:flex;gap:.6rem;align-items:center}.row+.row{margin-top:.6rem}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row input{flex:1}