:root{font-family:'Segoe UI',Arial,sans-serif;color:#29382c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f7f7f2;--accent:#688a6c;--dark:#3e6245;--pale:#eaf0e5;--surface:#fafaf6;--pink:#f0c8c5}body[data-theme=pink]{--accent:#bd788e;--dark:#934d66;--pale:#f9e8eb;--surface:#fff9f8;--pink:#eeb4c8}button,input,textarea,select{font:inherit}button,a,label.file-label{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,label:focus-within,select:focus-visible,textarea:focus-visible{outline:3px solid #a873af;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:var(--dark);color:white}button,select{min-height:42px}button{color:var(--dark)}.shell{display:flex;min-height:100vh}.sidebar{width:235px;flex:0 0 235px;background:#f1f3eb;padding:36px 22px;display:flex;flex-direction:column;border-right:1px solid #e5e9df}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font:27px Georgia,serif;letter-spacing:1px}.brand small{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:3px;margin-top:7px}.side-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}.side-label{margin:62px 0 20px 12px}.sidebar nav{display:grid;gap:8px}.nav{border:0;background:transparent;border-radius:12px;padding:15px 12px;display:flex;align-items:center;gap:12px;text-align:left}.nav.active{background:#dde8d9;color:#35563b;font-weight:700}.nav small{margin-left:auto;font-size:10px}.side-bottom{margin-top:auto;padding-top:70px;color:#637163}.side-bottom p{font:20px/1.6 Georgia,serif}.flower{font-size:42px;color:var(--accent)}.side-bottom button{display:block;background:white;border:1px solid #d8ded0;border-radius:9px;padding:10px;font-size:12px}.side-bottom a{display:block;font-size:12px;margin:22px 0}.side-bottom small{font-size:10px}main{min-width:0;flex:1;padding:0 4.5%;max-width:1700px}header{height:82px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;letter-spacing:2px}.crumb i{padding:0 12px;color:#a8b2a5}.pill{font-size:10px;letter-spacing:1px;background:var(--pale);padding:9px 14px;border-radius:22px}.notice{display:flex;flex-direction:column;gap:6px;padding:17px 20px;border:1px solid #cfdbc8;background:var(--pale);border-radius:12px;margin-bottom:23px;font-size:12px;line-height:1.6}.notice strong{font-size:14px}.hero{border-radius:23px;background:linear-gradient(115deg,var(--pale),#e5ebdc 60%,#eee8dd);min-height:380px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.hero>div:first-child{padding:45px 9%}.hero h1{font:clamp(40px,4.7vw,70px)/1.08 Georgia,serif;letter-spacing:-1.8px;margin:21px 0 18px}em{font-weight:400;color:var(--dark)}.hero p{font-size:14px;line-height:1.8;max-width:350px;color:#65745f}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:26px;padding:12px 20px;font-size:12px;text-decoration:none;min-height:44px}.primary{background:var(--dark);color:white;border:1px solid var(--dark);box-shadow:0 7px 20px #324a3315}.secondary{background:var(--surface);border:1px solid #d7dfcf}.hero .primary{margin-top:8px}.hero-note{display:block;font-size:9px;letter-spacing:1.5px;color:#6b8066;margin-top:18px}.hero-pets{display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.hero-pets img{width:56%;max-width:260px;object-fit:contain;filter:drop-shadow(0 16px 18px #4e5c4317);animation:bob 5s ease-in-out infinite}.hero-pets img:nth-of-type(2){margin-left:-70px;align-self:center;transform:translateY(35px);animation-delay:-2s}.hero-pets small{position:absolute;bottom:34px;letter-spacing:3px;font-size:9px;color:#809477}.orbit{position:absolute;top:42px;font:45px Georgia;color:#abbd96}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:40px 0 12px}h2{font:33px/1.15 Georgia,serif;font-weight:400;margin:10px 0 0}h3{font:24px Georgia,serif}.actions{display:flex;gap:8px;flex-wrap:wrap}.file-label{cursor:pointer;position:relative;overflow:hidden}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.support{font-size:12px;line-height:1.7;color:#667562}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:150px}.card{position:relative;border:1px solid #e1e6d9;background:white;border-radius:15px;overflow:hidden}.card>button.open{display:block;border:0;background:none;width:100%;padding:0;text-align:left}.card-art{height:150px;background:linear-gradient(140deg,#cedcc4,#b9cdb4);display:grid;place-items:center;overflow:hidden;color:#fff;font:64px Georgia,serif}.card:nth-child(even) .card-art{background:linear-gradient(140deg,#eddbd5,#d9b5bc)}.card-art img{width:100%;height:100%;object-fit:cover}.card-copy{padding:19px;min-height:105px}.card-copy strong{font:20px Georgia,serif;overflow-wrap:anywhere;display:block}.card-copy small{display:block;margin-top:9px;font-size:11px;color:#6e7d69}.remove{position:absolute;right:8px;top:8px;width:36px;min-height:36px;border:0;background:#fffd;border-radius:50%;font-size:18px}.empty{padding:32px;background:var(--pale);border:1px dashed #c6d1bc;border-radius:15px;grid-column:1/-1;color:#63775e;line-height:1.8;font-size:14px}.empty strong{display:block;font:24px Georgia,serif;margin-bottom:8px}#status{font-size:13px;color:var(--dark);min-height:18px}.ritual{margin-top:42px;background:var(--pale);padding:26px;border-radius:18px;display:flex;gap:25px;justify-content:space-between}.ritual p,.companions p,.trial p{font-size:13px;line-height:1.8;color:#63745e}.ritual-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:480px}.ritual-tools label{font-size:12px}.ritual-tools select{display:block;margin-top:4px;border:1px solid #ccd6c4;border-radius:10px;padding:7px;background:var(--surface)}#timer-left{font-size:12px;color:var(--dark)}audio{max-width:100%;width:280px;height:38px}.companions{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:38px 0;align-items:center}.pet-pair{display:flex;justify-content:center}.pet-pair img{width:55%;max-width:170px;object-fit:contain}.pet-pair img+img{margin-left:-25px}.trial{background:var(--pale);border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.trial small{font-size:11px;color:#6b7565;grid-column:1/-1}.trial>div{max-width:680px}footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin-top:45px;padding:25px 0;border-top:1px solid #dce2d3;font-size:11px;color:#71816b}footer button{background:none;border:0;text-decoration:underline;font-size:11px}.pet-dock{position:fixed;bottom:12px;left:15px;z-index:4}.pet-dock button{border:0;background:transparent;position:relative;display:flex;padding:0}.pet-dock img{width:76px;height:96px;object-fit:contain;animation:bob 5s ease-in-out infinite}.pet-dock img+img{margin-left:-25px;animation-delay:-2s}.hearts{display:none;position:absolute;top:-10px;left:10px;color:#bd6684;font-size:28px}.heart-burst .hearts{display:block;animation:heart 1.5s forwards}dialog{width:min(1320px,98vw);height:94vh;max-height:94dvh;border:1px solid #d8e0cf;border-radius:20px;padding:24px;background:var(--surface);color:#29382c}dialog::backdrop{background:#203024b9}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.reader-header h2{font-size:28px;overflow-wrap:anywhere}.reader-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #dce4d3}.reader-controls output{font-size:12px;min-width:65px;text-align:center}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;margin-top:20px;min-height:65%}#page{padding:30px;background:white;border:1px solid #e3e6dc;border-radius:13px;line-height:1.85;overflow:auto;min-height:380px;font:18px/1.9 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}#page img{display:block;max-width:none;min-width:0;height:auto;margin:auto}#page iframe{border:0;width:100%;height:65vh}#page.pdf-page{padding:0;white-space:normal}.notebook label{display:block;font-size:12px;margin-bottom:8px}.notebook p{font-size:12px;line-height:1.7;color:#6b7866}.notebook textarea{width:100%;height:160px;resize:vertical;border:1px solid #cdd8c5;border-radius:12px;padding:12px;background:white;font-size:13px}.notebook button{margin-top:8px}.reader-notice{font-size:11px;color:#6d7b65;border-top:1px solid #dce4d3;padding-top:18px}mark{background:#c8e4b4;color:inherit;border-radius:3px}[hidden]{display:none!important}@keyframes bob{50%{translate:0 -9px}}@keyframes heart{to{translate:0 -65px;opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1500px){.hero h1{font-size:72px}}@media(max-width:1000px){.sidebar{width:185px;flex-basis:185px;padding:28px 15px}.brand{font-size:23px}.hero>div:first-child{padding:35px 7%}.hero-pets img:nth-of-type(2){margin-left:-40px}.cards{grid-template-columns:repeat(2,1fr)}.section-heading,.ritual{align-items:start;flex-direction:column}.trial{grid-template-columns:1fr}.reading-layout{grid-template-columns:minmax(0,1fr) 220px}.companions{grid-template-columns:1.4fr 1fr}.pet-dock img{width:60px}}@media(max-width:650px){.shell{display:block}.sidebar{width:100%;padding:18px 5%;border-right:0;border-bottom:1px solid #dce2d3}.brand{font-size:24px}.side-label,.side-bottom{display:none}.sidebar nav{display:flex;margin-top:20px;gap:6px}.nav{flex:1;gap:6px;padding:10px 8px;font-size:11px}.nav small{font-size:9px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:30px 8% 0}.hero-pets{height:220px}.hero-pets img{height:210px;width:auto;max-width:60%}.hero-pets img:nth-of-type(2){margin-left:-40px}.hero-pets small{bottom:8px}.orbit{top:0;font-size:35px;right:10%}.hero h1{font-size:48px}.hero p{max-width:100%}header{height:65px}.crumb{font-size:8px}.notice{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-art{height:120px}.card-copy{padding:13px}.card-copy strong{font-size:17px}.card-copy small{font-size:10px}.actions{gap:6px}.primary,.secondary{font-size:11px;padding:11px 14px}.companions{display:flex;flex-direction:column;align-items:start}.pet-pair{align-self:center}.pet-pair img{width:130px}.trial{padding:24px}h2{font-size:29px}footer{padding-bottom:95px}.pet-dock{left:auto;right:10px}.pet-dock img{width:62px;height:78px}dialog{padding:15px;width:100%;height:100dvh;max-height:100dvh;border-radius:0}.reader-header h2{font-size:22px}.reader-header .secondary{white-space:nowrap}.reading-layout{display:block}#page{padding:20px;min-height:320px}.notebook{margin-top:22px}.reader-controls{gap:5px}.reader-controls button{padding:9px 12px}.notebook textarea{height:100px}}

#panel-editor{margin:14px 0;background:var(--pale);padding:15px;border-radius:12px;font-size:12px;line-height:1.7}#panel-editor summary{cursor:pointer;font-weight:600;min-height:32px}#panel-editor label{display:flex;align-items:center;gap:5px;font-size:11px}#panel-editor input{width:62px;padding:9px 5px;border:1px solid #c7d2bc;border-radius:8px;background:white}#page canvas{display:block;max-width:none;margin:auto}#panel-status{min-width:110px}

body[data-theme=original]{background:#f5f3eb;color:#17231e;--accent:#667069;--dark:#17231e;--pale:#ecebe2;--surface:#f5f3eb;--pink:#e85735}body[data-theme=original] .sidebar{background:#efede5}body[data-theme=original] .nav.active{background:#d6edce;color:#17231e}body[data-theme=original] .hero{background:linear-gradient(115deg,#f0eee5,#e4e5d7)}body[data-theme=original] .card-art{background:linear-gradient(140deg,#d6edce,#a5bd9f)}body[data-theme=pink] .sidebar{background:#f8edf0}body[data-theme=pink] .nav.active{background:#f0d9e1;color:#89455c}body[data-theme=pink] .hero{background:linear-gradient(115deg,#f9e8eb,#f0dce2)}.theme-label{display:block;font-size:11px;margin:12px 0 8px}#theme{width:100%;border:1px solid #d8ded0;background:var(--surface);color:var(--dark);padding:8px;border-radius:10px;font-size:12px}.mobile-theme{display:none}@media(max-width:650px){.crumb{display:none}.mobile-theme{display:flex;gap:6px;align-items:center;font-size:10px}.mobile-theme select{max-width:150px;background:var(--surface);border:1px solid #d8ded0;border-radius:10px;padding:5px;color:var(--dark)}}

@media(max-width:650px){.desktop-theme{display:none}}