:root{--color-bg:#f6f7fb;--color-surface:#fff;--color-text:#111827;--color-muted:#6b7280;--color-border:#e5e7eb;--color-accent:#0f766e;--color-danger:#991b1b;color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}img,video,canvas{max-width:100%}body{width:100%;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.route-loading{color:#4b5563;justify-content:center;align-items:center;min-height:100dvh;padding:24px;font-weight:800;display:grid}button{color:#fff;cursor:pointer;min-width:116px;font:inherit;background:#111827;border:1px solid #111827;border-radius:8px;padding:.8rem 1rem;font-weight:700}button:hover,.button:hover{background:#253044}button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0f766e38}button:disabled{cursor:not-allowed;opacity:.65}a{color:#0f766e;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;justify-content:center;align-items:center;min-width:116px;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button-secondary{color:#111827;background:#fff;border-color:#111827}.button-secondary:hover,button.button-secondary:hover{background:#eef2f7}.home{align-items:stretch;min-height:100vh;padding:clamp(32px,5vw,72px);display:flex}.home__content{grid-template-columns:1fr;align-content:center;width:100%;max-width:1520px;min-height:calc(100vh - clamp(64px,10vw,144px));margin:0 auto;display:grid}.home__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:clamp(22px,4vw,54px);display:flex}.home__hero-logo{width:min(54vw,760px);max-width:min(760px,100%);height:auto;display:block}.home__love-note{color:#6d28d9;letter-spacing:0;margin:14px 0 0;font-size:clamp(.9rem,1.15vw,1.05rem);font-weight:900}h1{color:#111827;letter-spacing:0;overflow-wrap:normal;word-break:normal;margin:0;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1}.home__subtitle{color:#4b5563;max-width:min(980px,72vw);margin:24px 0 0;font-size:clamp(1.25rem,2vw,2rem);line-height:1.6}.home__actions{grid-template-columns:repeat(2,minmax(220px,320px));gap:12px;width:100%;max-width:660px;margin-top:32px;display:grid}.home__actions .button{width:100%;min-height:56px}.home__sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);width:100%;margin-top:clamp(56px,8vw,110px);display:grid}.home__sections article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:190px;padding:clamp(22px,2.4vw,36px)}.home__sections span{color:#0f766e;background:#ecfdf5;border:1px solid #99f6e4;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:inline-flex}.home__sections h2{margin:22px 0 10px;font-size:clamp(1.25rem,1.6vw,1.75rem)}.home__sections p{color:#4b5563;margin:0;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.6}.page{min-height:100vh;padding:max(32px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left))}.auth-page{justify-content:center;align-items:center;display:flex;position:relative}.auth-language{position:absolute;top:28px;right:32px}.auth-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:460px;margin:0 auto;padding:28px;box-shadow:0 18px 45px #0f172a14}.upload-panel{max-width:560px}.auth-copy{margin:14px 0 0}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:800}.form{gap:16px;margin-top:28px;display:grid}label{color:#374151;gap:8px;font-size:.95rem;font-weight:700;display:grid}input,select,textarea{color:#111827;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:46px;padding:.72rem .85rem}input:focus,select:focus,textarea:focus{border-color:#0f766e;outline:3px solid #0f766e29}textarea{resize:vertical;min-height:110px}.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:.8rem 1rem}.muted{color:#6b7280;margin-top:20px;line-height:1.6}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto 64px;display:flex}.app-shell{min-height:100vh}.app-header{padding:16px max(clamp(18px, 4vw, 40px), env(safe-area-inset-right)) 16px max(clamp(18px, 4vw, 40px), env(safe-area-inset-left));z-index:20;background:#ffffffeb;border-bottom:1px solid #e5e7eb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid;position:sticky;top:0}.app-content{padding:32px max(32px, env(safe-area-inset-right)) 32px max(32px, env(safe-area-inset-left))}.app-nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.app-nav a{color:#4b5563;border-radius:8px;padding:.62rem .8rem;text-decoration:none}.app-nav a.active,.app-nav a:hover{color:#111827;background:#eef2f7}.app-user{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.language-select{flex-direction:row;align-items:center;gap:8px;display:inline-flex}.language-select span{color:#6b7280;text-transform:uppercase;font-size:.78rem;font-weight:900}.language-select select{background:#fff;border-color:#cbd5e1;min-width:136px;min-height:46px;padding:.58rem 2.2rem .58rem .8rem;font-size:1rem;font-weight:800}.app-user__email{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:700;overflow:hidden}.state-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:14px;padding:20px;display:flex}.state-card h2,.state-card p{margin:0}.state-card p{color:#6b7280;margin-top:6px;line-height:1.5}.state-card--error{background:#fef2f2;border-color:#fecaca}.toast-stack{right:max(20px, env(safe-area-inset-right));top:max(82px, env(safe-area-inset-top));z-index:60;gap:10px;width:min(360px,100vw - 40px);display:grid;position:fixed}.toast{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;padding:.9rem 1rem;font-weight:800;box-shadow:0 18px 40px #0f172a2e}.toast-success{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.toast-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.modal-backdrop{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));z-index:70;background:#0f172a6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:8px;gap:12px;width:100%;max-width:440px;max-height:calc(100dvh - 32px);padding:24px;display:grid;overflow:auto;box-shadow:0 30px 80px #0f172a4d}.confirm-dialog p{color:#4b5563;margin:0;line-height:1.55}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand img{width:clamp(150px,12vw,220px);height:auto;display:block}.dashboard,.admin-layout{grid-template-columns:minmax(0,1fr) 360px;gap:32px;max-width:1120px;margin:0 auto;display:grid}.admin-layout{grid-template-columns:360px minmax(0,1fr)}.lead{color:#4b5563;margin:24px 0 0;font-size:1.15rem;line-height:1.6}.side-panel,.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}h2{color:#111827;letter-spacing:0;margin:0 0 20px;font-size:1.15rem}.details{gap:16px;margin:0 0 24px;display:grid}.details div{gap:4px;display:grid}dt{color:#6b7280;text-transform:uppercase;font-size:.82rem;font-weight:800}dd{color:#111827;overflow-wrap:anywhere;margin:0}.compact-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 10px}th{color:#6b7280;text-transform:uppercase;font-size:.78rem}code{color:#111827;background:#eef2f7;border-radius:6px;padding:.25rem .4rem}.small-button{min-width:72px;padding:.5rem .7rem}.empty{color:#6b7280;text-align:center}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-top:56px;display:flex}.section-header h2{margin:0}.book-grid{gap:14px;margin-top:18px;display:grid}.book-card,.empty-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:18px;text-decoration:none;display:grid}.book-card:hover{border-color:#0f766e}.book-card span,.muted-inline{color:#6b7280;font-size:.94rem;font-weight:500}.empty-card{color:#6b7280}.notice{color:#155e75;background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;margin:0;padding:.8rem 1rem}.password-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.password-field button{min-width:82px}.field-hint{color:#6b7280;font-size:.86rem;font-weight:600}.upload-page-grid{grid-template-columns:minmax(420px,.85fr) minmax(360px,560px);gap:28px;max-width:1240px;margin:0 auto;display:grid}.upload-copy{align-self:start;min-width:0}.upload-copy h1{text-wrap:balance;max-width:760px;font-size:clamp(3rem,5.8vw,5.5rem);line-height:1.02}.upload-steps{gap:10px;margin-top:28px;display:grid}.upload-steps span{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px;font-weight:800}.dropzone{cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:150px;padding:24px;display:grid}.dropzone input{display:none}.dropzone.is-dragging{background:#ecfeff;border-color:#0f766e}.file-summary,.processing-card,.summary-card,.toolbar-card,.empty-state,.publication-card,.failed-card,.danger-zone,.qr-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.file-summary{gap:4px;padding:14px;display:grid}.file-summary span{color:#6b7280}.processing-card{align-items:center;gap:14px;padding:16px;display:flex}.processing-card p{color:#6b7280;margin:4px 0 0}.spinner{border:3px solid #cbd5e1;border-top-color:#0f766e;border-radius:999px;width:28px;height:28px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header,.dashboard-title-row,.dashboard-user,.publication-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dashboard-header,.dashboard-title-row{justify-content:space-between}.dashboard-header,.dashboard-workspace{max-width:1180px;margin:0 auto}.compact-lead{margin-top:12px;font-size:1rem}.dashboard-workspace{gap:24px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.summary-card{gap:8px;padding:18px;display:grid}.summary-card span{color:#6b7280;text-transform:uppercase;font-size:.78rem;font-weight:900}.summary-card strong{color:#111827;font-size:2rem}.toolbar-card{grid-template-columns:minmax(220px,1fr) 180px 180px;gap:12px;padding:16px;display:grid}.publication-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.publication-card{gap:16px;padding:18px;display:grid}.publication-card h2{margin:12px 0 8px}.publication-card p{color:#4b5563;min-height:44px;margin:0;line-height:1.5}.publication-meta{color:#6b7280;overflow-wrap:anywhere;gap:6px;min-width:0;font-size:.9rem;display:grid}.empty-state{justify-items:start;gap:12px;padding:32px;display:grid}.empty-state p{color:#6b7280;margin:0;line-height:1.5}.failed-card{color:#991b1b;background:#fef2f2;border-color:#fecaca;grid-column:1/-1;padding:18px}.danger-zone{background:#fff7f7;border-color:#fecaca;gap:10px;margin-top:10px;padding:16px;display:grid}.danger-zone p{color:#7f1d1d;margin:0}.qr-card{justify-items:start;gap:10px;padding:16px;display:grid}.narrow{max-width:1120px;margin:0 auto 24px}.editor-page{background:#f6f7fb}.editor-header{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto 28px;display:flex}.editor-header h1{margin-top:8px;font-size:clamp(2rem,4vw,3.5rem)}.back-link{color:#4b5563;font-size:.92rem;text-decoration:none}.editor-actions,.badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{color:#374151;text-transform:uppercase;background:#eef2f7;border:1px solid #cbd5e1;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:900;display:inline-flex}.badge-neutral{color:#374151;background:#eef2f7;border-color:#cbd5e1}.badge-success{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.badge-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.badge-ready,.badge-public{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.badge-processing{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge-failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.editor-layout{grid-template-columns:minmax(0,1fr) 430px;gap:24px;max-width:1280px;margin:0 auto;display:grid}.editor-preview,.editor-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.preview-toolbar h2{margin:0}.preview-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.segmented-control{background:#eef2f7;border-radius:8px;gap:4px;padding:4px;display:flex}.segmented-control button{color:#4b5563;background:0 0;border:0;min-width:86px;padding:.55rem .7rem}.segmented-control button.is-active{color:#111827;background:#fff;box-shadow:0 1px 4px #0f172a14}.editor-page-preview{cursor:crosshair;touch-action:manipulation;background:#eef2f7;border:1px solid #dbe3ef;border-radius:8px;max-width:720px;margin:0 auto;position:relative;overflow:hidden}.editor-page-preview img{width:100%;display:block}.editor-pages-overview{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;display:grid}.overview-thumb{color:#111827;background:#fff;border-color:#dbe3ef;gap:8px;min-width:0;padding:8px;display:grid}.overview-thumb.is-active{border-color:#0f766e;outline:3px solid #0f766e2e}.overview-thumb img{object-fit:contain;background:#f8fafc;border-radius:5px;width:100%;height:170px}.overview-thumb span{font-size:.86rem}.editor-hotspot{color:#064e3b;text-overflow:ellipsis;white-space:nowrap;background:#0f766e26;border:2px solid #0f766e;border-radius:6px;justify-content:center;align-items:center;min-width:0;padding:2px 4px;font-size:.8rem;font-weight:900;display:flex;position:absolute;overflow:hidden}button.editor-hotspot{cursor:pointer}.editor-hotspot-draft{pointer-events:none;background:#1118271a;border-color:#111827}.editor-tabs{background:#eef2f7;border-radius:8px;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.editor-tabs button{color:#4b5563;white-space:nowrap;background:0 0;border:0;flex:122px;min-width:122px;padding:.62rem .55rem}.editor-tabs button.is-active{color:#111827;background:#fff;box-shadow:0 1px 4px #0f172a14}.viewer-more-controls{display:contents}.viewer-more-controls summary{display:none}.viewer-secondary-controls{display:contents}.editor-panel .form{margin-top:20px}.metadata-list,.toggle-grid,.coordinate-grid{gap:12px;display:grid}.metadata-list{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.metadata-list div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;gap:4px;padding:12px;display:grid}.metadata-list span{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:900}.toggle-grid,.coordinate-grid{grid-template-columns:repeat(2,1fr)}.tab-section{margin-top:20px}.hotspot-list{border-top:1px solid #e5e7eb;gap:10px;margin-top:22px;padding-top:20px;display:grid}.hotspot-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.hotspot-item div{gap:4px;min-width:0;display:grid}.hotspot-item span{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.book-detail{grid-template-columns:minmax(0,1fr) 360px;gap:32px;max-width:1120px;margin:0 auto;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:28px 0 40px;display:grid}.stats-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:6px;padding:16px;display:grid}.stats-grid span{color:#6b7280;text-transform:uppercase;font-size:.78rem;font-weight:800}.stats-grid strong{overflow-wrap:anywhere}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:18px;display:grid}.page-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0;overflow:hidden}.page-thumb img{object-fit:contain;background:#f8fafc;width:100%;height:210px;display:block}.page-thumb figcaption{color:#4b5563;padding:10px 12px;font-size:.9rem;font-weight:700}.analytics-panel{margin-top:40px}.analytics-summary{margin-bottom:28px}.analytics-lists{gap:24px;display:grid}.analytics-lists section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}h3{color:#111827;letter-spacing:0;margin:0 0 16px;font-size:1rem}.bar-list{gap:12px;display:grid}.bar-row{grid-template-columns:112px minmax(90px,1fr) auto auto;align-items:center;gap:10px;display:grid}.bar-row span{color:#374151;font-weight:800}.bar-row strong{color:#111827;text-align:right;min-width:24px}.bar-row em{color:#6b7280;white-space:nowrap;font-size:.86rem;font-style:normal}.bar-track{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.bar-track div{border-radius:inherit;background:#0f766e;min-width:6px;height:100%}.checkbox-label{flex-direction:row;align-items:center;gap:10px;display:flex}.checkbox-label input{width:18px;height:18px;min-height:auto}.danger-button{background:#991b1b;border-color:#991b1b}.danger-button:hover{background:#7f1d1d}.share-blocks{border-top:1px solid #e5e7eb;gap:24px;margin-top:28px;padding-top:28px;display:grid}.share-box{gap:10px;display:grid}.share-box code{overflow-wrap:anywhere;white-space:normal;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px;display:block}.copy-note{color:#0f766e;text-align:center;margin:0;font-weight:800}.public-page,.embed-page{min-height:100vh}.public-page{background:#eef2f7}.public-page--empty,.embed-page{justify-content:center;align-items:center;display:flex}.not-found-panel{text-align:center;max-width:620px;padding:32px}.viewer-state{color:#4b5563;margin:0;font-weight:800}.public-viewer{color:#111827;min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));justify-items:center;gap:22px;display:grid}.public-viewer--dark{color:#f8fafc;background:#101827}.public-viewer--light{background:#eef2f7}.public-viewer--compact{gap:12px;min-height:100vh;padding:12px}.public-viewer--fullscreen-mode{gap:0;height:100dvh;min-height:100dvh;max-height:100dvh;padding:0;overflow:hidden}.public-viewer__header{text-align:center;width:100%;max-width:980px}.public-viewer__brand{width:clamp(150px,14vw,240px);height:auto;margin:0 auto 14px;display:block}.public-viewer__header h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}.public-viewer--dark h1,.public-viewer--dark h2,.public-viewer--dark .lead{color:#f8fafc}.viewer-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:980px;display:flex}.viewer-controls span{color:#111827;text-align:center;background:#ffffffd1;border:1px solid #d1d5db;border-radius:8px;min-width:92px;padding:.78rem 1rem;font-weight:900}.public-viewer--dark .viewer-controls span{color:#f8fafc;background:#0f172aeb;border-color:#334155}.viewer-controls{z-index:2;position:relative}.viewer-controls button:disabled{cursor:default;opacity:.56}.flipbook-stage{contain:layout paint;isolation:isolate;z-index:1;justify-content:center;align-items:center;width:min(1060px,100%);max-width:100%;min-height:min(72vh,760px);padding:8px;display:flex;position:relative;overflow:hidden}.public-viewer--mobile .flipbook-stage{width:100%;min-height:min(68dvh,620px)}.flipbook-stage .stf__parent{max-width:100%;overflow:hidden}.flipbook-stage .stf__block{overflow:hidden}.flipbook-stage .stf__item{backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden}.public-viewer--fullscreen-mode .flipbook-stage{width:100vw;max-width:none;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.public-viewer--fullscreen-mode .flipbook-stage .stf__parent{max-width:100vw!important;max-height:100dvh!important}.flipbook-canvas-host{width:100%;max-width:100%;position:relative}.flipbook-canvas-mount{width:100%;max-width:100%}.flipbook-canvas-root{max-width:100%;margin:0 auto}.flipbook-canvas-root canvas{display:block}.canvas-hotspot-layer{pointer-events:none;z-index:3;position:absolute}.canvas-hotspot-layer .viewer-hotspot{pointer-events:auto}.public-viewer--fullscreen-mode .flipbook-canvas-host,.public-viewer--fullscreen-mode .flipbook-canvas-mount,.public-viewer--fullscreen-mode .flipbook-canvas-root,.public-viewer--fullscreen-mode .flipbook-canvas-root .stf__parent{max-width:100vw!important;max-height:100dvh!important}.public-viewer--fullscreen-mode .flip-page{box-shadow:none;border-radius:0!important}.single-page-stage{justify-content:center;align-items:center;width:min(720px,100%);max-width:100%;height:min(72dvh,760px);padding:8px;display:flex;overflow:hidden}.single-page-stage .flip-page{aspect-ratio:.707;width:auto;height:100%}.public-viewer--fullscreen-mode .single-page-stage{width:100vw;height:100dvh;padding:0}.public-viewer--fullscreen-mode .single-page-stage .flip-page{max-width:100vw;height:100dvh}.public-viewer--fullscreen-mode .flipbook{max-width:100vw;max-height:100dvh}.flipbook{max-width:100%}.flip-page{backface-visibility:hidden;contain:layout paint;height:100%;transform-style:preserve-3d;background:#fff;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a29}.no-shadow .flip-page{box-shadow:none}.flip-page img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.flip-page-blank{pointer-events:none}.hotspot-layer{pointer-events:none;position:absolute;inset:0}.viewer-hotspot{background:color-mix(in srgb, var(--viewer-accent,#111827) 14%, transparent);border:2px solid var(--viewer-accent,#111827);color:var(--viewer-accent,#111827);pointer-events:auto;border-radius:6px;justify-content:center;align-items:center;padding:2px 4px;font-size:.78rem;font-weight:900;text-decoration:none;transition:background .16s,transform .16s;display:flex;position:absolute;overflow:hidden}.viewer-hotspot:hover{background:color-mix(in srgb, var(--viewer-accent,#111827) 24%, transparent);transform:scale(1.02)}.viewer-hotspot span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-viewer--mobile .viewer-hotspot{min-width:22px;min-height:22px}.public-viewer--mobile .viewer-hotspot span{color:#111827;background:#ffffffe0;border-radius:999px;max-width:100%;padding:1px 5px;font-size:.7rem}.thumbnail-strip{overscroll-behavior-inline:contain;z-index:2;gap:10px;max-width:min(980px,100%);padding:8px 4px 12px;display:flex;position:relative;overflow-x:auto}.thumbnail-strip::-webkit-scrollbar{height:8px}.thumbnail-button{color:#111827;background:#fff;border-color:#cbd5e1;flex:0 0 86px;gap:6px;min-width:86px;padding:7px;display:grid}.thumbnail-button.is-active{border-color:#0f766e;outline:3px solid #0f766e2e}.thumbnail-button img{object-fit:contain;background:#f8fafc;border-radius:5px;width:100%;height:96px}.thumbnail-button span{font-size:.82rem}.embed-page{background:#eef2f7;overflow:hidden}.embed-page .public-viewer{width:100%}@media (width<=840px){.page,.home{padding:24px}.home__content{align-content:start;min-height:auto}.home__topbar{flex-direction:column;align-items:flex-start}.home__subtitle{max-width:none}.home__actions,.home__sections{grid-template-columns:1fr;max-width:none}.home__sections{margin-top:40px}.app-header{grid-template-columns:auto minmax(0,1fr);position:sticky}.app-nav{grid-column:1/-1;justify-content:flex-start}.app-user{justify-content:flex-end}.auth-language{width:100%;position:static}.app-content{padding:24px}.dashboard,.admin-layout,.editor-layout,.book-detail,.upload-page-grid{grid-template-columns:1fr}.auth-panel{padding:22px}.password-field,.toolbar-card{grid-template-columns:1fr}.editor-header{flex-direction:column;align-items:flex-start}.editor-panel{order:0}.metadata-list,.toggle-grid,.coordinate-grid,.hotspot-item{grid-template-columns:1fr}.topbar{margin-bottom:40px}.bar-row{grid-template-columns:1fr}.bar-row strong{text-align:left}.public-viewer{padding:20px 12px}.public-viewer--compact{padding:8px}.viewer-controls button,.viewer-controls .button{min-width:auto;padding:.65rem .72rem}.viewer-controls span{order:-1;width:100%}.flipbook-stage,.public-viewer--fullscreen-mode{padding:0}}@media (width<=768px){button,.button{min-height:44px}.page,.home{padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.auth-page{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100dvh}.auth-language{justify-content:flex-end;align-self:flex-end;display:flex}.auth-panel{align-self:center;width:min(460px,100%);margin:auto 0}.app-header{padding:12px max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left));align-items:center;gap:10px}.brand img{width:clamp(132px,44vw,184px)}.app-nav{scrollbar-width:thin;white-space:nowrap;justify-content:flex-start;max-width:100%;padding-bottom:2px;overflow-x:auto}.app-nav a{flex:none;padding:.62rem .72rem}.app-user{flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:auto;min-width:0;display:flex}.app-user .language-select{min-width:0}.app-user__email{max-width:32vw}.app-user .button-secondary{min-width:78px;padding-inline:.65rem}.app-content{padding:20px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left))}.dashboard-title-row{align-items:flex-start;gap:16px;display:grid}.dashboard-title-row .button{width:100%}.dashboard-title-row h1{overflow-wrap:anywhere;font-size:clamp(2rem,10vw,3rem)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publication-grid{grid-template-columns:1fr}.publication-card{gap:14px;padding:16px}.publication-card p{min-height:0}.publication-actions{grid-template-columns:1fr;display:grid}.upload-page-grid{gap:20px}.upload-panel{order:-1}.upload-copy{gap:10px;display:grid}.upload-copy .lead{margin-top:0}.upload-steps{gap:6px;margin-top:8px}.upload-steps span{padding:10px 12px}.upload-copy h1,.editor-header h1{overflow-wrap:anywhere;font-size:clamp(2.35rem,13vw,4rem)}.upload-steps span,.dropzone,.file-summary,.processing-card{width:100%}.dropzone{min-height:132px;padding:20px 14px}.editor-header{gap:16px}.editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.editor-actions .button,.editor-actions button{width:100%;min-width:0;padding:.65rem .5rem}.editor-preview,.editor-panel{padding:14px}.editor-preview{order:-1}.preview-toolbar,.preview-tools{grid-template-columns:1fr;place-items:stretch stretch;display:grid}.segmented-control{overflow-x:auto}.segmented-control button{flex:1 0 124px}.editor-tabs{scrollbar-width:thin;flex-wrap:nowrap;margin-inline:-6px;padding-bottom:8px;overflow-x:auto}.editor-tabs button{flex:none;min-width:max-content;padding-inline:.8rem}.editor-page-preview{width:100%;max-height:min(66dvh,680px)}.editor-page-preview img{object-fit:contain;height:auto;max-height:min(66dvh,680px)}.editor-pages-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-thumb img{height:148px}.share-blocks{gap:18px;margin-top:20px;padding-top:20px}.share-box button,.share-box .button{width:100%}.qr-card{text-align:center;justify-items:center}.qr-card canvas{width:100%!important;max-width:min(220px,100%)!important;height:auto!important}.bar-row{align-items:stretch;gap:6px}.table-wrap{overflow-x:auto}.public-viewer{padding:max(16px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:14px}.public-viewer__brand{width:clamp(128px,42vw,180px);margin-bottom:8px}.public-viewer__header h1{font-size:clamp(1.7rem,9vw,2.8rem)}.public-viewer__header .lead{margin-top:10px;font-size:1rem;line-height:1.45}.viewer-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;max-width:min(460px,100%);display:grid}.viewer-controls button,.viewer-controls .button{width:100%;min-width:0;min-height:46px;padding:.72rem .5rem}.viewer-controls span{order:initial;grid-column:auto;width:auto;min-width:78px;min-height:46px;padding-inline:.6rem}.viewer-more-controls{grid-column:1/-1;display:block;position:relative}.viewer-more-controls summary{color:#111827;cursor:pointer;text-align:center;background:#fff;border:1px solid #111827;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.55rem .8rem;font-weight:800;list-style:none;display:flex}.viewer-more-controls summary::-webkit-details-marker{display:none}.viewer-more-controls[open] summary{background:#eef2f7}.viewer-secondary-controls,.viewer-more-controls[open] .viewer-secondary-controls{z-index:8;background:#fff;border:1px solid #cbd5e1;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;padding:8px;display:grid;position:absolute;left:0;right:0;box-shadow:0 12px 28px #0f172a29}.viewer-more-controls:not([open]) .viewer-secondary-controls{display:none}.viewer-secondary-controls button,.viewer-secondary-controls .button{min-width:0}.flipbook-stage{min-height:min(68dvh,620px);padding:0;overflow:visible}.flipbook-canvas-host,.flipbook-canvas-mount,.flipbook-canvas-root{width:100%}.thumbnail-strip{scroll-snap-type:x proximity;max-width:calc(100vw - 20px);padding-inline:2px}.thumbnail-button{scroll-snap-align:start;flex-basis:76px;min-width:76px}.thumbnail-button img{height:86px}.embed-page .public-viewer{min-height:100dvh;padding:8px}}@media (width<=480px){.auth-language .language-select{grid-template-columns:auto auto;width:auto}.auth-language .language-select select{width:auto;min-width:126px}.auth-panel{margin:auto 0}.home__hero-logo{width:min(78vw,280px);max-width:280px}.home__content{align-content:start}.home__topbar{flex-direction:row;justify-content:flex-end;align-items:flex-end;margin-bottom:20px}.home__love-note{margin-top:10px}.home__subtitle{margin-top:16px;line-height:1.45}.home__subtitle,.lead{font-size:1.05rem}.home__actions{grid-template-columns:1fr;margin-top:22px}.home__sections{gap:10px;margin-top:34px}.home__sections article{min-height:0;padding:16px}.home__sections h2{margin:12px 0 6px;font-size:1.1rem}.home__sections p{font-size:.96rem;line-height:1.45}.language-select{grid-template-columns:1fr;align-items:stretch;display:grid}.language-select select{width:100%;min-width:0}.app-user{grid-template-columns:1fr auto}.app-header{gap:8px}.app-nav{gap:4px;margin-inline:-4px;padding-inline:4px}.app-nav a{min-height:44px;padding:.68rem .62rem}.app-user .language-select{display:inline-flex}.app-user .language-select span{display:none}.app-user .language-select select{width:96px;min-width:0;min-height:44px;padding-right:1.75rem}.app-user .badge,.app-user__email{display:none}.summary-grid{gap:10px}.summary-card{padding:14px}.summary-card strong{font-size:1.55rem}.toolbar-card,.metadata-list,.toggle-grid,.coordinate-grid,.hotspot-item{grid-template-columns:1fr}.toolbar-card{gap:10px;padding:12px}.publication-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.publication-actions>:first-child{grid-column:1/-1}.auth-panel,.editor-preview,.editor-panel,.side-panel,.table-wrap{padding:16px}.editor-pages-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.hotspot-item{align-items:stretch}.hotspot-item .small-button{width:100%}.dialog-actions{grid-template-columns:1fr;display:grid}.dialog-actions button{width:100%}.toast-stack{bottom:max(14px, env(safe-area-inset-bottom));width:calc(100vw - 28px);top:auto}.public-viewer{padding-inline:max(8px, env(safe-area-inset-left))}.viewer-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.public-viewer--fullscreen-mode .viewer-controls{bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));position:fixed}}@media (width<=359px){.app-user .button-secondary{min-width:64px;padding-inline:.45rem}.brand img{width:118px}.editor-actions,.viewer-secondary-controls,.viewer-more-controls[open] .viewer-secondary-controls{grid-template-columns:1fr}}@media (height<=500px) and (width<=900px){.home{padding-block:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-bottom))}.home__content{align-content:start;min-height:auto}.home__topbar{margin-bottom:10px}.home__hero-logo{width:min(34vw,260px);max-width:260px}.home__love-note{margin-top:6px}.home__subtitle{max-width:720px;margin-top:8px;font-size:1rem;line-height:1.35}.home__actions{grid-template-columns:repeat(2,minmax(160px,260px));margin-top:14px}.home__actions .button{min-height:44px}.home__sections{margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}