@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--paper:#f6f3eb;--ink:#303b2e;--muted:#7d8073;--line:#deded1;--olive:#48563b;--serif:'Libre Baskerville',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--wood:#694735;--wood-dark:#2c2119}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #a68952;outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid #a68952;outline-offset:2px}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.08)}[hidden]{display:none!important}.topbar{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:25px}.brand{font:42px var(--serif);text-decoration:none;color:var(--ink);letter-spacing:-3px}.brand span{display:block;font:8px var(--sans);letter-spacing:2.6px;margin-top:3px}.topbar nav{display:flex;gap:36px;height:100%;align-items:center}.topbar nav button{height:100%;position:relative;color:#7b7c71;padding:0 4px}.topbar nav button.active{color:var(--ink)}.topbar nav button.active:after{content:'';height:2px;background:var(--olive);position:absolute;bottom:0;left:0;right:0}.topbar nav span{background:#e8e9dd;border-radius:20px;padding:2px 6px;font-size:10px;margin-left:5px}.profile{display:flex;align-items:center;gap:10px}.profile>span:first-child{border:1px solid #d2d7c3;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#e7eadc;font-family:var(--serif)}.profile-arrow{color:#8b8b7d;margin-left:10px}main{max-width:1560px;margin:auto;padding:0 4.5%}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:39px 0 28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.5px;margin:0 0 16px;color:#7f846e}h1{font:clamp(27px,3vw,43px)/1.3 var(--serif);letter-spacing:-1.5px;margin:0 0 13px}h1 em{font-weight:400;color:#697554}.intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.outline,.primary{border:1px solid #c7ceba;border-radius:5px;padding:13px 18px;font-size:12px;transition:.2s}.outline span{margin-left:20px}.primary{background:var(--olive);color:#fff;border-color:var(--olive)}.room-wrap{overflow:hidden;border-radius:10px;box-shadow:0 14px 30px #43361c17}.room{position:relative;aspect-ratio:1.94;overflow:hidden;background:#362d20}.room-art{width:100%;height:100%;object-fit:cover;display:block;transition:filter 1.8s,transform 1s}.room.zooming .room-art{transform:scale(1.7);transform-origin:35% 40%;filter:brightness(.65)}.room:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -95px 100px -65px #141c16aa}.room-light{position:absolute;inset:0;pointer-events:none;background:transparent;transition:background 1.8s;mix-blend-mode:multiply}.room[data-light=dusk] .room-art{filter:sepia(.3) saturate(1.25) brightness(.82)}.room[data-light=dusk] .room-light{background:#ffd3aa55}.room[data-light=night] .room-art{filter:brightness(.42) saturate(.7)}.room[data-light=night] .room-light{background:linear-gradient(120deg,#5f7d9933,#20355f66 60%,#d9a95611)}.room-label{position:absolute;top:24px;left:25px;background:#f6f3ebee;padding:10px 15px;border-radius:4px;font-size:11px;display:flex;gap:8px;align-items:center;box-shadow:0 3px 16px #0001}.live-dot{height:5px;width:5px;border-radius:50%;background:#64734e}.hotspot{position:absolute;color:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 15px 11px 10px;border:1px solid #fff5;border-radius:6px;background:#252919b8;backdrop-filter:blur(9px);box-shadow:0 6px 18px #0002;z-index:2;font-size:12px;transition:transform .2s}.hotspot:hover{transform:translateY(-3px)}.hotspot small{display:block;font-size:9px;font-weight:400;color:#e0dfcd;margin-top:5px}.hotspot-circle{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d8d7bf77;border-radius:50%;font:20px Georgia}.shelf-hotspot{left:31%;top:40%}.journal-hotspot{left:61%;top:75%;font-size:10px}.journal-hotspot .hotspot-circle{width:24px;height:24px;font-size:16px}.room-caption{position:absolute;bottom:25px;left:27px;color:#ffffffe0;font:italic 13px var(--serif);z-index:2}.light-controls{position:absolute;right:24px;bottom:21px;background:#f6f3ebee;padding:4px;display:flex;border-radius:5px;z-index:2}.light-controls button{padding:8px 10px;font-size:10px;border-radius:3px}.light-controls button.active{background:#48563b;color:white}.dust{position:absolute;width:3px;height:3px;background:#faffd9;border-radius:100%;left:75%;top:15%;opacity:.35;box-shadow:15px 110px 2px 1px #faffd9,-130px 150px 1px 0 #faffd9,54px 30px 2px 0 #faffd9,-15px 260px 1px 1px #faffd9,-250px 30px 2px 0 #faffd9;animation:drift 16s ease-in-out infinite}.room-bottom{display:flex;align-items:center;justify-content:space-between;padding:21px 0 31px;gap:20px;color:#7f8374;font-size:11px}.room-bottom p{display:flex;align-items:center;gap:12px}.small-line{width:24px;height:1px;background:#a4ae94}.text-button{font-size:11px;color:#687552}.text-button span{margin-left:18px;color:#47543b;border-bottom:1px solid #b5bca7;padding-bottom:3px}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin:0 4.5%;padding:20px 0;font-size:9px;letter-spacing:.4px;color:#919383}footer button{font-size:9px}.footer-divider{margin:0 10px;color:#c3c6b6}.library-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;margin:0 0 24px}.library-toolbar input,.library-toolbar select{background:transparent;border:0;border-bottom:1px solid #c9cbbb;border-radius:0;padding:9px;min-height:38px}.subtle{color:var(--muted)}.bookcase{background:linear-gradient(90deg,#0003,transparent 10%,#fff1 50%,#0003),var(--wood);border:13px solid var(--wood);border-radius:8px;box-shadow:0 8px 15px #0002,inset 0 0 0 2px #fff2;margin-bottom:28px;padding:10px 12px 0}.shelf{display:flex;align-items:flex-end;gap:5px;min-height:250px;padding:25px 26px 0;background:linear-gradient(#0008,#0002),var(--wood-dark);border-bottom:17px solid var(--wood);box-shadow:0 8px 10px #0005;position:relative;margin-bottom:12px;flex-wrap:wrap;row-gap:20px}.spine{--book:#444;width:clamp(45px,5vw,65px);height:205px;color:#e5d7b4;background:linear-gradient(90deg,#0008,transparent 12%,#ffffff14 30%,#0002 85%,#0006),var(--book);border-radius:4px 5px 1px 1px;box-shadow:3px 0 5px #0006,inset 2px 0 0 #fff2;position:relative;display:flex;align-items:center;flex-direction:column;padding:18px 5px 12px;transition:transform .3s;flex-shrink:0}.spine:before,.spine:after{content:'';height:2px;position:absolute;left:5px;right:5px;border-block:1px solid #d3b77980;top:10px}.spine:after{top:auto;bottom:10px}.spine:hover{transform:translateY(-13px) rotate(-2deg)}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;font:13px var(--serif);max-height:165px;overflow:hidden;line-height:1.4}.spine-author{font-size:7px;margin-top:auto;padding-top:8px;letter-spacing:1px}.spine:nth-child(3n){height:222px}.spine:nth-child(4n){height:193px}.shelf-add{border:1px dashed #e4d5b450;color:#e4d5b4b0;width:48px;height:175px;margin-left:15px;border-radius:4px;font-size:25px}.shelf-quote{font:italic 16px/1.8 var(--serif);color:#c9bea577;padding:30px;margin:auto;max-width:280px;text-align:center}.empty{text-align:center;padding:30px}.fine-print{font-size:11px;line-height:1.7;color:#868779;margin:18px 0}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:12px 0 40px}.journal-card{text-align:left;border:1px solid #dddece;background:#fbf9f2;border-radius:4px;padding:26px;display:flex;gap:22px;transition:transform .2s}.journal-card:hover{transform:translateY(-4px)}.mini-cover{height:124px;width:82px;min-width:82px;background:var(--book);color:#e8dcb6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 4px 4px #0002,inset 4px 0 #0003;font:11px/1.5 var(--serif);padding:8px;text-align:center;overflow:hidden}.mini-cover img{width:calc(100% + 16px);height:calc(100% + 16px);object-fit:cover}.journal-card h3{font:15px/1.5 var(--serif);margin:5px 0 8px}.journal-card p{font-size:11px;color:#838575;line-height:1.6}.journal-stars{letter-spacing:2px;color:#8b7853}.panel-dialog{border:1px solid #d8d9ca;background:var(--paper);border-radius:10px;color:var(--ink);padding:30px;width:480px;max-width:calc(100% - 28px);max-height:90dvh;box-shadow:0 30px 100px #0005}.panel-dialog::backdrop{background:#1b251caf;backdrop-filter:blur(7px)}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:24px}.panel-heading h2{font:23px/1.4 var(--serif);letter-spacing:-.5px;margin:0}.panel-heading button{font-size:24px;padding:0 3px}.panel-heading .eyebrow{margin-bottom:9px}label{display:block;font-size:11px;color:#68705e}form label{margin-bottom:16px}input,select,textarea{display:block;width:100%;border:1px solid #d4d7c6;border-radius:4px;background:#fff8;color:var(--ink);padding:10px 12px;margin-top:7px}input[type=color]{height:40px;padding:5px}input[type=file]{font-size:11px;padding:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{color:#959688;font-size:9px}.full{width:100%}.skin-preview{display:flex;gap:15px;align-items:center;background:#eaeadd;border-radius:5px;overflow:hidden;margin-top:20px}.skin-preview img{width:100px;height:65px;object-fit:cover}.skin-preview strong{font-size:12px}.skin-preview span{display:block;font-size:10px;margin-top:5px;color:#7d826e}.book-dialog{border:0;background:transparent;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;color:#ede7d7;padding:0;overflow:auto}.book-dialog::backdrop{background:#131c16ed;backdrop-filter:blur(12px)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:25px 30px;font-size:10px;letter-spacing:2px}.reader-toolbar button{color:#ebe5d6;font-size:12px;letter-spacing:0}.reader-nav{display:flex;justify-content:center;align-items:center;gap:35px;margin:22px auto;color:#d5d8c5;font-size:11px}.reader-nav button{border:1px solid #b6bba066;border-radius:4px;padding:10px 20px}#book-stage{display:grid;place-items:center;min-height:65vh;padding:10px 20px;perspective:1800px}.cover{position:relative;width:min(330px,75vw);height:460px;max-height:65dvh;background:linear-gradient(90deg,#0005,transparent 6%,#fff1 7%,transparent 9%,#0001),var(--book);padding:38px;color:#ddce9e;border-radius:3px 10px 10px 3px;box-shadow:8px 2px 0 -2px #e4dcc3,11px 3px 0 -2px #665d42,22px 30px 60px #0008;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;border:1px solid #ffffff20;animation:takebook .6s ease}.cover:after{content:'';position:absolute;inset:18px;border:1px solid #c9b77866;pointer-events:none}.cover h2{font:28px/1.5 var(--serif);margin:12px 0}.cover .author{font-size:10px;letter-spacing:2px;text-transform:uppercase}.cover svg{width:70px;height:90px}.cover .edition{font-size:8px;letter-spacing:3px}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.spread{display:grid;grid-template-columns:1fr 1fr;width:min(850px,94vw);min-height:510px;color:#423d30;border-radius:6px 12px 12px 6px;background:#eee9d8;box-shadow:4px 5px 0 #b7b3a1,8px 8px 0 #6a6757,0 20px 65px #0008;position:relative;animation:pageTurn .55s ease;transform-origin:center;overflow:hidden}.page{position:relative;padding:36px 40px;background:radial-gradient(ellipse at 20% 20%,#fff8,transparent 90%),repeating-linear-gradient(92deg,#907d4011 0px,transparent 1px,transparent 4px),#f3eedf;min-width:0;display:flex;flex-direction:column}.page:first-child{box-shadow:inset -28px 0 30px -25px #473b2877}.page:last-child{box-shadow:inset 28px 0 30px -25px #473b2899}.title-page{align-items:center;justify-content:center;text-align:center}.title-page h2{font:30px/1.5 var(--serif);margin:25px 0}.title-page .author{font-size:11px;letter-spacing:2px;text-transform:uppercase}.page-number{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:10px Georgia;color:#8f8a77}.book-flower{width:90px;color:#6c7258}.flyleaf{display:grid;place-items:center;background-color:#e1e3d2;background-image:repeating-linear-gradient(40deg,transparent 0,transparent 24px,#61795013 24px,#61795013 25px)}.flyleaf p{font:italic 14px/2 var(--serif);color:#939880;max-width:180px;text-align:center}.exlibris{border:1px solid #556544;outline:3px double #556544;outline-offset:6px;max-width:230px;width:90%;padding:22px 18px;text-align:center;color:#4c5d3a;transform:rotate(-3deg);margin:20px auto}.exlibris svg{width:92px;height:105px;display:block;margin:0 auto}.exlibris img{width:100%;height:130px;object-fit:contain}.exlibris strong{display:block;font:17px var(--serif);letter-spacing:3px}.exlibris .stamp-name{font:17px var(--serif);margin:15px 0;text-transform:uppercase;overflow-wrap:anywhere}.exlibris small{font:9px/1.7 var(--serif);letter-spacing:1px;display:block}.reading-note{font:italic 17px/1.9 var(--serif);color:#7a7d66;text-align:center;margin:auto}.page .primary{margin:22px auto 0}.notebook{width:min(990px,94vw)}.notebook .page{padding:28px 35px 36px}.notebook:before{content:'';position:absolute;z-index:2;left:calc(50% - 9px);top:22px;bottom:22px;width:18px;background:repeating-linear-gradient(0deg,transparent 0,transparent 18px,#6c6b61 18px,#32362f 20px,#969889 22px,transparent 23px,transparent 30px);filter:drop-shadow(2px 2px 1px #0003);pointer-events:none}.notebook h2{font:23px/1.4 var(--serif);margin:5px 0 15px}.notebook .author{font-size:9px;letter-spacing:1px;color:#818371}.notebook label{font-family:monospace;font-size:11px;letter-spacing:.7px;margin:15px 0 0;color:#53594a}.notebook textarea,.notebook input{border:0;border-radius:0;border-bottom:1px solid #c6c6b4;background:transparent;font:14px/1.7 Georgia;padding:6px 0;margin-top:5px}.notebook textarea{resize:vertical;min-height:100px;background:repeating-linear-gradient(transparent,transparent 23px,#a9af922b 23px,#a9af922b 24px);line-height:24px}.notebook .form-row{gap:20px}.stars{display:flex;gap:6px;margin:7px 0}.stars button{font-size:27px;padding:0;color:#6a704f;line-height:1.3}.note-upload{background:#eceadfa0;border:1px dashed #b8baa5;border-radius:2px;margin-top:16px;padding:15px;position:relative;transform:rotate(1deg);min-height:100px}.note-upload:before{content:'';position:absolute;top:-9px;width:75px;height:20px;background:#bfc8b568;left:calc(50% - 37px);transform:rotate(-4deg)}.note-upload img{display:block;max-width:100%;height:120px;object-fit:contain;margin:auto}.note-upload input{font:9px var(--sans);width:100%}.note-upload label{margin:0;font-size:9px}.review-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.review-actions .primary{margin:0;font-size:10px;padding:10px 14px}.danger{color:#9d5145;font-size:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#34432e;color:#fff;padding:13px 22px;border-radius:5px;opacity:0;pointer-events:none;z-index:100;font-size:12px;max-width:90vw;box-shadow:0 5px 20px #0003;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.account-message{font-size:13px;line-height:1.8;color:#717964}.account-switch{margin-top:18px;font-size:12px;text-decoration:underline}.account-error{color:#9a443a;font-size:12px}.demo-tag{background:#e7eadb;border-radius:4px;padding:12px;font-size:11px;line-height:1.6;color:#727c61}.loading{opacity:.5;pointer-events:none}@keyframes drift{50%{transform:translate(-30px,25px);opacity:.2}}@keyframes takebook{from{transform:translateY(50px) rotateY(-18deg);opacity:0}to{transform:none;opacity:1}}@keyframes pageTurn{from{transform:rotateY(-12deg);opacity:.1}to{transform:rotateY(0);opacity:1}}@media(min-width:1500px){.room{max-height:690px}.intro{padding-top:48px}}@media(max-width:1000px){.journal-grid{grid-template-columns:1fr 1fr}.journal-card{padding:18px;gap:15px}.subtle{display:none}.room{aspect-ratio:1.65}.topbar nav{gap:20px}.notebook .page{padding:25px}.spine{width:50px}}@media(max-width:650px){.topbar{height:110px;flex-wrap:wrap;padding:14px 5% 0;gap:12px}.brand{font-size:30px}.brand span{font-size:6px}.topbar nav{height:38px;order:3;width:100%;justify-content:center;gap:30px;font-size:12px}.profile{font-size:11px}.profile>span:first-child{height:29px;width:29px}.intro{padding:28px 0 23px;display:block}.intro .outline,.intro>.primary{margin-top:20px;padding:10px 13px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:30px;letter-spacing:-1px}.intro p:not(.eyebrow){font-size:11px;line-height:1.6}.room{aspect-ratio:.92}.room-art{object-position:58% center}.room-label{left:14px;top:14px;padding:8px 10px;font-size:10px}.shelf-hotspot{left:9%;top:35%;font-size:11px}.journal-hotspot{left:auto;right:10%;top:65%}.room-caption{font-size:10px;bottom:72px;left:20px}.light-controls{bottom:18px;right:18px}.room-bottom{display:block;padding:15px 0 25px}.room-bottom p{font-size:10px}.room-bottom .text-button{padding:10px 0;text-align:left;font-size:10px}.text-button span{margin-left:9px}footer{flex-wrap:wrap;font-size:8px;padding:16px 0}footer #storage-label{order:3;width:100%}.library-toolbar{gap:10px;font-size:10px}.library-toolbar input{width:150px}.bookcase{padding:3px 3px 0;border-width:7px}.shelf{padding:17px 12px 0;min-height:215px;gap:4px}.spine{width:41px;height:180px}.spine-title{font-size:11px;max-height:140px}.spine:nth-child(3n){height:195px}.spine:nth-child(4n){height:175px}.shelf-add{width:36px;height:150px;margin-left:4px}.shelf-quote{display:none}.journal-grid{grid-template-columns:1fr;gap:14px}.reader-toolbar{padding:20px;font-size:8px}#book-stage{padding:4px 10px;min-height:65vh}.spread{min-height:410px}.page{padding:20px 18px}.title-page h2{font-size:19px}.title-page .author{font-size:8px}.flyleaf p{font-size:11px}.exlibris{padding:13px 8px;width:85%;outline-offset:3px}.exlibris strong{font-size:10px;letter-spacing:1px}.exlibris .stamp-name{font-size:13px}.exlibris svg{width:62px;height:80px}.exlibris small{font-size:7px}.reading-note{font-size:12px}.page .primary{font-size:10px;padding:10px}.reader-nav{gap:16px;font-size:9px}.reader-nav button{padding:8px 12px}.notebook{display:block;width:94vw}.notebook:before{display:none}.notebook .page{padding:25px 27px;box-shadow:none}.notebook .page:first-child{border-bottom:1px solid #c3c4b2}.notebook .page-number{display:none}.notebook .mini-cover{height:150px;width:100px}.panel-dialog{padding:24px}.cover{height:410px}.book-dialog:has(.notebook) #book-stage{display:block}.book-dialog:has(.notebook) .reader-nav{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}