*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:28px;font-weight:650;line-height:1.2}h2{font-size:18px;font-weight:600}a{color:var(--color-accent)}.shell{min-height:100vh}.nav{z-index:10;padding:var(--space-1) calc(var(--space-1) + env(safe-area-inset-right)) calc(var(--space-1) + env(safe-area-inset-bottom)) calc(var(--space-1) + env(safe-area-inset-left));border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-brand{display:none}.nav-link{min-width:0;color:var(--color-text-muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent)}.content{max-width:760px;padding:calc(var(--space-4) + env(safe-area-inset-top)) calc(var(--space-3) + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(var(--space-3) + env(safe-area-inset-left));margin:0 auto}.content.bare{padding-bottom:var(--space-4)}@media (min-width:900px){.shell.with-nav{grid-template-columns:248px 1fr;display:grid}.nav{gap:var(--space-1);height:100vh;padding:var(--space-4) var(--space-3);border-top:0;border-right:1px solid var(--color-border);flex-direction:column;position:sticky;top:0;bottom:auto;left:auto;right:auto}.nav-brand{padding:0 var(--space-2) var(--space-3);letter-spacing:-.01em;font-size:18px;font-weight:650;display:block}.nav-link{gap:var(--space-2);padding:10px var(--space-2);flex-direction:row;flex:none;font-size:15px}.content{width:100%;padding:var(--space-5) var(--space-5) var(--space-5)}.content.wide{max-width:1180px}}.page-head{gap:var(--space-3);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.page-sub{margin-top:var(--space-1);color:var(--color-text-muted);font-size:15px}.stack{gap:var(--space-3);flex-direction:column;display:flex}.card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.label{color:var(--color-text-muted);font-size:13px;font-weight:var(--fw-label);letter-spacing:var(--label-spacing);text-transform:uppercase}.muted{color:var(--color-text-muted)}label,.field-label{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:14px;font-weight:500;display:block}input:not(:-webkit-any([type=checkbox],[type=file])),textarea,select{width:100%;min-height:46px;padding:10px var(--space-3);background:var(--color-fill);color:var(--color-text);font:inherit;border:1px solid transparent;border-radius:14px;font-size:16px;display:block}input:not(:is([type=checkbox],[type=file])),textarea,select{width:100%;min-height:46px;padding:10px var(--space-3);background:var(--color-fill);color:var(--color-text);font:inherit;border:1px solid transparent;border-radius:14px;font-size:16px;display:block}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input:focus-visible{outline-offset:0}textarea:focus-visible{outline-offset:0}select:focus-visible{outline-offset:0}.field{margin-bottom:var(--space-3)}button,.btn{gap:var(--space-2);min-height:46px;padding:0 var(--space-3);background:var(--color-accent);color:var(--color-on-accent);font:inherit;cursor:pointer;border:1px solid transparent;border-radius:14px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.secondary,.btn.secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}button.danger{background:var(--color-danger);color:var(--color-on-accent)}button.danger.ghost{color:var(--color-danger);background:0 0}button.icon{width:40px;min-height:40px;color:var(--color-text-muted);background:0 0;padding:0}button.icon:hover{background:var(--color-fill);color:var(--color-text)}button.icon.danger-hover:hover{color:var(--color-danger)}.notice{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;font-size:15px}.notice.error{border-color:var(--color-danger);color:var(--color-danger)}.empty{gap:var(--space-2);padding:var(--space-5) var(--space-3);color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;display:flex}.empty .icon{color:var(--color-accent);opacity:.8}
