.feature-page{max-width:1040px}.feature-page>h1{margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-grid .card{margin:0}.action-row,.board-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.board-actions{justify-content:space-between}.action-row .button,.board-actions .button{min-height:44px}.danger{color:#b33d24;border-color:#e8b8aa;background:transparent}.settings a,.settings-info{display:block;padding:16px;text-decoration:none;border-bottom:1px solid var(--line);font-size:14px}.settings-info span{float:right;color:var(--muted)}.feature-page label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.feature-page select,.feature-page input{display:block;max-width:680px;width:100%;padding:13px 14px;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);min-height:46px}.profile-photo-editor{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}.profile-photo-editor .photo-picker{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.photo-picker input{width:1px;height:1px;position:absolute;opacity:0;min-height:0;pointer-events:none}.photo-picker:focus-within{outline:3px solid #ef9a76;outline-offset:3px}.social-editor-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.social-editor-row .link{min-height:44px;margin-bottom:8px}.feature-page .muted,.feature-page .fine{font-size:14px}.feature-page .lead{font-size:16px;max-width:65ch}.web-dialog{width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:28px;box-shadow:var(--shadow)}.web-dialog::backdrop{background:#17362c88}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.web-dialog input{display:block;width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:12px;margin-top:8px}.guide-card{max-width:680px;padding:36px}.guide-card h2{font-size:32px}.balance .button{margin-top:18px;color:var(--ink)}fieldset{border:0;padding:0;margin:0}fieldset[hidden]{display:none}
html[data-theme="dark"]{color-scheme:dark;--bg:#14211b;--card:#1e2e25;--ink:#f4f1e8;--muted:#b2c0b5;--line:#3c4c40;--sage:#2b4235;--green:#bfdaa7;--paper:#14211b;--cream:#f4f1e8;--orange:#f47751}
html[data-theme="dark"] body,html[data-theme="dark"] .app-shell{background:var(--bg)}html[data-theme="dark"] .topbar,html[data-theme="dark"] .bottom-nav{background:#14211bf0}html[data-theme="dark"] .product-list,html[data-theme="dark"] .button{background:var(--card)}html[data-theme="dark"] .button.primary{background:#d9512d;color:#fff}html[data-theme="dark"] .button.dark{background:#f4f1e8;color:#14211b}html[data-theme="dark"] .product-row:hover{background:#2a4032}html[data-theme="dark"] .board-page .tabs{border-color:var(--line)}html[data-theme="dark"] .board-page .product-row.mine{background:#3b3028;border-color:#73543d}html[data-theme="dark"] .auth{background:var(--card)}html[data-theme="dark"] .streak-row:hover{background:var(--sage)}html[data-theme="dark"] .form-error,html[data-theme="dark"] .danger{color:#ffab96}html[data-theme="dark"] .pill{background:#413128;color:#f6ba9d}html[data-theme="dark"] .board-credit{color:var(--muted)}html[data-theme="dark"] .balance{background:#0e1813}html[data-theme="dark"] .balance .button{color:var(--ink)}
@media(max-width:699px){.feature-grid{grid-template-columns:1fr}.social-editor-row{grid-template-columns:1fr auto}.social-editor-row label:nth-child(2){grid-column:1/-1;grid-row:2}.social-editor-row .link{grid-row:1;grid-column:2}.feature-page .muted{font-size:16px}.board-actions .link{font-size:12px}.page{padding-bottom:100px}}
@media(max-width:999px){.topbar .top-title{display:none}}
.feature-page .card p{overflow-wrap:anywhere}.feature-page .button,.feature-page .link{min-height:44px}.password-toggle{min-height:44px;display:block}.auth form>.button[type="submit"]{max-width:none}