@font-face{font-family:AlexNote;src:url('/fonts/kalam-about.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.about-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 4px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.about-hint{font-size:11px;color:#8fe4da;text-decoration:underline;text-underline-offset:4px}
.about-open:focus-visible,.about-dialog button:focus-visible{outline:3px solid #8fe4da;outline-offset:4px}
.about-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #547382;border-radius:18px;background:#10283d;color:#edf5fb;text-align:left;box-shadow:0 24px 80px #0006;overflow:auto}
.about-dialog::backdrop{background:#020b18bb;backdrop-filter:blur(5px)}
.about-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#10283d;border-bottom:1px solid #355369;font:12px/1.5 system-ui;color:#a9c6d2}
.about-dialog button{min-height:44px;padding:8px 12px;border:1px solid #527083;border-radius:9px;background:#0c2136;color:#cfe5ed;font:inherit;cursor:pointer}
.about-note{padding:20px 30px 30px;font-family:AlexNote,'Segoe Print',cursive;font-size:23px;line-height:1.65;font-weight:400}
.about-note h2{margin:0 0 18px;color:#efd05b;font:inherit;font-size:34px}
.about-note p{position:relative;margin:0 0 20px}
.about-note p:last-child{margin-bottom:0;color:#efd05b}
.about-copy{display:block}.about-typing{position:absolute;inset:0 auto auto 0;width:100%}
.about-note.is-typing .about-copy{opacity:0}
.about-typing.is-current::after{content:'';display:inline-block;height:.8em;border-right:2px solid #efd05b;margin-left:3px;animation:about-caret .8s step-end infinite}
@keyframes about-caret{50%{opacity:0}}
@media(max-width:450px){.about-note{padding:18px 22px 24px;font-size:22px}.about-note h2{font-size:32px}.about-toolbar{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.about-typing.is-current::after{animation:none}}
body.about-opened{overflow:hidden}