:root{--bg-top: #f4f8ff;--bg-bottom: #d7eadf;--panel: rgba(255, 255, 255, .78);--panel-border: rgba(15, 55, 39, .14);--text: #13231a;--muted: #476454;--primary: #0f7f56;--primary-pressed: #0a6242;--danger: #bf2f2f;--danger-pressed: #912121;--shadow: 0 16px 42px rgba(17, 38, 28, .16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#fff3d7 0%,transparent 52%),linear-gradient(160deg,var(--bg-top),var(--bg-bottom))}button,input{font:inherit}.app-shell{width:min(960px,100%);margin:0 auto;padding:10px;display:grid;gap:8px}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:16px;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{animation:rise .36s ease-out}.hero h1{margin:0;font-size:clamp(1.25rem,3vw,1.6rem);letter-spacing:.03em}.hero p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.version{display:inline-block;margin-top:2px;font-size:.72rem;color:var(--muted)}.controls{display:grid;gap:8px;animation:rise .52s ease-out}.field-row{display:grid;gap:4px}label{font-size:.84rem;color:var(--muted)}input{width:100%;border:1px solid #b6d8c6;border-radius:10px;padding:8px 10px;background:#fafffd}input:focus{outline:2px solid rgba(16,128,87,.28);border-color:var(--primary)}.inline-field{display:grid;grid-template-columns:1fr auto;gap:6px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stats article{background:#edf7f2d1;border:1px solid rgba(16,87,58,.15);border-radius:12px;padding:7px 9px}.stats h2{margin:0;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stats strong{display:block;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:1.05rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}button{border:none;border-radius:10px;padding:8px 10px;color:#fff;font-weight:700;font-size:.9rem;transition:transform .12s ease,filter .12s ease}button:active{transform:translateY(1px) scale(.996)}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:var(--primary)}.primary:hover{filter:brightness(1.05)}.secondary{background:#4a607f}.secondary:hover{filter:brightness(1.08)}.danger{background:var(--danger)}.danger:hover{filter:brightness(1.05)}.hint{color:#8f5f21;font-size:.76rem}.list{animation:rise .7s ease-out}.list-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.list-header h2{margin:0;font-size:1rem}.list-header span{color:var(--muted);font-size:.76rem}ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}li{border-radius:10px;border:1px solid rgba(15,66,45,.14);background:#ffffffe0;padding:7px 9px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}li strong{font-family:IBM Plex Mono,monospace;font-size:.95rem}li code{font-family:IBM Plex Mono,monospace;font-size:.8rem;overflow-wrap:anywhere}.empty{margin:8px 0 0;color:var(--muted);font-size:.86rem}@media (min-width: 760px){.app-shell{padding:14px;grid-template-columns:1.1fr .9fr;grid-template-areas:"hero hero" "controls list"}.hero{grid-area:hero}.controls{grid-area:controls}.list{grid-area:list;align-self:start}}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}