.ocl{--ocl-accent:var(--violet-deep);--ocl-wash:var(--lilac)}.ocl[data-deck=lenormand]{--ocl-wash:var(--mint)}.ocl[data-deck=etteilla]{--ocl-wash:var(--cream-2)}.ocl-hero{position:relative;padding:48px 0 40px;text-align:center;background:linear-gradient(180deg,var(--ocl-wash) 0%,rgba(250,246,234,0) 100%);overflow:hidden}.ocl-hero .wrap{max-width:880px;position:relative}.ocl-eyebrow{margin-top:18px;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.ocl-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;margin:10px auto 14px;max-width:18ch;line-height:1.05}.ocl-lede{max-width:56ch;margin:0 auto;color:var(--ink-2);font-size:1.08rem;line-height:1.6}.ocl-decks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.ocl-deck-pill{font-weight:700;font-size:.9rem;padding:9px 18px;border-radius:980px;border:1px solid var(--line);background:var(--white);color:var(--violet-deep);text-decoration:none;transition:transform .18s ease}.ocl-deck-pill:hover{transform:translateY(-2px)}.ocl-deck-pill.on{background:var(--violet-deep);border-color:var(--violet-deep);color:var(--white)}.ocl-story{padding-top:clamp(44px,6vw,72px);padding-bottom:clamp(36px,5vw,56px);max-width:960px}.ocl-story-head{text-align:center;max-width:40rem;margin:0 auto clamp(20px,3vw,28px)}.ocl-kick{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-deep);margin-bottom:10px}.ocl-story h2{font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.15;margin:0;text-wrap:balance}.ocl-story-text{max-width:66ch;margin:0 auto}.ocl-story-text p{font-size:1.04rem;line-height:1.8;margin:0 0 16px;color:var(--ink-2);text-wrap:pretty}.ocl-learn{margin-top:clamp(26px,4vw,40px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3.5vw,40px);align-items:start;padding:clamp(22px,3.5vw,36px);border-radius:26px;background:var(--white);border:1px solid color-mix(in srgb,var(--violet-deep) 12%,transparent);box-shadow:0 26px 50px -40px #2a1d4f80}.ocl-learn h3{font-size:1.15rem;line-height:1.3;margin:0 0 14px}.ocl-learn ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ocl-learn li{position:relative;padding-left:26px;line-height:1.6;font-size:.98rem;color:var(--ink-2)}.ocl-learn li:before{content:"✦";position:absolute;left:0;top:0;color:var(--violet-deep)}.ocl-learn-side{display:grid;gap:18px;padding:20px;border-radius:20px;background:color-mix(in srgb,var(--ocl-wash) 70%,var(--white))}.ocl-learn-note{font-size:.95rem;color:var(--ink-2);line-height:1.65;margin:0}.ocl-daily{width:100%;justify-content:center;text-align:center;white-space:normal}.ocl-tools{padding-bottom:8px}.ocl-tools-in{max-width:960px;margin:0 auto;padding:clamp(20px,3vw,28px) clamp(18px,3vw,30px);border-radius:24px;background:color-mix(in srgb,var(--ocl-wash) 55%,var(--white));border:1px solid color-mix(in srgb,var(--violet-deep) 10%,transparent);display:grid;gap:10px}.ocl-field{font-family:var(--disp);font-weight:800;font-size:.95rem;color:var(--ink);margin:0}.ocl-search{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid color-mix(in srgb,var(--violet-deep) 22%,transparent);border-radius:16px;padding:2px 18px;margin-bottom:12px}.ocl-search:focus-within{border-color:var(--violet-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet-deep) 18%,transparent)}.ocl-search svg{width:20px;height:20px;fill:none;stroke:var(--violet-deep);stroke-width:2;stroke-linecap:round;flex:none}.ocl-search input{border:0;outline:0;background:transparent;font:inherit;font-size:1rem;padding:13px 0;width:100%;min-width:0;color:var(--ink)}.ocl-search input::placeholder{color:var(--ink-3)}.ocl-filters{display:flex;flex-wrap:wrap;gap:8px}.ocl-filters button{font:inherit;font-size:.88rem;font-weight:600;padding:8px 15px;border-radius:999px;border:1px solid color-mix(in srgb,var(--violet-deep) 18%,transparent);background:var(--white);color:var(--ink-2);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.ocl-filters button:hover{border-color:var(--violet-deep);color:var(--violet-deep)}.ocl-filters button.on{background:var(--violet-deep);border-color:var(--violet-deep);color:var(--white)}.ocl-filters button:focus-visible{outline:3px solid var(--violet-deep);outline-offset:2px}.ocl-count{font-size:.88rem;color:var(--ink-2);margin:8px 0 0;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--violet-deep) 10%,transparent)}.ocl-group{padding:clamp(40px,5vw,60px) 0 clamp(20px,3vw,28px)}.ocl-group-head{text-align:center;max-width:44rem;margin:0 auto clamp(22px,3vw,32px)}.ocl-group-n{font-family:Caveat,Segoe Script,cursive;font-weight:600;font-size:1.35rem;line-height:1;color:var(--violet-deep)}.ocl-group-head h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15;margin:6px 0 10px;text-wrap:balance}.ocl-group-head p{color:var(--ink-2);font-size:1rem;line-height:1.7;margin:0 auto;max-width:62ch;text-wrap:pretty}.ocl-group-head:after{content:"";display:block;width:56px;height:2px;margin:18px auto 0;background:color-mix(in srgb,var(--violet-deep) 35%,transparent);border-radius:2px}.ocl-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px}.ocl-tile{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:10px;transition:transform .18s ease,box-shadow .18s ease}.ocl-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.ocl-tile-zoom{display:block;border-radius:10px;overflow:hidden;background:var(--cream-2)}.ocl-tile-zoom img{display:block;width:100%;height:auto}.ocl-tile-noscan{aspect-ratio:2/3;display:grid;place-items:center;border-radius:10px;background:var(--cream-2);font-size:2rem;font-weight:800;color:var(--ink-3)}.ocl-tile-body{padding:10px 4px 4px;display:flex;flex-direction:column;flex:1}.ocl-tile-n{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.ocl-tile h3{font-size:1rem;margin:3px 0 2px;line-height:1.25}.ocl-tile-orig{font-size:.8rem;font-style:italic;color:var(--ink-2)}.ocl-tile-kw{font-size:.76rem;color:var(--ink-2);margin:6px 0 10px;line-height:1.4}.ocl-tile-go{margin-top:auto;font-size:.84rem;font-weight:700;color:var(--violet-deep);text-decoration:none}.ocl-tile-go:hover{text-decoration:underline}.ocl-empty{text-align:center;padding:56px 20px}.ocl-empty .t{font-size:1.3rem;font-weight:700;margin-bottom:6px}.ocl-empty p{color:var(--ink-2);margin-bottom:18px}.ocl-credits{padding-top:28px;padding-bottom:40px}.ocl-credits details{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:12px 18px}.ocl-credits summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--ink-2)}.ocl-credits-body{padding-top:10px;font-size:.86rem;color:var(--ink-2);line-height:1.55}.ocl-credits-body p{margin:0 0 6px}.ocl-credits-body a{color:var(--violet-deep)}.ocl-card .cardp-head{background:linear-gradient(180deg,var(--ocl-wash) 0%,rgba(250,246,234,0) 100%)}.ocl-zoom{display:block;width:100%;padding:0;cursor:zoom-in}.ocl-zoom img{aspect-ratio:auto!important;height:auto}.ocl-examples{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.ocl-examples li{padding:14px 18px;border-radius:14px;background:var(--cream-2);line-height:1.65}.ocl-area{padding:18px 0;border-top:1px solid var(--line)}.ocl-area:first-of-type{border-top:0;padding-top:0}.ocl-area p{line-height:1.8;margin:0}.ocl-rev{padding:22px 24px!important;border-radius:20px;background:var(--lilac)}.ocl-rev .ig-sec-h{margin-top:0}.ocl-upright-note{font-size:.92rem;color:var(--ink-2);border-left:3px solid var(--line);padding-left:14px;margin:0 0 36px}.ocl-care{font-size:.85rem;color:var(--ink-3);margin-top:20px}.ocl-error{padding:24px;border-radius:18px;background:var(--cream-2)}.ocl-error p{margin-bottom:14px}.ocl-skel{display:grid;gap:14px}.ocl-skel span{height:16px;border-radius:8px;background:linear-gradient(90deg,var(--cream-2),var(--lilac),var(--cream-2));background-size:200% 100%;animation:ocl-sh 1.4s linear infinite}.ocl-skel span.short{width:62%}@keyframes ocl-sh{to{background-position:-200% 0}}.ocl-more{text-align:center;margin-top:28px}.ocl-rec{padding-top:48px}@media(max-width:820px){.ocl-learn{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.ocl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ocl-tools-in{border-radius:20px}}@media(prefers-reduced-motion:reduce){.ocl-skel span{animation:none}}.ocl-hl{max-width:1080px;padding-top:clamp(36px,5vw,60px);padding-bottom:clamp(8px,2vw,16px)}.ocl-hl-head{text-align:center;max-width:40rem;margin:0 auto clamp(22px,3vw,34px)}.ocl-hl-head h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin:0 0 10px;text-wrap:balance}.ocl-hl-head p{margin:0;color:var(--ink-2);font-size:1rem;line-height:1.7;text-wrap:pretty}.ocl-hl-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2.4vw,28px);align-items:start}.ocl-hl-c{min-width:0;display:grid;gap:12px;justify-items:center;text-align:center}.ocl-hl-img{display:block;width:100%;max-width:190px;border-radius:10px;overflow:hidden;background:#efe6d2;box-shadow:0 22px 36px -24px #2a1d4fb3;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ocl-hl-img img{display:block;width:100%;height:auto}.ocl-hl-1 .ocl-hl-img,.ocl-hl-3 .ocl-hl-img{transform:translateY(18px)}.ocl-hl-c:hover .ocl-hl-img{transform:translateY(-4px)}.ocl-hl-1 .ocl-hl-cap,.ocl-hl-3 .ocl-hl-cap{transform:translateY(18px)}.ocl-hl-cap{display:grid;gap:3px;justify-items:center}.ocl-hl-n{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.ocl-hl-cap b{font-family:var(--disp);font-size:1rem;line-height:1.25;color:var(--ink);overflow-wrap:normal}.ocl-hl-go{margin-top:2px;font-size:.84rem;font-weight:700;color:var(--violet-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.ocl-hl-go:focus-visible{outline:3px solid var(--violet-deep);outline-offset:2px;border-radius:4px}.ocl-hl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:760px){.ocl-hl-row{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:26px}.ocl-hl-c{grid-column:span 2}.ocl-hl-3{grid-column:2 / span 2}.ocl-hl-1 .ocl-hl-img,.ocl-hl-3 .ocl-hl-img,.ocl-hl-1 .ocl-hl-cap,.ocl-hl-3 .ocl-hl-cap{transform:none}}@media(prefers-reduced-motion:reduce){.ocl-hl-img{transition:none}}@media(max-width:480px){.ocl-learn{padding:20px 16px;border-radius:22px}.ocl-learn-side{padding:16px}}@media(max-width:480px){.ocl-learn-side .btn{width:100%;justify-content:center;white-space:normal;text-align:center;padding:13px 18px;font-size:.95rem;line-height:1.3}}