/* Paper, quiet color and deliberate motion. */
.hello-row{padding-bottom:33px}.hello-note{max-width:550px}.material-status{font-size:11px;line-height:1.9;color:#8c927f;margin:19px 2px 0}.home-shelf{margin-top:36px;border-top:1px solid var(--line);padding-top:27px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.shelf-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:8px}.shelf-heading h2{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:1px}.shelf-heading>button{font-size:11px;white-space:nowrap}.shelf-heading b{font-size:10px;font-weight:400;margin:0 6px;color:#969c89}.shelf-preview{min-height:185px;margin:25px 0 0;display:flex;justify-content:center;align-items:end;gap:28px;position:relative;padding:0 20px 17px;border-bottom:5px solid #e3ddcc;box-shadow:0 7px 10px -9px #71765c55}.mini-book{display:flex;flex-direction:column;align-items:center;padding:0;width:110px;text-align:center;transition:transform .25s}.mini-book:hover{transform:translateY(-6px)}.mini-book img{width:100%;aspect-ratio:5/7;object-fit:cover;box-shadow:inset 3px 0 6px #0002,5px 5px 0 #e9e5d9,7px 9px 18px #4c53462b;border-radius:1px 5px 5px 1px;transform:rotate(-4deg);border-left:4px solid #d4d4c0}.mini-1 img{transform:rotate(3deg)}.mini-2 img{transform:rotate(-2deg)}.mini-book span{max-width:100%;font-family:var(--serif);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:13px}.mini-book small{font-size:9px;color:#939b84;margin-top:4px}.empty-books{display:flex;gap:16px;align-items:end;padding-bottom:30px}.empty-books span{width:62px;height:103px;background:#e7e6d8;border-left:5px solid #d2d4c0;border-radius:1px 5px 5px 1px;box-shadow:4px 4px 0 #eeebdf,8px 8px 12px #3d462b0a;display:grid;place-items:center;font-family:var(--serif);font-size:24px;color:#8f967c;transform:rotate(-8deg)}.empty-books span:nth-child(2){height:119px;background:#eee3d6;border-color:#d4c7b1;transform:rotate(2deg);color:#a08d73}.empty-books span:nth-child(3){height:110px;transform:rotate(7deg);background:#e2e6db}.shelf-empty-note{position:absolute;bottom:10px;color:#949c87;font-size:10px}.shelf-caption{font-family:var(--serif);text-align:center;font-size:12px;letter-spacing:2px;color:#949b85;margin:20px 0 6px}.food-door-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.food-door-grid button{padding:26px 12px;background:#f0e8d8;border-radius:17px;text-align:center;min-height:170px}.food-door-grid button+button{background:#e8eddf}.food-door-grid button>span{font-family:var(--serif);font-size:46px;color:#b48e58;display:block;height:63px}.food-door-grid strong{display:block;font-family:var(--serif);font-weight:500;font-size:22px;margin:9px 0}.food-door-grid small{font-size:11px;color:#8c907a;display:block;line-height:1.7}.center{text-align:center}.drink-cup{width:100px;height:115px;border-radius:8px 8px 30px 30px;background:#e0e6d1;margin:22px auto 27px;display:grid;place-items:center;position:relative;box-shadow:inset -9px 0 0 #cdd7b6,inset 0 5px 0 #b9c6a3}.drink-cup:after{content:'';position:absolute;left:96px;top:24px;width:28px;height:48px;border:8px solid #cdd7b6;border-left:0;border-radius:0 25px 25px 0}.drink-cup span{font-size:43px;color:#788b5c}.drink-choices{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.drink-result{text-align:center;color:#8c947d;font-family:var(--serif);font-size:19px;line-height:1.7;margin-top:28px}.role-reveal{text-align:center;border-radius:19px;background:#e9edde;padding:22px 22px 32px;position:relative;overflow:hidden;animation:card-arrival .65s ease-out}.role-star{position:absolute;right:26px;top:25px;color:#c3af7e;font-size:30px;transform:rotate(15deg)}.role-character svg{width:230px;height:155px;stroke:none}.role-reveal .card-kicker{display:block;font-size:8px;letter-spacing:2px;color:#8d997c}.role-reveal h3{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:1px;margin:19px 0}.role-reveal p{font-size:15px;line-height:2;color:#68765b}.role-reveal small{display:block;color:#919c81;font-size:9px;margin-top:26px}.daily-materials{border:1px solid #e1e3d5;border-radius:15px;background:#fffdf6;padding:4px 18px}.daily-materials>div{display:flex;gap:18px;padding:14px 0;border-bottom:1px dashed #e4e5d8}.daily-materials>div:last-child{border-bottom:0}.daily-materials span{flex:0 0 31px;font-size:10px;color:#969d88;line-height:1.9}.daily-materials p{font-size:12px;line-height:1.9;color:#6f795f;white-space:pre-wrap}.field-label small{font-size:10px;color:#9aa08d;font-weight:400}.binding-wait{text-align:center;padding:40px 4px 28px}.binding-wait h3{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.8;margin:27px 0 14px}.binding-wait p{font-size:12px;line-height:2;color:#8b947c}.binding-papers{width:110px;height:130px;margin:15px auto 35px;position:relative;perspective:600px}.binding-papers i{position:absolute;inset:0;background:#f3eadd;border:1px solid #d8cfbb;box-shadow:6px 9px 15px #66704c16;transform:rotate(-10deg);border-radius:2px 8px 8px 2px}.binding-papers i:nth-child(2){background:#e4ead8;transform:rotate(7deg);animation:gather-paper 3s ease-in-out infinite}.binding-papers i:nth-child(3){inset:10px 5px -10px -5px;background:#fffdf7;transform:rotate(-2deg);animation:gather-paper 3s .3s ease-in-out infinite}.binding-papers i:nth-child(3):after{content:'✳';display:grid;place-items:center;height:100%;font-size:44px;color:#a4ad8e}.shelf-modal{max-width:700px}.shelf-topline{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:22px}.shelf-topline p{font-size:12px;line-height:1.8;color:#919981}.shelf-topline button{font-size:10px;white-space:nowrap;color:#7d896d}.shelf-tabs{display:flex;gap:5px;border-bottom:1px solid #e1e4d5;margin-bottom:21px}.shelf-tabs button{padding:12px 22px;font-size:12px;color:#9aa18d;border-bottom:2px solid transparent;margin-bottom:-1px}.shelf-tabs .selected{color:#536448;border-color:#758565}.journal-add{font-size:12px;color:#7e8b6d;min-height:42px;width:100%;border:1px dashed #d7ddc9;border-radius:10px;text-align:center;margin-bottom:20px}.bookshelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px;padding:12px 8px 28px}.shelf-book{text-align:left;min-width:0;padding:0}.book-object{display:block;position:relative;perspective:800px;margin-right:7px;transition:transform .3s;filter:drop-shadow(5px 8px 5px #5b634b15)}.book-object:before,.book-object:after{content:'';position:absolute;inset:3px -5px -3px 3px;background:#e4e2d8;border:1px solid #d4d7c8;border-radius:2px 5px 5px 2px;z-index:-1}.book-object:after{inset:5px -7px -5px 5px;background:#f1f0e7}.book-object img{width:100%;aspect-ratio:5/7;object-fit:cover;display:block;border-radius:1px 5px 5px 1px;border-left:4px solid #bec6b0}.book-object i{position:absolute;left:3px;top:0;bottom:0;width:7px;background:linear-gradient(90deg,#28382324,transparent);pointer-events:none}.shelf-book:hover .book-object{transform:rotateY(-12deg) translateY(-4px)}.shelf-book strong{display:block;font-family:var(--serif);font-weight:500;font-size:15px;line-height:1.6;margin-top:17px}.shelf-book small{display:block;font-size:9px;color:#929d82;line-height:1.7;margin-top:7px}.bind-controls{display:grid;grid-template-columns:1fr auto;gap:10px}.bind-controls select{font-size:12px}.bind-controls button{font-size:11px;white-space:nowrap}.shelf-empty{text-align:center;padding:32px 10px 44px}.blank-book{width:88px;height:116px;background:#ebe8dc;border-left:6px solid #d4d7c4;border-radius:2px 6px 6px 2px;display:grid;place-items:center;margin:0 auto 30px;box-shadow:5px 5px 0 #f0eee5,7px 6px 0 #d9dacc,13px 15px 20px #48553612;font-family:var(--serif);font-size:32px;color:#9ca38c;transform:rotate(-7deg)}.shelf-empty h3{font-family:var(--serif);font-size:21px;font-weight:500;color:#7a8769;margin-bottom:12px}.shelf-empty p{font-size:11px;color:#9aa28c;line-height:1.9}.shelf-bottom{display:flex;gap:20px;justify-content:center}.shelf-bottom .quiet-link{margin:10px 0}.reader-modal{max-width:650px}.reader-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#939c83;margin-bottom:20px}.reader-stage{position:relative;perspective:1700px;isolation:isolate;margin:0 auto 18px;width:calc(100% - 20px);max-width:430px;aspect-ratio:5/7;touch-action:pan-y;outline-offset:10px}.reader-page{position:relative;width:100%;height:100%;background:#fff;box-shadow:0 10px 30px #3544281a;transform-origin:left;border-radius:1px 4px 4px 1px;overflow:hidden}.reader-page img{width:100%;height:100%;object-fit:contain;display:block;background:#fff;user-select:none}.page-stack{position:absolute;inset:4px -4px -4px 4px;background:#e4e4d8;border:1px solid #d2d7c6;border-radius:2px 4px 4px 2px;z-index:-1}.stack-two{inset:7px -7px -7px 7px;background:#f1f0e8;z-index:-2}.turning-sheet{position:absolute;inset:0;z-index:5;backface-visibility:hidden;pointer-events:none}.turning-sheet:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#4a533033,transparent 45%);animation:paper-shadow .65s ease-in-out}.turning-sheet.forward{animation:turn-forward .65s cubic-bezier(.3,.1,.25,1) both}.turning-sheet.backward{transform-origin:right;animation:turn-backward .65s cubic-bezier(.3,.1,.25,1) both}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.reader-nav button{min-width:48px}.reader-nav span{font-size:10px;color:#8d987d}.reader-caption{font-family:var(--serif);font-size:13px;color:#768465;text-align:center;line-height:1.9;margin:18px 6px}.reader-thumbs{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 14px;scrollbar-width:thin}.reader-thumbs button{padding:3px;border:1px solid transparent;border-radius:3px;flex:0 0 44px}.reader-thumbs img{display:block;width:36px;height:49px;object-fit:cover}.reader-thumbs button.selected{border-color:#97a17f;background:#ecefdf}.just-bound .reader-stage{animation:book-arrival .9s cubic-bezier(.17,.67,.25,1.1)}.key-panel{margin-top:27px;padding:20px;background:#edf0e3;border-radius:13px}.key-panel h3{font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:10px}.key-panel p{font-size:12px;line-height:1.9;color:#818c70;margin-bottom:15px}#print-root{display:none}
@keyframes turn-forward{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(-110deg);opacity:0}}@keyframes turn-backward{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(110deg);opacity:0}}@keyframes paper-shadow{0%{opacity:0}50%{opacity:1}100%{opacity:.4}}@keyframes card-arrival{from{transform:translateY(16px) rotate(-3deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes gather-paper{0%,100%{transform:rotate(7deg) translate(0,0)}50%{transform:rotate(-2deg) translate(-4px,-9px)}}@keyframes book-arrival{from{opacity:0;transform:translateY(20px) rotateY(-15deg) rotateZ(-4deg)}to{opacity:1;transform:none}}
@media(max-width:740px){.hello-row{padding-bottom:26px}.hello-note{font-size:11px;max-width:290px}.home-shelf{margin-top:26px;padding-top:24px}.shelf-heading h2{font-size:22px}.shelf-heading>button{font-size:10px}.shelf-preview{min-height:165px;gap:20px;padding-left:5px;padding-right:5px}.mini-book{width:83px}.mini-book span{font-size:11px}.mini-book small{font-size:8px}.material-status{font-size:10px;margin-top:17px}.shelf-caption{font-size:11px;letter-spacing:1px}.daily-card{padding-left:15px;padding-right:15px}.card-copy strong{font-size:19px}.card-description{font-size:10px}.bookshelf-grid{grid-template-columns:1fr 1fr;gap:30px 25px;padding:12px 7px 27px}.shelf-tabs button{padding:12px 22px}.shelf-book strong{font-size:16px}.shelf-topline p{font-size:11px}.reader-meta{font-size:9px;margin-bottom:17px}.reader-stage{width:calc(100% - 12px)}.reader-caption{font-size:12px}.reader-modal{padding-left:20px;padding-right:20px}.reader-nav{margin-top:23px}.bind-controls{grid-template-columns:1fr auto}.bind-controls .input{padding:12px 9px;font-size:11px}.bind-controls .secondary-btn{padding:9px;font-size:10px}.food-door-grid strong{font-size:21px}.role-reveal h3{font-size:26px}.role-reveal p{font-size:14px}.help-note{font-size:10px}}
@media(max-width:360px){.card-copy strong{font-size:17px}.shelf-preview{gap:15px}.mini-book{width:75px}.reader-meta{font-size:8px}.shelf-topline{gap:8px}}
@media(prefers-reduced-motion:reduce){.turning-sheet{display:none}.shelf-book:hover .book-object{transform:none}.just-bound .reader-stage,.role-reveal,.binding-papers i{animation:none}}
@media print{@page{size:A4 portrait;margin:8mm}body>*{display:none!important}#print-root{display:block!important}#print-root img{display:block;width:100%;height:275mm;object-fit:contain;break-after:page;page-break-after:always}#print-root img:last-child{break-after:auto;page-break-after:auto}}

.daily-materials p{flex:1;min-width:0}.remove-material{font-size:17px;color:#a0a78f;align-self:start;min-width:24px;min-height:24px;padding:0;flex-shrink:0}.reader-stage{max-width:min(430px,40dvh)}
/* Read-only presentation edition. Warm, compact and visibly separate from personal data. */
.demo-ribbon{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dedfd3;padding:10px 0 14px;color:#727a67;font-size:12px;letter-spacing:.03em}.demo-ribbon a{color:#52634b;text-decoration:none}.demo-tour{background:#eeeee4;border:1px solid #e2e4d6;border-radius:22px;padding:25px 28px;margin:8px 0 34px;max-width:620px}.demo-counts{display:flex;justify-content:space-between;gap:18px;max-width:390px;margin:12px 0 20px}.demo-counts span{font-size:12px;color:#747b6c;display:flex;align-items:baseline;gap:8px}.demo-counts b{font:44px Georgia,serif;color:#42553c;font-weight:400}.demo-tour .primary-btn{margin:4px 0 10px}.demo-tour>small{display:block;color:#7c8174;font-size:11px;line-height:1.7;margin-top:14px}.demo-shortcuts{display:flex;justify-content:space-around;gap:12px}.demo-shortcuts button{background:none;border:0;color:#53664c;font-size:12px;padding:9px;cursor:pointer}.demo-shelf-note{padding:18px 0 16px;border-bottom:1px solid #e4e4dc;margin-bottom:20px}.demo-shelf-note span{font-size:11px;color:#8c917f;margin-right:14px}.demo-shelf-note strong{font-weight:500;color:#4f6048}.demo-shelf-note p{font-size:12px;color:#7f8477;line-height:1.8;margin:9px 0 0}.demo-label{display:inline-block;color:#77816a;background:#edf0e5;padding:5px 10px;border-radius:6px;font-size:11px;margin:0 0 14px}.demo-entry{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;border-top:1px solid #e2e3d8;margin-top:30px;padding:20px 0 4px;font-size:12px;color:#838775}.demo-entry strong{font-weight:500;color:#596c4f}.demo-login-link{display:block;text-align:center;text-decoration:none;font-size:12px;padding:12px}.reader-thumbs{max-width:100%}@media(max-width:480px){.demo-tour{padding:21px 22px;border-radius:17px}.demo-counts b{font-size:40px}.demo-entry{align-items:flex-start;flex-direction:column;gap:7px}.demo-ribbon{font-size:11px}.demo-counts span{gap:5px}.demo-tour .eyebrow{font-size:10px}}
.demo-tour .primary-btn{width:100%;justify-content:center}.demo-tour .demo-counts{max-width:none}#demo-source[hidden]{display:none}