@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--ink:#35483d;--muted:#7e887c;--cream:#f8f6ef;--green:#44634e;--line:#dce1d3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}header{height:90px;max-width:1260px;margin:auto;padding:0 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:28px Italiana,Georgia,serif}.brand span{font:12px 'DM Sans';display:block;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:30px}nav button{border:0;background:none;color:var(--muted);padding:14px 0}nav button.active{color:var(--green);border-bottom:1px solid}.tiny{font-size:10px;letter-spacing:2px;text-transform:uppercase}.hero{text-align:center;margin:45px auto 24px}.eyebrow{color:#8c9875;letter-spacing:3px;font-size:10px}h1{font:58px/1.08 Italiana,Georgia,serif;margin:16px 0}h1 em{color:#84916c;font-weight:400}p{line-height:1.8}.hero p{color:var(--muted);margin:0}main{max-width:1100px;margin:auto;padding:0 30px}.layout{display:grid;grid-template-columns:1fr 285px;gap:25px}.ritual{position:relative;border:1px solid var(--line);border-radius:22px;background:#eef0e5;padding:29px 35px 120px;overflow:hidden;min-height:510px}.ritual:before{content:'✧';position:absolute;font:150px Georgia;right:10px;top:25px;color:#e0e5d4}.sectionline{display:flex;justify-content:space-between;align-items:center;position:relative}.pill{background:#e2e8d9;border-radius:20px;padding:7px 12px;color:#637756;font-size:10px}.question{position:relative;margin:22px 0 18px}.question label{display:block;font-size:12px;margin-bottom:10px}.question input{width:100%;padding:14px 17px;background:#ffffffaa;border:1px solid #d8dfcc;border-radius:9px;color:var(--ink);outline-color:#819773}.cards{display:flex;justify-content:center;gap:17px;margin:26px 0 20px}.card{width:130px;height:184px;position:relative;border-radius:10px;border:1px solid #8d9e77;box-shadow:0 7px 12px #3e503014;background:#53694b;color:#eee8c9;padding:9px;transition:transform .5s,background .5s}.card:nth-child(1){transform:rotate(-6deg) translateY(7px)}.card:nth-child(3){transform:rotate(6deg) translateY(7px)}.card:hover{transform:translateY(-6px)}.card-inner{height:100%;border:1px solid #b9c09a;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.card .symbol{font-size:52px}.card .name{font:18px Italiana,Georgia}.card.revealed{background:#faf6e8;color:var(--green)}.primary{background:var(--green);color:white;border:0;border-radius:30px;padding:14px 29px;letter-spacing:.3px}.primary:hover{background:#334d3a}.center{text-align:center}.hint{font-size:10px;color:var(--muted)}.ground{position:absolute;bottom:0;left:0;right:0;height:88px;background:#e2e7d4;border-radius:50% 50% 0 0/32% 32% 0 0}.grass{position:absolute;bottom:18px;color:#99aa82;font:30px Georgia;letter-spacing:15px;white-space:nowrap}.pet{position:absolute;bottom:20px;width:66px;height:55px;animation:wander 17s ease-in-out infinite}.cat{left:12%}.dog{right:13%;animation-delay:-8s}.pet svg{width:100%;overflow:visible}.tail{transform-origin:48px 35px;animation:wag 1.8s ease-in-out infinite}.pet-label{position:absolute;bottom:8px;width:100%;text-align:center;font-size:9px;color:#8a967a}.aside{display:flex;flex-direction:column;gap:17px}.note{border:1px solid var(--line);border-radius:17px;padding:24px;background:#fdfbf6}.note h2{font:27px Italiana,Georgia;margin:13px 0}.note p{color:var(--muted);font-size:12px}.note .leaf{font-size:28px}.textbutton{border:0;background:none;color:var(--green);padding:5px 0;font-size:12px;border-bottom:1px solid #aeb99b}.quote{background:#ede8dc;border-color:#e5decd}.quote blockquote{font:22px/1.5 Italiana,Georgia;margin:12px 0}.below{display:flex;justify-content:center;gap:45px;margin:26px 0 30px;color:var(--muted);font-size:10px}.reading{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:30px;margin:24px 0}.reading h2,.journal h2{font:32px Italiana,Georgia;margin:12px 0}.reading p{max-width:760px;color:#657260}.reading textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:9px;background:#faf9f3;padding:14px;color:var(--ink)}.moods{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.moods button,.secondary{background:transparent;border:1px solid #cbd4bf;border-radius:20px;padding:9px 15px;color:var(--green)}.moods .chosen{background:#e1e8d8}.saved{color:var(--green);font-size:12px;padding:10px}.journal{padding:35px 0}.entry{border:1px solid var(--line);background:#fffdf7;padding:24px;border-radius:16px;margin:18px 0}.entry textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;min-height:75px;margin:12px 0}.entry p{white-space:pre-wrap}.entryhead{display:flex;justify-content:space-between;gap:15px}.empty{text-align:center;padding:50px 20px}.hidden{display:none!important}footer{max-width:1040px;margin:20px auto;border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:14px 24px;border-radius:30px;z-index:10}button:focus-visible{outline:3px solid #a9ba91;outline-offset:4px}@keyframes wander{0%,100%{transform:translateX(0)}45%{transform:translateX(35px) translateY(-2px)}55%{transform:translateX(35px)}}@keyframes wag{50%{transform:rotate(17deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:760px){header{height:78px;padding:0 20px}.brand{font-size:22px}.brand span{font-size:8px}nav{gap:20px}h1{font-size:43px}.hero{padding:0 20px;margin-top:32px}main{padding:0 16px}.layout{grid-template-columns:1fr}.ritual{padding:23px 18px 115px}.cards{gap:10px}.card{width:100px;height:153px}.aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{padding:17px}.note h2{font-size:23px}.below{gap:14px;font-size:9px}footer{margin:20px 20px;gap:15px;line-height:1.7}.hero p{font-size:12px}.entryhead{flex-direction:column}}

/* Watercolor journal */
body{background:#f8f2e9;background-image:radial-gradient(ellipse at 10% 30%,#eee2e74d,transparent 50%),radial-gradient(ellipse at 85% 70%,#dce5d366,transparent 45%)}
.journal{max-width:1200px;margin:0 auto;padding-top:30px}.journal-heading{text-align:center}.journal-heading h1{font-size:48px;margin:10px 0}.journal-heading p{color:#8d8078;font-size:12px;margin:8px 0}.journal-tools{display:flex;justify-content:center;align-items:center;gap:12px;margin:19px 0 5px;flex-wrap:wrap}.journal-tools select{border:1px solid #d9cdb9;border-radius:20px;padding:9px 15px;background:#fcf7ee;color:#6d6558;font:12px 'DM Sans',sans-serif;max-width:250px}.journal-tools .secondary{font-size:11px;border-color:#d8cbb6}.book-scene{position:relative;margin:0 -55px;background:url('assets/warm-binder-journal.jpg') center center/100% 100% no-repeat;min-height:660px;padding:75px 92px 93px;filter:drop-shadow(0 16px 18px #7460490b)}.book-spread{display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:480px;position:relative}.book-page{min-width:0;padding:13px 10px;position:relative;color:#65574d}.page-eyebrow{font-size:9px;letter-spacing:2px;color:#9b8a77}.book-page h2{font:32px/1.15 Italiana,Georgia;margin:20px 0 12px;color:#63544d;overflow-wrap:anywhere}.book-page p{font-size:12px;line-height:1.9;color:#7b6a5c;white-space:pre-wrap;overflow-wrap:anywhere}.book-page .page-rule{border:0;border-top:1px dashed #cdbb9d;margin:17px 0}.journal-card-row{display:flex;gap:9px;justify-content:center;margin:22px 0;transform:rotate(-2deg)}.journal-card{flex:1;max-width:105px;min-height:126px;border:1px solid #b8b39c;outline:3px solid #faf4df;background:linear-gradient(145deg,#ece9d6,#faf3de);border-radius:3px;box-shadow:2px 4px 5px #8b6f4720;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.journal-card:nth-child(2){transform:rotate(4deg)}.journal-card span{font-size:33px;color:#8f957c}.journal-card small{font:15px Italiana,Georgia;color:#736854}.mood-sticker{display:inline-block;background:#e5dfed;padding:7px 13px;border-radius:52% 45% 49% 42%;color:#8a7496;font-size:11px;transform:rotate(-4deg)}.book-page label{font-size:12px;display:block;color:#756653;margin-top:14px}.book-page textarea{width:100%;min-height:104px;background:repeating-linear-gradient(transparent,transparent 27px,#c9bda347 28px);border:0;line-height:28px;resize:vertical;color:#796b5e;font:12px/28px 'DM Sans',sans-serif;outline-color:#c4afcf;padding:4px 0}.book-page .secondary{font-size:10px;margin-top:9px;border-color:#c8b996;padding:8px 13px}.book-page .textbutton{font-size:10px;color:#9c8374;float:right;margin-top:18px}.book-footer{display:flex;justify-content:center;align-items:center;gap:24px;margin:-25px 0 25px;position:relative}.book-footer button{border:1px solid #d8cbb6;background:#fbf6ed;border-radius:50%;height:38px;width:38px;color:#84765e}.book-footer button:disabled{opacity:.35;cursor:default}.book-footer span{font-size:11px;color:#9c8979}.empty-book{text-align:center;grid-column:1/-1;align-self:center;padding:70px 35px}.empty-book h2{font:36px Italiana,Georgia;color:#6d6155}.empty-book p{color:#9b8975;font-size:13px}.sample-label{font-size:10px;letter-spacing:1px;color:#aa9178}.book-page .reading-copy{font-size:11px;line-height:1.85}.page-turn{animation:pageIn .4s ease-out}.journal-privacy{text-align:center;color:#a39483;font-size:10px;max-width:640px;margin:0 auto 25px;line-height:1.8}.journal-privacy button{border:0;background:none;color:#8b7794;text-decoration:underline;cursor:pointer;font:inherit}.ritual{background:#eeeede}.quote{background:#eee5e7}.note{background:#fdf8ef}.hero h1 em{color:#979377}@keyframes pageIn{from{opacity:.4;transform:translateX(9px) rotate(.4deg)}to{opacity:1;transform:none}}@media(min-width:1100px){main:has(.journal:not(.hidden)){max-width:1200px}}@media(max-width:760px){.journal-heading h1{font-size:40px}.book-scene{margin:0 -8px;padding:43px 32px 75px;min-height:0;background-size:100% 100%}.book-spread{gap:30px;min-height:470px}.book-page{padding:6px 0}.book-page h2{font-size:23px}.book-page p{font-size:11px}.journal-card-row{gap:4px;flex-wrap:wrap}.journal-card{min-width:45px;min-height:88px;outline-width:2px}.journal-card span{font-size:22px}.journal-card small{font-size:11px}.book-page .reading-copy{font-size:10px}.book-page textarea{min-height:140px}.book-footer{margin:-20px 0 22px}.journal-tools{gap:7px}.journal-tools select{max-width:185px}.journal-tools .secondary{padding:8px 12px}.book-page .page-eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:480px){.book-scene{background:none;border:7px solid #abb299;border-radius:18px;padding:22px 21px 30px;background-color:#faf1db;box-shadow:inset 0 0 15px #ceb99355;margin:20px 0 10px}.book-spread{grid-template-columns:1fr;gap:10px}.book-page+.book-page{border-top:1px dashed #cbbb9f;padding-top:20px}.book-page h2{font-size:30px}.book-page .reading-copy{font-size:12px}.journal-card{min-height:120px;max-width:95px}.journal-card span{font-size:35px}.journal-card small{font-size:16px}.book-footer{margin:12px 0 22px}.book-page p{font-size:12px}}
.book-page p{color:#67584d}.book-page .page-eyebrow{color:#87745e}.book-footer{margin:12px 0 22px}.book-page textarea{color:#67584d}@media(max-width:480px){.journal-heading:after{content:'';display:block;width:120px;height:110px;margin:8px auto -8px;background:url('assets/warm-binder-journal.jpg') right bottom/450px 300px no-repeat;border-radius:40%;mix-blend-mode:multiply}.book-page{background-image:radial-gradient(ellipse at top left,#e8d8bc40,transparent 65%)}} .layout{grid-template-columns:1fr;max-width:760px;margin:0 auto}
/* Immersive reading garden */
body:has(#ritualView:not(.hidden)){background:#eeeede}body:has(#ritualView:not(.hidden)) header{max-width:none;height:76px;padding:0 5vw;border-color:#d6ddca}main:has(#ritualView:not(.hidden)){max-width:none;padding:0}#ritualView{position:relative}#ritualView .hero{position:absolute;top:18px;left:0;right:0;margin:0;z-index:1;pointer-events:none}#ritualView .hero h1{font-size:clamp(28px,3.5vw,43px);margin:0}#ritualView .layout{max-width:none;display:block;margin:0}#ritualView .ritual{border:0;border-radius:0;min-height:calc(100svh - 76px);padding:86px max(5vw,24px) 120px;display:flex;flex-direction:column}#ritualView .sectionline,#ritualView .question{width:100%;max-width:880px;margin-left:auto;margin-right:auto}#ritualView .question{margin-top:25px;margin-bottom:8px}#ritualView .cards{flex:1;align-items:center;margin:22px 0;gap:clamp(15px,3vw,38px)}#ritualView .card{width:clamp(110px,14vw,170px);height:clamp(158px,20vw,240px);flex-shrink:0}#ritualView .card .symbol{font-size:clamp(45px,5vw,70px)}#ritualView .ground{height:100px}#ritualView .pet{width:80px;height:65px}#ritualView .below{display:none}body:has(#ritualView:not(.hidden)) footer{display:none}#ritualView .reading{max-width:900px;margin:25px auto;padding:30px}#ritualView .ritual:before{right:4vw;top:50px;font-size:220px}@media(max-width:600px){body:has(#ritualView:not(.hidden)) header{height:70px;padding:0 18px}#ritualView .ritual{min-height:calc(100svh - 70px);padding:82px 22px 116px}#ritualView .hero{top:22px;padding:0 15px}#ritualView .cards{gap:12px}#ritualView .card{width:clamp(82px,25vw,130px);height:clamp(125px,37vw,190px)}#ritualView .card .tiny{font-size:8px;letter-spacing:1px}#ritualView .sectionline .tiny{font-size:8px;letter-spacing:1px}#ritualView .pill{font-size:9px;padding:6px 9px}#ritualView .question{margin-top:21px}#ritualView .card .name{font-size:16px}#ritualView .reading{margin:15px;border-radius:12px;padding:22px}}@media(max-height:720px) and (min-width:700px){#ritualView .ritual{padding-top:70px}#ritualView .hero{top:14px}#ritualView .hero h1{font-size:31px}#ritualView .question{margin-top:14px}#ritualView .cards{margin:14px 0}#ritualView .card{height:170px;width:120px}}
/* Illustrated deck and selection ritual */
#ritualView .ritual{padding-bottom:112px}#ritualView .cards{min-height:230px;flex:1;gap:clamp(16px,3vw,36px)}.chosen-card{border:0;padding:0;background:transparent;width:clamp(106px,13vw,156px);aspect-ratio:2/3;position:relative;perspective:1000px;color:var(--ink);flex-shrink:0}.chosen-card:disabled{cursor:default}.card-flipper{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1);border-radius:9px;box-shadow:0 6px 16px #4851381c}.chosen-card.is-flipped .card-flipper{transform:rotateY(180deg)}.chosen-card:not(.occupied) .card-flipper{box-shadow:none;opacity:.28;border:1px dashed #82916f}.illustrated-back,.illustrated-face{position:absolute;inset:0;display:block;border-radius:8px;backface-visibility:hidden;overflow:hidden}.illustrated-back{background:#4f654c url('assets/dachshund-v2/00_card_back.webp') center/cover;border:1px solid #b2ac80}.illustrated-face{background-image:url('assets/dachshund-v2/01_rider.webp');background-size:600% 600%;transform:rotateY(180deg);border:1px solid #b2a47e}.face-number{position:absolute;top:5px;left:7px;display:block;border-radius:50%;background:#fcf0d9df;font-size:9px;padding:4px;color:#756144}.face-title{position:absolute;bottom:6px;left:8px;right:8px;padding:5px 2px;background:#fbf0d9eb;border-radius:2px;font:15px Italiana,Georgia;text-align:center;color:#554d3b}.slot-caption{position:absolute;top:calc(100% + 12px);left:-20px;right:-20px;text-align:center;font-size:10px;color:#7f886f}.chosen-card:not(.occupied) .illustrated-back{opacity:.4}.chosen-card:nth-child(1){transform:rotate(-4deg)}.chosen-card:nth-child(3){transform:rotate(4deg)}.chosen-card.occupied{animation:cardArrive .5s ease-out}.deck-stage{width:100%;max-width:1100px;margin:10px auto 15px;position:relative}.deck-status{text-align:center;font-size:12px;color:#697b5b;margin:8px 0 15px;min-height:20px}.deck-rail{overflow-x:auto;overflow-y:hidden;display:flex;gap:0;align-items:center;min-height:175px;padding:18px 32px 24px;scrollbar-width:thin;scrollbar-color:#aeb99b transparent;cursor:grab;touch-action:pan-x;user-select:none;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.deck-rail.dragging{cursor:grabbing;scroll-behavior:auto}.deck-card{width:90px;height:135px;border:1px solid #b4ad88;border-radius:6px;background:#506549 url('assets/dachshund-v2/00_card_back.webp') center/cover;flex-shrink:0;position:relative;margin-right:-27px;box-shadow:-3px 2px 5px #3e50301f;transition:transform .25s,opacity .3s;cursor:pointer;touch-action:pan-x}.deck-card:hover:not(:disabled){transform:translateY(-12px) rotate(-2deg);z-index:1}.deck-card:focus-visible{z-index:2;transform:translateY(-12px)}.deck-card.picked{opacity:.2;transform:translateY(12px);cursor:default}.deck-arrow{position:absolute;top:50%;border:1px solid #b7c0a6;background:#f6f5e9e8;border-radius:50%;width:32px;height:32px;color:#5a6d50;z-index:3;box-shadow:0 3px 8px #53644711}.deck-arrow.left{left:-7px}.deck-arrow.right{right:-7px}.selection-complete .deck-rail{opacity:.45}.selection-complete .deck-arrow{display:none}.shuffle-pile{height:175px;position:relative;display:none;max-width:360px;margin:auto}.is-shuffling .shuffle-pile{display:block}.is-shuffling .deck-rail,.is-shuffling .deck-arrow{display:none}.shuffle-pile i{display:block;position:absolute;top:15px;left:calc(50% - 46px);width:92px;height:138px;background:#506549 url('assets/dachshund-v2/00_card_back.webp') center/cover;border:1px solid #b4ad88;border-radius:7px;box-shadow:0 5px 10px #33472d24;animation:shuffleMix .65s ease-in-out infinite;animation-delay:calc(var(--i)*-90ms)}.shuffle-pile i:nth-child(even){animation-name:shuffleMixReverse}.ritual-actions{display:flex;justify-content:center;gap:10px;align-items:center}.ritual-actions .secondary{font-size:11px}.primary:disabled{opacity:.6;cursor:wait}#ritualView:has(.deck-stage:not(.hidden)) .cards{min-height:145px;margin:10px 0 25px}#ritualView:has(.deck-stage:not(.hidden)) .chosen-card{width:75px}#ritualView:has(.deck-stage:not(.hidden)) .slot-caption{font-size:8px}.ai-state{font-size:12px;color:#8a7a69;border-left:2px solid #c6b6cb;padding:6px 14px;line-height:1.7}.journal-card.has-illustration{background-image:url('assets/dachshund-v2/01_rider.webp');background-size:600% 600%;position:relative;border-color:#b7a580;aspect-ratio:2/3;min-height:0;min-width:0}.journal-card.has-illustration small{position:absolute;bottom:5px;left:4px;right:4px;background:#fbf0d9e8;text-align:center;padding:4px;border-radius:2px}.book-page .journal-card-row{min-height:125px}.deck-status-global{text-align:center;font-size:12px;color:#6d7b60;margin:12px 0 0}.deck-status-global:empty{display:none}@keyframes shuffleMix{0%,100%{transform:translateX(0) rotate(calc(var(--i)*2deg))}45%{transform:translateX(85px) rotate(15deg)}70%{transform:translateX(-13px) rotate(-5deg)}}@keyframes shuffleMixReverse{0%,100%{transform:translateX(0) rotate(calc(var(--i)*-2deg))}45%{transform:translateX(-85px) rotate(-15deg)}70%{transform:translateX(13px) rotate(5deg)}}@keyframes cardArrive{from{opacity:0;transform:translateY(35px) scale(.9)}to{opacity:1}}@media(max-width:600px){#ritualView .cards{min-height:210px;margin:23px 0 36px;gap:15px}.chosen-card{width:clamp(84px,25vw,126px)}.face-title{font-size:13px;bottom:4px;padding:4px 0}.slot-caption{font-size:9px}.deck-rail{min-height:158px;padding-left:14px;padding-right:35px}.deck-card{width:83px;height:125px;margin-right:-24px}.deck-stage{margin-top:0}.deck-arrow{width:28px;height:28px}.deck-status-global{font-size:11px}.ritual-actions{flex-wrap:wrap}#ritualView:has(.deck-stage:not(.hidden)) .cards{min-height:130px;margin:12px 0 28px}#ritualView:has(.deck-stage:not(.hidden)) .chosen-card{width:65px}.ritual-actions .primary{padding:12px 23px}#ritualView .ground{height:84px}#ritualView .pet{width:65px;height:55px}#ritualView .ritual{padding-bottom:100px}}@media(prefers-reduced-motion:reduce){.shuffle-pile i{animation:none}.card-flipper{transition:none}.chosen-card.occupied{animation:none}}
/* Warm watercolor palette: cream, peach and soft lavender. */
:root{--ink:#705c64;--muted:#a18b90;--cream:#fff9f3;--green:#b18d9f;--line:#eadcdb}body{background:#fff9f3;background-image:radial-gradient(ellipse at 10% 25%,#f7e2e65c,transparent 55%),radial-gradient(ellipse at 90% 70%,#e9e1f166,transparent 50%)}header{border-color:#ecdddd}.brand{color:#80656f}nav button.active{color:#a47e93}.primary{background:#b18d9f;color:#fffdfa}.primary:hover{background:#9b778d}.secondary,.moods button{border-color:#dec8d5;color:#9d7d92}.moods .chosen{background:#f0e3ee}.eyebrow{color:#ae8a9f}.textbutton{color:#a68098}.hero h1{color:#826a76}.hint{color:#aa9298}body:has(#ritualView:not(.hidden)){background:#fff6f0}body:has(#ritualView:not(.hidden)) header{background:#fffaf5;border-color:#eddfdf}#ritualView .ritual{background:radial-gradient(ellipse at 13% 25%,#f9e9e1,transparent 55%),radial-gradient(ellipse at 90% 60%,#eee5f2,transparent 55%),#fff6f0}#ritualView .ritual:before{color:#e9dae6}.pill{background:#eee2ed;color:#a1849b}.question input{background:#fffdf9d9;border-color:#ead8db;color:#806a75;outline-color:#c4a7bb}.question input::placeholder{color:#baa3a7}#ritualView .ground{background:#f0dfe4}.grass{color:#c6a7b9}.pet-label{color:#b08fa2}.deck-status-global,.deck-status{color:#a48a9b}.slot-caption{color:#ad91a2}.chosen-card:not(.occupied) .card-flipper{border-color:#c4a9bb}.deck-arrow{background:#fffaf5ed;border-color:#e1cbd8;color:#ae8da2}.deck-rail{scrollbar-color:#d5b9ca transparent}.reading{background:#fffdf9;border-color:#eadbdd}.reading p{color:#8e7983}.reading textarea{background:#fff9f6;border-color:#eadbdf;color:#8e7983}.saved{color:#a58399}.toast{background:#b18d9f}.below{color:#b49a9f}.book-footer button{background:#fff9f5;border-color:#e7d7dc;color:#a88b9f}
/* Simple warm ivory interface. */
:root{--ink:#786552;--muted:#a38e78;--cream:#fffaf2;--green:#b48a65;--line:#eadfce}body{background:#fffaf2;background-image:none;color:var(--ink)}body:has(#ritualView:not(.hidden)){background:#fffaf2}body:has(#ritualView:not(.hidden)) header{background:#fffaf2;border-color:#eee4d5}.brand{color:#80674e}nav button{color:#a48b71}nav button.active{color:#98734f}.hero h1,#ritualView .hero h1{color:#80674f}#ritualView .ritual{background:radial-gradient(ellipse at 10% 30%,#faeddf66,transparent 65%),#fffaf2}#ritualView .ritual:before{display:none}.question input{background:#fffdf8;border-color:#e9ddcb;color:#806a51;outline-color:#c5a17e}.question input::placeholder{color:#b5a18c}.pill{background:#f3e9d9;color:#a18565}.primary{background:#b58e69;color:#fffdf8}.primary:hover{background:#9e7752}.secondary,.moods button{border-color:#decab1;color:#a0805d}.deck-arrow{background:#fffaf3;border-color:#dfcdb5;color:#a68460}.deck-rail{scrollbar-color:#d8c2a5 transparent}.slot-caption,.deck-status-global,.deck-status{color:#a58b6b}.chosen-card:not(.occupied) .card-flipper{opacity:1;border:0;box-shadow:0 7px 18px #7d613619}.chosen-card:not(.occupied) .illustrated-back{opacity:1}.chosen-card{width:clamp(150px,17vw,215px)}#ritualView .cards{min-height:330px;margin:22px 0 36px}#ritualView:has(.deck-stage:not(.hidden)) .chosen-card{width:100px}#ritualView:has(.deck-stage:not(.hidden)) .cards{min-height:170px}.deck-card{width:110px;height:165px;margin-right:-32px}.deck-rail{min-height:205px}#ritualView .ground{background:#f2e5d4;height:76px}.grass{color:#ceba9c}#drawhint{display:none}#ritualView .sectionline>.tiny{visibility:hidden}.chosen-card:not(.occupied) .slot-caption{visibility:hidden}.reading{background:transparent;border:0}#ritualView .reading{padding:20px 30px;margin:0 auto 30px;max-width:850px}#readingText:empty,#readingNotice:empty{display:none}#readingText{color:#806b55;white-space:pre-wrap}#readingNotice{border:0;color:#ac947b;font-size:12px;padding:0}.reading>p:has(#askAI),.reading>p:has(#save){display:inline-block;margin:10px 8px}.reading>p:has(#askAI.hidden){display:none}#save{background:transparent;color:#a0805f;border:1px solid #ddc9ad}.reading textarea[hidden]{display:none}.toast{background:#b58e69}.journal-heading h1,.book-page h2{color:#806b53}.journal-heading h1 em{color:#b39975}.eyebrow{color:#aa9172}.mood-sticker{background:#eee1cb;color:#a1845d}.book-footer button{background:#fffaf2;border-color:#e1cfb3;color:#a78a61}.textbutton{color:#a38662}button:focus-visible{outline-color:#d3b592}@media(max-width:600px){.chosen-card{width:clamp(98px,28vw,165px)}#ritualView .cards{min-height:230px;gap:12px;margin:24px 0 35px}#ritualView:has(.deck-stage:not(.hidden)) .chosen-card{width:80px}#ritualView:has(.deck-stage:not(.hidden)) .cards{min-height:135px}.deck-card{width:96px;height:144px;margin-right:-28px}.deck-rail{min-height:180px}#ritualView .reading{padding:12px 15px}.reading>p:has(#askAI),.reading>p:has(#save){margin:8px 4px}.reading .primary{padding:12px 20px}}@media(max-height:740px) and (min-width:700px){#ritualView .cards{min-height:265px}.chosen-card{width:180px}#ritualView .question{margin-top:13px}#ritualView .ritual{padding-top:69px;padding-bottom:90px}}

/* Soft doodle edition. */
.illustrated-back,.illustrated-face,.deck-card,.shuffle-pile i{border:1px solid #ded8c8;background-color:#fffdf7}.illustrated-face,.illustrated-back{border-radius:9px}.face-title{font-family:'Chalkboard SE','Comic Sans MS',cursive;font-size:17px;font-weight:600;background:#fffdf5;bottom:3px;left:5px;right:5px;padding:5px 0;color:#4c463b}.face-number{background:#fffdf5e8;color:#8d8069;font-family:'DM Sans',sans-serif;font-size:8px;padding:3px}.journal-card.has-illustration{border-color:#ded8c8;outline-color:#fffdf5}.journal-card.has-illustration small{background:#fffdf5;color:#4c463b;font-family:'Chalkboard SE','Comic Sans MS',cursive;font-size:13px}.card-flipper{box-shadow:0 8px 18px #9d875d17}@media(max-width:600px){.face-title{font-size:13px;padding:3px 0}.face-number{font-size:7px}}

/* Dog storybook edition: matte paper and fine ink. */
.illustrated-face,.illustrated-back,.deck-card,.shuffle-pile i{border-radius:3px;border-color:#8c7458;background-color:#eee0bc}.face-title{font-family:'Chalkboard SE','Comic Sans MS',cursive;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:17px;color:#543a28;background:#eddbb9;bottom:4px;left:5px;right:5px;padding:5px 0}.face-number{font-family:Georgia,serif;color:#5b402b;background:#f1e5c9d9;font-size:11px;border-radius:0}.journal-card.has-illustration{border-radius:2px;outline-color:#f2e6c9;border-color:#8c7458}.journal-card.has-illustration small{font-family:'Chalkboard SE','Comic Sans MS',cursive;color:#543a28;background:#eddbb9;text-transform:uppercase;font-size:12px}.card-flipper{border-radius:3px}@media(max-width:600px){.face-title{font-size:12px;padding:3px 0}.face-number{font-size:8px}}

/* Warm ring-binder journal and quiet card slots. */
:root{--cream:#fff5e8;--ink:#795c43;--muted:#ad8c6d;--green:#b8895c;--line:#e9d6bd}body,body:has(#ritualView:not(.hidden)){background:#fff5e8}body:has(#ritualView:not(.hidden)) header{background:#fff7ed;border-color:#edddc8}#ritualView .ritual{background:radial-gradient(ellipse at 15% 30%,#f8e5ce66,transparent 65%),#fff5e8}.primary{background:#b8895c}.primary:hover{background:#9e7048}.question input{background:#fffbf5;border-color:#e7d4bc}#ritualView .ground{background:#f1dfc6}.chosen-card:not(.occupied) .card-flipper{border:2px dashed #cfb89c;background:transparent;box-shadow:none;opacity:1}.chosen-card:not(.occupied) .illustrated-back{display:none}.slot-caption{display:none!important}.journal-heading h1{font-family:Italiana,Georgia,serif;color:#8d603e}.book-page{color:#805938}.book-page h2{color:#865b3b}.book-page p,.book-page .reading-copy{color:#916747}.book-page .page-eyebrow{color:#aa8057}.book-page textarea{color:#916747}.book-scene{padding-top:72px;padding-bottom:85px}.book-spread{gap:80px}.book-page .page-rule{border-color:#d8b78e}.mood-sticker{background:#ecd0a6;color:#9c713f}.journal-privacy button{color:#a87d53}.journal-tools select,.journal-tools .secondary{background:#fff8ec;border-color:#dfc4a3;color:#9b744c}.journal-heading:after{display:none!important}.toast{background:#b8895c}@media(max-width:760px){.book-spread{gap:32px}.book-scene{padding:50px 34px 75px}}@media(max-width:480px){.book-scene{border-color:#c28b54;background:#ffedcf;background-image:repeating-linear-gradient(0deg,transparent,transparent 25px,#d6b48a30 26px),repeating-linear-gradient(90deg,transparent,transparent 25px,#d6b48a30 26px);padding:24px 22px 30px;border-radius:10px}.book-spread{gap:12px}}
@media(min-width:761px){.book-scene{padding:88px 125px 95px}}@media(min-width:481px) and (max-width:760px){.book-scene{padding:55px 55px 75px}}

/* Darker, larger pencil-and-crayon journal lettering. */
.book-page{font-family:Kalam,'Chalkboard SE',cursive;color:#644022}.book-page h2{font-family:'Cabin Sketch','Chalkduster',cursive;font-size:36px;line-height:1.2;font-weight:700;color:#644022;margin-top:22px}.book-page p,.book-page .reading-copy{font-family:Kalam,'Chalkboard SE',cursive;font-size:17px;line-height:1.65;color:#6d4728}.book-page .page-eyebrow{font-family:Kalam,cursive;font-size:13px;letter-spacing:1px;font-weight:700;color:#805331}.book-page label{font-family:Kalam,cursive;font-size:18px;font-weight:700;color:#704727}.book-page textarea{font-family:Kalam,cursive;font-size:18px;line-height:30px;color:#674126;min-height:128px}.book-page textarea::placeholder{color:#a17d5b;opacity:1}.book-page .secondary,.book-page .textbutton{font-family:Kalam,cursive;font-size:15px;color:#77502d}.book-page .secondary{border-color:#bd946a}.book-page .journal-card.has-illustration small{font-family:Kalam,cursive;font-size:15px;font-weight:700;color:#573821}.book-page .mood-sticker{font-family:Kalam,cursive;font-size:15px;color:#77502d}.journal-heading h1{font-family:'Cabin Sketch','Chalkduster',cursive;font-weight:700}.journal-heading h1 em{font-style:normal;color:#9c6a3d}#ritualView .hero{top:34px}#ritualView .ritual{padding-top:108px}@media(min-width:700px) and (max-height:740px){#ritualView .hero{top:29px}#ritualView .ritual{padding-top:88px}}@media(max-width:760px){.book-page h2{font-size:29px}.book-page p,.book-page .reading-copy{font-size:16px}.book-page .page-eyebrow{font-size:12px}.book-page textarea{font-size:17px}.book-page label{font-size:17px}}@media(max-width:600px){#ritualView .hero{top:36px}#ritualView .ritual{padding-top:108px}}@media(max-width:480px){.book-page h2{font-size:32px}.book-page p,.book-page .reading-copy{font-size:17px}}
@media(min-width:481px){.book-page+.book-page{padding-left:25px}}
/* Keep all journal content inside the illustrated paper, clear of tape and rings. */
@media(min-width:481px){.book-scene{--book-height:clamp(760px,66.67vw,900px);height:var(--book-height);min-height:0;padding:calc(var(--book-height)*.18) 12.5% calc(var(--book-height)*.13);box-sizing:border-box}.book-spread{height:100%;min-height:0;gap:80px;align-items:stretch}.book-page{height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6a075 transparent;padding:10px 10px 22px}.book-page+.book-page{padding-left:25px}.book-page>*{max-width:100%;box-sizing:border-box}.book-page h2,.book-page p,.book-page .page-eyebrow,.book-page label{overflow-wrap:anywhere}.book-page .page-eyebrow{margin-top:0;line-height:1.7}.book-page textarea{max-height:240px}.book-page .journal-card-row{padding:5px;transform:rotate(-1deg)}}@media(min-width:481px) and (max-width:760px){.book-scene{--book-height:760px;padding-left:12%;padding-right:12%}.book-spread{gap:40px}.book-page{padding-left:4px;padding-right:4px}.book-page+.book-page{padding-left:15px}.book-page h2{font-size:27px}}@media(max-width:480px){.book-scene{height:auto;min-height:0;padding:34px 25px}.book-spread{height:auto;min-height:0;gap:20px}.book-page{height:auto;overflow:visible;min-width:0;padding:0 0 20px}.book-page+.book-page{padding-left:0;padding-top:24px}.book-page>*{max-width:100%;box-sizing:border-box}.book-page h2,.book-page p,.book-page label{overflow-wrap:anywhere}}

/* Preserve the supplied card edges and aspect ratios without cropping. */
.illustrated-back,.deck-card,.shuffle-pile i{background-size:100% 100%}

/* A few quiet paw prints in the margins; decorative and never interactive. */
#ritualView{position:relative}
.paw-trail{position:absolute;inset:0;z-index:2;pointer-events:none;user-select:none;overflow:hidden}
.paw-trail i{position:absolute;width:34px;height:34px;background:url('assets/paw-print.svg') center/contain no-repeat;opacity:.2;transform:rotate(-24deg)}
.paw-trail i:nth-child(1){left:1%;top:32%}
.paw-trail i:nth-child(2){left:4%;top:39%;width:28px;height:28px;transform:rotate(-12deg);opacity:.14}
.paw-trail i:nth-child(3){right:1%;top:67%;transform:rotate(24deg)}
.paw-trail i:nth-child(4){right:4%;top:75%;width:28px;height:28px;transform:rotate(8deg);opacity:.14}
@media(max-width:600px){.paw-trail i{width:22px;height:22px;opacity:.16}.paw-trail i:nth-child(1){left:1%;top:115px}.paw-trail i:nth-child(3){right:1%;top:auto;bottom:120px}.paw-trail i:nth-child(2),.paw-trail i:nth-child(4){display:none}}