*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f0f0f;color:#efefef;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}main{padding:2rem;max-width:480px;width:100%}main.conlang{max-width:760px}h1{font-size:1.5rem;margin:0 0 1.5rem}h2{font-size:1.05rem;margin:1.5rem 0 .75rem;color:silver;text-transform:lowercase;letter-spacing:.04em}a{color:#7aa2f7;text-decoration:none}a:hover{text-decoration:underline}button{background:none;border:1px solid #555;color:inherit;padding:.4rem .9rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-family:inherit}button:hover{border-color:#999}button:disabled{opacity:.45;cursor:not-allowed}form,.inline-form{display:inline}.link-button{background:none;border:none;color:#7aa2f7;cursor:pointer;padding:0;font:inherit}.link-button:hover{text-decoration:underline}.nav-list{list-style:none;padding:0;margin:1rem 0}.nav-list li{margin:.25rem 0}.conlang__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.conlang__user{font-size:.85rem;color:#888}.conlang__controls{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border:1px solid #2a2a2a;border-radius:6px;background:#161616}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#aaa}.field--row{flex-direction:row;align-items:center;gap:.75rem}.field--row span{min-width:6rem}.field--row input[type=range]{flex:1}.vibe-input{width:100%;font-family:inherit;font-size:.95rem;background:#0c0c0c;border:1px solid #333;border-radius:4px;color:#efefef;padding:.6rem .8rem;resize:vertical}.vibe-input:focus{outline:none;border-color:#7aa2f7}.generate-button{align-self:flex-start;background:#7aa2f7;border-color:#7aa2f7;color:#0f0f0f;font-weight:600;padding:.55rem 1.4rem}.generate-button:hover{background:#98b6ff;border-color:#98b6ff}.error{color:#f7768e;font-size:.9rem}.meta{font-size:.8rem;color:#888;margin:0 0 .75rem}.candidate-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.65rem}.candidate{position:relative;border:1px solid #2a2a2a;border-radius:5px;padding:.75rem .85rem .85rem;background:#161616;display:flex;flex-direction:column;gap:.3rem}.candidate__main{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.candidate__ipa{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;color:#efefef}.candidate__seg{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:#6a6a6a}.candidate__gloss{font-size:.92rem;color:#d0d0d0;font-style:italic}.candidate__jamo{font-size:1.1rem;color:#9d8fd8;letter-spacing:.08em}.candidate__vibe{font-size:.75rem;color:#777}.save-button{align-self:flex-start;margin-top:.35rem;font-size:.8rem;padding:.3rem .7rem}.save-button--remove{border-color:#4a2a2a;color:#c89090}.save-button--remove:hover{border-color:#f7768e}.rejected,.raw{margin-top:1.5rem;font-size:.85rem}.rejected summary,.raw summary{cursor:pointer;color:#888}.rejected ul{margin:.5rem 0 0;padding-left:1.25rem}.rejected code{font-family:ui-monospace,SF Mono,Menlo,monospace}.raw pre{background:#0c0c0c;border:1px solid #222;border-radius:4px;padding:.75rem;overflow-x:auto;font-size:.8rem;color:silver}