.news-container{background-color:var(--glass-bg);border:3px solid #000;border-color:var(--glass-border);box-sizing:border-box;border-radius:36px;flex-direction:column;width:100%;max-width:100%;margin:0 auto;display:flex;overflow-x:hidden;box-shadow:0 4px 6px #0f03}.news-container h2{word-break:break-word;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.news-item{box-sizing:border-box;border:1px solid #6b7280;border-radius:.5rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-bottom:1rem;padding:.5rem;display:flex}.news-item h3{word-break:break-word;max-width:100%;font-size:1.125rem;font-weight:600}.news-item .timestamp{word-break:break-word;text-decoration:underline}.news-item-content{box-sizing:border-box;max-width:100%;overflow:hidden}.news-item-content p{text-align:left;overflow-wrap:break-word;word-break:break-word}.news-item img,.news-item-content img{box-sizing:border-box;max-width:100%;height:auto}.read-more{color:#3b82f6;cursor:pointer}.read-more:hover{text-decoration:underline}.pagination{justify-content:center;margin-top:1rem;display:flex}.pagination button{cursor:pointer;text-align:center;border-radius:9999px;min-width:2rem;margin:0 .25rem;padding:.5rem;transition:background-color .2s}.pagination button.active{background-color:var(--section-title-color);color:#fff}.pagination button:hover{background-color:#9ca3af}.pagination-prev,.pagination-next{cursor:pointer;background-color:var(--glass-bg);color:var(--text-color);border:1px solid var(--glass-border);border-radius:.375rem;margin:0 .25rem;padding:.75rem 1rem;transition:background-color .2s}.pagination-prev:hover,.pagination-next:hover{background-color:#9ca3af}@media (max-width:768px){.pagination{justify-content:center;align-items:center;display:flex}.pagination button{min-width:1.5rem;margin:0 .125rem;padding:.25rem .5rem;font-size:.875rem}}@media screen and (max-width:640px){.news-container{border-radius:24px;padding:.5rem 1rem}.news-item{padding:.75rem}}

.download-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0056b3 0%,#007bff 100%);border:none;border-radius:8px;align-items:center;padding:.6rem 1.2rem;font-size:.9rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 4px #0003}.download-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000004d}.download-button:disabled{opacity:.6;cursor:not-allowed}.download-button svg{margin-right:.5rem}.download-loading{text-align:center;color:#777;font-style:italic}.download-error{color:#d8000c;background-color:#ffbaba;border:1px solid #d8000c;border-radius:4px;margin-bottom:.5rem;padding:.5rem 1rem}.download-link-not-found{color:#777;font-style:italic}.myfiles-container{max-width:800px;margin:0 auto;padding:2rem}.myfiles-title{text-align:center;color:var(--text-color);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.myfiles-course{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 30px #0000001a}.myfiles-course-title{color:var(--text-color);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.myfiles-course-description{color:var(--text-color);margin-bottom:1rem}.myfiles-content-title{color:var(--text-color);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.myfiles-list{padding:0;list-style:none}.myfiles-list li{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.myfiles-list li .myfiles-content-name{color:var(--text-color);flex-grow:1;margin-right:1rem}.myfiles-loading{text-align:center;color:var(--text-color);font-size:1.2rem;font-style:italic}.myfiles-error-container{color:#a00;background-color:#fee;border:1px solid #faa;border-radius:4px;margin-bottom:1rem;padding:1rem}.myfiles-no-courses{color:#2196f3;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;margin-bottom:1rem;padding:1rem}.video-container-mobile{border-radius:8px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container-mobile iframe,.video-container-mobile video{object-fit:contain;position:absolute;top:0;left:0;width:100%!important;height:100%!important}@media (max-width:768px){.video-thumbnail{aspect-ratio:16/9;width:100%;height:auto!important;min-height:unset!important;max-height:unset!important}.video-modal{margin:8px!important;padding:8px!important}.video-modal .video-container{height:auto!important;max-height:60vh!important}.react-player-wrapper{overflow:hidden;max-height:60vh!important}.video-controls button{min-width:44px;min-height:44px;padding:12px}}@media (max-width:768px) and (orientation:portrait){.video-container-mobile{padding-bottom:75%}.video-modal{max-height:85vh!important}.video-modal .video-container{max-height:50vh!important}}@media (max-width:768px) and (orientation:landscape){.video-container-mobile{padding-bottom:45%}.video-modal{max-height:95vh!important}.video-modal .video-container{max-height:75vh!important}}@media (max-width:768px){.myfiles-container{padding:1rem}.myfiles-title{font-size:2rem}.myfiles-course{padding:1rem}.myfiles-course-title{font-size:1.5rem}.myfiles-list li{flex-direction:column;align-items:flex-start}.myfiles-list li .download-button{margin-top:.5rem;margin-left:0}.download-button{font-size:.8rem}}@media (max-width:480px){.myfiles-container{padding:1rem}.myfiles-title{font-size:1rem}.myfiles-course{padding:.7rem}.myfiles-course-title{font-size:.9rem}.myfiles-list li{flex-direction:column;align-items:flex-start}.myfiles-list li .download-button{margin-top:.5rem;margin-left:0}.download-button{font-size:.8rem}}
.stripe-button-container{border-radius:100px}.stripe-button-container button{cursor:pointer;z-index:1;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.stripe-button-container button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.stripe-button-container button:focus{outline:none}.modal-overlay{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{z-index:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:10px;width:100%;max-width:28rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.modal-content:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.modal-content:before{content:"";-webkit-backdrop-filter:blur(10px);z-index:-1;background:#ffebd866;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content:is(.dark *):before{background-color:rgb(107 114 128/var(--tw-bg-opacity,1));--tw-bg-opacity:.4}.modal-content:after{content:"";z-index:-2;background:linear-gradient(45deg,#ffc5c5,#ffebd8,#c7dca7,#89b9ad) 0 0/400% 400%;width:200%;height:200%;animation:6s linear infinite gradientAnimation;position:absolute;top:-50%;left:-50%}.modal-content:is(.dark *):after{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#86efac var(--tw-gradient-via-position),var(--tw-gradient-to)}.modal-content h2{text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.modal-content .quantity-selector{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-content .quantity-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-weight:500}.modal-content .quantity-label:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.modal-content .quantity-buttons{align-items:center;display:flex}.modal-content .quantity-button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));border-radius:.25rem;padding:.5rem 1rem;font-weight:700}.modal-content .quantity-button:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.modal-content .quantity-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.modal-content .quantity-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.modal-content .quantity-display{margin-left:1rem;margin-right:1rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.modal-content .total-price{margin-bottom:1.5rem}.modal-content .total-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-weight:500}.modal-content .total-label:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.modal-content .total-amount{margin-left:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.modal-content .button-container{gap:1rem;display:flex}.modal-content .confirm-button{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.25rem;margin-top:.5rem;padding:.5rem 1rem;font-weight:700}.modal-content .confirm-button:hover,.modal-content .confirm-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.modal-content .confirm-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.modal-content .close-button{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(31 41 55/var(--tw-text-opacity,1));border-radius:.25rem;margin-top:.5rem;padding:.5rem 1rem;font-weight:700}.modal-content .close-button:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.modal-content .close-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.modal-content .close-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.modal-content:is(.dark *),.modal-content .quantity-label:is(.dark *),.modal-content .total-label:is(.dark *),.modal-content .total-amount:is(.dark *),.modal-content h2:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
@keyframes mandala-spin{to{transform:rotate(360deg)}}@keyframes mandala-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mandala-ping{0%{opacity:.8;transform:scale(.92)}80%,to{opacity:0;transform:scale(1.4)}}@keyframes mandala-focus-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.12)}}@keyframes mandala-focus-ping{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.25)}}@keyframes mandala-tag-pulse{0%,to{opacity:1}50%{opacity:.65}}.mandala-stage{position:relative}.mandala-panel{border:1px solid var(--hairline-2,#b8a6f238);background:radial-gradient(60% 60% at 50% 50%,#b8a6f229,transparent 65%),radial-gradient(80% 80% at 50% 50%,#08060f99,var(--void,#08060f)75%),var(--void,#08060f);border-radius:32px;flex-direction:column;width:100%;max-width:720px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b8a6f20d,0 30px 80px -30px #6ec8ff26,0 0 60px -20px #f87dd31f}.mandala-canvas{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.mandala-geom{pointer-events:none;position:absolute;inset:0}.mandala-geom svg{opacity:.18;mix-blend-mode:screen;width:100%;height:100%}@media (prefers-color-scheme:light){.mandala-geom svg{mix-blend-mode:multiply;opacity:.12}}html:not(.dark) .mandala-geom svg{mix-blend-mode:multiply;opacity:.12}.mandala-geom .spin-slow{transform-origin:50%;transform-box:fill-box;animation:90s linear infinite mandala-spin}.mandala-geom .spin-med{transform-origin:50%;transform-box:fill-box;animation:60s linear infinite reverse mandala-spin}.mandala-geom .spin-fast{transform-origin:50%;transform-box:fill-box;animation:40s linear infinite mandala-spin}.mandala-geom .spin-vslow{transform-origin:50%;transform-box:fill-box;animation:120s linear infinite mandala-spin}.mandala-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.mandala-hub{z-index:6;cursor:pointer;place-items:center;width:124px;height:124px;transition:opacity .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mandala-hub-halo{border:1px dashed #b8a6f266;border-radius:50%;animation:28s linear infinite mandala-spin;position:absolute;inset:-22px}.mandala-hub-halo.outer{border-color:#b8a6f22e;animation:50s linear infinite reverse mandala-spin;inset:-36px}.mandala-hub-ping{border:1px solid #f87dd373;border-radius:50%;animation:3s ease-out infinite mandala-ping;position:absolute;inset:-8px}.mandala-hub-core{background:var(--studio,#120d1e)center/cover no-repeat;z-index:2;border-radius:50%;width:108px;height:108px;position:relative;box-shadow:0 0 0 2px #f87dd373,0 0 0 6px #f87dd31f,0 12px 36px -6px #f87dd373,inset 0 0 18px #6ec8ff2e}.mandala-hub.ai .mandala-hub-core{background:linear-gradient(135deg,#6ec8ff 0%,#b8a6f2 50%,#f87dd3 100%);place-items:center;font-size:44px;display:grid;box-shadow:0 0 0 2px #b8a6f28c,0 0 0 6px #b8a6f224,0 12px 36px -6px #b8a6f280,inset 0 0 22px #f87dd340}.mandala-hub-pill{color:#fff;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;z-index:5;background:linear-gradient(135deg,#6ec8ff 0%,#b8a6f2 50%,#f87dd3 100%);border-radius:999px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;bottom:-22px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px -6px #f87dd38c}.mandala-sat{z-index:3;cursor:pointer;width:116px;height:116px;transition:transform .45s,opacity .35s,filter .35s;position:absolute;transform:translate(-50%,-50%)}.mandala-sat .mandala-bob{width:100%;height:100%;animation:5s ease-in-out infinite mandala-bob;animation-delay:var(--bob-delay,0s)}.mandala-sat-card{border:2px solid var(--accent,#b8a6f2);background:radial-gradient(80% 80% at 50% 0%,color-mix(in srgb,var(--accent,#b8a6f2)12%,transparent),transparent 80%),var(--bg-glass,#1b1530c7);-webkit-backdrop-filter:blur(8px);width:100%;height:100%;box-shadow:0 0 0 1px #ffffff0a inset,0 12px 28px -16px #00000026,0 0 18px -6px color-mix(in srgb,var(--accent,#b8a6f2)45%,transparent);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;transition:transform .35s,box-shadow .35s,border-color .25s;display:flex;position:relative}.mandala-sat:hover .mandala-sat-card{box-shadow:0 0 0 1px #ffffff0f inset,0 16px 36px -14px #000000b3,0 0 28px -4px color-mix(in srgb,var(--accent,#b8a6f2)65%,transparent);transform:scale(1.05)}.mandala-sat-icon{font-size:26px;line-height:1}.mandala-sat-name{color:var(--ink,#f5f0ff);text-align:center;font-family:Quicksand,sans-serif;font-size:11px;font-weight:700;line-height:1.1}.mandala-sat-tag{background:color-mix(in srgb,var(--accent,#b8a6f2)18%,transparent);border:1px solid color-mix(in srgb,var(--accent,#b8a6f2)36%,transparent);color:color-mix(in srgb,var(--accent,#b8a6f2)80%,var(--ink,white));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700}.mandala-focus-halo{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent,#f87dd3)35%,transparent),transparent 75%);pointer-events:none;border-radius:22px;animation:2.5s ease-in-out infinite mandala-focus-pulse;position:absolute;inset:-10px}.mandala-focus-ring{border:1px solid color-mix(in srgb,var(--accent,#f87dd3)55%,transparent);pointer-events:none;border-radius:24px;animation:3s ease-out infinite mandala-focus-ping;position:absolute;inset:-14px}.mandala-focus-tag{color:#fff;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#f87dd3,#b8a6f2);border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;animation:2.4s ease-in-out infinite mandala-tag-pulse;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px -6px #f87dd399}.mandala-soon-pill{color:#ffd17a;letter-spacing:.14em;text-transform:uppercase;background:#ffd17a2e;border:1px solid #ffd17a73;border-radius:999px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700;position:absolute;top:-8px;right:-8px}.mandala-stage[data-selected] .mandala-sat:not(.is-selected){opacity:.22;filter:saturate(.6)}.mandala-stage[data-selected] .mandala-hub{opacity:.35}.mandala-stage[data-selected] .mandala-sat.is-selected{z-index:7}.mandala-stage[data-selected] .mandala-sat.is-selected .mandala-sat-card{transform:scale(1.08)}.mandala-sub-node{transform-origin:50%;z-index:8;opacity:0;width:90px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)var(--enter-delay,0s),opacity .3s ease var(--enter-delay,0s);pointer-events:none;position:absolute;transform:translate(-50%,-50%)scale(0)}.mandala-stage[data-selected] .mandala-sub-node.belongs{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.mandala-sub-card{background:var(--bg-glass,#1b1530eb);border:1px solid color-mix(in srgb,var(--accent,#b8a6f2)45%,transparent);box-shadow:0 8px 22px -12px #00000026,0 0 14px -4px color-mix(in srgb,var(--accent,#b8a6f2)45%,transparent);-webkit-backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:9px 8px;display:flex}.mandala-sub-icon{font-size:18px;line-height:1}.mandala-sub-name{color:var(--ink,#f5f0ff);text-align:center;font-family:Quicksand,sans-serif;font-size:9px;font-weight:700;line-height:1.15}.mandala-sub-pill{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700}.mandala-cat-Practice{color:#6ee7b0;background:#34d39929;border:1px solid #34d39966}.mandala-cat-Theory{color:#93c5fd;background:#60a5fa29;border:1px solid #60a5fa66}.mandala-cat-Tool{color:#8dd3ff;background:#6ec8ff29;border:1px solid #6ec8ff66}.mandala-cat-Model{color:#c4b5fd;background:#a78bfa29;border:1px solid #a78bfa66}.mandala-cat-Technique{color:#fcd34d;background:#fbbf2429;border:1px solid #fbbf2466}.mandala-cat-Content{color:#6ee7b0;background:#34d39929;border:1px solid #34d39966}.mandala-cat-Design{color:#f89dd3;background:#f87dd329;border:1px solid #f87dd366}.mandala-cat-OPEN{color:#6ee7b0;background:#34d39929;border:1px solid #34d39966}.mandala-cat-PAID{color:#fcd34d;background:#fbbf2429;border:1px solid #fbbf2466}.mandala-cat-CLOSED{color:#fca5a5;background:#f871712e;border:1px solid #f8717166}@media (prefers-color-scheme:light){.mandala-panel{background:radial-gradient(60% 60% at 50% 50%,#6ec8ff1f,transparent 65%),radial-gradient(80% 80% at 50% 50%,#fffffff2,var(--void,#fafaf7)75%),var(--void,#fafaf7);border-color:var(--hairline-2);box-shadow:inset 0 0 0 1px #402a840d,0 15px 40px -20px #402a8414}.mandala-hub.ai .mandala-hub-core{background:linear-gradient(135deg,#38a8f0 0%,#7e63dc 50%,#c04b95 100%)}.mandala-hub-pill{background:linear-gradient(135deg,#38a8f0 0%,#7e63dc 50%,#c04b95 100%);box-shadow:0 6px 16px -6px #7e63dc66}.mandala-hint-btn.visit{background:linear-gradient(135deg,#38a8f0 0%,#7e63dc 50%,#c04b95 100%);box-shadow:0 6px 14px -6px #7e63dc66}.mandala-sat-tag{background:color-mix(in srgb,var(--accent,#b8a6f2)10%,#402a840d);border-color:color-mix(in srgb,var(--accent,#b8a6f2)40%,#402a8426);color:color-mix(in srgb,var(--accent,#b8a6f2)85%,#2d2350)}.mandala-focus-tag{background:linear-gradient(90deg,#c04b95,#6e55c9);box-shadow:0 6px 12px -6px #6e5adc66}.mandala-soon-pill{color:#b45309;background:#b4530914;border-color:#b4530940}.mandala-cat-Practice{color:#047857;background:#04785714;border:1px solid #04785740}.mandala-cat-Theory{color:#1d4ed8;background:#1d4ed814;border:1px solid #1d4ed840}.mandala-cat-Tool{color:#0369a1;background:#0369a114;border:1px solid #0369a140}.mandala-cat-Model{color:#6d28d9;background:#6d28d914;border:1px solid #6d28d940}.mandala-cat-Technique{color:#b45309;background:#b4530914;border:1px solid #b4530940}.mandala-cat-Content{color:#047857;background:#04785714;border:1px solid #04785740}.mandala-cat-Design{color:#be185d;background:#be185d14;border:1px solid #be185d40}.mandala-cat-OPEN{color:#047857;background:#04785714;border:1px solid #04785740}.mandala-cat-PAID{color:#b45309;background:#b4530914;border:1px solid #b4530940}.mandala-modal-card{--mandala-item-bg:#402a840d;--mandala-item-border:#402a841f}}html:not(.dark) .mandala-panel{background:radial-gradient(60% 60% at 50% 50%,#6ec8ff1f,transparent 65%),radial-gradient(80% 80% at 50% 50%,#fffffff2,var(--void,#fafaf7)75%),var(--void,#fafaf7);border-color:var(--hairline-2);box-shadow:inset 0 0 0 1px #402a840d,0 15px 40px -20px #402a8414}html:not(.dark) .mandala-hub.ai .mandala-hub-core{background:linear-gradient(135deg,#38a8f0 0%,#7e63dc 50%,#c04b95 100%)}html:not(.dark) .mandala-hub-pill{background:linear-gradient(135deg,#38a8f0 0%,#7e63dc 50%,#c04b95 100%);box-shadow:0 6px 16px -6px #7e63dc66}html:not(.dark) .mandala-hint-btn.visit{background:linear-gradient(135deg,#38a8f0 0%,#7e63dc 50%,#c04b95 100%);box-shadow:0 6px 14px -6px #7e63dc66}html:not(.dark) .mandala-modal-card{--mandala-item-bg:#402a840d;--mandala-item-border:#402a841f}html:not(.dark) .mandala-sat-tag{background:color-mix(in srgb,var(--accent,#b8a6f2)10%,#402a840d);border-color:color-mix(in srgb,var(--accent,#b8a6f2)40%,#402a8426);color:color-mix(in srgb,var(--accent,#b8a6f2)85%,#2d2350)}html:not(.dark) .mandala-focus-tag{background:linear-gradient(90deg,#c04b95,#6e55c9);box-shadow:0 6px 12px -6px #6e5adc66}html:not(.dark) .mandala-soon-pill{color:#b45309;background:#b4530914;border-color:#b4530940}html:not(.dark) .mandala-cat-Practice{color:#047857;background:#04785714;border:1px solid #04785740}html:not(.dark) .mandala-cat-Theory{color:#1d4ed8;background:#1d4ed814;border:1px solid #1d4ed840}html:not(.dark) .mandala-cat-Tool{color:#0369a1;background:#0369a114;border:1px solid #0369a140}html:not(.dark) .mandala-cat-Model{color:#6d28d9;background:#6d28d914;border:1px solid #6d28d940}html:not(.dark) .mandala-cat-Technique{color:#b45309;background:#b4530914;border:1px solid #b4530940}html:not(.dark) .mandala-cat-Content{color:#047857;background:#04785714;border:1px solid #04785740}html:not(.dark) .mandala-cat-Design{color:#be185d;background:#be185d14;border:1px solid #be185d40}html:not(.dark) .mandala-cat-OPEN{color:#047857;background:#04785714;border:1px solid #04785740}html:not(.dark) .mandala-cat-PAID{color:#b45309;background:#b4530914;border:1px solid #b4530940}html:not(.dark) .mandala-cat-CLOSED{color:#b91c1c;background:#b91c1c14;border:1px solid #b91c1c40}.mandala-hint{background:var(--bg-glass,#0a081473);border-top:1px solid var(--hairline-3,#b8a6f22e);-webkit-backdrop-filter:blur(12px);z-index:12;align-items:center;gap:16px;width:100%;min-height:60px;padding:14px 24px;transition:background .25s,border-color .25s;display:flex;position:relative}.mandala-stage[data-selected] .mandala-hint{background:var(--bg-glass,#0a0814a6);border-color:var(--hairline-3,#b8a6f25c)}.mandala-hint .h-icon{flex:none;font-size:18px;line-height:1}.mandala-hint .h-text{color:var(--ink-mute,#837798);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px}.mandala-hint .h-name{color:var(--ink,#f5f0ff);font-family:Quicksand,sans-serif;font-size:13px;font-weight:700}.mandala-hint .h-desc{color:var(--ink-soft,#c8bee3);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.mandala-hint .h-grow{flex:1;min-width:0}.mandala-hint .h-actions{flex:none;gap:6px;display:flex}.mandala-hint-btn{appearance:none;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:999px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.mandala-hint-btn.visit{color:#fff;background:linear-gradient(135deg,#6ec8ff 0%,#b8a6f2 50%,#f87dd3 100%);box-shadow:0 6px 14px -6px #f87dd38c}.mandala-hint-btn.close{background:var(--bg-surface-hover,#ffffff0f);color:var(--ink-soft,#c8bee3);border:1px solid var(--border-highlight,#b8a6f238);padding:6px 10px}.mandala-mobile{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:640px){.mandala-mobile{display:none}}@media (max-width:639px){.mandala-panel{display:none}.mandala-hint{display:none!important}}.mandala-mobile-card{border:2px solid var(--accent,#b8a6f2);background:radial-gradient(80% 80% at 50% 0%,color-mix(in srgb,var(--accent,#b8a6f2)12%,transparent),transparent 80%),var(--bg-glass,#1b1530c7);-webkit-backdrop-filter:blur(8px);cursor:pointer;text-align:left;box-shadow:0 8px 24px -12px #00000026,0 0 18px -6px color-mix(in srgb,var(--accent,#b8a6f2)45%,transparent);border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex;position:relative}.mandala-mobile-card .mc-icon{font-size:28px}.mandala-mobile-card .mc-name{color:var(--ink,#f5f0ff);font-family:Quicksand,sans-serif;font-size:13px;font-weight:700}.mandala-mobile-card .mc-tag{background:color-mix(in srgb,var(--accent,#b8a6f2)18%,transparent);border:1px solid color-mix(in srgb,var(--accent,#b8a6f2)36%,transparent);color:color-mix(in srgb,var(--accent,#b8a6f2)80%,var(--ink,white));letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700}.mandala-modal{-webkit-backdrop-filter:blur(8px);z-index:200;background:#08060feb;justify-content:center;align-items:center;padding:20px;animation:.25s mandala-fade;display:flex;position:fixed;inset:0}@keyframes mandala-fade{0%{opacity:0}to{opacity:1}}.mandala-modal-card{background:var(--bg-surface,linear-gradient(180deg,#1b1530f2,#120d1ef2));border:1px solid var(--border-highlight,#b8a6f238);--mandala-item-bg:#1b153099;--mandala-item-border:#b8a6f238;border-radius:22px;width:100%;max-width:360px;padding:20px;position:relative}.mandala-modal-card .x-btn{background:var(--bg-surface-hover,#ffffff0f);border:1px solid var(--border-highlight,#b8a6f238);width:28px;height:28px;color:var(--ink-mute,#837798);cursor:pointer;border-radius:999px;place-items:center;font-size:14px;display:grid;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){.mandala-geom .spin-slow,.mandala-geom .spin-med,.mandala-geom .spin-fast,.mandala-geom .spin-vslow,.mandala-hub-halo,.mandala-hub-ping,.mandala-sat .mandala-bob,.mandala-focus-halo,.mandala-focus-ring,.mandala-focus-tag{animation:none!important}.mandala-sub-node{transition-duration:.15s!important}}