:root{--navy: #182b49;--mustard: #f2b10d;--mustard-hover: #ffc531;--orange: #ef8d46;--orange-text: #a9501a;--coral: #f17e8b;--mint: #e2f0dc;--lavender: #e8e2f7;--sky: #dcebf6;--blush: #fde3e6;--page: #fbf1cf;--box: #fffcee;--field: #fffef8;--line: #e3cf95;--ink: var(--navy);--muted: #4a5a75;--danger: #b3261e;--radius: 16px;--r-btn: 14px;--shadow: 4px 4px 0 var(--navy);--shadow-sm: 3px 3px 0 var(--navy);--tap: 52px;--font: "Noto Sans Display", "Segoe UI", system-ui, -apple-system, sans-serif;--display: "Noto Sans Display", "Segoe UI", system-ui, -apple-system, sans-serif;--base: 17px;--tabbar-h: 0px;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-color:var(--page);background-image:radial-gradient(rgba(24,43,73,.11) 1px,transparent 1.3px);background-size:18px 18px;-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}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}.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--mustard);border:2px solid var(--navy);border-radius:12px;padding:10px 16px;font-weight:800}.skip:focus{top:12px}h1{font-family:var(--display);font-weight:900;letter-spacing:-.03em;line-height:1.04;font-size:clamp(1.9rem,1.1rem + 2.3vw,3rem);margin:.1em 0 .4em;text-wrap:balance}h2{font-family:var(--display);font-weight:800;letter-spacing:-.015em;font-size:1.3rem;line-height:1.2;margin:1.2em 0 .5em}h3{font-family:var(--display);font-weight:800;letter-spacing:-.01em}.eyebrow{margin:0 0 4px;font:800 .75rem/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-text)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin:4px 0 18px}.page-head h1{margin:0}.page-head-text{min-width:0;flex:1 1 320px}.page-sub{margin:8px 0 0;color:var(--muted)}.page-head-actions{display:flex;flex-wrap:wrap;gap:10px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:8px;margin:max(12px,env(safe-area-inset-top)) 16px 0;padding:8px 12px;background:var(--box);border:2px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:48px;border-radius:12px}.topbar .spacer{flex:1}.logo-tile{flex:none;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:var(--mustard);border:2px solid var(--navy);border-radius:12px;box-shadow:2px 2px 0 var(--navy)}.logo-tile img{width:78%;height:auto;display:block}.brand-words{display:flex;flex-direction:column;line-height:1.05}.brand-name{font:900 1.2rem/1.05 var(--display);letter-spacing:-.02em}.brand-sub{font:800 .66rem/1.3 var(--font);letter-spacing:.18em;text-transform:uppercase}.round{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:48px;height:48px;padding:0 10px;border-radius:999px;border:2px solid var(--navy);background:var(--box);box-shadow:2px 2px 0 var(--navy);font:800 .85rem var(--font);cursor:pointer;touch-action:manipulation}.round:hover{background:#fff4cc}.round:active{transform:translate(2px,2px);box-shadow:none}.round[aria-pressed=true]{background:var(--mustard)}.lang-group{display:flex;gap:6px}.signout{padding:0 14px}.role-badge{display:inline-flex;align-items:center;min-height:32px;padding:2px 12px;border-radius:999px;background:var(--mustard);border:2px solid var(--navy);color:var(--navy);font:800 .8rem var(--font);text-decoration:none;white-space:nowrap}.topbar .role-badge{min-height:48px;padding:0 16px;background:var(--navy);color:#fff6e8;box-shadow:2px 2px 0 var(--mustard)}.topbar .role-badge:hover{background:#24406b}.frame{flex:1;width:100%;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,1fr);gap:20px;padding:18px 16px 48px;align-items:start}.main{min-width:0;width:100%}.sidebar{position:sticky;top:16px;background:var(--box);border:2px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 10px}.side-label{margin:2px 8px 8px;font:800 .72rem var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--orange-text)}.sidebar ul,.more-sheet ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar a,.more-sheet a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:12px;border:2px solid transparent;text-decoration:none;font-weight:800;color:var(--navy)}.sidebar a:hover,.more-sheet a:hover{background:#fff4cc}.sidebar a.active,.more-sheet a.active{background:var(--mustard);border-color:var(--navy);box-shadow:var(--shadow-sm)}.nav-ico{width:1.4em;text-align:center}.nav-txt{flex:1}.side-foot{margin:10px 4px 2px;padding-top:10px;border-top:2px dashed var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.side-mail{font-size:.8rem;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar,.more-sheet,.sheet-backdrop{display:none}.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:var(--r-btn);border:2px solid var(--navy);background:var(--box);color:var(--navy);font:800 1rem var(--font);box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;touch-action:manipulation;user-select:none;transition:transform .06s,box-shadow .06s,background-color .1s}.btn:hover{background:#fff4cc}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(.4)}.btn.primary{background:var(--mustard);border-color:var(--navy)}.btn.primary:hover{background:var(--mustard-hover)}.btn.dark{background:var(--navy);color:#fff6e8}.btn.dark:hover{background:#24406b}.btn.danger{background:var(--coral)}.btn.ghost{border-color:transparent;background:transparent;color:inherit;box-shadow:none}.btn.ghost:hover{background:#182b4912}.btn.ghost:active{transform:none}.btn[aria-pressed=true],.btn[aria-selected=true],.btn[aria-checked=true]{background:var(--mustard);color:var(--navy)}.field{display:flex;flex-direction:column;gap:6px;font-weight:700}.input,select.input{min-height:var(--tap);padding:0 14px;border-radius:12px;border:2px solid var(--navy);background:var(--field);color:var(--navy);font:500 1rem var(--font);width:100%}textarea.input{padding:12px 14px}.input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #ef8d4673}.card{background:var(--box);border:2px solid var(--navy);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card-coral{background:var(--coral)}.card-coral .notice{background:var(--box)}.card-coral .muted{color:var(--navy);font-weight:700}.notice{background:var(--box);border:2px solid var(--navy);border-left:8px solid var(--mustard);border-radius:12px;padding:12px 16px}.notice.error{border-left-color:var(--danger);background:#fdecea}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:14px}.muted{color:var(--muted)}.chip{display:inline-block;font:800 .78rem/1.5 var(--font);padding:2px 10px;border-radius:999px;background:var(--box);border:1.5px solid var(--navy);color:var(--navy)}.chip.status-published{background:var(--mint)}.chip.status-in_review{background:#fde7d5}.chip.status-approved{background:#fff1c2}.chip.status-draft{background:var(--sky)}.hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:var(--navy);color:#fff6e8;border:2px solid var(--navy);border-radius:20px;padding:26px 30px 28px;margin-bottom:26px;overflow:hidden}.hero .eyebrow{color:var(--orange)}.hero-text{max-width:720px;position:relative;z-index:1}.hero-title{margin:4px 0 10px;font:900 clamp(1.9rem,1.1rem + 2.6vw,3.2rem)/1.02 var(--display);letter-spacing:-.035em;text-wrap:balance}.hero-body{margin:0 0 18px;font-size:1.05rem;color:#f3e6c8;max-width:620px}.hero .btn.primary{box-shadow:3px 3px #0c1626}.btn.on-dark{background:transparent;border-color:transparent;color:#fff6e8;box-shadow:none;text-decoration:underline;text-underline-offset:4px}.btn.on-dark:hover{background:#fff6e81a}.star-mark{flex:none;width:120px;height:120px;color:var(--mustard)}.public-main{max-width:1040px;margin:0 auto;padding:18px 16px 48px}.login-card{width:100%;max-width:480px;margin:0 auto}.login-card h1{font-size:1.6rem;letter-spacing:-.02em;margin:0}.or-line{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--muted);font-weight:700}.or-line:before,.or-line:after{content:"";flex:1;border-top:2px dashed var(--line)}.btn.oauth{background:#fff;justify-content:center}.oauth-mark{width:1.2em;height:1.2em;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.book-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-height:150px;height:100%;padding:12px;transition:transform .08s,box-shadow .08s}.book-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.book-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}.book-band{display:flex;align-items:flex-end;height:96px;padding:8px 12px;border-radius:10px;border:2px solid var(--navy);overflow:hidden;background:linear-gradient(118deg,var(--coral) 0 34%,var(--mustard) 34% 68%,var(--navy) 68%)}.book-band.band-chapter{background:linear-gradient(118deg,#9fd3b5 0 34%,var(--mustard) 34% 68%,var(--navy) 68%)}.book-band.band-novel{background:linear-gradient(118deg,#b9a7e6 0 34%,var(--orange) 34% 68%,var(--navy) 68%)}.book-band span{font:900 1rem/1.15 var(--display);letter-spacing:-.01em;color:#fff;text-shadow:-1px -1px 0 var(--navy),1px -1px 0 var(--navy),-1px 1px 0 var(--navy),2px 2px 0 var(--navy);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-card .title{font:800 1.1rem/1.25 var(--display)}.book-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.edition-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:start;background:var(--mustard);border:2px solid var(--navy);border-radius:20px;box-shadow:var(--shadow);padding:20px 22px;margin-bottom:8px}.eyebrow.on-mustard{color:var(--navy)}.edition-card .chips-row{gap:8px;margin:4px 0 14px}.edition-card .tabs{margin-bottom:8px}.edition-card .tabs .btn[aria-selected=true]{background:var(--navy);color:#fff6e8}.edition-hint{margin:6px 0 0;font-weight:600}.edition-cover{width:150px;border:2px solid var(--navy);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.edition-cover .canvas{box-shadow:none;outline:0;border-radius:0}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.thumb{display:flex;flex-direction:column;gap:6px;text-decoration:none;font-size:.85rem;border-radius:8px}.thumb .label{font-weight:700;text-align:center}.thumb:hover .canvas{box-shadow:4px 4px 0 var(--navy)}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:8px 0 20px}.tools .btn{justify-content:flex-start}.canvas-wrap{width:100%}.canvas{position:relative;overflow:hidden;outline:1.5px solid var(--navy);box-shadow:4px 4px #182b4933;border-radius:4px}.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;font-weight:700;letter-spacing:normal;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:16px;align-items:center}.viewer .page-head{width:100%}.viewer .stage{width:100%;max-width:min(900px,calc((100vh - 230px) * var(--ratio, 1)))}.viewer .controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:900px}.viewer-themes{width:100%}.viewer-themes h2{margin:0 0 10px;font-size:1.05rem}.viewer .themes{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:var(--tap);height:var(--tap);border-radius:50%;border:3px solid var(--navy);cursor:pointer;box-shadow:2px 2px 0 var(--navy)}.swatch[aria-pressed=true]{outline:4px solid var(--orange);outline-offset:2px}.tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.tile{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px 18px;border-radius:var(--radius);background:var(--box);border:2px solid var(--navy);box-shadow:var(--shadow);text-decoration:none;color:var(--navy);cursor:pointer;text-align:left;transition:transform .08s,box-shadow .08s}.tile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.tile:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--navy)}.tile b{font:800 1.12rem/1.25 var(--display);letter-spacing:-.01em}.tile-body{color:#3d4b63}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.tile-icon{font-size:1.8rem;line-height:1}.tile-open{font:800 .7rem/1 var(--font);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--navy);border-radius:999px;padding:5px 10px;background:var(--box);white-space:nowrap}.tile.tint-read{background:var(--mint)}.tile.tint-review{background:var(--lavender)}.tile.tint-cover{background:var(--blush)}.tile.tint-audio{background:var(--sky)}.help{display:flex;flex-direction:column;gap:12px;max-width:960px}.help-item{padding:6px 18px}.help-item summary{cursor:pointer;font-weight:800;font-size:1.1rem;min-height:52px;display:flex;align-items:center;gap:10px}.help-item[open]{padding-bottom:16px}.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;background:var(--box);border:2px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 10px}.rp-count{font-weight:800;color:var(--navy);border:1.5px solid var(--navy);border-radius:999px;padding:4px 12px}.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:#3d4b63;font-size:.9rem;margin:0;background:var(--box);border-radius:10px;padding:4px 10px}@media (max-width: 760px){:root{--tabbar-h: calc(70px + env(safe-area-inset-bottom, 0px)) }.topbar{margin:max(8px,env(safe-area-inset-top)) 10px 0;padding:6px 8px;gap:6px;box-shadow:3px 3px 0 var(--navy)}.logo-tile{width:44px;height:44px}.brand-name{font-size:1.02rem}.brand-sub,.hide-phone,.signout-txt,.lang-group .round[aria-pressed=true]{display:none}.signout{padding:0}.frame{display:block;padding:16px 12px calc(var(--tabbar-h) + 28px)}.sidebar{display:none}.public-main{padding:16px 12px 40px}.hero{padding:20px 18px 22px;border-radius:18px}.hero .star-mark{position:absolute;right:12px;top:12px;width:64px;height:64px;opacity:.55}.hero-text{padding-right:0}.hero-text>.eyebrow,.hero-title{padding-right:64px}.edition-card{grid-template-columns:minmax(0,1fr) 96px;padding:16px}.edition-cover{width:96px}.thumbs{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.tiles{grid-template-columns:1fr;gap:14px}.viewer .controls{justify-content:space-between}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--box);border-top:2px solid var(--navy)}.tabbar>a,.tabbar>button,.tabbar>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:2px;border-radius:14px;border:2px solid transparent;background:none;font:800 .74rem/1.1 var(--font);color:var(--navy);text-decoration:none;cursor:pointer;text-align:center}.tabbar .tab-ico{font-size:1.2rem;line-height:1}.tabbar .active{background:var(--mustard);border-color:var(--navy);box-shadow:2px 2px 0 var(--navy)}.tabbar .disabled{opacity:.45;cursor:default}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:44;border:0;padding:0;background:#182b4959;cursor:pointer}.more-sheet{display:block;position:fixed;left:10px;right:10px;bottom:calc(var(--tabbar-h) + 10px);z-index:45;max-height:calc(100vh - var(--tabbar-h) - 40px);overflow:auto;background:var(--box);border:2px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.more-sheet a{min-height:54px;font-size:1.05rem}}@media (max-width: 359px){.brand-words{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}.btn:active,.round:active,.tile:hover,.tile:active,.book-card:hover,.book-card:active{transform:none}}