:root,[data-theme=light]{--page-bg: #f5f5f5;--surface: #ffffff;--text: #1a1a1a;--text-muted: #555;--border: #e0e0e0;--control-bg: #e8e8e8;--control-fg: #1a1a1a;--preview-bg: #e0e0e0;--accent: #2563eb;--accent-fg: #fff;--error-bg: #fef2f2;--error-fg: #b91c1c;color-scheme:light}[data-theme=dark]{--page-bg: #1a1a1a;--surface: #2d2d2d;--text: #f0f0f0;--text-muted: #b0b0b0;--border: #404040;--control-bg: #404040;--control-fg: #f0f0f0;--preview-bg: #252525;--accent: #3b82f6;--accent-fg: #fff;--error-bg: #450a0a;--error-fg: #fca5a5;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){--page-bg: #1a1a1a;--surface: #2d2d2d;--text: #f0f0f0;--text-muted: #b0b0b0;--border: #404040;--control-bg: #404040;--control-fg: #f0f0f0;--preview-bg: #252525;--accent: #3b82f6;--accent-fg: #fff;--error-bg: #450a0a;--error-fg: #fca5a5;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--page-bg);color:var(--text)}#root{min-height:100vh}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{--app-bg: var(--page-bg);--app-surface: var(--surface);--app-text: var(--text);--app-text-muted: var(--text-muted);--app-border: var(--border);--app-control-bg: var(--control-bg);--app-control-fg: var(--control-fg);--app-preview-bg: var(--preview-bg);min-height:100vh;display:flex;flex-direction:column;background:var(--app-bg);color:var(--app-text)}.app--fullscreen{position:fixed;inset:0;z-index:9999;overflow:hidden}.app__header{flex-shrink:0;padding:.75rem 1rem;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.app__header-inner{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.app__title{margin:0;font-size:1.25rem;font-weight:600}.app__version{font-size:.7rem;font-weight:400;opacity:.5;vertical-align:middle}.app__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}.app__file-label{cursor:pointer}.app__file-button{display:inline-block;padding:.5rem 1rem;min-height:44px;line-height:1.3;box-sizing:border-box;background:var(--app-control-bg);color:var(--app-control-fg);border:1px solid var(--app-border);border-radius:8px;font-size:1rem;font-weight:500;transition:background .15s,border-color .15s}.app__file-button:hover{filter:brightness(1.05)}.app__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.app__btn{min-height:44px;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--app-border);background:var(--app-control-bg);color:var(--app-control-fg);font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s}.app__btn:disabled{opacity:.5;cursor:not-allowed}.app__btn--primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}.app__btn--secondary{background:var(--app-control-bg)}.app__btn--icon{padding:.5rem .75rem;font-size:1.25rem}.app__btn--active{background:var(--accent);color:var(--accent-fg);border-color:transparent}.app__btn--sm{font-size:.8rem;padding:.3rem .6rem;min-height:auto}.app__btn--toggle{font-size:.9rem;padding:.4rem .75rem;min-height:38px}.app__btn--toggle-active{background:var(--accent);color:var(--accent-fg);border-color:transparent}.app__label-inline{display:flex;align-items:center;gap:.5rem}.app__label-text{font-size:.9rem;color:var(--app-text-muted)}.app__font-slider{width:90px;min-height:28px;accent-color:var(--accent)}.app__update-banner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;margin:0 1rem;background:var(--accent);color:var(--accent-fg);border-radius:8px;font-size:.9rem;flex-wrap:wrap}.app__update-banner--ok{background:#16a34a}.app__error{padding:1rem;margin:0 1rem 1rem;background:var(--error-bg);color:var(--error-fg);border-radius:8px}.app__loading{padding:3rem;text-align:center;color:var(--app-text-muted)}.app__nav{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.app__nav-btn{min-width:48px;min-height:48px;padding:0;font-size:1.75rem;line-height:1;border-radius:8px;border:1px solid var(--app-border);background:var(--app-control-bg);color:var(--app-control-fg);cursor:pointer;display:flex;align-items:center;justify-content:center}.app__nav-btn:not(:disabled):hover{filter:brightness(1.08)}.app__nav-info{display:flex;align-items:center;gap:.25rem;font-size:1rem;color:var(--app-text-muted)}.app__jump-input{width:3.5rem;min-width:3rem;padding:.4rem .5rem;font-size:1rem;text-align:center;border:1px solid var(--app-border);border-radius:6px;background:var(--app-bg);color:var(--app-text)}.app__nav-sep{opacity:.7}.app__main{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden}@media(max-width:768px){.app__main{flex-direction:column}}.app__preview-wrap{flex:1 1 calc(100% - var(--notes-width-percent, 50%));min-width:200px;display:flex;flex-direction:column;min-height:0;padding:1rem;border-right:1px solid var(--app-border)}@media(max-width:768px){.app__preview-wrap{flex:0 0 auto;width:100%;max-height:45vh;border-right:none;border-bottom:1px solid var(--app-border)}}.app__notes-wrap{flex:1 1 var(--notes-width-percent, 50%);min-width:0;display:flex;flex-direction:column;min-height:0;padding:1rem;overflow:hidden}@media(max-width:768px){.app__notes-wrap{flex:1 1 auto}}.app__welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--app-text-muted);text-align:center}.app__resume-hint{padding:.5rem 1rem;margin:0;font-size:.9rem;color:var(--app-text-muted);text-align:center}.slide-preview{flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--app-preview-bg);border-radius:8px;overflow:hidden}.slide-preview--empty,.slide-preview--loading,.slide-preview--error{padding:2rem}.slide-preview__placeholder,.slide-preview__fallback{margin:0;color:var(--app-text-muted);text-align:center;font-size:1rem}.slide-preview__wrapper{width:100%;height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide-preview__content{position:relative;width:100%;height:100%;overflow:hidden}.notes-panel{flex:1;overflow:auto;line-height:1.6}.notes-panel--empty{display:flex;align-items:center;justify-content:center}.notes-panel__empty{margin:0;color:var(--app-text-muted)}.notes-panel__content{width:100%;max-width:100%}.notes-panel__paragraph{margin:0 0 .6em}.notes-panel__paragraph--bullet{padding-left:.25em}.notes-panel__bullet{-webkit-user-select:none;user-select:none;margin-right:.25em}.notes-panel__paragraph--blank{height:.6em;margin-bottom:.4em}.notes-panel--bullet{overflow:hidden;display:flex;flex-direction:column}.notes-panel__bullet-view{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;gap:1.5em;padding:1em 0}.notes-panel__bullet-prev,.notes-panel__bullet-next{opacity:.3;transition:opacity .2s;max-height:25%;overflow:hidden;flex-shrink:1}.notes-panel__bullet-next:has(.notes-panel__next-slide){opacity:1}.notes-panel__bullet-current{flex-shrink:0;opacity:1;font-weight:500}.notes-panel__next-slide{margin:0;color:#ff1744;font-weight:600;opacity:1}