@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:opsz,wght@12..72,200..800&display=swap";:root{--bg: #f0d38a;--text: #2b2b2b;--toolbar-bg: rgba(255, 255, 255, .18);--button-bg: rgba(255, 255, 255, .18);--button-hover: rgba(255, 255, 255, .32);--editor-font-size: 58px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Atkinson Hyperlegible Next,Arial,Helvetica,sans-serif;transition:background .4s ease,color .4s ease}.toolbar{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;border-radius:999px;background:var(--toolbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.toolbar button,.theme-toggle,.swatch{border:none;cursor:pointer}.toolbar button{min-width:38px;height:38px;border-radius:999px;padding:0 12px;background:var(--button-bg);color:var(--text);font-size:17px;transition:background .2s ease,transform .2s ease}.toolbar button:hover{background:var(--button-hover);transform:translateY(-1px)}main{min-height:100vh;padding:100px 9vw 80px;display:flex;justify-content:center}#editor{width:100%;max-width:1100px}.tiptap{width:100%;min-height:70vh;outline:none;font-size:var(--editor-font-size);line-height:1.3;font-weight:400}.tiptap p{margin:.35em 0}.tiptap ul,.tiptap ol{margin:.25em 0}.tiptap ul{list-style:none;padding-left:0}.tiptap ul li{position:relative;padding-left:1em}.tiptap ul li:before{content:"-";position:absolute;left:0;opacity:.7}.tiptap ol{padding-left:1.2em}.tiptap li{margin:.12em 0}.tiptap h1{font-size:1.35em;line-height:1.1;margin:.35em 0}.tiptap h2{font-size:1.15em;line-height:1.15;margin:.35em 0}.theme-panel{position:fixed;left:22px;bottom:22px;display:flex;align-items:center;gap:10px;z-index:20}.theme-toggle{width:42px;height:42px;border-radius:50%;background:var(--button-bg);color:var(--text);font-size:18px}.theme-options{display:flex;gap:8px;opacity:0;transform:translate(-12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.theme-panel:hover .theme-options{opacity:1;transform:translate(0);pointer-events:auto}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.45)}.theme-1{--bg: #88c0a8;--text: #ffffff}.theme-2{--bg: #d88c7a;--text: #ffffff}.theme-3{--bg: #6d8fb3;--text: #ffffff}.theme-4{--bg: #3f3f46;--text: #f8fafc}.theme-5{--bg: #f0d38a;--text: #2b2b2b}.theme-6{--bg: #111111;--text: #f5f5f5}.toolbar button.active{background:#ffffff6b;box-shadow:0 0 12px #ffffff2e}.hidden{display:none!important}.toolbar button.active{background:#ffffff73;font-weight:700;box-shadow:0 0 12px #ffffff2e}.markdown-area{width:100%;max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:32px}#markdown-input{width:100%;min-height:70vh;resize:none;border:none;outline:none;background:#ffffff1f;color:var(--text);border-radius:24px;padding:32px;font-family:Courier New,monospace;font-size:24px;line-height:1.45}#markdown-input::placeholder{color:var(--text);opacity:.55}.markdown-preview{min-height:70vh;padding:32px;font-size:var(--editor-font-size);line-height:1.3}.markdown-preview h1{font-size:1.35em;line-height:1.1;margin:.35em 0}.markdown-preview h2{font-size:1.15em;line-height:1.15;margin:.35em 0}.markdown-preview p{margin:.35em 0}.markdown-preview ul{list-style:none;padding-left:0}.markdown-preview ul li{position:relative;padding-left:1em}.markdown-preview ul li:before{content:"-";position:absolute;left:0;opacity:.7}.markdown-preview ol{padding-left:1.2em}.markdown-preview{min-height:70vh;padding:32px;font-size:var(--editor-font-size);line-height:1.25;overflow-wrap:break-word}.markdown-preview h1,.markdown-preview h2,.markdown-preview p,.markdown-preview ul,.markdown-preview ol{margin-top:.4em;margin-bottom:.4em}.markdown-preview em{opacity:.9}.markdown-preview strong{font-weight:800}.markdown-area.preview-only{grid-template-columns:1fr;max-width:1100px}.markdown-area.preview-only .markdown-preview{padding:0}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text)}.gate-card{text-align:center;max-width:420px;padding:32px}.gate-card h1{margin:0 0 12px;font-size:42px;font-weight:700}.gate-card p{margin:0 0 28px;font-size:18px;opacity:.75}#open-editor{border:none;border-radius:999px;padding:14px 28px;background:var(--button-bg);color:var(--text);font-size:18px;cursor:pointer}#open-editor:hover{background:var(--button-hover)}.theme-1-swatch{background:#88c0a8}.theme-2-swatch{background:#d88c7a}.theme-3-swatch{background:#6d8fb3}.theme-4-swatch{background:#3f3f46}.theme-5-swatch{background:#f0d38a}.theme-6-swatch{background:#111}