html,body{height:100%;margin:0;padding:10px;overflow-y:auto;font-family:Arial,sans-serif}body{background:linear-gradient(160deg,#2f5ed8,#7048d8,#a05bd0);background-attachment:fixed;color:#fff}body.dark-mode{background:linear-gradient(160deg,#18233f,#33215c,#4a2478);background-attachment:fixed;color:#fff}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#container1{position:absolute;top:10px;left:0;width:12%;min-width:160px;padding:8px;box-sizing:border-box;background-color:#f1f1f1;border:1px solid #ddd;border-radius:8px;z-index:2;color:#222}#menu{list-style:none;padding:0;margin:0}#menu li{margin:8px 0}#menu button{width:100%;text-align:left;padding:8px 10px;cursor:pointer;border:1px solid #ccc;border-radius:6px;background:#fff}#menu ul{list-style:none;padding:4px 0 0 10px}#menu ul button{padding:6px 10px;font-size:13.5px;color:#333}.submenu{display:none}#menu li.has-sub>button{display:flex;align-items:center;justify-content:space-between}#menu li.has-sub>button:after{content:"";width:6px;height:6px;margin-left:8px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}#menu li.has-sub.open>button:after{transform:rotate(-135deg)}#menu button.active{border-color:#7c4dff;box-shadow:0 0 10px 1px #966eff80;font-weight:700}body.dark-mode #menu button.active{border-color:#a078ff;box-shadow:0 0 12px 2px #be96ffa6}#menu-toggle{display:none;position:fixed;top:8px;left:8px;z-index:12;width:42px;height:38px;padding:9px 10px;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:column;justify-content:space-between}#menu-toggle .bar{display:block;height:2px;width:100%;background:#333;border-radius:2px}body.dark-mode #menu-toggle{background:#444;border-color:#666}body.dark-mode #menu-toggle .bar{background:#fff}#content{display:flex;flex-direction:column;align-items:center;padding-left:15%;position:relative;z-index:1}.view{display:none;width:60%;max-width:900px;box-sizing:border-box;background:#f1f1f1;border:1px solid #ddd;border-radius:8px;padding:20px 30px;margin:20px 0;text-align:center;color:#222}#home{display:block}.reading{display:none;width:66%;max-width:1100px;box-sizing:border-box;background:#e8e8e8;border:1px solid #bbb;border-radius:8px;padding:20px 24px;margin:20px 0;color:#222}.reading h2{text-align:center;margin:0 0 16px}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{width:140px;text-align:center}.card img{width:100%;max-width:140px;height:auto;aspect-ratio:3 / 5;object-fit:cover;border:2px solid #fff;border-radius:6px;box-shadow:0 2px 6px #0003;box-sizing:border-box}.word{font-size:14px;line-height:1.4;margin:8px 0 0;min-height:20px}.card-label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.elementos-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:16px;justify-items:center;align-items:center}.pos-terra{grid-column:1;grid-row:1}.pos-ar{grid-column:3;grid-row:1}.pos-centro{grid-column:2;grid-row:2}.pos-agua{grid-column:1;grid-row:3}.pos-fogo{grid-column:3;grid-row:3}.celtic-wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px}.celtic-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center;align-items:center;max-width:540px}.celtic-top{grid-column:2;grid-row:1}.celtic-left{grid-column:1;grid-row:2}.celtic-center{grid-column:2;grid-row:2}.celtic-right{grid-column:3;grid-row:2}.celtic-below{grid-column:2;grid-row:3}.celtic-roots{grid-column:2;grid-row:4}.celtic-obstaculo img{transform:rotate(90deg)}.celtic-obstaculo .word{margin-top:-46px}.celtic-staff{display:flex;flex-direction:column;align-items:center;gap:16px}.pyr-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.pyramid-layout{display:flex;flex-direction:column;align-items:center;gap:16px}.horseshoe-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:700px;margin:0 auto}.estrela-layout{position:relative;width:100%;max-width:660px;height:940px;margin:0 auto}.estrela-layout>div{position:absolute;transform:translate(-50%,-50%)}.est-p0{left:50%;top:50%}.est-p1{left:50%;top:15.5%}.est-p2{left:82%;top:33%}.est-p3{left:76%;top:83%}.est-p4{left:24%;top:83%}.est-p5{left:18%;top:33%}.witness-layout,.grade-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center;align-items:center;max-width:640px;margin:0 auto}.controls{text-align:center;margin-top:20px}.controls button{margin:0 6px;padding:10px 18px;font-size:14px;cursor:pointer;border:1px solid #999;border-radius:6px;background:#fff}#menu button,.controls button,#toggle-dark-mode{transition:box-shadow .25s ease,border-color .25s ease}#menu button:hover,.controls button:hover,#toggle-dark-mode:hover{box-shadow:0 0 12px 2px #966effa6;border-color:#a06bff}body.dark-mode #menu button:hover,body.dark-mode .controls button:hover,body.dark-mode #toggle-dark-mode:hover{box-shadow:0 0 14px 3px #be96ffcc}.explanation{font-size:14px;line-height:1.6;margin:18px 0 0;text-align:center}.controls .draw-btn,.controls .reset-btn{color:#fff;background:linear-gradient(135deg,#7c4dff,#b057e0);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #7850dc73;transition:box-shadow .25s ease,transform .15s ease}.controls .draw-btn:hover,.controls .reset-btn:hover{box-shadow:0 0 18px 4px #966effb3;border-color:#fff9;transform:translateY(-1px)}body.dark-mode .controls .draw-btn,body.dark-mode .controls .reset-btn{box-shadow:0 0 16px 3px #be96ff8c}.controls .reset-btn{background:#fff;color:#444;border:1px solid #aaa;box-shadow:0 0 8px 1px #7850dc40}body.dark-mode .controls .reset-btn{background:#444;color:#fff;border-color:#666}.ask{display:block;width:100%;max-width:560px;margin:16px auto 0;padding:10px 12px;font-family:inherit;font-size:14px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#222;box-sizing:border-box;resize:vertical}body.dark-mode .ask{background:#444;color:#fff;border-color:#555}.conclusion{max-width:720px;margin:16px auto 0;padding:12px 14px;font-size:15px;line-height:1.55;text-align:center;background:#7c4dff1f;border:1px solid rgba(124,77,255,.35);border-radius:8px;color:#222}.conclusion[hidden]{display:none}body.dark-mode .conclusion{color:#fff;background:#7c4dff38;border-color:#a078ff73}#ia-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0a1e8c}#ia-modal[hidden]{display:none}.ia-modal-card{position:relative;background:#fff;color:#222;width:100%;max-width:540px;border-radius:12px;padding:22px;box-sizing:border-box;box-shadow:0 10px 40px #00000059;max-height:90vh;overflow:auto}body.dark-mode .ia-modal-card{background:#333;color:#fff}.ia-modal-card h2{margin:0 0 10px;text-align:center;font-size:20px}.ia-modal-card p{font-size:14px;line-height:1.5;margin:0 0 12px}.ia-modal-card label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}#ia-prompt{width:100%;box-sizing:border-box;min-height:180px;resize:vertical;font-family:monospace;font-size:13px;line-height:1.5;padding:10px;border:1px solid #bbb;border-radius:8px;background:#f7f7f7;color:#222}body.dark-mode #ia-prompt{background:#444;color:#eee;border-color:#555}.ia-actions{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.ia-actions button{padding:10px 16px;border-radius:8px;border:1px solid #999;cursor:pointer;font-size:14px;font-weight:700;background:#fff;color:#222;transition:box-shadow .25s ease}.ia-actions button:hover{box-shadow:0 0 12px 2px #966eff99}#ia-open{background:linear-gradient(135deg,#7c4dff,#b057e0);color:#fff;border-color:transparent}body.dark-mode .ia-actions button{background:#444;color:#fff;border-color:#555}.ia-close{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:24px;line-height:1;cursor:pointer;color:inherit}body.dark-mode #container1,body.dark-mode .view{background-color:#333;border-color:#444;color:#fff}body.dark-mode .reading{background:#333;border-color:#444;color:#fff}body.dark-mode #menu button,body.dark-mode .controls button{background:#444;color:#fff;border-color:#555}body.dark-mode .card img{border-color:#555}@media(max-width:900px){body{padding:8px}#container1{position:static;width:100%;margin-bottom:12px;display:none}#container1.open{display:block}#menu-toggle{display:flex}#content{padding-left:0;padding-top:44px}.view,.reading{width:100%}.card{width:120px}.cards{gap:12px}.reading,.view{padding:16px 20px}#toggle-dark-mode{top:8px;right:8px;padding:6px 10px;font-size:12px}}@media(max-width:480px){body{padding:6px}.card{width:calc(50% - 6px)}.cards{gap:12px}.controls button{width:100%;margin:6px 0;padding:12px}.elementos-layout{grid-template-columns:repeat(2,1fr);gap:10px}.pos-terra{grid-column:1;grid-row:1}.pos-ar{grid-column:2;grid-row:1}.pos-centro{grid-column:1 / span 2;grid-row:2}.pos-agua{grid-column:1;grid-row:3}.pos-fogo{grid-column:2;grid-row:3}.celtic-wrap{display:block}.celtic-cross{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:none}.celtic-obstaculo img{transform:none}.celtic-obstaculo .word{margin-top:8px}.celtic-staff{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.estrela-layout{position:static;height:auto;max-width:none}.estrela-layout>div{position:static;transform:none}.estrela-layout,.witness-layout,.grade-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}h1{font-size:24px}.explanation,.ask,.conclusion{font-size:13px}#content{padding-top:40px}}#toggle-dark-mode{position:fixed;top:10px;right:10px;z-index:10;cursor:pointer}.lead{font-size:16px;line-height:1.6;margin:6px 0 0}.steps{text-align:left;max-width:620px;margin:14px auto 0;padding-left:22px;font-size:15px;line-height:1.7}.steps li{margin:6px 0}.quick-title{margin:22px 0 10px;font-weight:700}.quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.quick-links button{padding:10px 16px;font-size:14px;cursor:pointer;border:1px solid #999;border-radius:8px;background:linear-gradient(135deg,#7c4dff,#b057e0);color:#fff;box-shadow:0 4px 14px #7850dc73;transition:box-shadow .25s ease,transform .15s ease}.quick-links button:hover{box-shadow:0 0 18px 4px #966effb3;transform:translateY(-1px)}.note{font-size:13px;line-height:1.6;margin:22px 0 0;opacity:.9}.purpose{max-width:620px;margin:0 auto 12px;padding:8px 12px;font-size:13.5px;font-style:italic;line-height:1.55;text-align:center;color:#4a3a7a;background:#7c4dff14;border-left:3px solid #7c4dff;border-radius:0 6px 6px 0}body.dark-mode .purpose{color:#d9c9ff;background:#7c4dff2e;border-left-color:#a078ff}.empty-hint{text-align:center;font-size:14px;margin:0 0 14px;opacity:.85}.empty-hint[hidden]{display:none}.card img:not([src]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='17' font-size='15' text-anchor='middle' fill='%237c4dff'%3E?%3C/text%3E%3C/svg%3E"),linear-gradient(135deg,#7c4dff33,#b057e022);background-repeat:no-repeat;background-position:center,center;background-size:34% 34%,cover;border-style:dashed}.site-footer{position:relative;z-index:1;max-width:900px;margin:24px auto 10px;padding:14px 16px;text-align:center;font-size:12.5px;line-height:1.6;color:#fff;opacity:.9}.site-footer p{margin:4px 0}.day-card-wrap{display:flex;justify-content:center;margin:10px 0 4px}.day-card-wrap .card{width:200px}.day-card-wrap .card img{max-width:200px}.gallery-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 14px}.gallery-tab,.gallery-filter{padding:8px 14px;font-size:14px;cursor:pointer;border:1px solid #bbb;border-radius:20px;background:#fff;color:#333;transition:box-shadow .25s ease,background .2s ease}.gallery-tab.active,.gallery-filter.active{background:linear-gradient(135deg,#7c4dff,#b057e0);color:#fff;border-color:transparent}.gallery-tab:hover,.gallery-filter:hover{box-shadow:0 0 12px 2px #966eff99}.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.gallery-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;cursor:pointer;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222}.gallery-item:hover{box-shadow:0 0 12px 2px #966eff99}.gallery-item img{width:100%;aspect-ratio:3 / 5;object-fit:cover;border-radius:4px;border:1px solid #ccc}.gallery-item span{font-size:11.5px;line-height:1.3;text-align:center}body.dark-mode .gallery-tab,body.dark-mode .gallery-filter,body.dark-mode .gallery-item{background:#444;color:#fff;border-color:#555}body.dark-mode .gallery-tab.active,body.dark-mode .gallery-filter.active{border-color:transparent}.history-list{text-align:left;margin-top:8px}.history-empty{text-align:center;font-size:14px;opacity:.85}.history-item{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 14px;margin-bottom:12px}.history-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:6px}.history-date{font-size:12px;opacity:.8}.history-question,.history-cards,.history-conclusion{font-size:13.5px;line-height:1.5;margin:4px 0}.history-cards{opacity:.9}.history-conclusion{background:#7c4dff1f;border:1px solid rgba(124,77,255,.35);border-radius:6px;padding:8px 10px}.history-actions{text-align:right;margin-top:8px}.history-actions button{padding:6px 14px;font-size:13px;cursor:pointer;border:1px solid #999;border-radius:6px;background:#fff}body.dark-mode .history-item{background:#3a3a3a;border-color:#555}body.dark-mode .history-actions button{background:#444;color:#fff;border-color:#666}.next-step{max-width:720px;margin:14px auto 0;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #c9b8ff;text-align:center;box-shadow:0 2px 10px #7850dc26}.next-step[hidden]{display:none}.next-step-title{margin:0 0 4px;font-size:15px;font-weight:700}.next-step-note{margin:0 0 12px;font-size:12.5px;line-height:1.5;opacity:.9}.next-step-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ai-inline{display:inline-block;margin:2px 0 8px;padding:12px 22px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;border:1px solid transparent;border-radius:8px;background:linear-gradient(135deg,#7c4dff,#b057e0);box-shadow:0 4px 14px #7850dc73;transition:box-shadow .25s ease,transform .15s ease}.ai-inline:hover{box-shadow:0 0 18px 4px #966effb3;transform:translateY(-1px)}.ai-open{display:inline-block;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;border-radius:8px;border:1px solid transparent;color:#fff;background:linear-gradient(135deg,#7c4dff,#b057e0);box-shadow:0 4px 14px #7850dc73;transition:box-shadow .25s ease,transform .15s ease;cursor:pointer}.ai-open:hover{box-shadow:0 0 18px 4px #966effb3;transform:translateY(-1px)}.ai-open.ai-deepseek{background:linear-gradient(135deg,#0f7b6c,#13b48c)}.ai-panel{max-width:640px;margin:14px auto 0;padding:12px 14px;border-radius:10px;background:#f7f4ff;border:1px solid #d6c8ff;text-align:left}.ai-panel[hidden]{display:none}.ai-status{margin:0 0 8px;font-size:13px;font-weight:700;color:#5a3fb0}.ai-response{font-size:14px;line-height:1.6;white-space:pre-wrap;color:#222;min-height:1em}.ai-panel[data-state=thinking] .ai-status:after,.ai-panel[data-state=streaming] .ai-status:after{content:"";display:inline-block;width:10px;height:10px;margin-left:8px;border:2px solid #7c4dff;border-top-color:transparent;border-radius:50%;vertical-align:middle;animation:ai-spin .8s linear infinite}.ai-panel[data-state=error] .ai-status{color:#a11}.ai-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.ai-retry{padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid #999;border-radius:6px;background:#fff;color:#333}.ai-retry[hidden]{display:none}.ai-model{padding:6px 10px;font-size:12.5px;border:1px solid #bbb;border-radius:6px;background:#fff;color:#333;max-width:100%}body.dark-mode .ai-panel{background:#3a3350;border-color:#6b57a8}body.dark-mode .ai-status{color:#c9b6ff}body.dark-mode .ai-response{color:#eee}body.dark-mode .ai-retry,body.dark-mode .ai-model{background:#444;color:#fff;border-color:#666}.history-ai{font-size:13.5px;line-height:1.5;margin:6px 0 0;padding:8px 10px;border-radius:6px;background:#e8f5ee;border:1px solid #b7e0c8}body.dark-mode .history-ai{background:#2f4a3b;border-color:#4d7a63}@keyframes ai-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ai-panel[data-state=thinking] .ai-status:after,.ai-panel[data-state=streaming] .ai-status:after{animation:none}}.ia-note{font-size:12px;line-height:1.5;margin:12px 0 0;opacity:.85;text-align:center}.ia-actions a{padding:10px 16px;border-radius:8px;border:1px solid #999;cursor:pointer;font-size:14px;font-weight:700;background:#fff;color:#222;text-decoration:none;transition:box-shadow .25s ease}.ia-actions a:hover{box-shadow:0 0 12px 2px #966eff99}body.dark-mode .next-step{background:#3a3a3a;border-color:#7c4dff80}body.dark-mode .ia-actions a{background:#444;color:#fff;border-color:#555}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:70;max-width:90vw;padding:12px 18px;border-radius:24px;background:#1e1e2f;color:#fff;font-size:14px;font-weight:700;text-align:center;box-shadow:0 8px 30px #0009;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translate(-50%)}.toast[hidden]{display:none}#img-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0a1ee6}#img-modal[hidden]{display:none}.card-detail{position:relative;width:100%;max-width:420px;max-height:90vh;overflow:auto;padding:18px;box-sizing:border-box;background:#fff;color:#222;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0009}#img-modal-pic{display:block;max-width:100%;max-height:50vh;margin:0 auto;border:3px solid #fff;border-radius:10px;box-shadow:0 6px 24px #0006}.card-detail h3{margin:14px 0 8px;font-size:18px}.card-orient{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 12px}.card-orient[hidden]{display:none}.orient-btn{padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid #bbb;border-radius:20px;background:#fff;color:#333;transition:box-shadow .2s ease}.orient-btn:hover{box-shadow:0 0 10px 1px #966eff99}.orient-btn.active{background:linear-gradient(135deg,#7c4dff,#b057e0);color:#fff;border-color:transparent}.card-meaning{margin:0;font-size:14px;line-height:1.6;text-align:left}.card-detail .ia-close{color:#555;font-size:30px;top:8px;right:12px}body.dark-mode .card-detail{background:#333;color:#fff}body.dark-mode .orient-btn{background:#444;color:#fff;border-color:#666}body.dark-mode .orient-btn.active{border-color:transparent}body.dark-mode .card-detail .ia-close{color:#fff}@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.gallery-item span{font-size:10.5px}.day-card-wrap .card,.day-card-wrap .card img{width:160px;max-width:160px}.history-head{flex-direction:column}.quick-links button{flex:1 1 calc(50% - 10px)}.estrela-layout{position:static;height:auto;max-width:none}.estrela-layout>div{position:static;transform:none}.estrela-layout,.witness-layout,.grade-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.celtic-wrap{display:block}.celtic-cross{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:none}.celtic-obstaculo img{transform:none}.celtic-obstaculo .word{margin-top:8px}.celtic-staff{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.next-step-actions .ai-open{flex:1 1 100%}.ai-inline{width:100%}.toast{bottom:14px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}