.study-page,.study-state{color:#fff8e7;background:#080b09;width:100%;min-height:100dvh}.study-page{isolation:isolate;background:radial-gradient(circle at 50% 38%,#3a523c33,#0000 52%),linear-gradient(#10150f 0%,#070a08 100%);position:relative;overflow:hidden}.study-viewport{background:0 0;position:absolute;inset:0;overflow:hidden}.study-scene-stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.study-scene-layer,.study-bookling{position:absolute}.study-scene-layer,.study-scene-layer__image,.study-bookling,.study-bookling__layer{pointer-events:none;-webkit-user-select:none;user-select:none}.study-scene-layer__image{width:100%;height:100%;display:block}.study-bookling__motion,.study-bookling__canvas{width:100%;height:100%}.study-bookling__motion{transform-origin:bottom;animation:5.8s ease-in-out infinite study-bookling-idle}.study-bookling__canvas{position:relative;overflow:hidden}.study-bookling__layer{object-fit:contain;position:absolute}.study-scene-measuring{color:#fff8e7c7;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.study-toolbar{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));z-index:200;pointer-events:none;text-shadow:0 2px 14px #000000b8;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.study-toolbar__identity,.study-toolbar__actions{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#070c09c2;border:1px solid #fff8e729;border-radius:12px;box-shadow:0 12px 34px #00000052}.study-toolbar__identity{align-items:center;gap:10px;min-width:0;min-height:52px;padding:7px 11px;display:flex}.study-toolbar__brand{color:#dcefcf;letter-spacing:.15em;text-transform:uppercase;font-size:.66rem;font-weight:900;text-decoration:none}.study-toolbar h1{white-space:nowrap;margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:900;line-height:1}.study-toolbar p{color:#fff8e7bd;margin-top:3px;font-size:.72rem;font-weight:700}.study-toolbar__actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:5px;padding:4px;display:flex}.study-button{border:1px solid #fff8e738;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 13px;font-size:.82rem;font-weight:900;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.study-button--primary{color:#fff;background:#588e67f0}.study-button--secondary{color:#fff8e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e0ac7}.study-button:hover:not(:disabled){transform:translateY(-1px)}.study-button:disabled{cursor:wait;opacity:.58}.study-button:focus-visible,.study-panel button:focus-visible,.study-panel input:focus-visible,.study-hotspot:focus-visible,.study-toolbar a:focus-visible{outline-offset:3px;outline:3px solid #f4d982}.study-hotspots{pointer-events:none;position:absolute;inset:0}.study-hotspot{color:#fff8e7;pointer-events:auto;touch-action:manipulation;border-radius:16px;outline:none;place-items:center;text-decoration:none;display:grid;position:absolute;transform:translate(-50%,-50%)}.study-hotspot__ring{opacity:.58;background:radial-gradient(circle,#ffefb1ad 0 18%,#ffefb11f 22% 62%,#0000 66%);border:1px solid #fff0b7db;border-radius:999px;width:22px;height:22px;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #ffe38d3d}.study-hotspot__label{box-sizing:border-box;opacity:0;overflow-wrap:anywhere;text-align:center;transform-origin:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#060a08e8;border:1px solid #eccd8b7a;border-radius:9px;align-content:center;padding:7px 9px;transition:opacity .16s,transform .16s;display:grid;position:absolute;transform:scale(.96);box-shadow:0 12px 28px #00000061}.study-hotspot__label strong,.study-hotspot__label span{display:block}.study-hotspot__label strong{font-size:.82rem}.study-hotspot__label span{color:#fff8e7c2;margin-top:2px;font-size:.72rem}.study-hotspot:hover .study-hotspot__ring,.study-hotspot:focus-visible .study-hotspot__ring{opacity:1;transform:translate(-50%,-50%)scale(1.12)}.study-hotspot:hover .study-hotspot__label,.study-hotspot:focus-visible .study-hotspot__label{opacity:1;transform:scale(1)}.study-panel{z-index:300;color:#fff8e7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070c09f0;border:1px solid #fff8e72e;border-radius:14px;width:min(400px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;position:fixed;overflow:auto;box-shadow:0 28px 90px #00000094}.study-customization-panel{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top))}.study-active-book-panel{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom))}.study-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.study-panel__eyebrow{color:#bcd9aa;letter-spacing:.13em;text-transform:uppercase;font-size:.69rem;font-weight:900}.study-panel h2,.study-dialog h2{margin-top:4px;font-size:1.55rem;font-weight:900;line-height:1.05}.study-panel__close{color:#fff8e7;background:#ffffff12;border:1px solid #fff8e72e;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:1.3rem;line-height:1;display:grid}.study-panel__intro,.study-dialog>p,.study-bookmark-control>p{color:#fff8e7bd;font-size:.84rem;line-height:1.48}.study-panel__intro{margin-top:10px}.study-customization-panel fieldset{border:0;margin-top:15px}.study-customization-panel legend,.study-bookmark-control label{color:#fff8e7b8;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:900}.study-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.study-choice-grid button{color:#fff8e7d1;text-align:left;background:#ffffff0f;border:1px solid #fff8e721;border-radius:8px;min-height:39px;padding:7px 9px;font-size:.78rem;font-weight:800}.study-choice-grid button[aria-pressed=true]{color:#fff;background:#588e6757;border-color:#dcefcf9e}.study-choice-grid button:disabled{cursor:not-allowed;opacity:.5}.study-panel__status{color:#f2cf8d;min-height:1.25rem;margin-top:12px;font-size:.8rem;line-height:1.4}.study-active-book-panel__empty{gap:14px;margin-top:18px;display:grid}.study-active-book-panel__book{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}.study-active-book-panel__cover{aspect-ratio:2/3;color:#fff8e794;background:#ffffff0f;border:1px solid #fff8e729;border-radius:8px;place-items:center;font-size:.7rem;display:grid;overflow:hidden}.study-active-book-panel__cover img{object-fit:cover;width:100%;height:100%}.study-active-book-panel__book h3{overflow-wrap:anywhere;font-size:1.2rem;font-weight:900;line-height:1.08}.study-active-book-panel__book p{color:#fff8e7b3;margin-top:5px;font-size:.84rem}.study-reading-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.study-reading-metrics div{background:#ffffff0f;border:1px solid #fff8e721;border-radius:9px;padding:10px}.study-reading-metrics dt{color:#fff8e7a3;letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:900}.study-reading-metrics dd{margin-top:4px;font-size:1.35rem;font-weight:900}.study-active-book-panel__timer{width:100%;margin-top:10px}.study-bookmark-control{margin-top:15px}.study-bookmark-control label{display:block}.study-bookmark-control>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.study-bookmark-control input{color:#fff8e7;background:#ffffff12;border:1px solid #fff8e729;border-radius:9px;min-width:0;min-height:42px;padding:0 10px;font-weight:800}.study-bookmark-control>p{margin-top:6px;font-size:.74rem}.study-notice{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:260;color:#fff8e7;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070c09eb;border:1px solid #fff8e72e;border-radius:10px;width:min(620px,100vw - 24px);padding:10px 13px;font-size:.82rem;position:fixed;transform:translate(-50%);box-shadow:0 16px 42px #0006}.study-dialog-backdrop{z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010302b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.study-dialog{color:#fff8e7;background:#0b120d;border:1px solid #fff8e733;border-radius:14px;width:min(520px,100%);padding:20px;box-shadow:0 30px 100px #000000a3}.study-dialog>p{margin-top:11px}.study-dialog__detail{background:#ffffff0d;border:1px solid #fff8e71f;border-radius:9px;padding:10px}.study-dialog__error{color:#ffb9aa!important}.study-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.study-state{place-items:center;padding:24px;display:grid}.study-state>div{text-align:center;background:#ffffff0a;border:1px solid #fff8e729;border-radius:14px;width:min(560px,100%);padding:28px}.study-state h1{margin-top:6px;font-size:clamp(1.8rem,6vw,3rem);font-weight:900;line-height:1}.study-state p:not(.study-panel__eyebrow){color:#fff8e7b8;max-width:34rem;margin:14px auto 0;line-height:1.55}.study-state .study-button{margin-top:20px}@keyframes study-bookling-idle{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-4px)rotate(.25deg)}}@media (max-width:640px){.study-toolbar{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));gap:6px}.study-toolbar__identity{flex:auto;gap:7px;min-height:48px;padding:6px 8px}.study-toolbar__brand{letter-spacing:.11em;font-size:.58rem}.study-toolbar h1{font-size:.98rem}.study-toolbar p{font-size:.66rem}.study-toolbar__actions{gap:3px;padding:3px}.study-toolbar__actions .study-button{min-height:40px;padding:0 9px;font-size:.75rem}.study-panel{width:auto;left:12px;right:12px}.study-customization-panel{top:12px}.study-active-book-panel{bottom:12px}.study-choice-grid{grid-template-columns:1fr 1fr}}@media (hover:none),(pointer:coarse){.study-hotspot__ring{opacity:.86}.study-hotspot__label{opacity:1;padding:5px 7px;transform:scale(1);min-height:34px!important}.study-hotspot__label strong{font-size:.72rem;line-height:1.12}.study-hotspot__label span{display:none}}@media (prefers-reduced-motion:reduce){.study-bookling__motion{animation:none}.study-button,.study-hotspot__ring,.study-hotspot__label{transition:none}}