:root{color-scheme:light;--fg:#193c46;--muted:#51707a;--panel:rgba(217,244,245,.72);--line:rgba(32,116,127,.22);--field:rgba(250,255,255,.62);--accent:rgba(33,133,145,.9);font:14px/1.6 system-ui,sans-serif;color:var(--fg);background:rgba(221,246,247,.6)}*{box-sizing:border-box}body{margin:0}main{display:grid;grid-template-columns:240px 1fr;min-height:100dvh;gap:12px;padding:12px}aside,section,dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}aside,section{padding:12px;min-width:0}section{display:flex;flex-direction:column}header,nav,footer{display:flex;gap:8px;align-items:center}header{margin-bottom:12px}h1,h2{font-size:18px;margin:0;flex:1}input,textarea,button{font:inherit;color:inherit;border:1px solid var(--line);border-radius:8px;background:var(--field)}input,textarea{padding:9px;width:100%;min-width:0}button{padding:7px 12px;min-height:36px;cursor:pointer;white-space:nowrap;transition:transform .14s cubic-bezier(.2,.8,.2,1),background .14s}button:hover{background:rgba(139,221,228,.35)}button:active{transform:translateY(1px)}button:disabled{color:var(--muted);cursor:default;background:rgba(210,226,229,.3)}button[aria-pressed=true],.primary{background:var(--accent);color:#fff}.danger{color:#a1363b}nav{margin:12px 0}nav button{flex:1}#list{display:grid;gap:8px;max-height:calc(100dvh - 175px);overflow:auto}#list button{text-align:left;white-space:normal;overflow-wrap:anywhere}#list small{display:block;color:var(--muted)}#list .selected{border-color:var(--accent);background:rgba(113,208,215,.32)}#title{font-weight:600}#content{flex:1;min-height:300px;resize:none;line-height:1.8}#status{font-size:12px;color:var(--muted);white-space:pre-wrap;min-height:20px;margin:8px 0}footer{justify-content:center;flex-wrap:wrap}footer button{flex:1;max-width:145px}dialog{width:min(760px,94vw);max-height:88dvh;padding:18px;color:var(--fg)}dialog::backdrop{background:rgba(18,48,57,.28);backdrop-filter:blur(5px)}#history-list{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow:auto;margin-bottom:12px}#history-content{min-height:35dvh;resize:vertical}.dark{color-scheme:dark;--fg:#d7eef0;--muted:#94b3b8;--panel:rgba(18,56,66,.78);--line:rgba(140,221,229,.2);--field:rgba(13,40,50,.68);--accent:rgba(24,129,143,.9);background:rgba(9,31,40,.8)}@media(max-width:600px){main{grid-template-columns:1fr;padding:6px;gap:6px}aside{padding:10px}#list{max-height:150px;grid-template-columns:repeat(2,minmax(0,1fr))}section{min-height:65dvh;padding:10px}header{margin-bottom:8px}footer button{font-size:12px;padding:7px 6px}#content{min-height:35dvh}h1{font-size:16px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

.primary:hover{background:rgba(24,119,133,.96)}@media(max-width:600px){footer{display:grid;grid-template-columns:1fr 1fr}footer button{max-width:none;width:100%}}

.dark .danger{color:#ffadb2}