body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter;background:#f8fafc;color:#0f172a}main{max-width:920px;margin:0 auto;padding:24px}label{font-size:14px;color:#374151}input:not([type=checkbox]):not([type=radio]),select,textarea{padding:10px;border:1px solid #e5e7eb;border-radius:10px;width:100%;max-width:100%}button{padding:10px 14px;border-radius:10px;border:1px solid #d1d5db;background:#0ea5e9;color:#fff;cursor:pointer}button.secondary{background:#fff;color:#111827}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-weight:600;border:1px solid #e5e7eb;transition:background .15s ease,box-shadow .15s ease,transform .06s ease}.btn.primary{background:#0ea5e9;color:#fff;border-color:#0284c7}.btn.primary:hover{background:#0284c7}.btn.secondary{background:#fff;color:#0f172a}.btn.secondary:hover{background:#f3f4f6}.btn.ghost{background:transparent;color:#0f172a;border-color:transparent}.btn.loading{opacity:.8;cursor:wait}.grid{display:grid;grid-gap:12px;gap:12px}.container{max-width:920px;margin:0 auto;padding:0 24px}.app-header{position:-webkit-sticky;position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb}.app-header .bar{display:flex;align-items:center;gap:12px;height:56px}.brand{font-weight:600;color:#0f172a;text-decoration:none}.brand:hover{text-decoration:underline}.nav{display:flex;gap:12px;margin-left:auto;align-items:center}a{color:#0ea5e9;text-decoration:none}a:hover{text-decoration:underline}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.card h2,.card h3{margin-top:0}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{gap:8px;align-items:center}.muted{color:#6b7280}.spacer{height:12px}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff}input[type=checkbox],input[type=radio]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;accent-color:#0ea5e9}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.6'><path d='M6 8l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.app-header{padding-top:env(safe-area-inset-top)}.nav>*+*,.row>*+*,.stack>*+*{margin-left:0;margin-top:0}@supports not (gap:12px){.nav>*+*{margin-left:12px}.row>*+*{margin-left:8px}.stack>*+*{margin-top:12px}}button{line-height:1.2;vertical-align:middle}.card{-webkit-font-smoothing:antialiased}.toaster{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.08)}.toast.success{border-color:#a7f3d0;background:#ecfdf5}.toast.error{border-color:#fecaca;background:#fef2f2}.toast.info{border-color:#e5e7eb;background:#fff}