.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-spring),box-shadow var(--t-fast) var(--ease-out)}.btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.btn:active{transform:translateY(1px) scale(.98)}.btn .ico{width:17px;height:17px;stroke-width:2}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.small{padding:.25rem .5rem;font-size:var(--type-body)}.btn.block{width:100%}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn:disabled:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.btn.done:disabled{opacity:1;background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.icon-btn{display:inline-grid;place-items:center;flex:none;width:2.1rem;height:2.1rem;padding:0;font:inherit;font-size:var(--type-card);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-spring)}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn:active{transform:scale(.92)}.icon-btn.wide{width:auto;padding:0 .75rem;font-size:var(--type-body);gap:.25rem}.icon-btn .ico{width:18px;height:18px}.sidebar-foot .icon-btn{border-color:transparent;background:transparent;color:var(--muted)}.sidebar-foot .icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:2.75rem}.pw-toggle{position:absolute;right:.25rem;top:50%;translate:0 -50%;min-width:44px;min-height:44px;border-color:transparent;background:transparent}.pw-toggle:hover{background:var(--accent-soft)}.pw-toggle:active{transform:scale(.96)}.pw-toggle[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}input,select,textarea{font:inherit;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.5rem .75rem;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}textarea{min-height:5rem;resize:vertical}select{cursor:pointer}label{display:block;font-size:var(--type-body);font-weight:600;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.75rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1rem}.card+.card{margin-top:1rem}.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--type-body);user-select:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary::before{content:"";width:.42rem;height:.42rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform var(--t) var(--ease-spring)}.fold[open]>summary::before{transform:rotate(45deg)}.fold>summary:hover::before{border-color:var(--accent)}.fold-body{margin-top:1rem;animation:fold-in var(--t) var(--ease-out)}@keyframes fold-in{from{opacity:0;transform:translateY(-4px)}}.segmented{--seg-count: 1;--seg-index: 0;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full)}.seg-thumb{position:absolute;z-index:0;top:4px;left:4px;height:calc(100% - 8px);width:calc((100% - 8px) / var(--seg-count));border-radius:var(--r-full);background:var(--accent);box-shadow:var(--shadow);transition:transform var(--t) var(--ease-spring);transform:translateX(calc(var(--seg-index) * 100%))}.seg{position:relative;z-index:1;font:inherit;font-size:var(--type-body);font-weight:600;padding:.5rem;border:0;border-radius:var(--r-full);background:none;color:var(--muted);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-fast) var(--ease-out)}.seg:hover{color:var(--text)}.segmented.vertical{grid-auto-flow:row;border-radius:var(--r)}.segmented.vertical .seg-thumb{width:calc(100% - 8px);height:calc((100% - 8px) / var(--seg-count));border-radius:var(--r-sm);transform:translateY(calc(var(--seg-index) * 100%))}.segmented.vertical .seg{border-radius:var(--r-sm);text-align:left;padding:.5rem .75rem}.chip{padding:.25rem .75rem;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);font:inherit;font-size:var(--type-body);font-weight:600;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-spring)}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip:active{transform:scale(.95)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.chips .chip{padding:.08rem .5rem;font-size:var(--type-body);font-weight:600;cursor:default;background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.chips .chip:hover{border-color:var(--accent-line);color:var(--accent)}.toggle{width:100%;margin-top:.5rem;font:inherit;font-weight:600;padding:.5rem .75rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-spring)}.toggle:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.toggle:active:not(:disabled){transform:scale(.98)}.toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.toggle:disabled{opacity:.55;cursor:default}.range{-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;padding:0;border:0;background:transparent;cursor:pointer}.range:focus{box-shadow:none}.range::-webkit-slider-runnable-track{height:8px;border-radius:var(--r-full);background:linear-gradient(to right,var(--accent) var(--pct, 0%),var(--accent-soft) var(--pct, 0%))}.range::-moz-range-track{height:8px;border-radius:var(--r-full);background:linear-gradient(to right,var(--accent) var(--pct, 0%),var(--accent-soft) var(--pct, 0%))}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-5px;border-radius:50%;background:var(--surface);border:3px solid var(--accent);box-shadow:var(--shadow);transition:transform var(--t-fast) var(--ease-spring),box-shadow var(--t-fast) var(--ease-out)}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface);border:3px solid var(--accent);box-shadow:var(--shadow);transition:transform var(--t-fast) var(--ease-spring)}.range:hover::-webkit-slider-thumb{transform:scale(1.12)}.range:hover::-moz-range-thumb{transform:scale(1.12)}.range:active::-webkit-slider-thumb{transform:scale(1.28);box-shadow:0 0 0 6px var(--accent-soft)}.range:active::-moz-range-thumb{transform:scale(1.28);box-shadow:0 0 0 6px var(--accent-soft)}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.rating-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem;padding:.25rem 0}.rating-row .rating-label{grid-column:1;grid-row:1;font-size:var(--type-body);font-weight:600;color:var(--muted);margin:0}.rating-row .stars-track{grid-column:1;grid-row:2}.rating-row.overall{border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.75rem}.rating-row.overall .stars-track{font-size:var(--type-page)}.stars-track{position:relative;display:inline-block;width:max-content;font-size:var(--type-section);line-height:1.25;letter-spacing:normal;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.stars-track:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:var(--r-sm)}.rating-value{font-size:var(--type-body);font-weight:600;color:var(--muted);white-space:nowrap}.rating-clear{border:0;background:none;padding:.1rem .25rem;font:inherit;font-size:var(--type-body);color:var(--muted);cursor:pointer;border-radius:var(--r-sm);transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.rating-clear:hover{color:var(--danger);background:var(--danger-soft)}.aspects{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 1.5rem}