:root{--color-bg: #14110e;--color-bg-2: #1b1712;--color-surface: #221d17;--color-surface-2: #2b241c;--color-border: #3a3128;--color-border-strong: #55483a;--color-text: #f2ece2;--color-text-muted: #a2937f;--color-primary: #d9a441;--color-primary-hover: #eab857;--color-accent: #7fa87f;--color-danger: #d9695f;--color-danger-soft: #3a2320;--color-info: #6f97c4;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .45);--nav-height: 58px;--font-body: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3,h4{font-weight:650;letter-spacing:-.015em;color:var(--color-text);line-height:1.25}h1{font-size:28px;margin:0 0 8px}h2{font-size:19px;margin:32px 0 12px}h3{font-size:15px;margin:18px 0 8px}h4{font-size:13px;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}p{margin:0 0 12px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.92em}button{font-family:inherit;font-size:14px;line-height:1.2;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text);font-weight:500;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.btn:hover:not(:disabled){background:#352c22;border-color:#6b5a48;text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#1a1409;font-weight:650}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--ghost{background:transparent}.btn--small{padding:6px 11px;font-size:13px}.btn--large{padding:12px 22px;font-size:15px}.btn--block{width:100%}.btn--danger{color:var(--color-danger);border-color:#5a3630}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger)}input,select,textarea{font-family:inherit;font-size:14px;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-2);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d9a4412e}input[type=range]{padding:0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.page{max-width:760px;margin:28px auto;padding:0 20px 80px}.page--wide{max-width:1180px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:32px 0 14px}.section-head h1,.section-head h2{margin:0}.section-link{font-size:13px;font-weight:500}.muted{color:var(--color-text-muted);font-size:13.5px}.error{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid #5a3630;border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;margin:12px 0}.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 8px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap}.tag--new{color:var(--color-info);border-color:#3d4f63}.tag--due{color:var(--color-primary);border-color:#5a4a2b}.tag--extra{color:var(--color-text-muted)}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:var(--nav-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-nav-left{display:flex;align-items:center;gap:6px}.app-nav-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--color-text);margin-right:18px;white-space:nowrap}.app-nav-brand:hover{text-decoration:none}.brand-mark{color:var(--color-primary);flex-shrink:0}.app-nav-links{display:flex;gap:2px;align-items:center}.app-nav-link{color:var(--color-text-muted);font-size:14px;font-weight:500;padding:7px 13px;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.app-nav-link:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.app-nav-link--active{color:var(--color-primary);background:#d9a4411a}.app-nav-user{position:relative;flex-shrink:0}.user-button{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 10px 5px 5px;color:var(--color-text);font-size:13.5px}.user-button:hover{border-color:var(--color-border-strong)}.user-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:#1a1409;font-weight:700;font-size:12px}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-caret{font-size:9px;color:var(--color-text-muted)}.dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden;z-index:300}.dropdown-item{display:block;width:100%;padding:10px 14px;font-size:13.5px;color:var(--color-text);text-align:left;background:none;border:none;border-bottom:1px solid var(--color-border)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#352c22;text-decoration:none}.nav-hamburger{display:none}@media(max-width:767px){.app-nav-brand{margin-right:4px;font-size:15px}.nav-hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:36px;height:32px;padding:0 8px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.nav-hamburger span{display:block;height:2px;width:100%;background:var(--color-text);border-radius:2px}.app-nav-links{position:absolute;top:100%;left:0;right:0;z-index:300;flex-direction:column;align-items:stretch;gap:2px;padding:8px;display:none;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.app-nav-links.open{display:flex}.app-nav-links .app-nav-link{padding:11px 12px;font-size:15px}}.board-wrap{width:100%;position:relative}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1 / 1;width:100%;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 8px 28px #00000080,0 0 0 1px #0009;-webkit-user-select:none;user-select:none}.sq{position:relative;display:grid;place-items:center}.sq--light{background:var(--sq-light)}.sq--dark{background:var(--sq-dark)}.sq--grab{cursor:pointer}.sq-piece{width:92%;height:92%;display:grid;place-items:center}.sq-piece svg{width:100%;height:100%}.sq--last:after,.sq--selected:after,.sq--hint:after,.sq--check:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sq--last:after{background:#d9a44152}.sq--selected:after{background:#d9a44173;box-shadow:inset 0 0 0 3px #d9a441cc}.sq--hint:after{background:#7fa87f80;animation:hint-pulse 1.1s ease-in-out infinite}.sq--check:after{background:radial-gradient(circle,#d9695fd9 12%,#d9695f00 72%)}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:.9}}.sq-dot,.sq-capture{position:absolute;pointer-events:none}.sq-dot{width:26%;height:26%;border-radius:50%;background:#14110e52}.sq-capture{top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:5px solid rgba(20,17,14,.3)}.sq-coord{position:absolute;font-size:9px;font-weight:700;color:#14110e80;pointer-events:none}.sq--dark .sq-coord{color:#fffaf099}.sq-coord--file{bottom:1px;right:3px}.sq-coord--rank{top:1px;left:3px}.board-wrap--shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.board-error{padding:40px;text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm)}.promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#14110eb8;border-radius:var(--radius-sm);z-index:20}.promo-card{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-md);text-align:center}.promo-label{font-size:12px;color:var(--color-text-muted);display:block;margin-bottom:8px}.promo-options{display:flex;gap:6px}.promo-btn{width:48px;height:48px;display:grid;place-items:center;background:var(--sq-light, #e9d7b8);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.promo-btn:hover{background:var(--color-primary)}.board-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.ply-count{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-muted);padding:0 6px}.thumb{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1 / 1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden;flex-shrink:0}.thumb-sq{display:grid;place-items:center}.thumb-sq--light{background:#e9d7b8}.thumb-sq--dark{background:#9b6b43}.thumb-sq svg{width:90%;height:90%}.thumb--error{background:var(--color-surface-2)}.side-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:650;letter-spacing:.03em;text-transform:uppercase;padding:3px 9px 3px 6px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface-2);white-space:nowrap}.side-badge-dot{width:9px;height:9px;border-radius:50%;border:1px solid #14110e}.side-badge--white .side-badge-dot{background:#f7f3ea}.side-badge--black .side-badge-dot{background:#2b2724;border-color:#6b5a48}.diff{display:inline-flex;gap:3px;align-items:center}.diff-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border-strong)}.diff-dot--on{background:var(--color-primary)}.pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.pill--due{background:#d9a44129;color:var(--color-primary)}.pill--new{background:#6f97c429;color:var(--color-info)}.pill--done{background:#7fa87f24;color:var(--color-accent)}.square-chip{display:inline-block;padding:1px 6px;margin-right:5px;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:12px;color:var(--color-primary)}.mastery{display:flex;align-items:center;gap:9px;margin:8px 0}.mastery-label{font-size:12.5px;color:var(--color-text-muted);min-width:90px}.mastery-track{flex:1;height:7px;background:var(--color-bg-2);border-radius:999px;overflow:hidden;border:1px solid var(--color-border)}.mastery-fill{height:100%;border-radius:999px;transition:width .4s ease}.mastery-fill--low{background:#a4655c}.mastery-fill--mid{background:var(--color-primary)}.mastery-fill--good{background:var(--color-accent)}.mastery-value{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted);min-width:34px;text-align:right}.mastery--compact .mastery-track{height:5px}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 0 8px}.home-title{margin:0 0 4px;font-size:30px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:20px 0 8px}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:1px}.stat-value{font-size:26px;font-weight:700;line-height:1.1;color:var(--color-primary)}.stat-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-hint{font-size:11.5px;color:var(--color-text-muted);opacity:.8}.rep-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.rep-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.rep-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rep-name{font-size:15px;font-weight:600;color:var(--color-text)}.rep-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--color-text-muted)}.empty-card{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius);padding:24px;text-align:center}.empty-state{text-align:center;padding:60px 20px;max-width:560px;margin:0 auto}.empty-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.landing{padding:48px 0 32px;text-align:center}.landing-title{font-size:40px;line-height:1.15;margin-bottom:18px;letter-spacing:-.03em}.landing-lead{font-size:17px;color:var(--color-text-muted);max-width:660px;margin:0 auto 28px;line-height:1.6}.landing-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.landing-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;text-align:left}.landing-point{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.landing-point h3{margin:0 0 8px;font-size:15px;color:var(--color-primary)}.landing-point p{margin:0;font-size:14px;color:var(--color-text-muted)}@media(max-width:640px){.landing-title{font-size:28px}.landing-lead{font-size:15px}}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0 22px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.filter-search{flex:1 1 280px;min-width:200px}.opening-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.opening-card{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;color:inherit;transition:border-color .15s ease,transform .12s ease}.opening-card:hover{border-color:var(--color-primary);text-decoration:none;transform:translateY(-2px)}.opening-card .thumb{width:100%}.opening-card-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:7px;flex:1}.opening-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.opening-name{margin:0;font-size:15.5px}.opening-moves{display:block;color:var(--color-primary);font-size:12.5px;letter-spacing:-.01em}.opening-moves--large{font-size:15px;margin:8px 0}.opening-summary{margin:0;font-size:13.5px;color:var(--color-text-muted);flex:1}.opening-card-foot{display:flex;align-items:center;gap:10px;font-size:12px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;padding:20px 0 8px;border-bottom:1px solid var(--color-border);margin-bottom:22px}.back-link{font-size:13px;color:var(--color-text-muted)}.detail-title{margin:6px 0 8px;font-size:30px}.detail-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-summary{max-width:620px;color:var(--color-text-muted);margin:0}.detail-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:190px}.detail-signin-note{text-align:center;margin:0}.detail-layout{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:28px;align-items:start}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}}.line-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.line-tab{padding:6px 12px;font-size:13px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.line-tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.line-tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#1a1409;font-weight:600}.explain-card{margin-top:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 18px;min-height:150px}.explain-title{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}.explain-final{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}.explain-final h4,.theory-heading{margin-top:0}.theory{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.theory-section{border-bottom:1px solid var(--color-border)}.theory-section:last-child{border-bottom:none}.theory-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:13px 16px;background:none;border:none;color:var(--color-text);font-size:14.5px;font-weight:600;text-align:left}.theory-toggle:hover{background:var(--color-surface-2)}.theory-toggle-caret{color:var(--color-primary);font-size:11px;width:10px}.theory-section--open .theory-toggle{color:var(--color-primary)}.theory-body{padding:0 16px 16px 35px;font-size:14px;color:#ded5c7}.theory-body p:last-child{margin-bottom:0}.theory-body ul{margin:0 0 8px;padding-left:18px}.theory-body li{margin-bottom:6px}.theory-subheading{margin-top:14px}.theory-squares{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:10px}.theory-squares-label{font-size:12px;color:var(--color-text-muted);margin-right:4px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:620px){.plans{grid-template-columns:1fr}}.plans-heading{margin:0 0 6px;font-size:12px;display:flex;align-items:center;gap:6px}.plans-heading:before{content:"";width:9px;height:9px;border-radius:50%;border:1px solid #14110e}.plans-heading--white:before{background:#f7f3ea}.plans-heading--black:before{background:#2b2724;border-color:#6b5a48}.plans-col ul{padding-left:16px;margin:0}.mistakes li{color:#e0c0bb}.study-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding:18px 0 16px}.study-crumbs{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;margin-bottom:8px}.crumb-sep{color:var(--color-text-muted)}.study-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.study-progress{text-align:right;display:flex;flex-direction:column}.study-progress-count{font-size:19px;font-weight:700;color:var(--color-primary)}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:28px;align-items:start}@media(max-width:900px){.study-layout{grid-template-columns:1fr}}.study-board{max-width:560px}.study-side{display:flex;flex-direction:column;gap:14px}.coach{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:var(--radius);padding:15px 17px;min-height:120px}.coach-title{margin:0 0 8px;font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.coach-why{margin:0 0 8px;font-size:14px;color:#ded5c7;line-height:1.6}.coach-key{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#d9a44129;color:var(--color-primary)}.coach-alts{margin:10px 0 0;padding-left:18px;font-size:13px;color:var(--color-text-muted)}.coach-alts li{margin-bottom:6px}.coach--correct{border-left-color:var(--color-accent)}.coach--correct .coach-title{color:var(--color-accent)}.coach--wrong{border-left-color:var(--color-danger)}.coach--wrong .coach-title{color:var(--color-danger)}.coach--hint{border-left-color:var(--color-info)}.coach--hint .coach-title{color:var(--color-info)}.coach--done{border-left-color:var(--color-primary)}.coach--done .coach-title{color:var(--color-primary)}.grade-card{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius);padding:15px 17px}.grade-title{margin:0 0 4px;font-size:15px}.grade-accuracy{margin-bottom:12px}.grade-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grade-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text);position:relative;text-align:left}.grade-btn:hover:not(:disabled){background:#352c22}.grade-btn:disabled{opacity:.5}.grade-key{position:absolute;top:6px;right:8px;font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted)}.grade-label{font-weight:650;font-size:14px}.grade-hint{font-size:11.5px;color:var(--color-text-muted)}.grade-btn--again{border-color:#5a3630}.grade-btn--again .grade-label{color:var(--color-danger)}.grade-btn--hard .grade-label{color:#d0a05e}.grade-btn--good .grade-label{color:var(--color-accent)}.grade-btn--easy .grade-label{color:#8fbfd8}.movelist{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.movelist-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--color-border);font-size:13px;font-weight:600}.movelist-rows{list-style:none;margin:0;padding:6px;max-height:340px;overflow-y:auto}.movelist-row{display:grid;grid-template-columns:32px 1fr 1fr;align-items:center;gap:2px}.movelist-num{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);padding-left:6px}.movelist-move{font-family:var(--font-mono);font-size:13px;padding:4px 8px;border-radius:4px;border:none;background:none;color:var(--color-text-muted);text-align:left}.movelist-move--mine{color:var(--color-text);font-weight:600}.movelist-move:hover:not(.movelist-move--empty){background:var(--color-surface-2)}.movelist-move--selected{background:#d9a44133;color:var(--color-primary)}.movelist-move--empty{cursor:default}.movelist-row--pending{padding:8px 6px}.auth-page{max-width:400px;margin:72px auto;padding:0 20px;text-align:center}.auth-brand{display:inline-block;font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:22px}.auth-brand:hover{text-decoration:none}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:22px;text-align:left}.form-title{margin:0 0 4px;font-size:20px}.form-lead{margin-bottom:16px}.form{display:flex;flex-direction:column;gap:13px;margin-top:14px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--color-text-muted)}.field input,.field select{font-size:14px;color:var(--color-text)}.field-hint{font-size:11.5px;color:var(--color-text-muted);opacity:.85}.field--checkbox{flex-direction:row;align-items:center;gap:9px}.auth-alt{margin-top:16px}.settings-list{list-style:none;margin:0;padding:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border)}.settings-row-main{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:8px}.saved-flash{font-size:12px;color:var(--color-accent)}.theme-picker{display:flex;gap:12px;flex-wrap:wrap}.theme-option{background:none;border:2px solid transparent;border-radius:var(--radius);padding:4px;display:flex;flex-direction:column;align-items:center;gap:6px}.theme-option--active{border-color:var(--color-primary)}.theme-name{font-size:11.5px;color:var(--color-text-muted);text-transform:capitalize}.theme-option .board-wrap{width:110px}