:root{--bg-color: hsl(50deg 0% 10%);--bg-color-accent: hsl(50 0% 20% / 75%);--color-accent: hsl(50 100% 60% / 1);--color: hsl(50 100% 30% / 1);--scroll-p-top: 400px}@media screen and (min-width:369px){:root{--scroll-p-top: 377px}}@media screen and (min-width:407px){:root{--scroll-p-top: 353px}}@media screen and (min-width:426px){:root{--scroll-p-top: 330px}}@media screen and (min-width:631px){:root{--scroll-p-top: 306px}}@media screen and (min-width:688px){:root{--scroll-p-top: 283px}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-p-top)}body{background-color:var(--bg-color);color:var(--color);font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal;line-height:1.25;margin:0}#root>*{padding-inline:1rem;max-width:700px;margin:0 auto}h1,h2,h3{color:var(--color-accent)}h2{margin-block:.8rem}a{color:var(--color);transition:color .4s;text-decoration:none}a:hover{color:var(--color-accent)}header{position:sticky;z-index:2;top:0;padding-block:0;background-color:var(--bg-color-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-radius .1s;border-radius:0 0 8px 8px}header>*{margin:0}.pyat-kopeek{display:block;position:absolute;font-size:12px;top:18px;left:115px}@view-transition{navigation:auto}.row{display:flex;flex-direction:row}.space-between{justify-content:space-between}.coolbtn{background-color:var(--bg-color-accent);border:none;color:var(--color-accent);font-family:inherit;padding:1rem;margin:1rem 0}button:disabled,.coolbtn:disabled{opacity:.55;cursor:not-allowed}.accordeon{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s}.accordeon>*{overflow:hidden}.accordeon[data-accordeon-open=false]{grid-template-rows:0fr}#memogenerator{margin-block:2.5rem}.memo-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.memo-preview{display:grid;gap:.6rem;align-content:start}.memo-frame{position:relative;overflow:hidden;border-radius:12px;border:2px solid var(--color-accent);box-shadow:var(--color) 1px 2px 6px;isolation:isolate}.memo-frame img{display:block;width:100%;height:auto}.memo-text{position:absolute;left:50%;transform:translate(-50%);width:calc(100% - 16px);text-align:center;color:#fff;text-shadow:0 0 8px black,2px 2px 0 black,-2px -2px 0 black;font-size:clamp(14px,2.7vw,18px);text-transform:uppercase;line-height:1.5}.memo-text.top{top:10px}.memo-text.bottom{bottom:10px}.memo-canvas{display:none}.memo-controls{display:grid;gap:.7rem;align-content:start}.memo-controls label{display:grid;gap:.35rem;color:var(--color-accent)}.memo-controls textarea{background:var(--bg-color-accent);color:var(--color);border:1px solid var(--color);padding:.6rem;font-family:inherit;resize:vertical;min-height:80px}.memo-upload input{margin-top:.3rem}.memo-actions{display:grid;gap:.5rem}.memo-templates{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.memo-thumb{background:var(--bg-color-accent);border:1px solid var(--color);border-radius:10px;padding:.4rem;color:inherit;cursor:pointer;text-align:left;display:grid;gap:.35rem}.memo-thumb.selected{outline:2px solid var(--color-accent);outline-offset:2px}.memo-thumb img{width:100%;height:220px;object-fit:cover;border-radius:6px;display:block}.memo-thumb span{font-size:11px;color:var(--color-accent);font-family:"Press Start 2P",system-ui}.outline{border:1px solid var(--color-accent);background:transparent}#quiz label{display:block;line-height:1.5}#quiz input{transform:translate(-7px,-2px)}