:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--color-accent: #2196f3}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:#333;background:#fff;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto}.topbar{display:flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border-bottom:1px solid #e5e5e5;position:relative}.lang-btn{font-family:var(--font-sans, sans-serif);font-size:.7rem;font-weight:700;letter-spacing:.06em;color:#999;background:none;border:1.5px solid #e0e0e0;border-radius:5px;padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0}.lang-btn:hover{color:#333;border-color:#bbb}.topbar-logo{font-family:var(--font-sans);text-decoration:none;display:inline-flex;align-items:baseline;gap:6px;transition:opacity .15s}.topbar-logo:hover{opacity:.75}.logo-page{font-size:1.25rem;font-weight:900;letter-spacing:.12em;color:#111}.logo-by{font-size:.65rem;font-weight:500;color:#aaa;letter-spacing:.02em}.topbar-btn{position:fixed;top:12px;right:16px;z-index:100;font-family:var(--font-sans);font-size:.8rem;font-weight:500;padding:6px 20px;border:1.5px solid rgba(255,255,255,.6);border-radius:20px;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;color:#fff;text-decoration:none;transition:background .2s}.topbar-btn:hover{background:#0009}[contenteditable]{outline:none;-webkit-user-select:text;user-select:text}[contenteditable]:focus{outline:2px solid rgba(33,150,243,.3);outline-offset:2px;border-radius:4px}@media(hover:none)and (pointer:coarse){[contenteditable]:focus{outline-offset:4px}}