:root{--bg:#fff;--fg:#111;--muted:#666;--border:#e5e5e5;--bg-muted:#f7f7f7;--bg-soft:#fcfcfc;--primary:#ffc000;--primary-light:#ffe08a;--primary-soft:#fff3bf;--danger:#dc2626;--success:#16a34a;--shadow-sm:0 4px 12px #1111110a;--shadow-md:0 10px 30px #1111110f;--shadow-lg:0 16px 40px #11111114;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;margin:0;padding:0}body{background:var(--bg-soft);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ffc0002e}::selection{background:var(--primary-soft);color:var(--fg)}.container{max-width:960px;margin:0 auto;padding:24px}.app-page{width:100%;padding:24px 28px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);padding:20px}.button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#111;border-radius:12px;min-height:42px;padding:10px 14px;transition:transform .16s,box-shadow .16s,opacity .16s,border-color .16s,background .16s}.button:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:42px;color:var(--fg);border-radius:12px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}.stack{gap:12px;display:grid}h1,h2,h3,h4,h5,h6{color:var(--fg);letter-spacing:-.02em;margin-top:0}h1{font-size:40px;line-height:1.05}h2{font-size:28px;line-height:1.1}h3{font-size:20px;line-height:1.15}p{line-height:1.55}table{border-spacing:0}th,td{vertical-align:top}@media (min-width:1440px){.app-page{padding:28px 32px}}@media (max-width:900px){.app-page,.container{padding:18px}.card{padding:16px}h1{font-size:32px}h2{font-size:24px}}