:root{--lime:#b8f24a;--lime-deep:#a4e330;--lime-soft:#eefbd3;--ink:#2b302d;--ink-700:#3c423e;--mist:#69716c;--paper:#fafbf6;--paper-deep:#eef1e7;--amber:#cc7a2a;--amber-soft:#f7e8d4;--slate:#54688a;--slate-soft:#e3e8f0;--neutral:#6a716c;--neutral-soft:#ebeee9;--line:rgba(43,48,45,.12);--line-strong:rgba(43,48,45,.22)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;color:var(--ink);background:var(--paper);min-height:100vh}main{max-width:760px;margin:0 auto;padding:24px 16px 80px}h1{font-size:22px;font-weight:900;margin:18px 0 12px}h2{font-size:17px;font-weight:700;margin:16px 0 10px}a{color:var(--ink)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:12px;padding:13px 18px;font-size:15px;font-weight:700;background:var(--lime);color:var(--ink);width:100%}.btn:hover{background:var(--lime-deep)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{background:#fff}.btn.ghost,.btn.gray{border:1px solid var(--line-strong)}.btn.gray{background:var(--neutral-soft);color:var(--ink-700)}.btn.gray:hover{background:var(--paper-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;margin-bottom:10px}label{font-size:12px;color:var(--mist);display:block;margin-bottom:4px}.pill,label{font-weight:700}.pill{display:inline-block;font-size:11px;padding:4px 10px;border-radius:99px}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.slate{background:var(--slate-soft);color:var(--slate)}.pill.neutral{background:var(--neutral-soft);color:var(--neutral)}.honesty{border:1px dashed var(--line-strong);border-radius:12px;background:#fff;padding:12px 14px;font-size:12px;line-height:1.8;color:var(--ink-700);margin:12px 0}.topnav{display:flex;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:#fff;font-size:14px}.topnav .brand{font-weight:800;letter-spacing:.08em}.topnav a{text-decoration:none;color:var(--mist);white-space:nowrap;flex-shrink:0}.topnav{overflow-x:auto}.muted{color:var(--mist);font-size:12.5px;line-height:1.7}.err{color:#b3261e;font-size:13px;margin:8px 0}.grid5{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}@media (max-width:640px){.grid5{grid-template-columns:repeat(3,1fr)}}.viewbox .viewname{display:block;font-size:12px;white-space:nowrap;margin-top:2px}.viewbox .ops button{white-space:nowrap}.segment{display:inline-flex;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;margin:8px 0 12px;background:#fff}.segment button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#fff;color:var(--mist);padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.segment button.on{background:var(--lime);color:var(--ink)}.viewbox{border:1px solid var(--line);border-radius:10px;padding:8px 4px;text-align:center;font-size:11px;background:#fff;position:relative}.viewbox.done{border-color:var(--lime-deep);background:var(--lime-soft)}.viewbox img{width:100%;border-radius:6px;display:block;margin-bottom:4px}