:root{font-family:Georgia,Times New Roman,serif;color:#3e3026;background:#f6efdf;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.app{min-height:100dvh;display:flex;flex-direction:column}.library-home{width:100%;display:flex;align-items:flex-start;justify-content:center;background:#f5ead5}.library-art{position:relative;width:min(100%,900px);margin:0 auto;line-height:0}.library-art img{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;background:transparent;border:0;border-radius:12px;cursor:pointer;touch-action:manipulation;line-height:normal}.hotspot:focus-visible{outline:3px solid #245a3e;outline-offset:2px;background:#fff4}.hotspot:active{background:#f8e4a533}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu{left:2.5%;top:1.5%;width:12%;height:7%}.settings{right:2.5%;top:1.5%;width:12%;height:7%}.stacks{left:37%;top:25%;width:27%;height:8%}.welcome{left:8%;top:50%;width:23%;height:9%}.index{left:69%;top:39%;width:22%;height:8%}.desks{left:24%;top:67%;width:30%;height:8%}.nook{left:70%;top:62%;width:23%;height:9%}.quick{left:21%;top:85%;width:58%;height:10%}.interior{flex:1;width:min(100%,850px);margin:auto;padding:35px 24px}.interior h1{font-size:2.5rem;font-weight:400}.interior p{line-height:1.6}.back{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#315c43;padding:8px 0}.placeholder{margin-top:28px;border:1px dashed #b49a65;border-radius:12px;padding:35px 20px;text-align:center;color:#75634c}.stacks-room{width:100%;display:flex;justify-content:center;background:#f5ead5}.stacks-art{position:relative;width:min(100%,900px);line-height:0}.stacks-art img{display:block;width:100%;height:auto}.stacks-art button{position:absolute;background:transparent;border:0;border-radius:12px;touch-action:manipulation}.stacks-art button:focus-visible{outline:3px solid #245a3e;outline-offset:2px;background:#fff4}.stacks-art button:active{background:#f8e4a533}.stacks-back{left:1%;top:0%;width:12%;height:9%}.stacks-create{left:7%;top:84%;width:41%;height:8%}.stacks-pages{right:7%;top:84%;width:41%;height:8%}.book-hotspot{z-index:2}.book-projects{left:43%;top:29%;width:20%;height:12%}.book-planning{left:65%;top:29%;width:21%;height:12%}.book-work{left:15%;top:43%;width:22%;height:13%}.book-crafts{left:37%;top:43%;width:22%;height:13%}.book-garden{left:62%;top:43%;width:22%;height:13%}.book-personal{left:14%;top:58%;width:23%;height:13%}.book-misc{left:38%;top:58%;width:23%;height:13%}.stacks-extras{width:min(100%,900px);margin:0 auto;padding:20px 18px 45px;background:#f5ead5;line-height:1.5}.stacks-extras h2{font-weight:400;margin:0 0 5px}.stacks-extras p{font-size:.95rem;color:#675944}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.paper-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:120px;padding:18px 10px;text-align:center;color:#463425;background:#fff7e7;border:2px solid #bda16c;border-radius:12px;box-shadow:0 4px 12px #5c3e1a18;font-size:1.05rem}.paper-tile:focus-visible,.green-action:focus-visible{outline:3px solid #245a3e;outline-offset:3px}.green-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;background:#244d39;color:#fff8e5;border:2px solid #bd9c54;border-radius:30px;padding:13px 22px}.field-label{display:block;margin:20px 0;font-size:1rem}.field-label input,.field-label textarea{display:block;width:100%;margin-top:8px;padding:14px;background:#fffbf2;color:#3e3026;border:1px solid #bda16c;border-radius:8px;font:1rem/1.5 Georgia,serif}.demo-warning{font-size:.85rem;color:#80623c}.interior{width:min(100%,720px);margin:0 auto;padding:clamp(24px,5vw,48px) 22px 70px;background:radial-gradient(circle at 50% 0%,#fffaf0,#f6efdf 75%);min-height:100dvh}.interior h1{font-size:clamp(2.1rem,7vw,3.1rem);line-height:1.2;margin:22px 0 12px;color:#473022}.interior>p{margin:0 0 24px;color:#695844}.back{font-size:1rem;padding:11px 4px;gap:9px}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:22px 0}.paper-tile{font-family:Georgia,Times New Roman,serif;font-size:1.13rem;line-height:1.3;min-height:142px;gap:15px;background:linear-gradient(140deg,#fffaf0,#f3e5c7);border:2px solid #bc9953;border-radius:13px;box-shadow:0 5px #bfa36b55,0 10px 18px #5c3e1a16;transition:transform .12s ease,box-shadow .12s ease}.paper-tile svg{color:#956e2c;width:30px;height:30px}.paper-tile:active{transform:translateY(2px);box-shadow:0 2px #bfa36b55}.green-action{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;min-height:48px;box-shadow:0 4px 10px #244d3922}@media (max-width:440px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paper-tile{min-height:132px;padding:14px 8px;font-size:1rem}.interior{padding-left:18px;padding-right:18px}}.book-projects{left:42%;top:15%;width:21%;height:14%}.book-planning{left:65%;top:15%;width:21%;height:14%}.book-work{left:14%;top:32%;width:23%;height:15%}.book-crafts{left:37%;top:32%;width:23%;height:15%}.book-garden{left:62%;top:32%;width:23%;height:15%}.book-personal{left:13%;top:49%;width:24%;height:15%}.book-misc{left:37%;top:49%;width:24%;height:15%}.stacks-art .book-hotspot{z-index:3;cursor:pointer}.room-content{max-width:650px;margin:0 auto;color:#493324}.room-kicker{display:flex;align-items:center;gap:8px;color:#846c45;font-size:.72rem;font-weight:700;letter-spacing:.13em;margin:4px 0 20px;line-height:1.5}.room-content .back{margin-bottom:7px}.room-content h1{font-size:clamp(2.2rem,8vw,3.4rem);margin:8px 0 4px}.interior-decor{display:flex;align-items:center;gap:15px;margin:16px 0;color:#a48244}.decor-rule{height:1px;background:linear-gradient(90deg,transparent,#b9985c,transparent);flex:1}.decor-symbol{font-size:1.3rem}.room-intro{color:#6c5a43;line-height:1.65;margin:0 0 28px}.shelf-cabinet{background:linear-gradient(100deg,#6d391e,#a76c38 12%,#8b4e28 85%,#5e321c);border:7px solid #77401e;border-radius:14px;box-shadow:inset 0 0 0 2px #c18a4b,0 12px 24px #3d291c30;overflow:hidden}.cabinet-top{padding:17px 12px;text-align:center;background:linear-gradient(#aa7441,#704020);color:#ffedc5;font-size:1.1rem;text-shadow:0 1px 2px #42200e}.shelf-list{padding:12px 12px 0}.wood-shelf{display:flex;align-items:center;gap:15px;text-align:left;width:100%;min-height:96px;padding:13px 15px;margin-bottom:13px;border:2px solid #b18b55;border-bottom:9px solid #623318;border-radius:8px;background:linear-gradient(110deg,#fff7e3,#e9d1a3);color:#473321;box-shadow:0 5px 5px #2b160f45;font-family:Georgia,serif;cursor:pointer}.shelf-icon{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border-radius:8px;background:#28543d;color:#f4dfa7;border:2px solid #b89450}.shelf-info{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.shelf-info strong{font-size:1.1rem;overflow-wrap:anywhere}.shelf-info small{font-size:.84rem;color:#806a4a}.shelf-chevron{font-size:2rem;color:#97713d}.cabinet-bottom{height:16px;background:linear-gradient(#c68c4e,#6d391e)}.room-add{margin-top:25px;cursor:pointer}.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px}.notebook-cover{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:212px;padding:24px 14px 19px 28px;border:3px solid #b99a5d;border-radius:8px 14px 14px 8px;box-shadow:inset 0 0 0 4px #ffffff25,5px 7px #9b815a55,0 12px 18px #45311c20;color:#fff9e8;font-family:Georgia,serif;text-align:center;cursor:pointer;overflow-wrap:anywhere}.notebook-cover strong{font-size:1.15rem;line-height:1.35}.notebook-cover small{font-size:.8rem;opacity:.88}.notebook-binding{position:absolute;left:7px;top:0;bottom:0;width:10px;border-left:2px solid #e4c98c;border-right:2px solid #e4c98c;background:#211a1730}.notebook-ornament{font-size:1.4rem;color:#e8ce8f}.notebook-rule{height:1px;width:65%;background:#e8ce8f}.notebook-cover.sage{background:#3d5943}.notebook-cover.parchment{background:#9b693d}.notebook-cover.rose{background:#a36b70}.notebook-cover.blue{background:#3c6173}.notebook-cover.plum{background:#66516d}.notebook-cover.ochre{background:#a17638}.add-notebook-cover{background:repeating-linear-gradient(0deg,#fff8e9,#fff8e9 28px,#e5d6bb 29px);color:#3e6049;border:2px dashed #b99a5d;box-shadow:none;padding:20px}.page-stack{display:flex;flex-direction:column;gap:12px}.page-slip{display:flex;align-items:center;gap:14px;width:100%;min-height:85px;padding:17px 16px;border:1px solid #cfb784;border-left:6px solid #a9864a;border-radius:5px;background:linear-gradient(#fffdf5,#f7edd7);box-shadow:0 4px 12px #614a2d18;color:#4c3828;text-align:left;font-family:Georgia,serif;cursor:pointer}.page-slip>span{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.page-slip strong{font-size:1.1rem}.page-slip small{color:#7d705c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-slip>svg:last-child{color:#a07c3c}.empty-collection{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:45px 18px;color:#765c37;background:#fff8e8;border:1px dashed #c5a76e;border-radius:10px}.empty-collection strong{font-size:1.1rem}.empty-collection span{font-size:.9rem}.wood-shelf:focus-visible,.notebook-cover:focus-visible,.page-slip:focus-visible{outline:3px solid #2c6045;outline-offset:3px}@media (max-width:380px){.notebook-grid{gap:12px}.notebook-cover{min-height:190px;padding:18px 10px 15px 22px}.notebook-cover strong{font-size:1rem}}.empty-collection{padding:28px 18px;gap:9px;min-height:180px}.empty-collection svg{flex-shrink:0}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notebook-cover{min-width:0;min-height:195px;padding:20px 12px 17px 24px;box-shadow:inset 0 0 0 4px #ffffff25,3px 5px #9b815a55,0 8px 14px #45311c18}.notebook-cover strong{font-size:clamp(.95rem,3.8vw,1.12rem)}.notebook-cover small{font-size:.76rem}.add-notebook-cover{padding:18px 10px;box-shadow:none}@media (max-width:440px){.room-content h1{font-size:clamp(2rem,8vw,2.7rem)}.room-intro{font-size:.98rem;line-height:1.5;margin-bottom:22px}.notebook-grid{gap:14px}.notebook-cover{min-height:185px;padding:16px 9px 14px 22px}.notebook-binding{left:6px;width:8px}.notebook-cover strong{font-size:1rem}.empty-collection{padding:24px 14px;min-height:165px}.cabinet-top{padding:13px 10px}}.stacks-art .book-projects{left:43%;top:27.5%;width:20%;height:12%}.stacks-art .book-planning{left:65%;top:27.5%;width:20%;height:12%}.stacks-art .book-work{left:16%;top:42.5%;width:20%;height:12%}.stacks-art .book-crafts{left:39%;top:42.5%;width:19%;height:12%}.stacks-art .book-garden{left:63%;top:42.5%;width:19%;height:12%}.stacks-art .book-personal{left:14%;top:57.5%;width:20%;height:12%}.stacks-art .book-misc{left:39%;top:57.5%;width:20%;height:12%}.rename-bookcase{display:inline-flex;align-items:center;gap:8px;border:1px solid #b99a5d;border-radius:20px;padding:8px 13px;background:#fff8e8;color:#315c43;font-size:.9rem}.custom-book-label{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-family:Georgia,serif;font-weight:700;font-size:clamp(10px,2.8vw,23px);padding:3px 5px;overflow-wrap:anywhere;pointer-events:none;border-radius:4px}.label-projects{left:44%;top:31%;width:18%;height:5%;background:#f7e6b8;color:#3e3026}.label-planning{left:66%;top:31%;width:18%;height:5%;background:#225737;color:#fff5dc}.label-work{left:17%;top:46%;width:18%;height:5%;background:#164663;color:#fff5dc}.label-crafts{left:40%;top:46%;width:17%;height:5%;background:#e58fa5;color:#3e3026}.label-garden{left:64%;top:46%;width:17%;height:5%;background:#295e35;color:#fff5dc}.label-personal{left:16%;top:61%;width:18%;height:5%;background:#f7e8bd;color:#3e3026}.label-misc{left:40%;top:61%;width:18%;height:5%;background:#b995c3;color:#3e3026}.stacks-art .illustrated-book{display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;border:2px solid #b99250;border-radius:8px 10px 9px 7px;background:var(--cover);color:var(--ink);box-shadow:inset 0 0 0 3px #fff8d144,3px 4px 3px #2b170f55;line-height:1.1;z-index:3}.stacks-art .illustrated-book:active{filter:brightness(1.08);background:var(--cover)}.illustrated-book-binding{flex:0 0 11%;border-right:2px solid #b99250;background:repeating-linear-gradient(to bottom,#bb914e 0,#bb914e 3px,#5b3b26 4px,#5b3b26 6px,#e4bf79 7px,#e4bf79 10px);box-shadow:2px 0 3px #0002}.illustrated-book-frame{flex:1;min-width:0;margin:5% 5% 5% 2%;border:1px solid #cba965;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:4px;padding:5px 2px;text-align:center;box-shadow:inset 0 0 0 2px #fff8d13b}.illustrated-book-frame strong{font-family:Georgia,serif;font-style:italic;font-size:clamp(9px,2.7vw,22px);line-height:1.05;overflow-wrap:anywhere;max-width:100%;text-shadow:0 1px #fff2}.illustrated-book-icon{width:38%;height:34%;min-height:14px;stroke-width:1.9;flex-shrink:1}.cover-customizer{margin:12px 0 4px;color:#315c43;font-size:.88rem}.cover-customizer>span{display:flex;align-items:center;gap:7px;margin-bottom:9px}.cover-swatches{display:flex;gap:9px;flex-wrap:wrap}.cover-swatch{width:31px;height:31px;border:2px solid #ac8c56;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #33251522}.cover-swatch.selected,.cover-swatch:focus-visible{outline:3px solid #2b5b43;outline-offset:2px}@media (min-width:700px){.illustrated-book-frame strong{font-size:clamp(16px,2vw,24px)}}.stacks-art .illustrated-book{border-radius:7px 8px 8px 6px;box-shadow:inset 0 0 0 3px #fff8d144,2px 2px 3px #2b170f55}.stacks-art .book-projects{left:42.5%;width:20.5%}.stacks-art .book-planning{left:64.5%;width:20.5%}.stacks-art .book-work{left:15.5%;width:20.5%}.stacks-art .book-crafts{left:38%;width:20.5%}.stacks-art .book-garden{left:61.5%;width:20.5%}.stacks-art .book-personal{left:13%;width:21.5%}.stacks-art .book-misc{left:37.5%;width:22%}.illustrated-book-frame strong{font-size:clamp(9px,2.45vw,21px);line-height:1.02;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;letter-spacing:-.035em}.stacks-art .book-misc .illustrated-book-frame strong{font-size:clamp(8px,2.1vw,18px);letter-spacing:-.06em}.stacks-art .book-work .illustrated-book-frame strong{font-size:clamp(8px,2.35vw,20px)}.stacks-art .additional-book{position:absolute;top:72.5%;height:8.5%;width:7.3%;z-index:4;display:flex;flex-direction:row;align-items:stretch;padding:0;border:1px solid #d5ac60;border-bottom:4px solid #482913;border-radius:4px 4px 2px 2px;background:var(--cover);box-shadow:inset 0 0 0 2px #fff6d34d,2px 3px 3px #2715098c;color:#fff9df;overflow:hidden;line-height:1}.stacks-art .additional-book:focus-visible{outline:3px solid #fff4c4;outline-offset:2px}.additional-book-spine{width:19%;flex-shrink:0;background:linear-gradient(90deg,#52341c,#c39b58,#5b3a22);border-right:1px solid #f8db98}.additional-book-title{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:4px 1px;font-size:clamp(7px,1.5vw,13px);font-family:Georgia,serif;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #20150f}.additional-book-0{left:27%}.additional-book-1{left:34.5%}.additional-book-2{left:42%}.additional-book-3{left:49.5%}.additional-book-4{left:57%}.additional-book-5{left:64.5%}.stacks-extras{background:linear-gradient(100deg,#5a301c,#87532c 8%,#a46b3a,#754323 92%,#4b2918);padding:20px clamp(16px,4vw,34px) 36px;border-left:9px ridge #a9753f;border-right:9px ridge #a9753f;color:#fff0cc;text-align:center;box-shadow:inset 0 8px 14px #2b150b70}.stacks-extras h2{font-size:clamp(1.35rem,4.8vw,2rem);color:#fff0c8;text-shadow:0 2px 2px #2a170d;margin:2px 0 4px}.stacks-extras p{font-size:.95rem;color:#f2d8a6;margin:0 0 18px}.custom-bookshelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(42%,155px),1fr));gap:16px 14px;align-items:stretch;padding:15px 10px 22px;border-bottom:13px solid #512c18;background:linear-gradient(#7c4928,#5d311d);border-radius:8px;box-shadow:inset 0 3px 8px #2b160c80,0 8px #b77d43}.custom-display-book{display:flex;position:relative;min-height:190px;max-width:230px;width:100%;justify-self:center;padding:0;overflow:hidden;text-align:center;background:var(--cover);border:3px solid #d3ad66;border-radius:8px 13px 12px 7px;color:#382b20;box-shadow:inset 0 0 0 3px #fff5d15c,5px 7px 4px #24140980;font-family:Georgia,serif;cursor:pointer}.custom-display-book:focus-visible{outline:3px solid #fff5b8;outline-offset:3px}.custom-display-binding{flex:0 0 12%;background:repeating-linear-gradient(to bottom,#e0bc78 0,#e0bc78 8px,#78502b 9px,#78502b 12px);border-right:2px solid #9b6b39}.custom-display-frame{flex:1;min-width:0;margin:9px 9px 9px 4px;padding:13px 6px;border:2px solid #c29b56;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff7dd35}.custom-display-frame strong{font-size:clamp(1rem,4.2vw,1.4rem);line-height:1.16;overflow-wrap:anywhere}.custom-display-frame small{font-size:.85rem}@media (min-width:700px){.custom-bookshelf{grid-template-columns:repeat(3,minmax(0,1fr))}}.stacks-art .stacks-my-bookcases{left:21.5%;top:27.5%;width:20%;height:12%;z-index:3;cursor:pointer}.my-bookcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:22px 0}.my-bookcase-grid .custom-display-book{min-height:190px;max-width:none}.my-bookcase-grid .custom-display-frame{color:#3b2b21}@media (min-width:650px){.my-bookcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.my-bookcase-art{position:relative;width:100%;max-width:760px;margin:20px auto 8px}.my-bookcase-art>img{display:none;width:100%;height:auto}.my-bookcase-art.art-ready>img{display:block}.my-bookcase-art-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 0}.my-bookcase-art-books .custom-display-book{min-height:170px;max-width:none}.my-bookcase-art.art-ready .my-bookcase-art-books{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;pointer-events:none}.my-bookcase-art.art-ready .custom-display-book{position:absolute;pointer-events:auto;min-height:0;width:18%;height:13%;max-width:none;left:17%;top:40%;margin:0;border-width:2px}.my-bookcase-art.art-ready .custom-display-book:nth-child(3n+1){left:17%}.my-bookcase-art.art-ready .custom-display-book:nth-child(3n+2){left:41%}.my-bookcase-art.art-ready .custom-display-book:nth-child(3n){left:65%}.my-bookcase-art.art-ready .custom-display-book:nth-child(-n+3){top:23.5%}.my-bookcase-art.art-ready .custom-display-book:nth-child(n+4):nth-child(-n+6){top:42%}.my-bookcase-art.art-ready .custom-display-book:nth-child(n+7){top:60.5%}.my-bookcase-art.art-ready .custom-display-frame{margin:4px 4px 4px 2px;padding:3px;gap:4px}.my-bookcase-art.art-ready .custom-display-frame strong{font-size:clamp(10px,2.5vw,19px);line-height:1.05}.my-bookcase-art.art-ready .custom-display-frame svg{width:27%;height:27%}.my-bookcase-art.art-ready .custom-display-binding{flex-basis:11%}.my-bookcase-overflow{margin:22px 0}@media (min-width:650px){.my-bookcase-art-books{grid-template-columns:repeat(3,minmax(0,1fr))}}.my-bookcase-art.art-ready .custom-display-book{width:21%;height:14.2%;border-radius:5px 8px 7px 5px}.my-bookcase-art.art-ready .custom-display-book:nth-child(3n+1){left:16%}.my-bookcase-art.art-ready .custom-display-book:nth-child(3n+2){left:40%}.my-bookcase-art.art-ready .custom-display-book:nth-child(3n){left:64%}.my-bookcase-art.art-ready .custom-display-book:nth-child(-n+3){top:22.3%}.my-bookcase-art.art-ready .custom-display-book:nth-child(n+4):nth-child(-n+6){top:40.9%}.my-bookcase-art.art-ready .custom-display-book:nth-child(n+7){top:59.3%}.my-bookcase-art.art-ready .custom-display-frame{margin:3px 3px 3px 1px;padding:2px 1px;gap:3px}.my-bookcase-art.art-ready .custom-display-frame strong{font-size:clamp(9px,2.35vw,18px);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;letter-spacing:-.025em}.my-bookcase-art.art-ready .custom-display-frame svg{width:26%;height:26%;min-height:13px}