:root{--ink:#25164b;--paper:#fff9ee;--purple:#6c45ff;--pink:#ff4f9a;--orange:#ff7548;--yellow:#ffd84d;--mint:#55dfbd;--sky:#77c8ff;--lilac:#d9c9ff;--line:#25164b29;--shadow:7px 8px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{color:inherit}button{touch-action:manipulation}main{background-image:radial-gradient(#6c45ff29 1.4px,#0000 1.4px);background-size:24px 24px;min-height:100vh;overflow:hidden}.aurora{z-index:-1;clip-path:polygon(0 0,100% 0,100% 86%,78% 78%,54% 91%,28% 80%,0 94%);background:linear-gradient(155deg,#c9f8ec 0 24%,#fff9ee 24% 58%,#ffe1ec 58%);height:720px;position:absolute;inset:0 0 auto}.topbar{border:2px solid var(--ink);width:min(1240px,100% - 48px);box-shadow:4px 5px 0 var(--ink);z-index:10;background:#fff9eef0;border-radius:999px;justify-content:space-between;align-items:center;margin:18px auto 0;padding:12px 14px;display:flex;position:relative}.wordmark{letter-spacing:.05em;align-items:center;gap:10px;font-weight:1000;text-decoration:none;display:flex}.sigil{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid;transform:rotate(-8deg)}nav{gap:4px;display:flex}nav button{text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 16px;font-weight:800}nav button:hover{background:var(--lilac)}nav button.active{background:var(--purple);color:#fff;box-shadow:2px 3px 0 var(--ink)}.avatar{border:2px solid var(--ink);background:var(--pink);color:#fff;cursor:pointer;border-radius:50%;width:40px;height:40px;font-weight:950;transform:rotate(5deg)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;width:min(1240px,100% - 48px);min-height:650px;margin:auto;padding:72px 0 95px;display:grid}.kicker{color:var(--ink);letter-spacing:.12em;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:7px 12px;font-size:.72rem;font-weight:1000;display:inline-block;transform:rotate(-1deg)}.hero h1,.section-title h2,.ritual-editor h2,.reminders h2,.oracle-panel h2,.profile-panel h2{letter-spacing:-.055em;font-weight:1000}.hero h1{max-width:760px;margin:28px 0;font-size:clamp(4.4rem,8vw,7.8rem);line-height:.86}.hero h1 em{color:#fff;background:var(--purple);border:3px solid var(--ink);box-shadow:8px 9px 0 var(--ink);border-radius:.2em;padding:.03em .13em .13em;font-style:normal;display:inline-block;transform:rotate(-2deg)}.hero>div>p:not(.kicker){max-width:650px;font-family:system-ui,sans-serif;font-size:1.14rem;font-weight:600;line-height:1.65}.hero-chips{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.hero-chips span{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:9px 13px;font-size:.76rem;font-weight:900}.hero-chips span:nth-child(2){background:var(--mint);transform:rotate(2deg)}.hero-chips span:nth-child(3){background:var(--pink);color:#fff;transform:rotate(-2deg)}.cosmic-kit{border:3px solid var(--ink);background:linear-gradient(150deg,var(--purple),#8f5eff 48%,var(--pink));min-height:465px;box-shadow:13px 14px 0 var(--ink);border-radius:47% 53% 44% 56%/44% 38% 62% 56%;position:relative;transform:rotate(2deg)}.cosmic-kit:before{content:"";border:2px dashed #fff9;border-radius:50%;position:absolute;inset:28px;transform:rotate(-14deg)}.cosmic-kit>p{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;width:max-content;margin:0;padding:9px 14px;font-size:.72rem;font-weight:1000;position:absolute;bottom:24px;left:50%;transform:rotate(-3deg)}.spark{color:var(--yellow);font-size:2.6rem;animation:2.4s ease-in-out infinite twinkle;position:absolute}.spark-one{top:42px;left:46px}.spark-two{color:var(--mint);animation-delay:.8s;top:73px;right:47px}.spark-three{font-size:1.7rem;animation-delay:1.4s;bottom:105px;right:72px}.bottle,.jar{border:3px solid var(--ink);box-shadow:6px 7px 0 var(--ink);place-items:center;font-weight:1000;display:grid;position:absolute}.bottle{border-radius:24px 24px 30px 30px;width:105px;bottom:95px}.bottle i{border:3px solid var(--ink);background:var(--paper);border-bottom:0;border-radius:12px 12px 0 0;width:57px;height:43px;position:absolute;top:-42px}.bottle b,.jar b{text-align:center;letter-spacing:.08em;font-size:.75rem}.bottle-one{background:var(--mint);height:210px;left:66px;transform:rotate(-7deg)}.bottle-two{background:var(--orange);height:260px;left:195px;transform:rotate(5deg)}.jar{background:var(--yellow);border-radius:32px;width:128px;height:128px;bottom:91px;right:48px;transform:rotate(-4deg)}.jar:before{content:"";border:3px solid var(--ink);background:var(--sky);border-radius:9px;width:112px;height:27px;position:absolute;top:-24px}@keyframes twinkle{50%{rotate:18deg;scale:1.28}}.workspace{width:min(1240px,100% - 48px);margin:0 auto;padding:80px 0 110px}.section-title{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.section-title p{background:var(--mint);border:2px solid var(--ink);letter-spacing:.12em;box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:7px 12px;font-size:.72rem;font-weight:1000;display:inline-block}.section-title h2{margin:14px 0 0;font-size:clamp(3rem,5.5vw,5.6rem)}.section-title>span{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:10px 14px;font-size:.8rem;font-weight:900;transform:rotate(2deg)}.ritual-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.ritual-card{text-align:left;border:3px solid var(--ink);min-height:230px;color:var(--ink);cursor:pointer;box-shadow:6px 7px 0 var(--ink);background:#fff;border-radius:28px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.ritual-card:first-child{background:var(--yellow);transform:rotate(-1.5deg)}.ritual-card:nth-child(2){background:var(--lilac);transform:rotate(1.5deg)}.ritual-card:nth-child(3){background:#ffadd1;transform:rotate(-.7deg)}.ritual-card:nth-child(4){background:var(--mint);transform:rotate(1deg)}.ritual-card:hover,.ritual-card.selected{box-shadow:10px 12px 0 var(--ink);transform:translateY(-8px)rotate(0)}.ritual-card.selected:after{content:"picked!";border:2px solid var(--ink);background:#fff;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:1000;position:absolute;top:14px;right:15px;transform:rotate(7deg)}.greek-glyph{color:#25164b1a;font-size:9rem;font-weight:1000;position:absolute;bottom:-30px;right:12px}.ritual-card small{text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.ritual-card h3{margin:65px 0 8px;font-size:2rem}.ritual-card p{margin:0;font-size:.82rem;font-weight:700}.ritual-editor{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:34px;grid-template-columns:1.2fr .8fr;margin-top:46px;display:grid;overflow:hidden}.editor-list,.add-form{padding:42px}.editor-list{border-right:3px solid var(--ink);background:#f2ecff}.editor-list h2,.reminders h2{margin:18px 0 30px;font-size:3rem}.empty{font-weight:700}.step{border-top:2px dashed #25164b47;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:17px 0;display:grid}.step>span{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.72rem;font-weight:1000;display:grid}.step strong,.step small{display:block}.step small{color:#25164b9e;margin-top:5px;font-family:system-ui,sans-serif}.step time{border:2px solid var(--ink);background:var(--mint);border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:900}.add-form{background:#fff0f6}.add-form h3{margin:18px 0 24px;font-size:2rem}.add-form label,.profile-panel label{gap:7px;margin:0 0 15px;font-size:.77rem;font-weight:900;display:grid}.add-form input,.profile-panel input,.chat textarea{border:2px solid var(--ink);width:100%;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:13px 14px;box-shadow:inset 0 -3px #6c45ff14}.add-form input:focus,.profile-panel input:focus,.chat textarea:focus{box-shadow:0 0 0 4px var(--yellow)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary{border:3px solid var(--ink);background:var(--purple);color:#fff;cursor:pointer;box-shadow:4px 5px 0 var(--ink);border-radius:999px;padding:13px 19px;font-weight:1000;transition:all .15s}.primary:hover{box-shadow:6px 8px 0 var(--ink);background:var(--pink);transform:translateY(-3px)}.primary:active{box-shadow:1px 2px 0 var(--ink);transform:translateY(3px)}.reminders{border:3px solid var(--ink);background:var(--yellow);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:1.15fr repeat(3,1fr);gap:15px;margin-top:42px;padding:32px;display:grid;transform:rotate(-.4deg)}.reminders .kicker{background:#fff}.reminders h2{margin-bottom:0}.reminders article{border:2px solid var(--ink);background:#fff;border-radius:20px;grid-template-columns:auto 1fr;align-content:center;gap:8px;padding:18px;display:grid}.reminders article>span{background:var(--pink);color:#fff;border-radius:7px;grid-row:1/3;padding:5px 7px;font-size:.62rem;font-weight:1000}.reminders strong,.reminders small{display:block}.reminders small,.reminders time{color:#25164b99;font-family:system-ui,sans-serif;font-size:.72rem}.reminders time{grid-column:2;margin-top:10px;font-weight:800}.oracle-panel{grid-template-columns:.72fr 1.28fr;gap:30px;display:grid}.oracle-panel aside,.profile-panel>div{border:3px solid var(--ink);background:var(--yellow);box-shadow:var(--shadow);border-radius:32px;align-self:start;padding:40px;transform:rotate(-1deg)}.oracle-panel h2,.profile-panel h2{margin:22px 0;font-size:4rem;line-height:.94}.oracle-panel aside>p,.profile-panel>div>p{font-family:system-ui,sans-serif;font-weight:600;line-height:1.65}.oracle-panel ul{border-top:2px dashed var(--ink);padding:18px 0 0;list-style:none}.oracle-panel li{border:2px solid var(--ink);background:#fff;border-radius:999px;margin:9px 0;padding:10px 12px;font-size:.83rem;font-weight:900}.chat{border:3px solid var(--ink);min-height:600px;box-shadow:var(--shadow);background:#f2ecff;border-radius:32px;flex-direction:column;display:flex;overflow:hidden}.messages{flex:1;padding:30px}.messages p{border:2px solid var(--ink);max-width:78%;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:22px 22px 22px 5px;padding:17px 20px;font-family:system-ui,sans-serif;line-height:1.55}.messages p.you{background:var(--mint);border-radius:22px 22px 5px;margin-left:auto}.messages span{color:var(--purple);text-transform:uppercase;margin-bottom:8px;font-size:.65rem;font-weight:900;display:block}.chat form{border-top:3px solid var(--ink);background:#fff;grid-template-columns:1fr auto;gap:12px;padding:20px;display:grid}.chat textarea{resize:none;min-height:76px}.profile-panel{grid-template-columns:.78fr 1.22fr;gap:32px;display:grid}.profile-panel>div{background:var(--mint)}.profile-panel form{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff0f6;border-radius:32px;grid-template-columns:1fr 1fr;gap:4px 18px;padding:34px;display:grid}.profile-panel .primary{grid-column:1/-1;margin-top:10px}footer{border-top:3px dashed var(--ink);justify-content:space-between;width:min(1240px,100% - 48px);margin:30px auto 0;padding:30px 0 45px;font-size:.76rem;font-weight:800;display:flex}footer span{border:2px solid var(--ink);background:var(--yellow);border-radius:999px;padding:8px 12px}footer a{color:var(--purple);text-decoration:none}@media (max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:35px}.jar{right:28px}.bottle-one{left:35px}.bottle-two{left:145px}.reminders{grid-template-columns:1fr 1fr}.reminders>div{grid-column:1/-1}}@media (max-width:900px){.hero{grid-template-columns:1fr}.cosmic-kit{width:min(520px,90%);min-height:420px;margin:auto}.ritual-grid{grid-template-columns:1fr 1fr}.ritual-editor,.oracle-panel,.profile-panel{grid-template-columns:1fr}.editor-list{border-right:0;border-bottom:3px solid var(--ink)}}@media (max-width:620px){.topbar,.hero,.workspace,footer{width:min(100% - 26px,1240px)}.topbar{padding:9px 10px}.wordmark>span:last-child{font-size:.78rem}nav{z-index:20;border:2px solid var(--ink);background:var(--paper);box-shadow:4px 5px 0 var(--ink);border-radius:999px;padding:5px;position:fixed;bottom:12px;left:50%;translate:-50%}nav button{padding:9px 12px}.avatar{display:none}.hero{min-height:auto;padding:75px 0 105px}.hero h1{font-size:4rem}.cosmic-kit{min-height:350px}.bottle{width:77px}.bottle-one{height:160px;left:40px}.bottle-two{height:195px;left:135px}.jar{width:95px;height:95px;right:28px}.jar:before{width:82px}.ritual-grid,.reminders,.profile-panel form{grid-template-columns:1fr}.ritual-editor .editor-list,.add-form{padding:27px}.chat form{grid-template-columns:1fr}.oracle-panel aside,.profile-panel>div{padding:30px}.section-title{align-items:start}.section-title>span{display:none}footer{flex-direction:column;gap:12px;padding-bottom:90px}.reminders{transform:none}.profile-panel form{padding:25px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}