.oapp.oapp-iching-love-v2-enabled{max-width:1040px;padding:0;background:transparent}
.oapp-il2{--il2-ink:#f8f3ee;--il2-muted:#c9bdc8;--il2-gold:#efc573;--il2-jade:#74c9bb;--il2-red:#bc5165;position:relative;overflow:hidden;border:1px solid rgba(239,197,115,.24);border-radius:30px;background:#0b0814;color:var(--il2-ink);box-shadow:0 34px 90px rgba(3,1,11,.44);isolation:isolate}
.oapp-il2 *{box-sizing:border-box}
.oapp-il2 [hidden]{display:none!important}
.oapp-il2 button,.oapp-il2 textarea{font:inherit}
.oapp-il2-phase{position:relative}
.oapp-il2-intro{min-height:650px;display:grid;align-items:center;padding:64px 58px}
.oapp-il2-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,5,14,.96) 0%,rgba(7,5,14,.84) 43%,rgba(7,5,14,.25) 72%,rgba(7,5,14,.05) 100%),var(--il2-hero);background-size:cover;background-position:center;z-index:-2}
.oapp-il2-intro:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 47%,rgba(239,197,115,.12),transparent 25%),linear-gradient(0deg,rgba(8,5,16,.45),transparent 42%);z-index:-1;pointer-events:none}
.oapp-il2-hero{position:absolute;inset:0;pointer-events:none}
.oapp-il2-hero span{position:absolute;right:7%;top:22%;width:30%;aspect-ratio:1;border:1px solid rgba(239,197,115,.2);border-radius:50%;box-shadow:0 0 70px rgba(239,197,115,.08)}
.oapp-il2-copy{position:relative;width:min(100%,570px);z-index:1}
.oapp-il2-eyebrow{margin:0 0 15px;color:#8bd6df;font-size:.76rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.oapp-il2 h2{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.35rem,5.2vw,4.35rem);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.oapp-il2-lead{max-width:590px;margin:22px 0 29px;color:#ded3dc;font-size:1.07rem;line-height:1.7}
.oapp-il2-form label{display:block;margin-bottom:9px;color:#f5e9dd;font-weight:750;font-size:.9rem}
.oapp-il2-form textarea{display:block;width:100%;min-height:88px;resize:vertical;padding:15px 17px;border:1px solid rgba(239,197,115,.28);border-radius:15px;background:rgba(12,8,20,.74);color:#fff;line-height:1.5;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .2s,box-shadow .2s}
.oapp-il2-form textarea::placeholder{color:#918493}
.oapp-il2-form textarea:focus{border-color:rgba(239,197,115,.72);box-shadow:0 0 0 3px rgba(239,197,115,.12)}
.oapp-il2-help{margin:8px 0 17px;color:#a99daa;font-size:.76rem;line-height:1.45}
.oapp-il2-seal{display:inline-flex;align-items:center;gap:14px;padding:9px 19px 9px 10px;border:1px solid rgba(239,197,115,.65);border-radius:999px;background:linear-gradient(135deg,#7b283d,#42192a);color:#fff;cursor:pointer;box-shadow:0 12px 30px rgba(71,20,40,.36);transition:transform .2s,box-shadow .2s,background .2s}
.oapp-il2-seal:hover{transform:translateY(-2px);background:linear-gradient(135deg,#913349,#4f1d31);box-shadow:0 17px 38px rgba(71,20,40,.46)}
.oapp-il2-seal:focus-visible,.oapp-il2-btn:focus-visible,.oapp-il2-skip:focus-visible,.oapp-il2-bridge a:focus-visible{outline:3px solid #8be1de;outline-offset:4px}
.oapp-il2-seal-art{display:grid;gap:3px;width:50px;height:50px;padding:10px;border:1px solid rgba(239,197,115,.8);border-radius:50%;background:rgba(8,5,15,.48);box-shadow:inset 0 0 20px rgba(239,197,115,.12)}
.oapp-il2-seal-art i{display:block;height:2px;background:var(--il2-gold);border-radius:3px}
.oapp-il2-seal-art i:nth-child(even){background:linear-gradient(90deg,var(--il2-gold) 0 42%,transparent 42% 58%,var(--il2-gold) 58%)}
.oapp-il2-seal-label{font-weight:800;letter-spacing:.015em}
.oapp-il2-ceremony{min-height:570px;padding:72px 25px;text-align:center;background:radial-gradient(circle at 50% 47%,rgba(188,81,101,.18),transparent 28%),linear-gradient(145deg,#100a1e,#080611)}
.oapp-il2-ceremony h2{font-size:clamp(2.2rem,5vw,3.65rem)}
.oapp-il2-ceremony>p:not(.oapp-il2-eyebrow){max-width:580px;margin:17px auto;color:var(--il2-muted);line-height:1.65}
.oapp-il2-forming,.oapp-il2-glyph{display:flex;flex-direction:column;justify-content:center;gap:13px}
.oapp-il2-forming{position:relative;width:210px;aspect-ratio:1;margin:39px auto 30px;padding:40px 35px;border:1px solid rgba(239,197,115,.45);border-radius:50%;background:radial-gradient(circle,rgba(239,197,115,.12),rgba(23,12,31,.62) 58%,rgba(6,4,12,.95));box-shadow:0 0 0 12px rgba(239,197,115,.025),0 0 70px rgba(188,81,101,.18)}
.oapp-il2-forming:before,.oapp-il2-forming:after{content:"";position:absolute;inset:12px;border:1px solid rgba(116,201,187,.16);border-radius:50%;animation:il2-orbit 13s linear infinite}
.oapp-il2-forming:after{inset:24px;border-color:rgba(188,81,101,.2);animation-direction:reverse;animation-duration:9s}
.oapp-il2-forming span,.oapp-il2-glyph span{display:flex;justify-content:space-between;gap:15px;height:8px;opacity:.16;transform:scaleX(.42);transition:opacity .32s,transform .45s}
.oapp-il2-forming span i,.oapp-il2-forming span b,.oapp-il2-glyph span i,.oapp-il2-glyph span b{display:block;width:calc(50% - 7px);height:100%;border-radius:3px;background:linear-gradient(90deg,#c78d42,#f5d58a,#bd7e35);box-shadow:0 0 12px rgba(239,197,115,.28)}
.oapp-il2-forming span.is-yang i,.oapp-il2-glyph span.is-yang i{width:100%}
.oapp-il2-forming span.is-yang b,.oapp-il2-glyph span.is-yang b{display:none}
.oapp-il2-forming span.is-visible{opacity:1;transform:scaleX(1)}
.oapp-il2-skip{border:0;border-bottom:1px solid rgba(239,197,115,.42);padding:4px 1px;background:none;color:#d8c9d4;cursor:pointer;font-size:.82rem}
.oapp-il2-result{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.25fr);gap:0;background:linear-gradient(145deg,#0b0714,#160c1a)}
.oapp-il2-result-sign{position:sticky;top:20px;align-self:start;min-height:610px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px;background:radial-gradient(circle at 50% 42%,rgba(239,197,115,.16),transparent 28%),linear-gradient(rgba(7,5,13,.32),rgba(7,5,13,.82)),var(--il2-hero);background-size:cover;background-position:67% center;border-right:1px solid rgba(239,197,115,.13)}
.oapp-il2-glyph{width:205px;min-height:205px;padding:39px 33px;border:1px solid rgba(239,197,115,.52);border-radius:50%;background:rgba(9,6,15,.72);box-shadow:0 0 0 12px rgba(239,197,115,.03),0 18px 55px rgba(0,0,0,.32)}
.oapp-il2-glyph span{opacity:1;transform:none}
.oapp-il2-character{margin-top:23px;color:rgba(255,248,234,.83);font-family:Georgia,serif;font-size:3.3rem;text-shadow:0 0 24px rgba(239,197,115,.28)}
.oapp-il2-result-copy{padding:58px 55px 54px}
.oapp-il2-number{margin:0 0 7px;color:var(--il2-gold);font-size:.83rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.oapp-il2-result-copy h2{font-size:clamp(2.3rem,5vw,3.75rem)}
.oapp-il2-result-copy h2:focus{outline:none}
.oapp-il2-classic{margin:10px 0 27px;color:#9bcfc7;font-style:italic}
.oapp-il2-result-copy section{margin:0 0 19px;padding:19px 20px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.035)}
.oapp-il2-result-copy section h3{margin:0 0 8px;color:#f1c97d;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.oapp-il2-result-copy section p{margin:0;color:#ded6de;line-height:1.72}
.oapp-il2-question{border-color:rgba(188,81,101,.23)!important;background:rgba(188,81,101,.07)!important}
.oapp-il2-reflection{border-color:rgba(116,201,187,.2)!important;background:rgba(116,201,187,.055)!important}
.oapp-il2-trigrams>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oapp-il2-trigrams p{padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.18)}
.oapp-il2-trigrams span{display:block;margin-bottom:3px;color:#a89cab;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.oapp-il2-trigrams strong{color:#fff;font-weight:700}
.oapp-il2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.oapp-il2-btn{border:1px solid rgba(239,197,115,.54);border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#7d2a40,#461a2c);color:#fff;font-weight:800;cursor:pointer;transition:transform .18s,background .18s}
.oapp-il2-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#94354c,#552036)}
.oapp-il2-btn.is-secondary{background:transparent;color:#dfd3dd}
.oapp-il2-share-status{min-height:1.4em;margin:10px 0 0;color:#9bd8cd;font-size:.78rem}
.oapp-il2-bridge{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 24px;border-top:1px solid rgba(239,197,115,.13);background:#080610;color:#a89dab;font-size:.78rem}
.oapp-il2-bridge p{margin:0}
.oapp-il2-bridge a{color:#efcf91;text-decoration:none;border-bottom:1px solid rgba(239,207,145,.35)}
.oapp-il2-live{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oapp-il2.is-leaving .oapp-il2-phase{animation:il2-fade .28s ease both}
.oapp-il2-result.is-entering{animation:il2-result .65s cubic-bezier(.2,.75,.25,1) both}
@keyframes il2-fade{to{opacity:0;transform:translateY(-7px)}}
@keyframes il2-result{from{opacity:0;transform:translateY(16px)}}
@keyframes il2-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .oapp-il2{border-radius:22px}
  .oapp-il2-intro{min-height:710px;padding:45px 24px 39px;align-items:end}
  .oapp-il2-intro:before{background-image:linear-gradient(0deg,rgba(7,5,14,.99) 0%,rgba(7,5,14,.9) 54%,rgba(7,5,14,.12) 100%),var(--il2-hero);background-position:66% center}
  .oapp-il2-copy{width:100%}
  .oapp-il2 h2{font-size:clamp(2.35rem,11vw,3.35rem)}
  .oapp-il2-lead{font-size:.98rem}
  .oapp-il2-result{display:block}
  .oapp-il2-result-sign{position:relative;top:auto;min-height:380px;padding:40px 25px;border-right:0;border-bottom:1px solid rgba(239,197,115,.13)}
  .oapp-il2-glyph{width:185px;min-height:185px;padding:36px 31px}
  .oapp-il2-result-copy{padding:37px 22px 35px}
  .oapp-il2-trigrams>div{grid-template-columns:1fr}
  .oapp-il2-actions{display:grid}
  .oapp-il2-btn{width:100%}
  .oapp-il2-bridge{display:block;text-align:center;line-height:1.55}
  .oapp-il2-bridge a{display:inline-block;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
  .oapp-il2 *,.oapp-il2 *:before,.oapp-il2 *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(forced-colors:active){
  .oapp-il2,.oapp-il2-form textarea,.oapp-il2-seal,.oapp-il2-btn,.oapp-il2-result-copy section{border:1px solid CanvasText}
  .oapp-il2-forming span i,.oapp-il2-forming span b,.oapp-il2-glyph span i,.oapp-il2-glyph span b{background:CanvasText}
}