:root{--navy: #182b49;--mustard: #f2b10d;--orange: #ef8d46;--orange-text: #c4621f;--coral: #f17e8b;--page: #fbf1cf;--box: #fffcee;--line: #f2d27a;--ink: var(--navy);--muted: #4a5a75;--danger: #b3261e;--radius: 18px;--tap: 52px;--font: "Poppins", "Segoe UI", system-ui, sans-serif;--base: 17px;color-scheme:light}html.big-text{--base: 20px;--tap: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--base);line-height:1.5;color:var(--ink);background:var(--page);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:inherit}button,select,input,textarea{font:inherit;color:var(--navy)}button{-webkit-appearance:none;appearance:none}.btn[disabled]{filter:grayscale(.6)}img{max-width:100%}:focus-visible{outline:4px solid var(--orange);outline-offset:2px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:max(10px,env(safe-area-inset-top)) 16px 10px;background:var(--navy);color:#fff6e8}.topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.05rem}.topbar .brand img{height:34px;width:auto}.topbar .spacer{flex:1}.topbar .role{font-size:.8rem;background:var(--mustard);color:var(--navy);border-radius:999px;padding:4px 12px;font-weight:700}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:18px 16px 48px}h1{font-size:1.7rem;line-height:1.2;margin:.2em 0 .6em}h2{font-size:1.25rem;margin:1.2em 0 .5em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);min-width:var(--tap);padding:0 20px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);font:600 1rem var(--font);cursor:pointer;text-decoration:none;touch-action:manipulation;user-select:none}.btn:hover{background:var(--box)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--mustard);border-color:var(--mustard)}.btn.primary:hover{background:#ffc531}.btn.dark{background:var(--navy);color:#fff6e8}.btn.ghost{border-color:transparent;background:transparent;color:inherit}.topbar .btn{min-height:44px;border-color:#fff6e8;background:transparent;color:#fff6e8;padding:0 14px}.topbar .btn[aria-pressed=true]{background:#fff6e8;color:var(--navy)}.field{display:flex;flex-direction:column;gap:6px;font-weight:600}.input,select.input{min-height:var(--tap);padding:0 16px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--navy);font:500 1rem var(--font);width:100%}.input:focus{border-color:var(--orange);outline:none}.card{background:var(--box);border:2px solid var(--line);border-radius:var(--radius);padding:18px}.notice{background:#fff;border-left:6px solid var(--mustard);border-radius:12px;padding:14px 16px}.notice.error{border-left-color:var(--danger)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.chip{display:inline-block;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;background:#fff;border:1.5px solid var(--line)}.chip.status-published{background:#d8f0e4;border-color:#8cc9a9}.chip.status-in_review{background:#fde7d5;border-color:var(--orange)}.chip.status-approved{background:#fff1c2;border-color:var(--mustard)}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login .card{width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px}.login .stack{display:flex;flex-direction:column;gap:16px}.login .logo{width:70%;max-width:280px;margin:0 auto 8px;display:block}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.book-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-height:150px;transition:transform .1s}.book-card:hover{transform:translateY(-2px);border-color:var(--mustard)}.book-card .title{font-weight:700;font-size:1.1rem;line-height:1.25}.book-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tabs .btn[aria-selected=true]{background:var(--navy);color:#fff6e8}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.thumb{display:flex;flex-direction:column;gap:6px;text-decoration:none;font-size:.85rem}.thumb .label{font-weight:600;text-align:center}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:8px 0 20px}.tools .btn{justify-content:flex-start;border-radius:16px}.canvas-wrap{width:100%}.canvas{position:relative;overflow:hidden;box-shadow:0 2px 10px #182b4926;border-radius:6px}.canvas-inner{position:absolute;top:0;left:0;transform-origin:0 0}.blk{position:absolute;overflow:hidden}.blk.flowtext{overflow:hidden}.rt p{margin:.25em 0}.rt p:first-child{margin-top:0}.rt p:last-child{margin-bottom:0}.rt h1,.rt h2,.rt h3{font-family:Poppins,sans-serif;margin:0 0 .2em;line-height:1.2}.rt ul,.rt ol{margin:.2em 0 .2em 1.2em;padding:0}.rt blockquote{margin:.4em 0;padding:.3em .7em;border-left:4px solid currentColor;opacity:.95}.rt table{border-collapse:collapse;margin:.3em auto;font-size:.85em}.rt td,.rt th{border:1.5px solid currentColor;padding:.15em .5em}.rt hr{border:0;text-align:center;margin:.6em 0}.rt hr:after{content:"•  •  •"}.ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6% 8%;border:2.5px dashed rgba(24,43,73,.45)}.ph img{width:18%;opacity:.25}.ph .phl{font:700 11px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase}.ph .phd{font:9px Poppins,sans-serif;opacity:.75;margin-top:3px}.pnum{position:absolute;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 10px Poppins,sans-serif}.viewer{display:flex;flex-direction:column;gap:14px;align-items:center}.viewer .stage{width:100%;max-width:min(900px,calc((100vh - 230px) * var(--ratio, 1)))}.viewer .controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.viewer .themes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.swatch{width:var(--tap);height:var(--tap);border-radius:50%;border:3px solid var(--navy);cursor:pointer}.swatch[aria-pressed=true]{outline:4px solid var(--orange);outline-offset:2px}@media (max-width: 600px){h1{font-size:1.4rem}.topbar .brand span{display:none}.thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.topbar .role{text-decoration:none}.topbar .role:hover{background:#ffc531}.menu-btn{display:none!important}.mainnav{position:sticky;top:64px;z-index:19;display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px;background:#fffaf0;border-bottom:2px solid var(--line)}.mainnav a{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 16px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--navy);border:2px solid transparent}.mainnav a:hover{background:var(--box);border-color:var(--line)}.mainnav a.active{background:var(--navy);color:#fff6e8}@media (max-width: 760px){.menu-btn{display:inline-flex!important}.mainnav{display:none;position:static;flex-direction:column}.mainnav.open{display:flex}.mainnav a{font-size:1.1rem}}.tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.tile{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border-radius:var(--radius);background:#fff;border:2px solid var(--line);text-decoration:none;color:var(--navy);cursor:pointer;text-align:left}.tile:hover{border-color:var(--mustard);transform:translateY(-2px)}.tile b{font-size:1.15rem}.tile span:last-child{color:#4a5568}.tile-icon{font-size:2rem;line-height:1}.tile.hero{background:var(--navy);color:#fff6e8;border-color:var(--navy)}.tile.hero span:last-child{color:#f3e6c8}.help{display:flex;flex-direction:column;gap:10px;max-width:860px}.help-item summary{cursor:pointer;font-weight:700;font-size:1.15rem;min-height:44px;display:flex;align-items:center;gap:10px}.help-item ol{margin:8px 0 0 1.2em;padding:0;line-height:1.6;font-size:1.05rem}.help-item li{margin:6px 0}.reader-preview{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 12px 20px;overflow:auto}.rp-bar{width:100%;max-width:1100px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rp-count{font-weight:700;color:var(--navy)}.rp-device{width:100%;display:flex;justify-content:center}.rp-device.rp-phone .rp-page{width:min(390px,100%);border:10px solid #111;border-radius:28px;overflow:hidden;background:#111}.rp-device.rp-tablet .rp-page{width:min(760px,100%);border:14px solid #222;border-radius:26px;overflow:hidden;background:#222}.rp-device.rp-full .rp-page{width:100%;max-width:min(1100px,calc((100vh - 200px) * var(--ratio, 1)))}.rp-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rp-hint{color:#4a5568;font-size:.9rem;margin:0}