:root{color-scheme:light;--text: #0c0d10;--muted: rgba(12, 13, 16, .62);--hairline: rgba(12, 13, 16, .1);--accentBlue: #1f5fde;--accentGreen: #1f8a5c;--max: 760px;--headerSafe: 96px;--footerSafe: 120px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}.appRoot{height:100vh}.snapContainer{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain}.snapSection{height:100vh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;overscroll-behavior:auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--headerSafe) 20px calc(20px + env(safe-area-inset-bottom))}@media(max-width:520px){:root{--footerSafe: 218px}}.sectionInner{width:min(var(--max),100%);padding-top:24px;max-height:calc(100vh - var(--headerSafe) - var(--footerSafe) - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.title{margin:0 0 18px;font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1.08}.body{font-size:clamp(16px,2.2vw,18px);line-height:1.65;color:var(--text)}.body p{margin:0 0 14px}.overlayHeader,.overlayFooter{position:fixed;left:0;right:0;z-index:1000;pointer-events:none}.overlayHeader{top:0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to bottom,#ffffffeb,#fff0)}.overlayFooter{bottom:0;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--hairline)}.audioControls{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--hairline);border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.iconButton{pointer-events:auto;border:1px solid transparent;background:transparent;padding:6px 8px;border-radius:999px;line-height:1;color:var(--text)}.iconButton:hover{border-color:var(--hairline)}.iconButton:focus-visible{outline:2px solid rgba(12,13,16,.35);outline-offset:2px}.iconButton:disabled{opacity:.35}.autoSoundButton{font-size:12px;padding:6px 8px}.langButton{border-color:var(--hairline);font-size:12px;padding:6px 8px}@media(max-width:520px){.audioControls{gap:6px;padding:6px}.iconButton,.autoSoundButton,.langButton{padding:6px 7px}}.autoSoundOff{text-decoration:line-through;text-decoration-thickness:1px;text-underline-offset:3px;opacity:.65}.audioState{color:var(--muted);font-size:13px;padding-left:6px}.progress{pointer-events:none;color:var(--muted);font-size:13px;border:1px solid var(--hairline);border-radius:999px;padding:8px 12px;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.linkButton{pointer-events:auto;border:none;background:transparent;padding:6px;color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-size:13px;line-height:1.2}@media(max-width:520px){.overlayFooter{padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}.linkButton{padding:5px 6px;font-size:12px}}.linkButton:hover{color:var(--text)}.linkButton:focus-visible{outline:2px solid rgba(12,13,16,.35);outline-offset:2px;border-radius:6px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:64px 18px;background:#0c0d1033}.langPickerGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.langPickerButton{border:1px solid var(--hairline);background:#0c0d1005;border-radius:14px;padding:12px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.langPickerButton:hover{background:#0c0d100a}.langPickerButton:focus-visible{outline:2px solid rgba(12,13,16,.35);outline-offset:2px}.langPickerButton.active{border-color:#1f5fde59;background:#1f5fde14}.langPickerName{font-size:14px;font-weight:700}.langPickerMeta{font-size:12px;color:var(--muted);border:1px solid var(--hairline);border-radius:999px;padding:4px 8px;background:#ffffffbf}@media(max-width:520px){.langPickerGrid{grid-template-columns:1fr}.langPickerButton{padding:14px 12px}}.modalDialog{width:min(780px,100%);border:1px solid var(--hairline);border-radius:18px;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #0c0d102e}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px;border-bottom:1px solid var(--hairline)}.modalTitle{font-size:15px;letter-spacing:.01em}.modalBody{padding:14px 16px 18px;color:var(--text);line-height:1.65}.modalBody p{margin:0 0 12px}@media(max-width:420px){.audioState{display:none}}.headerLeft{pointer-events:auto;display:flex;align-items:center;gap:10px}.editorOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end;background:#0c0d102e}.editorPanel{width:min(920px,100%);height:100%;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--hairline);display:flex;flex-direction:column}.editorTop{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--hairline)}.editorTitle{font-size:13px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.editorActions{display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--hairline)}.smallButton{border:1px solid var(--hairline);background:transparent;border-radius:10px;padding:8px 10px;font-size:13px;color:var(--text)}.smallButton:hover{background:#0c0d1008}.smallButton:focus-visible{outline:2px solid rgba(12,13,16,.35);outline-offset:2px}.primaryButton{border:1px solid var(--accentBlue);background:var(--accentBlue);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;color:#fff}.primaryButton:hover{filter:brightness(.97)}.primaryButton:focus-visible{outline:2px solid rgba(31,95,222,.35);outline-offset:2px}.primaryButton:disabled{border-color:var(--hairline);background:#0c0d100d;color:#0c0d1061;cursor:not-allowed;filter:none}.editorGrid{display:grid;grid-template-columns:1fr 1.3fr;gap:0;height:100%;min-height:0}.editorList{border-right:1px solid var(--hairline);overflow:auto;padding:12px}.editorForm{overflow:auto;padding:14px}.pageItem{display:flex;gap:10px;align-items:stretch;padding:10px;border:1px solid var(--hairline);border-radius:12px;margin-bottom:10px}.pageItem.active{background:#0c0d1008}.pageSelect{flex:1;text-align:left;border:none;background:transparent;padding:0}.pageName{font-size:14px;line-height:1.2}.pageMeta{font-size:12px;color:var(--muted);margin-top:4px}.pageItemActions{display:flex;flex-direction:column;gap:6px}.tinyButton{border:1px solid var(--hairline);background:transparent;border-radius:10px;width:34px;height:30px;line-height:1}.tinyButton:hover{background:#0c0d1008}.tinyButton:disabled{opacity:.35}.tinyButton.danger{border-color:#b4282840}.field{display:block;margin-bottom:14px}.fieldLabel{font-size:12px;color:var(--muted);margin-bottom:6px}.textInput{width:100%;border:1px solid var(--hairline);border-radius:12px;padding:10px 12px;font-size:14px}.textArea{width:100%;min-height:44vh;resize:vertical;border:1px solid var(--hairline);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.55}.textInput:focus-visible,.textArea:focus-visible{outline:2px solid rgba(12,13,16,.35);outline-offset:2px}.hint{color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:900px){.editorGrid{grid-template-columns:1fr}.editorList{border-right:none;border-bottom:1px solid var(--hairline)}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.langTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.langTab{border:1px solid var(--hairline);background:transparent;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1}.langTab.active{background:#0c0d100a}.rtWrap{border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:#ffffffb3}.rtToolbar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--hairline);background:#fff9}.rtButton{border:1px solid var(--hairline);background:transparent;border-radius:10px;padding:6px 8px;font-size:12px;line-height:1;min-width:34px}.rtButton:hover{background:#0c0d1008}.rtButton.active{background:#0c0d100d}.rtSep{width:1px;height:22px;background:var(--hairline);margin:0 2px}.rtGrow{flex:1}.rtSelect{border:1px solid var(--hairline);background:transparent;border-radius:10px;padding:6px 8px;font-size:12px}.rtColorDot{display:inline-block;width:10px;height:10px;border-radius:999px;border:1px solid var(--hairline)}.rtEditor{padding:10px 12px}.rtProse{outline:none;min-height:36vh;font-size:14px;line-height:1.65}.rtProse p{margin:0 0 12px}.rtProse h2{margin:18px 0 10px;font-size:20px;letter-spacing:-.01em}.rtProse h3{margin:16px 0 8px;font-size:16px;letter-spacing:-.01em}.rtProse blockquote{margin:14px 0;padding-left:12px;border-left:2px solid var(--hairline);color:var(--muted)}.body h2{margin:18px 0 10px;font-size:22px;letter-spacing:-.01em;line-height:1.2}.body h3{margin:16px 0 8px;font-size:18px;letter-spacing:-.01em;line-height:1.25}.body blockquote{margin:14px 0;padding-left:12px;border-left:2px solid var(--hairline);color:var(--muted)}