.surface,input,select,textarea,.card,.modal,a.button,button.default-btn{background:var(--surface-4);border:1px solid var(--border-3);border-radius:var(--radius-md);box-shadow:2px 2px 2px var(--black);color:var(--text);box-sizing:border-box}a.button,button.default-btn,.generate-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--space-4) var(--space-8);color:var(--text-link);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:var(--transition)}a.button:hover,a.button:active,button.default-btn:hover,button.default-btn:active,.generate-btn:hover{color:var(--text);transform:translateY(1px)}a.button:focus-visible,button.default-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button.default-btn:disabled,button.default-btn.disabled,a.button.disabled{color:var(--text-dim);border-color:var(--border-2);cursor:not-allowed;opacity:.7;transform:none}.button.primary,button.default-btn.primary{border-color:var(--accent);color:var(--accent-bright)}.button.danger,button.default-btn.danger,.danger-btn{border-color:var(--danger);color:var(--danger)}.button.ghost,button.link-btn{background:none;border-color:transparent;box-shadow:none;color:var(--text-link)}input,select,textarea{padding:var(--space-3) var(--space-7);font-family:inherit;font-size:var(--text-md);text-align:left}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:disabled,select:disabled,textarea:disabled{color:var(--text-dim);cursor:not-allowed;opacity:.6}.field label{display:block;margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--text-base)}.card{padding:var(--space-9);margin-bottom:var(--space-9);border-radius:var(--radius-xl)}.card.warning{border-color:var(--warning);background:var(--surface-3)}.card.danger{border-color:var(--danger);background:var(--surface-3)}.modal-outer{position:fixed;inset:0;z-index:200}.modal-bg{position:fixed;inset:0;margin:auto;background:rgba(var(--black-rgb),.35);transition:var(--transition-linear)}.modal{position:relative;width:369px;max-width:95vw;max-height:95vh;padding:0 var(--space-7);overflow-y:auto;pointer-events:all;box-shadow:var(--shadow-modal);animation:fadeIn .25s linear forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-9);padding:var(--space-7) 0;cursor:move;user-select:none;-webkit-user-select:none}.modal-body{padding-bottom:var(--space-7)}.modal-x-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition)}.modal-x-btn:hover{color:var(--text)}.site-nav,.header-wrap{display:flex;align-items:center;gap:var(--space-7);background:var(--surface-2);border-bottom:1px solid var(--border)}.site-nav a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.site-nav a:hover,.site-nav a.active{color:var(--accent-bright)}footer,.site-footer{background:var(--surface-1);border-top:1px solid var(--border);color:var(--text-muted)}footer a,.site-footer a{color:var(--text-link);text-decoration:none}footer a:hover,.site-footer a:hover{color:var(--accent-bright)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}