:root{color-scheme:light;--ink:#17201c;--paper:#f5f2e9;--violet:#6d52cc;--blue:#229ed9;--lime:#d8f56a}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);
font-family:system-ui,-apple-system,sans-serif}.shell{width:min(760px,calc(100% - 32px));
margin:7vh auto;padding:clamp(24px,6vw,64px);background:white;border:2px solid var(--ink);
box-shadow:10px 10px 0 var(--ink)}h1{font-size:clamp(2.2rem,7vw,4.5rem);line-height:.95;
margin:.25em 0}p{font-size:1.08rem;line-height:1.65}.kicker{text-transform:uppercase;
letter-spacing:.12em;font-weight:800}.button{display:inline-block;margin:1rem .6rem 0 0;padding:.9rem 1.2rem;
background:var(--ink);color:white;border:0;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.button.vk{background:var(--violet)}.button.telegram{background:var(--blue)}
.status{padding:1rem;background:var(--lime);font-weight:750}.login-widget{min-height:48px;margin-top:1rem}
a{color:inherit}small{display:block;margin-top:2rem;line-height:1.5}
.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.toolbar .button{margin:.25rem 0}
.panel{margin-top:1.5rem;padding:1.25rem;border:2px solid var(--ink);background:#fff}
.panel h2{margin:.1rem 0 .7rem;font-size:1.45rem}.field{display:grid;gap:.45rem;margin-top:1rem}
.field label{font-weight:800}.field input,.field textarea{width:100%;padding:.85rem;border:2px solid var(--ink);
background:#fff;font:inherit}.field textarea{min-height:112px;resize:vertical}.note-list{display:grid;gap:.75rem;
padding:0;list-style:none}.note{padding:1rem;border:1px solid var(--ink);background:#f8f6ef}.note p{margin:.35rem 0;
white-space:pre-wrap}.muted{color:#5e655f;font-size:.92rem}.inline{display:flex;gap:.7rem;flex-wrap:wrap;
align-items:center}.inline>*{flex:1 1 180px}.danger{background:#b54437}.save-state{min-height:1.4em;
font-size:.9rem;font-weight:700}.source{border-left:7px solid var(--blue)}@media(max-width:560px){.shell{width:min(100% - 20px,760px);
margin:10px auto;padding:22px;box-shadow:6px 6px 0 var(--ink)}.button{width:100%;text-align:center}}