@charset "UTF-8";:root{--font-display: "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;--font-body: "Public Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--bg: #e9edf2;--bg-tint: #dfe5ec;--panel: #ffffff;--border: #d5dde6;--border-strong: #c1cbd6;--ink: #14202e;--muted: #5c6b7a;--faint: #8695a3;--accent: #0f766e;--accent-hover: #0c5f58;--accent-weak: #d6ebe8;--accent-ink: #0a4f49;--success: #157347;--success-weak: #dcf1e5;--danger: #be123c;--danger-hover: #9f0f33;--danger-weak: #fbe0e7;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(20, 32, 46, .04), 0 6px 20px -8px rgba(20, 32, 46, .14);--shadow-sm: 0 1px 2px rgba(20, 32, 46, .06);--ring: 0 0 0 3px var(--accent-weak)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 100% -10%,var(--bg-tint),transparent 60%),var(--bg);min-height:100vh;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:2rem;padding:0 1.75rem;height:60px;background:#ffffffd1;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)}.app-header h1{font-family:var(--font-display);font-weight:800;font-size:1.12rem;letter-spacing:-.01em;margin:0;color:var(--ink);white-space:nowrap}.app-header h1:before{content:"";display:inline-block;width:9px;height:9px;margin-right:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);vertical-align:middle}.app-nav{display:flex;gap:.35rem}.app-nav a{font-weight:500;font-size:.9rem;color:var(--muted);text-decoration:none;padding:.45rem .8rem;border-radius:999px;transition:color .15s ease,background .15s ease}.app-nav a:hover{color:var(--ink);background:var(--bg-tint)}.app-nav a.active{color:var(--accent-ink);background:var(--accent-weak);font-weight:600}.app-main{max-width:1000px;margin:0 auto;padding:2rem 1.75rem 4rem}section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.6rem;margin-bottom:1.5rem;animation:rise .35s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h2{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.015em;margin:0 0 1.25rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}h3{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0 0 1rem}.search-form,.generate-form,.attribute-form{display:flex;flex-wrap:wrap;gap:1rem 1.1rem;align-items:flex-end}.field,.attribute-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:190px;flex:1 1 190px}label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}input,select{font-family:var(--font-body);font-size:.92rem;color:var(--ink);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .7rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input[type=number]{max-width:130px}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);align-self:flex-start}fieldset.fixed-attributes{flex:1 1 100%;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:1rem 1.1rem 1.15rem;margin:.25rem 0 0}fieldset.fixed-attributes legend{font-family:var(--font-display);font-weight:600;font-size:.8rem;letter-spacing:.02em;color:var(--muted);padding:0 .45rem}button{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:var(--radius-sm);padding:.55rem 1.1rem;cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:var(--shadow-sm)}button:hover{background:var(--accent-hover)}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}table button,.save-button{background:#fff;color:var(--accent-ink);border-color:var(--border-strong)}table button:hover,.save-button:hover{background:var(--accent-weak);border-color:var(--accent)}.save-button{margin-top:1.1rem;background:var(--accent);color:#fff;border-color:transparent}.save-button:hover{background:var(--accent-hover)}.stage-button{background:var(--success)}.stage-button:hover{background:#0f5c38}.reset-button{background:#fff;color:var(--danger);border-color:var(--danger-weak)}.reset-button:hover{background:var(--danger-weak);border-color:var(--danger)}.actions{display:flex;gap:.75rem}table{width:100%;border-collapse:collapse;margin-top:1.25rem;font-size:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}thead th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--bg);padding:.6rem .8rem;border-bottom:1px solid var(--border)}tbody td{padding:.6rem .8rem;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background:#fafbfc}tbody tr:hover{background:var(--accent-weak)}tbody td:nth-child(3){font-family:var(--font-mono);font-size:.84rem;color:var(--accent-ink)}table button{padding:.3rem .75rem;font-size:.82rem}.edit-panel{margin-top:1.5rem;padding:1.25rem 1.35rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.result{margin-top:1.25rem;padding:.9rem 1.1rem;background:var(--accent-weak);border:1px solid #b9ddd7;border-radius:var(--radius-sm);color:var(--accent-ink);font-weight:500}.result ul{margin:.5rem 0 0;padding-left:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.result li{font-family:var(--font-mono);font-size:.82rem;background:#fff;border:1px solid #b9ddd7;border-radius:999px;padding:.2rem .6rem}p.success,.success{margin-top:1rem;color:var(--success);font-weight:600}p.success:before{content:"\2713  "}p.error,.error{margin-top:1rem;padding:.7rem .9rem;background:var(--danger-weak);border:1px solid #f3c2ce;border-left:3px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger-hover);font-weight:500}.existing-learners>p{margin-top:1.5rem;padding:1.75rem;text-align:center;color:var(--faint);font-style:italic;background:repeating-linear-gradient(-45deg,transparent,transparent 9px,rgba(0,0,0,.015) 9px,rgba(0,0,0,.015) 18px);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}