.or-app-shell,.or-app-shell *{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}@media(prefers-reduced-motion:reduce){.or-app-shell,.or-app-shell *{transition:none!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Poppins,sans-serif;background:radial-gradient(circle at 10% 0,#111827 0,#020617 55%,#000 90%);color:#e5e7eb}.or-app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.or-nav{background:#000000eb;border-right:1px solid rgba(148,163,184,.35);padding:1rem .9rem;display:flex;flex-direction:column;gap:1rem}.or-logo-row{display:flex;align-items:center;gap:.65rem}.or-logo{width:42px;height:42px;border-radius:999px;object-fit:contain}.or-title-wrap{display:flex;flex-direction:column}.or-title{font-size:.9rem;font-weight:600;letter-spacing:.04em}.or-subtitle{font-size:.75rem;color:#9ca3af}.or-tool-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.or-tool-btn{width:100%;display:flex;align-items:center;gap:.4rem;padding:.45rem .55rem;border-radius:999px;border:1px solid transparent;background:transparent;color:#e5e7eb;font-size:.83rem;cursor:pointer;transition:.14s ease}.or-tool-emoji{font-size:1rem}.or-tool-label{flex:1;text-align:left}.or-tool-btn:hover{border-color:#818cf8cc;background:radial-gradient(circle at 0 0,#1e293b,#020617)}.or-tool-btn-active{border-color:#818cf8;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 0 16px #4f46e599}.or-tool-panel{min-height:100vh;overflow:auto}@media(max-width:900px){.or-app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.or-nav{position:sticky;top:0;z-index:20;flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid rgba(148,163,184,.35)}.or-tool-list{flex-direction:row;margin-top:0;gap:.3rem}.or-tool-btn{width:auto;padding-inline:.6rem;font-size:.78rem}.or-tool-label{display:none}}.page-wrapper{min-height:100vh;background:radial-gradient(circle at 10% 0,#000 0 50%,#000);color:#e5e7eb;padding:1.75rem 1.5rem 5rem;box-sizing:border-box}.site-header{max-width:1120px;margin:0 auto 1.75rem}.logo-title-wrap{display:flex;align-items:center;gap:1rem}.logo{width:120px;height:auto}.header-text h1{font-size:1.9rem;margin:0 0 .2rem;color:#f9fafb}.gst-info{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#a5b4fc}.tick-wrapper{width:18px;height:18px;border-radius:999px;border:1px solid #22c55e;display:flex;align-items:center;justify-content:center;background:#22c55e14}.tick-mark{font-size:.8rem}.main-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem}.assistant-card{background:#000000e6;border-radius:18px;border:1px solid rgba(148,163,184,.35);padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.75rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.assistant-header{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.status-dot{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 10px #22c55ee6}.assistant-name{font-weight:600;color:#c4b5fd}.assistant-tag{margin-left:auto;padding:.25rem .6rem;border-radius:999px;background:linear-gradient(135deg,#312e81,#7c3aed);font-size:.7rem;color:#e0f2fe}.chat-window{flex:1;min-height:260px;max-height:420px;background:radial-gradient(circle at 0 0,#000 0 100%);border-radius:14px;padding:.9rem;overflow-y:auto;border:1px solid rgba(148,163,184,.35)}.message-row{display:flex;margin-bottom:.55rem}.message-row.ai{justify-content:flex-start}.message-row.user{justify-content:flex-end}.message{max-width:78%;padding:.55rem .75rem;border-radius:12px;font-size:.9rem;line-height:1.4}.ai-message{background:#000000f2;border:1px solid rgba(129,140,248,.6);color:#e5e7eb}.user-message{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f9fafb;border-radius:12px 12px 2px}.typing-bubble{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:.5rem .7rem;border-radius:999px;background:#000000f2;border:1px solid rgba(148,163,184,.45)}.typing-dot{width:5px;height:5px;border-radius:999px;background:#9ca3af;animation:dotPulse 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.input-area{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(148,163,184,.35)}.input-label{font-size:.8rem;color:#9ca3af;margin-bottom:.3rem}.input-hint{font-size:.78rem;color:#9ca3af;margin-top:.3rem}.input-row{display:flex;gap:.6rem;margin-top:.3rem}.assistant-input{flex:1;background:#000000f2;border-radius:10px;border:1px solid rgba(148,163,184,.6);padding:.55rem .75rem;font-size:.9rem;color:#e5e7eb;outline:none}.assistant-input::placeholder{color:#64748b;font-size:.84rem}.assistant-input:focus{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8b3}.input-error{border-color:#f97373!important;box-shadow:0 0 0 1px #f87171b3}.primary-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:999px;padding:.55rem .9rem;font-size:.86rem;color:#f9fafb;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,opacity .12s}.primary-btn span{font-size:1rem}.primary-btn:hover{transform:translateY(-.5px);box-shadow:0 10px 25px #4f46e58c}.primary-btn.disabled-btn{opacity:.5;cursor:default;box-shadow:none}.choice-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}.choice-btn{border-radius:999px;padding:.5rem .8rem;border:1px solid rgba(148,163,184,.9);background:#0f172ad9;color:#e5e7eb;font-size:.82rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:.16s ease}.choice-btn:hover{border-color:#a5b4fc;background:radial-gradient(circle at 0 0,#1d2536,#020617)}.choice-btn.disabled-btn{opacity:.5;cursor:default}.carat-pill{padding:.2rem .6rem;border-radius:999px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#111827;font-weight:600;font-size:.75rem}.inline-alert{margin-top:.45rem;padding:.45rem .6rem;border-radius:10px;font-size:.78rem;background:#f8717126;border:1px solid rgba(248,113,113,.65);color:#fecaca}.result-card{margin-top:.4rem;padding:.9rem .95rem;border-radius:14px;background:radial-gradient(circle at 0 0,#140042,#000);border:1px solid rgba(129,140,248,.7)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.result-title{font-size:.85rem;color:#c7d2fe}.result-pill{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;background:#1e40afe6;color:#e0f2fe}.result-amount{font-size:1.4rem;font-weight:600;color:#fef3c7;margin:.35rem 0 .55rem}.result-breakdown{border-radius:10px;padding:.45rem .55rem;background:#140042;border:1px solid rgba(148,163,184,.55);font-size:.8rem}.result-breakdown-row{display:flex;justify-content:space-between;margin-bottom:.2rem}.result-breakdown-row:last-child{margin-bottom:0}.result-highlight{font-size:.8rem;color:#e5e7eb;margin-top:.55rem}.info-card{background:#000000f2;border-radius:18px;border:1px solid rgba(148,163,184,.4);padding:1.25rem 1.1rem;align-self:flex-start}.info-card h2{margin:0 0 .6rem;font-size:1.1rem;color:#f9fafb}.info-card ul{margin:0 0 .6rem;padding-left:1rem;font-size:.85rem;color:#e5e7eb}.info-card li+li{margin-top:.2rem}.info-note{font-size:.8rem;color:#9ca3af}.info-note span{color:#fde68a;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:40}.modal-overlay.hidden{display:none}.modal-card{width:92%;max-width:360px;background:radial-gradient(circle at 0 0,#000,#03002c);border-radius:18px;border:1px solid rgba(248,250,252,.08);box-shadow:0 20px 50px #0f172af2;padding:1.1rem 1rem 1rem;text-align:center}.modal-icon{font-size:1.9rem;margin-bottom:.3rem}.modal-title{font-size:1rem;font-weight:600;color:#fecaca;margin-bottom:.25rem}.modal-msg{font-size:.85rem;color:#e5e7eb;margin-bottom:.7rem}.modal-actions{display:flex;gap:.6rem;justify-content:center}.modal-btn{flex:1;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;border:none;cursor:pointer;transition:.15s ease}.modal-btn.proceed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22}.modal-btn.edit{background:linear-gradient(135deg,#f97316,#fb923c);color:#111827}.modal-btn:hover{transform:translateY(-.5px)}.site-footer{max-width:1120px;margin:1.8rem auto 0;font-size:.78rem;color:#6b7280;text-align:center}@media(max-width:850px){.main-layout{grid-template-columns:minmax(0,1fr)}.info-card{order:-1}.assistant-card{min-height:380px}}@media(max-width:600px){.page-wrapper{padding:1.25rem 1rem 4rem}.logo-title-wrap{flex-direction:column;align-items:flex-start}.header-text h1{font-size:1.45rem}.chat-window{max-height:360px}.message{max-width:85%}}.message.ai-message canvas{width:100%!important;height:auto!important}.chart-canvas,.message.ai-message canvas{max-width:220px;max-height:220px}.message.ai-message canvas{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.or-tool-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;transition:.25s ease}.or-tool-icon{width:34px;height:34px;padding:6px;border-radius:50%;background:#ffffff0f;object-fit:contain;transition:.3s ease;filter:grayscale(60%) brightness(.8)}.or-tool-btn-active .or-tool-icon{background:#6944ff33;filter:grayscale(0%) brightness(1.15);transform:scale(1.08);box-shadow:0 0 18px #6944ff73,0 0 32px #6944ff40}.or-tool-btn:not(.or-tool-btn-active):hover .or-tool-icon{filter:grayscale(10%) brightness(1);background:#ffffff1a;transform:scale(1.05)}.or-mobile-shell{display:none}@media(max-width:900px){.or-app-shell{display:flex;flex-direction:column;min-height:100vh}.or-nav{display:none}.or-tool-panel{min-height:100vh;overflow-y:auto}.or-mobile-shell{display:block;position:sticky;top:0;z-index:30;background:radial-gradient(circle at 10% 0,#000 0 55%,#000 90%);padding:.6rem .85rem .4rem;border-bottom:1px solid rgba(148,163,184,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.or-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.35rem}.or-mobile-brand{display:flex;align-items:center;gap:.45rem}.or-mobile-logo{width:32px;height:32px;border-radius:999px;object-fit:contain}.or-mobile-title-wrap{display:flex;flex-direction:column}.or-mobile-title{font-size:.85rem;font-weight:600;letter-spacing:.04em}.or-mobile-subtitle{font-size:.7rem;color:#9ca3af}.or-mobile-category-tabs{display:flex;gap:.35rem}.or-mobile-tab{border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;padding:.25rem .7rem;font-size:.72rem;color:#cbd5f5;cursor:pointer;transition:.18s ease;white-space:nowrap}.or-mobile-tab-active{border-color:#5eead4e6;background:radial-gradient(circle at 0 0,#22d3ee,#6366f1);color:#0f172a;box-shadow:0 0 16px #38bdf8b3}.or-mobile-tool-strip{display:flex;gap:.85rem;padding:.5rem .2rem;overflow-x:auto;scrollbar-width:none}.or-mobile-tool-strip::-webkit-scrollbar{display:none}.mobile-tool-card{width:56px;height:56px;border-radius:12px;background:radial-gradient(circle at 30% 20%,#1e2536,#020617 85%);border:1.5px solid rgba(148,163,184,.35);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .22s ease,border-color .18s ease}.mobile-tool-card:hover{transform:translateY(-3px);background:linear-gradient(140deg,#6938ca,#daccf2);border-color:#fffc}.mobile-tool-card img{width:22px;height:22px;object-fit:contain;filter:grayscale(45%) brightness(.9);transition:filter .25s ease}.mobile-tool-label{margin-top:1px;font-size:.35rem;font-weight:500;letter-spacing:.01em;color:#dbeafe;text-align:center}.mobile-tool-card-active{background:linear-gradient(140deg,#4338ca,#7c3aed);border-color:#fffc}.mobile-tool-card-active img{filter:grayscale(0%) brightness(1.15)}.mobile-tool-card:active{transform:scale(.92) translateY(-2px)}}.tarot-shell{position:relative;overflow:hidden}.tarot-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tarot-title-block{display:flex;align-items:center;gap:.9rem}.tarot-sigil-orbit{position:relative;width:54px;height:54px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#fbbf24,#4c1d95);display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px #fbbf24cc,0 0 40px #9333eab3}.tarot-sigil-core{font-size:1.3rem;color:#fef9c3}.tarot-orbit{position:absolute;border-radius:999px;border:1px dashed rgba(250,250,250,.3)}.tarot-orbit-1{width:70px;height:70px;animation:tarotOrbit 10s linear infinite}.tarot-orbit-2{width:86px;height:86px;animation:tarotOrbit 16s linear infinite reverse}.tarot-orbit-3{width:102px;height:102px;opacity:.4;animation:tarotOrbit 22s linear infinite}@keyframes tarotOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tarot-heading-text{display:flex;flex-direction:column}.tarot-title{font-size:1.05rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tarot-subtitle{font-size:.78rem;color:#9ca3af}.tarot-score-pill{padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(251,191,36,.7);background:radial-gradient(circle at 0 0,#1f2937,#020617);font-size:.78rem;display:inline-flex;align-items:center;gap:.4rem}.tarot-score-pill strong{font-size:.98rem;color:#fde68a}.tarot-names-panel{margin-top:.5rem;display:flex;flex-direction:column;gap:.9rem}.tarot-intro-text{font-size:.85rem;color:#e5e7eb}.tarot-name-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.tarot-label{font-size:.78rem;color:#9ca3af;display:flex;flex-direction:column;gap:.25rem}.tarot-input{font-size:.86rem}.tarot-start-btn{align-self:flex-start;margin-top:.3rem}.tarot-deck-panel{margin-top:.5rem}.tarot-deck-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.tarot-card{position:relative;border:none;background:transparent;padding:0;cursor:pointer;perspective:900px}.tarot-card-disabled{opacity:.35;cursor:default}.tarot-card-inner{position:relative;width:100%;padding-top:140%;transform-style:preserve-3d;transition:transform .5s ease}.tarot-card-selected .tarot-card-inner{transform:rotateY(180deg) translateY(-3px)}.tarot-card-front,.tarot-card-back{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;border:1px solid rgba(148,163,184,.6)}.tarot-card-front{background:radial-gradient(circle at 30% 0,#1f2937,#020617 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.tarot-card-sigil{font-size:1.1rem;color:#f9fafb}.tarot-card-back-text{font-size:.7rem;color:#9ca3af}.tarot-card-back{transform:rotateY(180deg);background:radial-gradient(circle at 10% 0,indigo,#020617 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;box-shadow:0 12px 30px #0f172ae6}.tarot-card-symbol{font-size:1.4rem}.tarot-card-title{font-size:.78rem;font-weight:600;color:#e5e7eb;text-align:center}.tarot-card-slot-label{font-size:.7rem;color:#fde68a}.tarot-result-panel{margin-top:.5rem;display:flex;flex-direction:column;gap:.9rem}.tarot-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.tarot-result-card{background:radial-gradient(circle at 0 0,#000103,#020617 80%);border-radius:14px;border:1px solid rgba(148,163,184,.6);padding:.7rem .75rem;font-size:.8rem}.tarot-result-tag{font-size:.7rem;color:#a5b4fc;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.08em}.tarot-result-header{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;margin-bottom:.25rem}.tarot-score-snark{margin-top:.4rem;padding:.6rem .75rem;border-radius:12px;background:#0f172ad9;border:1px dashed rgba(248,250,252,.3);font-size:.8rem}.tarot-score-line strong{color:#facc15}.tarot-score-comment{margin-top:.25rem;color:#e5e7eb}.tarot-actions{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem}.tarot-secondary-btn{background:radial-gradient(circle at 0 0,#020617,#111827);border:1px solid rgba(148,163,184,.7)}.tarot-footer-note{margin-top:.4rem;font-size:.78rem;color:#9ca3af}@media(max-width:900px){.tarot-deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tarot-result-grid,.tarot-name-row{grid-template-columns:minmax(0,1fr)}}
