:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#101113;color:#f3eee4;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #81a9e8;outline-offset:3px}.portal{min-height:100svh;background:radial-gradient(ellipse at 30% 30%,#20252c,#0d0f12 65%);position:relative}.portal:after{content:'';pointer-events:none;position:absolute;inset:0;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.6' d='M0 0h170v170H0z'/%3E%3C/svg%3E")}.intro-screen{min-height:100svh;display:grid;place-content:center;text-align:center}.logo-enter{border:0;background:none;color:#ccc6bb;display:grid;justify-items:center;gap:32px}.soak-logo{width:min(310px,55vw);aspect-ratio:1;display:block;position:relative;background:#f4f1e9;mask:url(setside-white-transparent.png) center/contain no-repeat;-webkit-mask:url(setside-white-transparent.png) center/contain no-repeat}.soak-logo:after{content:'';position:absolute;inset:-35%;background:radial-gradient(ellipse at 40% 80%,#12419d 5%,#2d72ce 26%,#7198c8 39%,transparent 58%);filter:url(#watercolour);animation:ink-soak 6s ease-in-out infinite alternate}.logo-enter>span:last-child{font-size:11px;letter-spacing:3px;text-transform:uppercase}@keyframes ink-soak{from{transform:translateY(45%) scale(.5);opacity:.6}to{transform:translateY(-5%) scale(1.3);opacity:1}}.login-screen{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8vw;padding:7vw;position:relative;z-index:1}.locked-stack{height:490px;position:relative;perspective:1200px}.locked-note{position:absolute;width:240px;height:340px;left:calc(50% - 120px);top:70px;padding:24px;background:var(--card);color:#151719;border-radius:3px 14px 14px 3px;box-shadow:-5px 0 0 #0004 inset,0 20px 35px #0005;transform:translate(var(--x),var(--y)) rotate(var(--angle));transition:transform .65s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:space-between}.locked-note strong{font-size:40px;line-height:.94;letter-spacing:-2px}.locked-note small{font-size:10px;letter-spacing:1px}.locked-stack:hover .locked-note,.locked-stack:focus-within .locked-note{transform:translate(calc(var(--x) * 1.45),calc(var(--y) * 1.2)) rotate(calc(var(--angle) * .4)) rotateY(-8deg)}.locked-note:hover{z-index:20;transform:translate(var(--x),-30px) rotate(0)!important}.login-copy{max-width:440px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#94a9c5}.login-copy h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2.5px;line-height:1.03;margin:20px 0}.login-copy p{color:#bfbfbd;line-height:1.7;font-size:15px}.login-copy label{display:block;font-size:12px;margin-top:18px}.login-copy input{display:block;width:100%;margin-top:8px;padding:15px;background:#171c23;border:1px solid #59616e;border-radius:5px;color:white}.primary{background:#285fc1!important;color:#fff!important;border:0!important;padding:14px 20px;border-radius:5px}.login-copy .primary{width:100%;margin-top:24px}.login-copy small{display:block;margin-top:18px;color:#929ba9;line-height:1.6}#portal-status{color:#f2c995;min-height:24px}.member-tools{position:fixed;z-index:15;bottom:12px;right:16px;display:flex;gap:8px}.member-tools button{background:#15191f;color:#eee9df;border:1px solid #6d727b;border-radius:5px;padding:10px 14px;font-size:12px}.admin-panel{position:fixed;inset:0;z-index:5000;background:#f4f1e9;color:#20211f;overflow:auto;color-scheme:light}.admin-header{padding:20px 30px;background:#15191f;color:white;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}.admin-header strong{letter-spacing:2px}.admin-header button{background:none;border:1px solid #87909b;color:white;padding:10px}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100svh - 80px)}.admin-nav{padding:30px 16px;background:#e6e2d7;border-right:1px solid #ccc}.admin-nav button{display:block;width:100%;text-align:left;margin-bottom:8px;padding:14px;background:none;border:0;border-radius:6px;color:#242722}.admin-nav button[aria-current=page]{background:#d3ddec;font-weight:bold}.admin-main{padding:35px;max-width:1500px;width:100%}.admin-main h1{font-size:35px;letter-spacing:-1px;margin-top:0}.admin-main p{line-height:1.6;color:#5d6159}.admin-main label{display:block;font-size:13px;margin:12px 0}.admin-main input:not([type=checkbox]),.admin-main textarea,.admin-main select{display:block;width:100%;padding:11px;border:1px solid #bbbcb3;background:#fffdf7;color:#20211f;border-radius:4px;margin-top:7px}.admin-main button{padding:10px 14px;border:1px solid #aeb3a8;background:#fffdf7;color:#20211f;border-radius:4px}.admin-main fieldset{border:1px solid #ccd0c3;padding:16px;margin:20px 0}.admin-main legend{font-size:13px;font-weight:bold}.check{display:flex!important;gap:9px;align-items:center}.access-switch{display:flex!important;gap:18px;padding:25px;border:1px solid #bcc5b6;border-radius:8px;max-width:650px}.access-switch small{display:block;margin-top:8px;color:#61685e}.content-filters{display:flex;gap:20px;align-items:end;margin-bottom:25px}.content-filters label{flex:1}.content-filters>button{margin-bottom:12px}.editor-grid{display:grid;grid-template-columns:minmax(210px,280px) 1fr;gap:30px}.editor-grid>aside{border-right:1px solid #ccc;padding-right:22px;max-height:75vh;overflow:auto}#record-list button{display:block;text-align:left;width:100%;margin:8px 0}#record-list small{display:block;color:#6d7267;margin-top:8px}.editor-heading{display:flex;align-items:center;justify-content:space-between}.editor-heading h2{font-size:25px}.editor-heading span{font-size:12px;background:#e2e7d8;padding:8px;border-radius:20px}.array-row{display:flex;align-items:start;gap:12px;border-bottom:1px solid #ddd;padding-bottom:12px}.array-row>label,.array-row>fieldset{flex:1;min-width:0}.array-row>button{margin-top:35px}.save-bar{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 0;background:#f4f1e9;border-top:1px solid #bbb}.save-bar span{font-size:12px}.danger{color:#a22b24!important}.order-row{padding:20px;border:1px solid #ccc;margin-bottom:12px}.order-row>strong{display:inline-block;min-width:140px}.order-row fieldset{display:flex;gap:20px;flex-wrap:wrap}.user-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ccc;padding:20px 0}.user-row>div{flex:1;min-width:220px}.user-row small{display:block;margin-top:8px;color:#686e61}#new-user{display:flex;gap:16px;align-items:center;flex-wrap:wrap}#new-user label{min-width:220px;flex:1}@media(max-width:800px){.login-screen{grid-template-columns:1fr;padding:35px 25px}.locked-stack{height:280px;transform:scale(.65);margin-top:-55px;margin-bottom:25px}.login-copy{max-width:none}.admin-layout{grid-template-columns:1fr}.admin-nav{display:flex;overflow:auto;padding:10px}.admin-nav button{min-width:140px;margin:0}.admin-main{padding:22px}.editor-grid{grid-template-columns:1fr}.editor-grid>aside{max-height:240px;border:0}.content-filters{flex-wrap:wrap}.order-row fieldset{gap:5px}.user-row button{font-size:12px}.array-row{gap:5px}.admin-header{padding:16px}}@media(prefers-reduced-motion:reduce){.soak-logo:after{animation:none;transform:scale(1.2)}.locked-note{transition:none}}
#site-root .reader-content{user-select:none;-webkit-user-select:none}#site-root input,#site-root textarea{user-select:text;-webkit-user-select:text}@media print{body>*{display:none!important}body:before{content:'SETSIDE — Member edition. Printing is not available.';display:block;color:#111;padding:40px;font:20px Arial}}
/* Availability sits below the notebook title and subtitle. */
.caption .note-availability{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;line-height:1.4;letter-spacing:.03em;text-transform:none;color:#e8e8e2}.note-availability i{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#56cd82;animation:availability-pulse 2.8s ease-in-out infinite}.note-availability[data-state=coming-soon] i{background:#ed7673}.book[aria-disabled=true]{cursor:default}.availability-control{display:inline-block!important;min-width:180px;margin:0 24px!important}.availability-control select{min-width:180px}@keyframes availability-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #ffffff00}50%{opacity:.55;box-shadow:0 0 0 4px #ffffff0d}}@media(prefers-reduced-motion:reduce){.note-availability i{animation:none}}
.caption .note-availability{justify-content:center}

/* Account actions belong to the header, away from carousel navigation. */
.member-tools{position:relative;inset:auto;display:block;z-index:20}.member-tools details{position:relative}.member-tools summary{list-style:none;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:12px 0;display:flex;align-items:center;gap:7px}.member-tools summary::-webkit-details-marker{display:none}.member-tools summary:focus-visible{outline:2px solid #eee;outline-offset:5px}.account-options{position:absolute;right:0;top:calc(100% + 8px);width:160px;padding:7px;background:#202124;border:1px solid #ffffff30;border-radius:9px;box-shadow:0 14px 35px #0006}.nav .account-options button{display:block;width:100%;padding:12px;text-align:left;font-size:12px;letter-spacing:0;text-transform:none;border:0;border-radius:5px;background:none}.nav .account-options button:after{content:none}.account-options button:hover{background:#ffffff12}.account-options button+button{border-top:1px solid #ffffff18}@media(max-width:720px){.member-tools summary{font-size:10px;letter-spacing:.5px}.nav .account-options button{min-height:44px}}

/* The locked collection reuses the real covers, colours, paper edges and typography. */
.locked-stack{height:490px;isolation:isolate}.locked-note{width:240px;height:auto;aspect-ratio:.665;left:calc(50% - 175px);top:50px;padding:0;background:none;border-radius:0;box-shadow:none;display:block;container-type:inline-size;color:var(--cover-ink)}.locked-note .book{height:100%;transform:none;cursor:default}.locked-note .cover-title{font-size:18cqw}.locked-note .cover-title.long{font-size:10.5cqw}.locked-stack:hover .locked-note,.locked-stack:focus-within .locked-note{transform:translate(calc(var(--x) * 1.05),var(--y)) rotate(calc(var(--angle) * .65))}.locked-note:hover,.locked-note:focus-visible{z-index:30!important;transform:translate(var(--x),-15px) rotate(0)!important;outline-offset:8px}.portal{overflow-x:clip}@media(max-width:800px){.locked-stack{height:310px;transform:scale(.78);margin:0 0 -25px}.locked-note{top:10px}}@media(prefers-reduced-motion:reduce){.locked-note{transition:none}}
@media(max-width:800px){.locked-stack{height:400px;margin:0 0 12px;transform-origin:50% 0}.login-copy{position:relative;z-index:35}}
