:root{color:#22201c;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{border:1px solid #303b2d;border-radius:.45rem;padding:.65rem 1rem;color:#fff;background:#303b2d;cursor:pointer}button:hover{background:#20291e}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#303b2d;background:transparent}button.secondary:hover{background:#e7e2d7}button.danger{border-color:#a0352b;background:#a0352b}button.text-danger{border-color:transparent;color:#a0352b;background:transparent}button.text-danger:hover{background:#f7e4df}.page-header,main{width:min(100% - 2rem,70rem);margin-inline:auto}.page-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-block:3rem 2rem;border-bottom:1px solid #cfc8ba}h1,h2,p{margin-top:0}h1{margin-bottom:.3rem;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1}.eyebrow{margin-bottom:.4rem;color:#68705f;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.subtitle,.status-message,.meta{color:#68645c}.subtitle{margin-bottom:0}.header-actions,.toolbar,.dialog-actions,.card-actions,.new-entry-actions{display:flex;gap:.65rem}.cloud-actions{display:grid;gap:.25rem}.cloud-status{color:#68645c;font-size:.75rem;text-align:center}main{padding-block:1.5rem 4rem}.tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid #cfc8ba}.filters{display:flex;gap:.35rem;margin-top:1.25rem}button.filter{border-color:#aaa398;border-radius:999px;padding:.35rem .75rem;color:#5d5a53;background:transparent;font-size:.85rem}button.filter:hover,button.filter.active{border-color:#303b2d;color:#fff;background:#303b2d}button.tab{border:0;border-bottom:3px solid transparent;border-radius:0;padding-inline:.8rem;color:#68645c;background:transparent}button.tab:hover{color:#303b2d;background:#ece7dc}button.tab.active{border-bottom-color:#303b2d;color:#303b2d;font-weight:700}.toolbar{align-items:end;justify-content:space-between}.prompt-tools{display:flex;align-items:end;gap:.65rem;margin-top:1.25rem}.prompt-tools label{width:min(100%,14rem)}label{display:grid;gap:.4rem;font-weight:650}label small{color:#777168;font-weight:400}.search-field{width:min(100%,32rem)}input,textarea,select{width:100%;border:1px solid #aaa398;border-radius:.45rem;padding:.7rem .8rem;color:inherit;background:#fffefa}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #71816b;outline-offset:1px}.status-message{min-height:1.4em;margin-block:1.5rem .75rem;font-size:.9rem}.morpheme-list{display:grid;gap:.75rem}.morpheme-card{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;border:1px solid #d1cabd;border-radius:.65rem;padding:1.15rem 1.25rem;background:#fffefa}.card-content{min-width:0}.card-title{display:flex;align-items:baseline;gap:.75rem}.gloss{margin-bottom:.35rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.syllable{margin-bottom:0;color:#3f493b;font-weight:650}.placeholder{color:#827d74;font-style:italic}.notes{max-width:60ch;margin-block:.55rem;white-space:pre-wrap}.meta{margin-bottom:0;font-size:.8rem}.references{display:flex;flex-wrap:wrap;gap:.35rem;margin-block:.45rem 0;color:#4f5c49;font-size:.85rem}button.reference-link{border:0;padding:0;color:#4f5c49;background:transparent;font-size:inherit;text-decoration:underline}button.reference-link:hover{color:#20291e;background:transparent}.component-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-block:.55rem}.component-chip{border:1px solid #ccd2c5;border-radius:999px;padding:.2rem .55rem;color:#3f493b;background:#edf0e9;font-size:.8rem}button.component-chip{cursor:pointer}button.token-detail-button:hover{border-color:#8c9985;color:#20291e;background:#dfe6da}.empty-state{border:1px dashed #aaa398;border-radius:.65rem;padding:4rem 1rem;text-align:center}.empty-state h2{margin-bottom:.35rem}.empty-state p{margin-bottom:0;color:#68645c}dialog{width:min(calc(100% - 2rem),36rem);border:1px solid #bcb4a7;border-radius:.75rem;padding:0;color:inherit;background:#fffefa;box-shadow:0 1.5rem 4rem #28251f33}dialog.wide-dialog{width:min(calc(100% - 2rem),44rem)}dialog::backdrop{background:#29272080}dialog form{display:grid;gap:1.15rem;padding:1.5rem}.details-content{display:grid;gap:.75rem;padding:1.5rem}.details-content .notes{margin-bottom:0}.dialog-heading{display:flex;justify-content:space-between;gap:1rem}.dialog-heading h2{margin-bottom:0;font-family:Georgia,serif;font-size:2rem;font-weight:500}button.icon-button{align-self:start;border-color:transparent;padding:0 .3rem;color:#5d5a53;background:transparent;font-size:1.7rem;line-height:1}.dialog-actions{justify-content:end;margin-top:.5rem}fieldset{display:grid;gap:.75rem;min-width:0;border:1px solid #d1cabd;border-radius:.55rem;padding:.9rem}legend{padding-inline:.3rem;font-weight:650}.picker-matches{display:grid;height:14rem;align-content:start;overflow-y:auto;border:1px solid #d1cabd;border-radius:.45rem;background:#fffefa}button.picker-match{border:0;border-bottom:1px solid #e6e0d5;border-radius:0;padding:.55rem .7rem;color:#3f493b;background:transparent;text-align:left}button.picker-match:last-child{border-bottom:0}button.picker-match:hover,button.picker-match[aria-selected=true]{color:#fff;background:#4b5a46}.inline-create{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border-top:1px solid #ddd6ca;padding-top:.75rem;color:#68645c;font-size:.85rem}.component-list{display:grid;gap:.45rem;margin:0;padding-left:1.8rem}.component-list:empty{display:none}.component-list li{padding-left:.25rem}.component-list li,.component-actions{align-items:center;justify-content:space-between;gap:.45rem}.component-list li,.component-actions{display:flex}button.small{padding:.35rem .55rem;font-size:.8rem}.warning{color:#8c332a}@media(max-width:700px){.page-header,.toolbar,.morpheme-card,.prompt-tools{align-items:stretch;flex-direction:column}.prompt-tools label{width:100%}.header-actions button{flex:1}.header-actions,.cloud-actions,.search-field{width:100%}.card-actions{justify-content:end}.component-list li{align-items:stretch;flex-direction:column}.new-entry-actions{flex-direction:column}.component-actions{justify-content:start}}