:root{--c-bg:#0b1020;--c-card:#121933;--c-text:#e6e8ef;--c-accent:#7aa2f7;--c-muted:#98a2b3;--radius:12px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.pageContainer{max-width:960px;margin:24px auto;padding:0 16px;display:grid;gap:16px}
.card{background:var(--c-card);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.06)}
.title{margin:0 0 12px;font-size:22px}
.subtitle{margin:0 0 12px;font-size:18px;color:var(--c-accent)}
.formRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:12px;color:var(--c-muted)}
.field input,.field select{height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#0e142b;color:var(--c-text);padding:0 10px}
.actions{display:flex;gap:8px;align-items:center}
button{height:36px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1f2a4d,#151c39);color:var(--c-text);cursor:pointer}
button:hover{border-color:var(--c-accent)}
.primary-btn{background:linear-gradient(180deg,#7aa2f7,#5a7fd4);color:#fff;font-weight:600;border-color:#7aa2f7}
.primary-btn:hover{background:linear-gradient(180deg,#9bb5ff,#7aa2f7);border-color:#9bb5ff}
.result{white-space:pre-wrap;word-break:break-word;min-height:120px;background:#0e142b;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.06)}
.declTableWrap{margin-top:12px;overflow:auto}
.declTable{border-collapse:collapse;width:100%}
.declTable th,.declTable td{border:1px solid rgba(255,255,255,.08);padding:8px 10px;text-align:left}
.declTable th{background:#0e142b;color:var(--c-accent)}
.clickable-word{cursor:pointer;color:var(--c-accent);text-decoration:underline;transition:color 0.2s}
.clickable-word:hover{color:#9bb5ff;text-decoration:none}
h3,h4,h5{margin:16px 0 8px;color:var(--c-accent)}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
.tag-info{background:#0e142b;border-radius:8px;padding:12px;margin:8px 0;border:1px solid rgba(255,255,255,.06)}
.lexeme-info{background:#0e142b;border-radius:8px;padding:12px;margin:8px 0;border:1px solid rgba(255,255,255,.06)}
.smart-summary{background:linear-gradient(135deg,#1f2a4d,#151c39);border-radius:8px;padding:16px;margin:12px 0;border:1px solid rgba(122,162,247,.2)}
.tag-item{margin:8px 0;padding:8px;background:rgba(255,255,255,.02);border-radius:6px;border-left:3px solid var(--c-accent)}
.error{color:#ff6b6b;font-weight:500}
ul{margin:8px 0;padding-left:20px}
li{margin:4px 0}
h6{font-size:13px;margin:8px 0 4px;color:var(--c-accent)}
@media (max-width:600px){.pageContainer{margin:12px auto;padding:0 12px}}