html,body,#root{background:#050817;width:100%;min-height:100%;margin:0}html{min-height:100svh;overflow-x:hidden}body{overscroll-behavior-x:none;min-width:0;min-height:100svh;overflow-x:hidden}#root{isolation:isolate;min-height:100svh}:root{--cosmos-bg:#050817;--cosmos-bg-soft:#0b1028;--cosmos-text:#f4f4ff;--cosmos-muted:#9ca4c9;--cosmos-line:#a9b5ff21;--cosmos-glass:#0c1230a3;--cosmos-glass-strong:#0f1538d6;--cosmos-violet:#9b7bff;--cosmos-blue:#5b8cff;--cosmos-cyan:#55d6d0;--cosmos-gold:#d8b76a;--pointer-x:0;--pointer-y:0}.universe-page{min-height:100svh;color:var(--cosmos-text);background:radial-gradient(circle at 68% 14%,#5644c330,#0000 28rem),radial-gradient(circle at 26% 76%,#285fb126,#0000 34rem),linear-gradient(145deg,#050713 0%,#070a1c 45%,#0a0d22 100%);font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;transition:background 1.8s;position:relative;overflow-x:clip}.universe-search-results{z-index:60;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050819f5;border:1px solid #a9b5ff2e;border-radius:16px;width:min(520px,100vw - 110px);max-height:65vh;padding:10px;position:absolute;top:78px;right:200px;overflow:auto;box-shadow:0 24px 70px #00000073}.universe-search-results button{color:#e9e7f8;text-align:left;background:0 0;border:0;border-radius:11px;gap:5px;width:100%;padding:12px;display:grid}.universe-search-results button:hover{background:#8464ff24}.universe-search-results span{color:#9b7bff;font-size:9px}.universe-search-results strong{font-size:13px}.universe-search-results small,.universe-search-results p{color:#9198b4;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.55;overflow:hidden}@media (width<=760px){.universe-search-results{width:auto;position:fixed;top:74px;left:12px;right:12px}}.universe-page[data-time-phase=dawn]{background:radial-gradient(circle at 72% 10%,#ffbe9a57,#0000 25rem),radial-gradient(circle at 19% 73%,#8f6cd347,#0000 32rem),linear-gradient(145deg,#151028 0%,#241837 47%,#18233d 100%)}.universe-page[data-time-phase=day]{background:radial-gradient(circle at 72% 8%,#83afff57,#0000 28rem),radial-gradient(circle at 20% 75%,#49bad338,#0000 35rem),linear-gradient(145deg,#0b1537 0%,#102555 47%,#123363 100%)}.universe-page[data-time-phase=dusk]{background:radial-gradient(circle at 74% 11%,#f2877052,#0000 27rem),radial-gradient(circle at 23% 76%,#9d48b74a,#0000 34rem),linear-gradient(145deg,#100b24 0%,#2c123c 48%,#321b3d 100%)}.universe-page[data-time-phase=night]{background:radial-gradient(circle at 68% 14%,#4230b533,#0000 28rem),radial-gradient(circle at 26% 76%,#1c4b972b,#0000 34rem),linear-gradient(145deg,#02040d 0%,#050817 45%,#070b1d 100%)}.universe-page[data-time-phase=dawn] .nebula-one{opacity:.84;filter:blur(28px)hue-rotate(30deg)}.universe-page[data-time-phase=dawn] .book-core{border-color:#ffc9a661;box-shadow:0 0 82px #df91ba5c,inset 0 0 38px #ffdcc11a}.universe-page[data-time-phase=dawn] .star-field{opacity:.24}.universe-page[data-time-phase=day] .nebula,.universe-page[data-time-phase=day] .orbit-pulse{opacity:.8;filter:brightness(1.28)saturate(1.08)}.universe-page[data-time-phase=day] .book-core{box-shadow:0 0 88px #639aff6b,inset 0 0 38px #c5e8ff1c}.universe-page[data-time-phase=day] .star-field{opacity:.18}.universe-page[data-time-phase=dusk] .nebula-one{opacity:.9;filter:blur(28px)hue-rotate(38deg)saturate(1.22)}.universe-page[data-time-phase=dusk] .book-core{border-color:#f49cb157;box-shadow:0 0 88px #c655c461,inset 0 0 38px #ffbbab17}.universe-page[data-time-phase=dusk] .star-field{opacity:.42}.universe-page[data-time-phase=night] .star-field{opacity:.9;filter:drop-shadow(0 0 4px #abb8ffb3)}.universe-page[data-time-phase=night] .orbit-ring{filter:drop-shadow(0 0 11px #8b73ff5c)}.universe-page[data-time-phase=night] .book-core{box-shadow:0 0 96px #6854ff61,inset 0 0 42px #72a5ff14}.cosmic-atmosphere,.cosmic-atmosphere>span{pointer-events:none;position:absolute;inset:0}.nebula{filter:blur(38px);opacity:.5;transform:translate3d(calc(var(--pointer-x) * 10px), calc(var(--pointer-y) * 10px), 0);transition:transform 1.4s ease-out}.nebula-one{background:radial-gradient(#6c52ff3d,#0000 68%);animation:12s ease-in-out infinite alternate nebula-breathe;inset:-12% 22% 36% 34%!important}.nebula-two{background:radial-gradient(#3487d329,#0000 66%);animation:16s ease-in-out 2s infinite alternate-reverse nebula-breathe;inset:42% 44% -18% -16%!important}.star-field{opacity:.52;background-image:radial-gradient(circle at 12% 18%,#fffc 0 1px,#0000 1.2px),radial-gradient(circle at 72% 32%,#a8b2ffb3 0 1px,#0000 1.3px),radial-gradient(circle at 31% 68%,#ffffff85 0 1px,#0000 1.2px),radial-gradient(circle at 88% 78%,#9dc3ffad 0 1px,#0000 1.2px);background-size:190px 190px,260px 260px,230px 230px,310px 310px;animation:50s linear infinite stars-drift}.line-field{opacity:.28;background-image:linear-gradient(115deg,#0000 0 43%,#6f80d01a 43.2% 43.35%,#0000 43.55%),linear-gradient(24deg,#0000 0 72%,#6f80d014 72.2% 72.35%,#0000 72.55%);background-size:390px 280px}.universe-rail{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#040714b8;border-right:1px solid #a4b1ff1a;flex-direction:column;align-items:center;width:84px;display:flex;position:fixed;inset:0 auto 0 0}.universe-brand{place-items:center;width:100%;height:86px;text-decoration:none;display:grid}.universe-brand span,.auth-mark{color:#f6f1ff;background:linear-gradient(145deg,#936fff54,#344a962e);border:1px solid #bba8ff6b;border-radius:15px;place-items:center;width:42px;height:42px;font-family:Songti SC,Noto Serif SC,serif;font-size:23px;display:grid;box-shadow:0 0 30px #7755ff38,inset 0 0 18px #ffffff14}.universe-rail nav{flex-direction:column;flex:1;align-items:center;gap:4px;width:100%;padding:12px 10px;display:flex}.universe-rail nav button{color:#737da8;background:0 0;border:0;border-radius:16px;place-items:center;gap:1px;width:58px;min-height:58px;transition:color .18s,background .18s,transform .18s;display:grid;position:relative}.universe-rail nav button>span{font-family:Songti SC,Noto Serif SC,serif;font-size:17px}.universe-rail nav button small{color:inherit;font-size:9px}.universe-rail nav button:hover,.universe-rail nav button.active{color:#eceaff;background:linear-gradient(145deg,#8464ff38,#4865ba1a);transform:translateY(-1px)}.universe-rail nav button.active:before{content:"";background:#a281ff;border-radius:999px;width:2px;height:25px;position:absolute;left:-10px;box-shadow:0 0 14px #926cff}.profile-orb{color:#dcd8ff;background:#745ebe29;border:1px solid #a9b5ff38;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:22px;display:grid}.account-menu-shell{z-index:35;margin-top:auto;position:relative}.account-popover{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07091cf0;border:1px solid #aa94f43d;border-radius:1rem;gap:.45rem;width:15.5rem;padding:1.1rem;display:grid;position:absolute;bottom:1.2rem;left:3.2rem;box-shadow:0 1.2rem 4rem #02020f75}.account-popover span,.account-popover small{color:var(--cosmos-muted);font-size:.72rem}.account-popover strong{text-overflow:ellipsis;font-weight:500;overflow:hidden}.account-popover button{color:#e8e3ff;background:#8063d621;border:1px solid #a68feb33;border-radius:.75rem;margin-top:.6rem;padding:.65rem .8rem}.auth-screen{place-items:center;min-height:100svh;padding:2rem;display:grid;position:relative}.auth-card{z-index:3;width:min(31rem,100%);padding:clamp(1.6rem,4vw,2.8rem);position:relative}.auth-heading{align-items:center;gap:1rem;display:flex}.auth-heading .auth-mark{flex:none}.auth-heading h1,.auth-loading-card h1{margin:.35rem 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:500}.auth-intro{color:var(--cosmos-muted);margin:1.6rem 0;line-height:1.75}.login-form{gap:1.05rem;display:grid}.login-form>label:not(.keep-signed-in){color:#bfc3de;gap:.55rem;font-size:.78rem;display:grid}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{color:#f4f2ff;background:#06091e99;border:1px solid #a48fe833;border-radius:.85rem;outline:none;width:100%;min-height:3rem;padding:0 .95rem}.login-form input:focus{border-color:#aa8effa8;box-shadow:0 0 0 3px #9170ee1a}.password-field{display:block;position:relative}.password-field input{padding-right:4.4rem!important}.password-field button{color:#aeadcf;background:0 0;border:0;padding:.3rem .45rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.keep-signed-in{color:var(--cosmos-muted);align-items:center;gap:.55rem;font-size:.78rem;display:flex}.keep-signed-in input{accent-color:#9475ef}.auth-notice{color:#bfc9ed;background:#4359991c;border:1px solid #849ce22e;border-radius:.8rem;margin:0;padding:.8rem .9rem;line-height:1.55}.auth-notice.error{color:#ffc4c4;background:#8c314621;border-color:#ef70803d}.auth-notice.success{color:#b8eadf;background:#3086731f;border-color:#60d0b338}.login-submit{width:100%;margin-top:.4rem}.login-submit:disabled{cursor:wait;opacity:.62}.guest-divider{color:#71799f;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:12px;display:grid}.guest-divider span{background:#a4afe824;height:1px}.guest-preview-button{width:100%;min-height:50px}.guest-login-orb{color:#e9e6ff;font-size:12px}.private-note{color:#7f86a9;text-align:center;margin:1.4rem 0 0;font-size:.72rem;line-height:1.7}.auth-loading-card{text-align:center;justify-items:center;display:grid}.auth-loading-card p{color:var(--cosmos-muted)}.auth-spinner{border:2px solid #a892ee33;border-top-color:#a789ff;border-radius:50%;width:2rem;height:2rem;margin-top:1rem;animation:.85s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.universe-shell{z-index:2;width:calc(100% - 84px);max-width:1640px;margin-left:84px;padding:0 34px 30px;position:relative}.universe-header{border-bottom:1px solid #a9b5ff1a;grid-template-columns:minmax(240px,1fr) minmax(260px,430px) auto;align-items:center;gap:24px;min-height:86px;display:grid}.universe-header h1,.welcome-copy h2,.panel-heading h2,.route-panel h2{letter-spacing:-.035em;margin:0;font-weight:520}.universe-header h1{font-family:Songti SC,Noto Serif SC,serif;font-size:22px}.universe-kicker{color:#686f97;letter-spacing:.19em;margin:0 0 4px;font-size:9px}.universe-search{justify-content:flex-end;align-items:center;display:flex}.universe-search input{color:#f2f3ff;background:#080c22d1;border:1px solid #98a5f02e;border-radius:14px;outline:none;width:100%;height:42px;margin-right:-42px;padding:0 122px 0 16px}.universe-search input:focus{border-color:#9d7dff94;box-shadow:0 0 0 3px #906fff17}.universe-search button{color:#929abd;background:#0c112ac7;border:1px solid #98a5f024;border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex;position:relative}.universe-search kbd{color:#687196;font:inherit;border:1px solid #98a5f026;border-radius:5px;padding:2px 5px;font-size:9px}.private-status{color:#9098bc;align-items:center;gap:8px;font-size:12px;display:flex}.private-status>span{background:#67d4bc;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #67d4bccc}.universe-main{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:18px;padding-top:24px;display:grid}.glass-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#151b42b8,#080c219e),#090d2394;border:1px solid #a6b2ff1f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000003d,inset 0 1px #ffffff06}.glass-panel:after{pointer-events:none;border-radius:inherit;content:"";background:linear-gradient(110deg,#ffffff09,#0000 24%);position:absolute;inset:0}.welcome-panel{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);min-height:510px;padding:44px 26px 34px 42px;display:grid}.welcome-panel:before{content:"";background:radial-gradient(circle,#7e5cff21,#0000 70%);border-radius:50%;width:370px;height:370px;position:absolute;top:-120px;right:10%}.welcome-copy{z-index:4;align-self:center;max-width:620px;position:relative}.section-label{color:#8e96bd;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;font-size:10px;font-weight:600;display:flex}.section-label i{background:linear-gradient(90deg,#9272ff,#0000);width:42px;height:1px}.welcome-copy h2{text-wrap:balance;max-width:620px;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(29px,2.65vw,40px);line-height:1.34}.quote-source{color:#aaa2d5;align-items:center;gap:10px;margin:13px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:13px;display:flex}.quote-source span{color:#9189b9;letter-spacing:.08em;border:1px solid #947aff38;border-radius:999px;padding:3px 8px;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:9px}.welcome-copy .quote-note{color:#a7adc8;max-width:520px;margin:14px 0 0;font-size:13px;line-height:1.8}.welcome-copy .welcome-state-line{color:#c2b8f8;margin:24px 0 0;font-size:16px;font-weight:520;line-height:1.65}.welcome-copy .welcome-description{max-width:540px;color:var(--cosmos-muted);margin:8px 0 0;font-size:13px;line-height:1.8}.welcome-actions{gap:10px;margin-top:30px;display:flex}.cosmic-primary,.cosmic-secondary,.continue-button{border-radius:13px;min-height:44px}.cosmic-primary{color:#fff;background:linear-gradient(135deg,#7756d8,#4d6bc9);border:1px solid #aa92ff61;align-items:center;gap:24px;padding:0 18px;display:flex;box-shadow:0 10px 30px #5c45c03b}.cosmic-primary:hover{transform:translateY(-1px);box-shadow:0 12px 38px #6d52dc5c}.cosmic-secondary{color:#acb3d2;background:#111636b3;border:1px solid #a5b2f426;padding:0 16px}.learning-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:40px 0 0;display:grid}.learning-meta>div{gap:6px;display:grid}.learning-meta dt{color:#6e769a;letter-spacing:.08em;font-size:9px}.learning-meta dd{color:#c7cbe0;margin:0;font-size:12px}.stage-item.completed{background:linear-gradient(90deg,#3584771f,#0000);border-color:#67d4bc33}.stage-item.completed .stage-number,.stage-item.completed .stage-state{color:#78d8c5}.knowledge-orbit{z-index:3;min-height:430px;transform:translate3d(calc(var(--pointer-x) * -5px), calc(var(--pointer-y) * -5px), 0);transition:transform 1.2s ease-out;position:relative}.orbit-ring{border:1px solid #919de71a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring-one{width:min(27vw,390px);height:min(27vw,390px);animation:46s linear infinite orbit-spin}.orbit-ring-two{border-style:dashed;width:min(20vw,285px);height:min(20vw,285px);animation:36s linear infinite reverse orbit-spin}.orbit-pulse{border:1px solid #9370ff1f;border-radius:50%;width:min(16vw,230px);height:min(16vw,230px);animation:5s ease-in-out infinite core-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #664cdc29,inset 0 0 50px #5948c614}.book-core{z-index:5;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#a88aff33,#0000 34%),linear-gradient(145deg,#2c2868e0,#151b43e6);border:1px solid #b59eff52;border-radius:50%;place-content:center;place-items:center;width:min(13vw,190px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 75px #6d4ee03d,inset 0 0 40px #b8a4ff12}.book-core span{color:#858db4;letter-spacing:.18em;font-size:9px}.book-core strong{letter-spacing:.08em;margin-top:6px;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(17px,1.8vw,24px);font-weight:520}.book-core small{color:#c5c5dd;margin-top:4px;font-size:10px}.book-core em{color:#747da7;margin-top:10px;font-size:8px;font-style:normal}.knowledge-node{z-index:6;color:#646c91;background:0 0;border:0;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:flex;position:absolute}.knowledge-node i{background:#1a2043;border:1px solid #8a96d647;border-radius:50%;width:7px;height:7px}.knowledge-node.is-lit{color:#d8d9ed}.knowledge-node.is-lit i{background:#9a76ff;border-color:#aa8bff;box-shadow:0 0 16px #9c76fff2}.node-one{top:16%;left:43%}.node-two{top:27%;right:5%}.node-three{top:52%;right:1%}.node-four{bottom:8%;right:18%}.node-five{bottom:5%;left:24%}.node-six{top:52%;left:0}.node-seven{top:28%;left:8%}.today-panel{flex-direction:column;min-height:510px;padding:28px;scroll-margin-top:24px;display:flex}.panel-heading{z-index:2;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.panel-heading .section-label{margin-bottom:8px}.panel-heading h2{font-family:Songti SC,Noto Serif SC,serif;font-size:21px}.duration-pill,.muted-status{color:#969fc5;background:#191f468c;border:1px solid #a5b2f424;border-radius:999px;padding:6px 9px;font-size:9px}.today-path{z-index:2;border-bottom:1px solid var(--cosmos-line);grid-template-columns:42px 1fr;gap:12px;margin-top:36px;padding:18px 0 22px;display:grid;position:relative}.path-index{color:#c4b8ff;background:#785ccd24;border:1px solid #a98fff42;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.today-path strong{color:#e3e3f3;font-size:13px;line-height:1.6}.today-path p,.questions-panel>p,.route-heading>p{color:#8088ad;font-size:11px;line-height:1.75}.today-path p{margin:6px 0 0}.micro-tasks{z-index:2;gap:11px;margin:22px 0;padding:0;list-style:none;display:grid;position:relative}.micro-tasks li{color:#737b9f;align-items:center;gap:10px;font-size:11px;display:flex}.micro-tasks li span{border:1px solid #919ddd24;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.micro-tasks li.ready{color:#c8cbe0}.micro-tasks li.ready span{color:#d9ceff;background:#785ccd26;border-color:#a385ff59}.continue-button{z-index:2;color:#e7e4ff;background:linear-gradient(135deg,#624bb98a,#3b4e9785);border:1px solid #9e89f047;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:0 14px;display:flex;position:relative}.energy-panel,.route-panel{grid-column:1/-1}.energy-panel{padding:26px 28px 28px}.energy-grid{z-index:2;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:22px;display:grid;position:relative}.energy-node{color:#747d9f;background:#0a0f2785;border:1px solid #97a4e71a;border-radius:17px;align-content:center;place-items:center;gap:2px;min-height:118px;transition:border-color .18s,color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.energy-node:before{background:var(--trigram-color);filter:blur(28px);opacity:.08;content:"";border-radius:50%;height:74%;transition:opacity .18s;position:absolute;inset:auto 22% -42%}.energy-node:hover{color:#e3e3ef;border-color:color-mix(in srgb, var(--trigram-color) 45%, transparent);transform:translateY(-2px)}.energy-node:hover:before{opacity:.25}.energy-symbol{color:color-mix(in srgb, var(--trigram-color) 82%, white);text-shadow:0 0 16px color-mix(in srgb, var(--trigram-color) 38%, transparent);font-size:29px}.energy-node strong{color:#b5bad1;margin-top:2px;font-family:Songti SC,Noto Serif SC,serif;font-size:14px;font-weight:520}.energy-node small{color:#636b8d;font-size:9px}.energy-node i{border:1px solid color-mix(in srgb, var(--trigram-color) 48%, transparent);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;right:10px}.questions-panel{min-height:310px;padding:28px}.question-count{color:#9f8be647;font-size:38px;font-weight:300}.questions-panel>p{z-index:2;max-width:520px;margin:30px 0 0;position:relative}.empty-question-orbit{border:1px solid #919de712;border-radius:50%;width:160px;height:160px;position:absolute;bottom:18px;right:12%}.empty-question-orbit:before{content:"";border:1px dashed #919de714;border-radius:50%;position:absolute;inset:26px}.empty-question-orbit span{background:#41496f;border-radius:50%;width:5px;height:5px;position:absolute}.empty-question-orbit span:first-child{top:15%;left:36%}.empty-question-orbit span:nth-child(2){bottom:38%;right:12%}.empty-question-orbit span:nth-child(3){bottom:8%;left:24%}.questions-panel>button{z-index:2;position:absolute;bottom:28px;left:28px}.route-panel{padding:30px 30px 18px;scroll-margin-top:24px}.route-heading>p{text-align:right;max-width:320px;margin:0}.stage-list{z-index:2;margin-top:24px;display:grid;position:relative}.stage-item{width:100%;min-height:84px;color:inherit;border:0;border-top:1px solid var(--cosmos-line);text-align:left;background:0 0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 6px;transition:background .18s,transform .18s;display:grid}.stage-item:hover,.stage-item:focus-visible{background:linear-gradient(90deg,#7d5dde21,#0000);transform:translate(3px)}.stage-number{color:#5c6387;letter-spacing:.08em;font-size:11px}.stage-item h3{color:#8d94b3;margin:0;font-size:13px;font-weight:500}.stage-item p{color:#596180;margin:6px 0 0;font-size:10px}.stage-state{color:#545c7c;font-size:9px}.stage-item.active h3{color:#e2e1f0}.stage-item.active .stage-number,.stage-item.active .stage-state{color:#aa95ff}.stage-item.active{background:linear-gradient(90deg,#7d5dde14,#0000)}.universe-footer{color:#555d80;letter-spacing:.05em;justify-content:space-between;gap:20px;padding:26px 4px 0;font-size:9px;display:flex}@keyframes nebula-breathe{0%{opacity:.34;transform:scale(.96)}to{opacity:.58;transform:scale(1.06)}}@keyframes stars-drift{to{background-position:190px 95px,-130px 260px,115px -230px,-155px -155px}}@keyframes orbit-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes core-pulse{50%{opacity:.66;transform:translate(-50%,-50%)scale(1.06)}}@media (width<=1160px){.universe-shell{padding-inline:22px}.universe-main{grid-template-columns:1fr}.welcome-panel,.today-panel,.questions-panel{grid-column:1}.welcome-panel{grid-template-columns:minmax(300px,.9fr) minmax(330px,1.1fr)}.today-panel{min-height:390px}.energy-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){.universe-page{padding-bottom:74px}.universe-rail{border-top:1px solid #a4b1ff1f;border-right:0;flex-direction:row;width:100%;height:68px;inset:auto 0 0}.universe-brand{display:none}.account-menu-shell{flex:0 0 3.25rem;place-items:center;margin:0;display:grid}.account-menu-shell .profile-orb{width:2.35rem;height:2.35rem;margin:0;display:grid}.account-popover{width:min(16rem,100vw - 2rem);bottom:4rem;left:auto;right:.55rem}.universe-rail nav{grid-template-columns:repeat(5,1fr);gap:0;padding:5px 8px;display:grid}.universe-rail nav button{width:100%;min-height:54px}.universe-rail nav button:nth-child(n+6){display:none}.universe-rail nav button.active:before{width:40%;height:2px;inset:auto 30% -5px}.universe-shell{width:100%;margin-left:0;padding:0 15px 20px}.universe-header{grid-template-columns:1fr auto;min-height:72px}.universe-header h1{font-size:19px}.universe-kicker,.private-status{display:none}.universe-search{grid-area:1/2}.universe-search.is-open{z-index:30;position:absolute;top:15px;left:15px;right:15px}.universe-search button>span:not(.search-glyph),.universe-search kbd{display:none}.search-glyph{font-size:19px;display:inline}.welcome-panel{flex-direction:column;min-height:auto;padding:30px 22px 20px;display:flex}.welcome-copy h2{font-size:clamp(27px,7.8vw,33px)}.quote-source{flex-wrap:wrap;margin-top:10px}.welcome-copy .quote-note{margin-top:12px}.welcome-copy .welcome-state-line{margin-top:20px;font-size:15px}.welcome-copy .welcome-description{font-size:13px}.welcome-actions{flex-direction:column}.cosmic-primary,.cosmic-secondary{justify-content:center;width:100%}.learning-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;display:grid}.learning-meta>div{background:#090d2366;border:1px solid #a0aceb17;border-radius:12px;padding:10px}.learning-meta dd{font-size:10px}.knowledge-orbit{min-height:330px;margin-top:16px}.orbit-ring-one{width:300px;height:300px}.orbit-ring-two{width:220px;height:220px}.orbit-pulse{width:170px;height:170px}.book-core{width:142px}.knowledge-node{font-size:9px}.energy-panel,.questions-panel,.route-panel,.today-panel{padding:22px 18px}.energy-grid{grid-template-columns:repeat(4,1fr);gap:7px}.energy-node{border-radius:14px;min-height:96px}.energy-symbol{font-size:24px}.energy-node strong{font-size:12px}.route-heading{display:block}.route-heading>p{text-align:left;margin-top:10px}.stage-item{grid-template-columns:36px 1fr}.stage-state{display:none}.universe-footer{display:grid}}@media (width<=440px){.universe-main{padding-top:15px}.glass-panel{border-radius:20px}.welcome-copy h2{font-size:28px}.learning-meta{grid-template-columns:1fr}.knowledge-orbit{min-height:310px;transform:scale(.94)}.node-two,.node-three{right:-7%}.node-six,.node-seven{left:-6%}.energy-grid{grid-template-columns:repeat(2,1fr)}.empty-question-orbit{opacity:.5}.questions-panel{min-height:330px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.nebula,.star-field,.orbit-ring,.orbit-pulse{transform:none;transition:none!important;animation:none!important}.orbit-ring,.orbit-pulse{transform:translate(-50%,-50%)}}.classics-main{grid-template-columns:minmax(0,1.65fr) minmax(19rem,.7fr);gap:1.3rem;padding:1.5rem 0 4rem;display:grid}.classics-intro{grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(1.6rem,3vw,2.7rem);display:flex}.classics-intro h2,.map-heading h2,.connection-detail h2,.central-explanation h2,.reading-route h2{font-family:Songti SC,Noto Serif SC,serif;font-weight:500}.classics-intro h2{max-width:22em;margin:1rem 0 .7rem;font-size:clamp(1.7rem,3vw,2.75rem)}.classics-intro>div>p:last-child{max-width:46rem;color:var(--cosmic-muted);line-height:1.85}.verification-pill{color:#a6e8d8;background:#49b49e14;border:1px solid #75e8d042;border-radius:999px;flex:none;padding:.7rem 1rem}.connection-map{min-height:43rem;padding:clamp(1.4rem,2.6vw,2.4rem);overflow:hidden}.map-heading{z-index:3;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex;position:relative}.map-heading h2{margin:.55rem 0 .35rem;font-size:clamp(1.6rem,2.4vw,2.35rem)}.map-heading>div:first-child>p:last-child{color:var(--cosmic-muted)}.connection-filter{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.connection-filter button,.detail-tags span{color:var(--cosmic-muted);background:#7763ce0f;border:1px solid #9f8cff33;border-radius:999px;padding:.55rem .8rem}.connection-filter button.active{color:#f2eeff;background:#876be638;border-color:#ae97ff85;box-shadow:0 0 1.7rem #775ede26}.connection-canvas{min-height:32rem;margin-top:1rem;position:relative}.connection-core{z-index:4;aspect-ratio:1;text-align:center;background:radial-gradient(circle at 38% 30%,#ffe0a045,#0000 28%),radial-gradient(circle,#7e5ee754,#1f1b4be6 69%);border:1px solid #cdb2ff66;border-radius:50%;place-items:center;width:14rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4rem #855fea52}.connection-core span,.connection-core small{color:var(--cosmic-muted);letter-spacing:.14em}.connection-core strong{font-family:Songti SC,Noto Serif SC,serif;font-size:1.55rem;font-weight:500;line-height:1.55}.connection-orbits span{z-index:1;border:1px solid #927de01f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connection-orbits span:first-child{width:22rem;height:14rem;transform:translate(-50%,-50%)rotate(11deg)}.connection-orbits span:nth-child(2){width:32rem;height:22rem;transform:translate(-50%,-50%)rotate(-17deg)}.connection-orbits span:nth-child(3){width:41rem;height:29rem;transform:translate(-50%,-50%)rotate(25deg)}.connection-node{z-index:5;color:#ddd6f6;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1130d1;border:1px solid #9d86eb33;border-radius:1.1rem;gap:.28rem;width:clamp(10.5rem,17vw,14.5rem);padding:.95rem 1.1rem;display:grid;position:absolute;box-shadow:0 1rem 3rem #03031147}.connection-node:after{content:"";background:linear-gradient(90deg,#a186f014,#a186f08c);width:4.5rem;height:1px;position:absolute;top:50%}.connection-node span,.connection-node small{color:var(--cosmic-muted);font-size:.72rem}.connection-node strong{font-family:Songti SC,Noto Serif SC,serif;font-size:1rem;font-weight:500;line-height:1.45}.connection-node.active{background:#463487ab;border-color:#d0b9ffad;box-shadow:0 0 2.8rem #825fe23d}.node-position-1{top:8%;left:4%}.node-position-2{top:12%;right:3%}.node-position-3{bottom:8%;left:2%}.node-position-4{bottom:4%;right:4%}.node-position-1:after,.node-position-3:after{left:100%}.node-position-2:after,.node-position-4:after{right:100%;transform:rotate(180deg)}.connection-detail{align-self:stretch;padding:clamp(1.5rem,2.7vw,2.5rem)}.detail-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.connection-detail h2{margin:1.1rem 0 .7rem;font-size:clamp(1.65rem,2.5vw,2.45rem);line-height:1.55}.detail-source{color:#c8bfff}.connection-detail dl{gap:1.15rem;margin:2.5rem 0;display:grid}.connection-detail dl div{background:#0a0c2861;border:1px solid #9f8cff21;border-radius:1rem;padding:1.1rem 1.2rem}.connection-detail dt{color:#b8a9f7;letter-spacing:.12em;margin-bottom:.55rem;font-size:.78rem}.connection-detail dd{color:var(--cosmic-muted);margin:0;line-height:1.85}.connection-detail a,.central-explanation a{color:#c9bfff;align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.central-explanation{padding:clamp(1.5rem,2.7vw,2.5rem)}.central-explanation h2{max-width:32em;margin:1rem 0 1.5rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1.75}.reading-route{padding:clamp(1.5rem,2.7vw,2.5rem)}.reading-route h2{max-width:28em;margin:1rem 0 1.8rem;font-size:clamp(1.45rem,2vw,2rem);line-height:1.55}.reading-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.reading-route-grid article{background:#0a0c2857;border:1px solid #9f8cff21;border-radius:1.1rem;min-height:12rem;padding:1.3rem}.reading-route-grid span{color:#a99be6;letter-spacing:.12em;font-size:.75rem}.reading-route-grid h3{margin:1.3rem 0 .65rem;font-family:Songti SC,Noto Serif SC,serif;font-weight:500}.reading-route-grid p{color:var(--cosmic-muted);line-height:1.75}@media (width<=1040px){.classics-main{grid-template-columns:1fr}.connection-map,.connection-detail,.central-explanation,.reading-route{grid-column:1}}@media (width<=720px){.classics-main{padding:1rem 1rem 7rem;display:block}.classics-main>*+*{margin-top:1rem}.classics-intro,.map-heading{flex-direction:column;align-items:flex-start}.verification-pill{align-self:flex-start}.connection-filter{justify-content:flex-start}.connection-map{min-height:0}.connection-canvas{gap:.65rem;min-height:0;margin-top:2rem;display:grid}.connection-core{width:min(13rem,66vw);margin:0 auto 1rem;position:relative;top:auto;left:auto;transform:none}.connection-orbits,.connection-node:after{display:none}.connection-node{width:100%;position:relative;inset:auto}.reading-route-grid{grid-template-columns:1fr}.reading-route-grid article{min-height:0}}.learning-position-card{align-self:start;padding:24px 20px}.learning-position-card h2{margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:21px;line-height:1.5}.learning-position-card ol{gap:8px;margin:22px 0;padding:0;list-style:none;display:grid}.learning-position-card li{color:#747d9c;border:1px solid #0000;border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:center;min-height:50px;padding:8px 9px;display:grid}.learning-position-card li>span{color:#65708e;text-align:center;font-size:13px}.learning-position-card li div,.learning-position-card li button{min-width:0;color:inherit;text-align:left;gap:3px;display:grid}.learning-position-card li button{background:0 0;border:0;padding:0}.learning-position-card li strong{color:inherit;font-size:11px}.learning-position-card li small{color:inherit;text-overflow:ellipsis;font-size:9px;line-height:1.45;overflow:hidden}.learning-position-card li.completed,.learning-position-card li.completed>span{color:#79cfbb}.learning-position-card li.current{color:#e8e4fb;background:#7e63dd21;border-color:#9577f347}.learning-position-card li.current>span{color:#a58bf4}.position-summary{color:#aeb4cc;gap:6px;margin-top:12px;font-size:10px;display:grid}.position-summary strong{color:#d2cbed;font-size:12px}.position-destination,.position-reminder{color:#78819f;gap:5px;margin:18px 0;font-size:9px;line-height:1.65;display:grid}.position-destination strong{color:#c8c2df;font-size:11px}.position-reminder{background:#7e63dd14;border-left:2px solid #9577f380;padding:10px 12px}.learning-position-card>.cosmic-primary{justify-content:center;width:100%}.learning-position-card>.cosmic-primary:disabled{cursor:not-allowed;opacity:.45}.foundations-main{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:24px 34px 60px;display:grid}.foundation-hero,.foundation-reading,.foundation-next{padding:30px}.foundation-hero{grid-column:1/-1}.foundation-hero h2,.foundation-reading h2,.foundation-next h2{font-family:Songti SC,Noto Serif SC,serif}.foundation-hero h2{margin:.7rem 0;font-size:clamp(2rem,4vw,3.5rem)}.foundation-hero>p:last-of-type,.foundation-next p,.foundation-reading p{color:#a4abc5;line-height:1.8}.foundation-progress{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.foundation-progress button{color:#929ab8;text-align:left;background:#05091e59;border:1px solid #9da9f11f;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:14px;display:grid}.foundation-progress button>span{background:#7e63dd26;border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;display:grid}.foundation-progress button small{font-size:9px}.foundation-progress button.active,.foundation-progress button.done{color:#efedff;border-color:#9577f373}.foundation-progress button.done>span{background:#48ad9540}.foundation-reading>div:first-child>span{color:#8d77de;font-size:10px}.foundation-reading h2{margin:12px 0;font-size:30px}.book-map{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:30px 0;display:grid}.book-map article{background:#05091e59;border:1px solid #9da9f11f;border-radius:18px;gap:8px;padding:24px;display:grid}.book-map strong{font-family:Songti SC,serif;font-size:35px}.book-map span,.book-task span{color:#929ab8}.ten-wings{flex-wrap:wrap;gap:9px;margin:28px 0;display:flex}.ten-wings span{color:#c4c8dc;background:#05091e4d;border:1px solid #9da9f121;border-radius:999px;padding:10px 13px}.book-task{background:#5b42a51a;border-left:2px solid #9175ef;margin:26px 0;padding:22px}.book-task strong,.book-task span{margin-bottom:8px;display:block}.foundation-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:28px;display:flex}.foundation-actions>span{color:#83d7c3;font-size:10px}.foundation-next{align-self:start}.foundation-next button{margin-top:18px}@media (width<=900px){.foundations-main{grid-template-columns:1fr}.foundation-next{grid-column:1}.foundation-progress{grid-template-columns:1fr 1fr}}@media (width<=600px){.foundations-main{padding:14px 14px 94px}.foundation-hero,.foundation-reading,.foundation-next{padding:22px}.foundation-progress,.book-map{grid-template-columns:1fr}.book-map i{text-align:center}.foundation-actions{flex-direction:column;align-items:stretch}}.foundations-main>.learning-position-card{grid-area:2/2;position:sticky;top:18px}@media (width<=900px){.foundations-main>.learning-position-card{grid-area:auto/1;position:static}}.hexagram-universe-main{grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);gap:18px;padding:24px 34px 60px;display:grid}.hexagram-search{width:min(350px,30vw);position:relative}.hexagram-search label{background:#060a1f85;border:1px solid #a4b1ff1f;border-radius:13px;align-items:center;gap:8px;height:40px;padding:0 13px;display:flex}.hexagram-search label>span{color:#767fa7}.hexagram-search input{color:#e9e8f7;background:0 0;border:0;outline:0;width:100%;font-size:12px}.hexagram-search input::placeholder{color:#646d91}.hexagram-search-results{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070b22f5;border:1px solid #a4b1ff29;border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 50px #0000005c}.hexagram-search-results button{color:#8e96b5;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:68px 42px 1fr;align-items:center;padding:10px;display:grid}.hexagram-search-results button:hover{background:#7b66d41f}.hexagram-search-results span,.hexagram-search-results small{font-size:9px}.hexagram-search-results strong{color:#eeedfa;font-family:Songti SC,Noto Serif SC,serif}.hexagram-intro{grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:36px;min-height:220px;padding:32px 40px;display:grid}.hexagram-intro h2{max-width:680px;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(28px,2.5vw,39px);line-height:1.4}.hexagram-intro>div>p:last-child{max-width:680px;color:var(--cosmos-muted);margin:16px 0 0;font-size:13px;line-height:1.8}.combination-formula{grid-template-columns:1fr 20px 1fr 20px 1.25fr;align-items:center;gap:10px;display:grid}.combination-formula>span,.combination-formula>strong{background:#05091e70;border:1px solid #a4b1ff1f;border-radius:18px;align-content:center;place-items:center;gap:7px;min-height:105px;display:grid}.combination-formula>span{color:var(--formula-color);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--formula-color) 35%, transparent));font-size:30px}.combination-formula small{color:#8a92b0;font-size:9px}.combination-formula>i{color:#696f94;text-align:center;font-style:normal}.combination-formula>strong{color:#eeeefa;font-family:Songti SC,Noto Serif SC,serif;font-size:16px}.hexagram-composer{padding:30px}.composer-heading{justify-content:space-between;gap:20px;display:flex}.composer-heading h2{font-family:Songti SC,Noto Serif SC,serif;font-size:25px}.composer-heading>span{color:#737c9d;font-size:9px}.trigram-picker-block{grid-template-columns:90px 1fr;align-items:center;gap:12px;margin-top:22px;display:grid}.picker-label{gap:5px;display:grid}.picker-label strong{color:#e7e6f3;font-family:Songti SC,Noto Serif SC,serif;font-size:16px}.picker-label small{color:#6f7899;font-size:9px}.compact-trigram-picker{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.compact-trigram-picker button{color:#7e86a3;background:#05091e61;border:1px solid #9da9f117;border-radius:13px;align-content:center;place-items:center;gap:2px;min-height:76px;transition:all .16s;display:grid}.compact-trigram-picker button:hover,.compact-trigram-picker button.is-selected{color:var(--pick-color);border-color:color-mix(in srgb, var(--pick-color) 48%, transparent);background:color-mix(in srgb, var(--pick-color) 11%, #060a20b3);box-shadow:0 0 22px color-mix(in srgb, var(--pick-color) 14%, transparent)}.compact-trigram-picker button:focus-visible{outline:2px solid var(--pick-color);outline-offset:2px}.compact-trigram-picker button>span{color:var(--pick-color);font-size:21px}.compact-trigram-picker button strong{font-family:Songti SC,Noto Serif SC,serif;font-size:13px}.compact-trigram-picker button small{color:inherit;font-size:8px}.current-hexagram{grid-area:2/2/span 2;min-height:600px;padding:30px}.current-hexagram:before{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--upper-color) 22%, transparent), transparent 52%), radial-gradient(circle at 58% 68%, color-mix(in srgb, var(--lower-color) 22%, transparent), transparent 55%);filter:blur(18px);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:8% -28% 35% 28%}.current-hexagram>*{position:relative}.current-number{color:#767e9f;letter-spacing:.16em;font-size:10px}.current-hexagram>h2{margin-top:14px;font-family:Songti SC,Noto Serif SC,serif;font-size:54px;line-height:1}.current-image-name{color:#b3b0ca;margin:9px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:16px}.hexagram-universe-page .hexagram-lines{gap:11px;margin-top:22px;padding:18px 0 8px}.hexagram-universe-page .hexagram-line-row{grid-template-columns:42px minmax(130px,190px)}.hexagram-universe-page .line-label{color:#747c9d}.hexagram-universe-page .line-shape{filter:drop-shadow(0 0 7px #7f8fff38);width:100%;height:11px}.hexagram-universe-page .read-direction{color:#858dab}.upper-lower-key{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.upper-lower-key span{color:#8e96b4;align-items:center;gap:7px;font-size:10px;display:flex}.upper-lower-key i{background:var(--upper-color);width:7px;height:7px;box-shadow:0 0 8px var(--upper-color);border-radius:50%}.upper-lower-key span:last-child i{background:var(--lower-color);box-shadow:0 0 8px var(--lower-color)}.hexagram-beginner-summary{color:#a8aec5;background:#05091e61;border:1px solid #9da9f11a;border-radius:13px;margin:22px 0 0;padding:15px;font-size:12px;line-height:1.8}.open-study-button{width:100%;margin-top:12px}.book-reminder{background:#05091e6b;border:1px solid #9da9f11c;border-radius:15px;margin-top:22px;padding:17px}.book-reminder strong{color:#d9d7e9;font-size:11px}.book-reminder p{color:#989fbb;margin:7px 0;font-size:11px;line-height:1.7}.book-reminder small{color:#6f7796;font-size:9px}.cosmic-matrix{grid-column:1/-1;padding:30px}.cosmic-matrix .panel-heading{align-items:flex-start}.cosmic-matrix .panel-heading h2{font-size:23px}.cosmic-matrix .panel-heading>p{color:#777f9f;font-size:10px}.cosmic-matrix-scroll{scrollbar-color:#8672da73 transparent;margin-top:24px;padding:2px 2px 10px;overflow-x:auto}.cosmic-hexagram-grid{grid-template-columns:72px repeat(8,minmax(78px,1fr));gap:6px;min-width:780px;display:grid}.matrix-origin,.matrix-axis,.cosmic-hexagram-grid>button{border-radius:12px;min-height:62px}.matrix-origin,.matrix-axis{color:#737b9b;background:#05091e52;border:1px solid #9da9f114;align-content:center;place-items:center;font-size:9px;display:grid}.matrix-axis span{color:#a7a2c8;font-size:18px}.matrix-axis strong{font-family:Songti SC,Noto Serif SC,serif;font-size:11px}.cosmic-hexagram-grid>button{color:#a1a7bd;background:linear-gradient(145deg, color-mix(in srgb, var(--cell-upper) 8%, transparent), color-mix(in srgb, var(--cell-lower) 7%, transparent)), #05091e6b;border:1px solid #9da9f114;align-content:center;place-items:center;gap:3px;transition:all .15s;display:grid;position:relative}.cosmic-hexagram-grid>button:hover,.cosmic-hexagram-grid>button.is-selected{color:#f1f0fb;border-color:color-mix(in srgb, var(--cell-upper) 48%, var(--cell-lower));background:linear-gradient(145deg, color-mix(in srgb, var(--cell-upper) 18%, transparent), color-mix(in srgb, var(--cell-lower) 16%, transparent)), #070b239e;box-shadow:0 0 22px color-mix(in srgb, var(--cell-upper) 14%, transparent);transform:translateY(-1px)}.cosmic-hexagram-grid>button:focus-visible{outline:2px solid color-mix(in srgb, var(--cell-upper) 55%, var(--cell-lower));outline-offset:2px}.cosmic-hexagram-grid>button small{color:#697291;font-size:8px}.cosmic-hexagram-grid>button strong{font-family:Songti SC,Noto Serif SC,serif;font-size:13px}.matrix-mobile-note{color:#737b9b;margin:12px 0 0;font-size:9px;display:none}@media (width<=1120px){.hexagram-universe-main,.hexagram-intro{grid-template-columns:1fr}.current-hexagram,.cosmic-matrix{grid-area:auto/1}}@media (width<=760px){.hexagram-search{display:none}.hexagram-universe-main{gap:14px;padding:15px 15px 96px}.hexagram-intro{gap:24px;padding:28px 22px}.hexagram-intro h2{font-size:28px}.combination-formula{grid-template-columns:1fr 15px 1fr}.combination-formula>i:nth-of-type(2),.combination-formula>strong{display:none}.hexagram-composer,.current-hexagram,.cosmic-matrix{padding:24px 20px}.trigram-picker-block{grid-template-columns:1fr}.compact-trigram-picker{grid-template-columns:repeat(4,1fr)}.current-hexagram{min-height:auto}.matrix-mobile-note{display:block}}@media (width<=430px){.composer-heading{display:block}.composer-heading>span{margin-top:6px;display:block}.upper-lower-key{grid-template-columns:1fr}.current-hexagram>h2{font-size:46px}}.hexagram-study-main{grid-template-columns:220px minmax(0,1fr) 285px;gap:18px;padding:24px 34px 60px;display:grid}.hexagram-study-main>.hexagram-position-card{grid-area:2/3/span 7;position:sticky;top:18px}.study-pagination{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.study-pagination button{color:#bcb4dc;background:#05091e59;border:1px solid #9da9f11f;border-radius:999px;padding:8px 12px}.study-pagination button:disabled{opacity:.35}.study-pagination span{color:#7f88a8;font-size:10px}.study-step-rail{align-self:start;padding:24px 20px;position:sticky;top:18px}.study-step-rail ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.study-step-rail li{color:#7f88a8;border-radius:12px;grid-template-columns:35px 1fr;align-items:center;min-height:50px;font-size:11px;display:grid}.study-step-rail li.active{color:#ebe9fb;background:#7d64dd21}.study-step-rail li span{color:#7667b8;text-align:center;font-size:9px}.study-step-rail>p:last-child{color:#68718f;margin:18px 0 0;font-size:9px;line-height:1.7}.study-hero,.unit-route-panel,.book-study-panel,.text-layers-panel,.structured-notes-panel,.related-reading-panel,.study-status-panel,.unit-route-panel{grid-column:2;padding:30px}.unit-tabs{grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 0 70px;display:grid}.unit-tabs button{color:#8d95b2;text-align:left;background:#05091e59;border:1px solid #9da9f11a;border-radius:14px;gap:7px;padding:14px;display:grid}.unit-tabs button.active{color:#f0edff;background:#7e63dd26;border-color:#9577f373}.unit-tabs button.completed{border-color:#5cc4a347}.unit-tabs button.completed span{color:#83d7c3}.unit-tabs strong{font-size:11px}.unit-tabs span{font-size:9px}.unit-brief{background:#05091e4d;border-radius:16px;gap:16px;margin:12px 0 0 70px;padding:20px;display:grid}.unit-brief>div span,.unit-brief dt{color:#8d77de;font-size:9px}.unit-brief dl{flex-wrap:wrap;gap:9px;margin:0;display:flex}.unit-brief dl>div{border:1px solid #9da9f117;border-radius:10px;padding:9px 12px}.unit-brief dd{color:#c3c8db;margin:4px 0 0;font-size:11px}.unit-brief p{color:#a1a8c1;margin:0;font-size:11px;line-height:1.7}.page-verification{color:#8f96b1;margin:16px 0 0 70px;font-size:10px}.canon-source-line{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 0 70px;display:flex}.canon-source-line span,.canon-source-line a{color:#9f91d5;border:1px solid #9da9f11f;border-radius:999px;padding:7px 10px;font-size:9px;text-decoration:none}.canonical-text-stack{gap:12px;margin:14px 0 0 70px;display:grid}.canonical-text-stack>article,.line-text-grid article,.wenyan-text{background:#05091e54;border:1px solid #9da9f11a;border-radius:15px;padding:20px}.canonical-text-stack article>span{color:#9b7bff;font-size:10px}.canonical-text-stack p{color:#c4c7d8;font-family:Songti SC,Noto Serif SC,serif;font-size:15px;line-height:1.9}.line-text-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.line-text-grid small,.special-canon small{color:#858eaa;line-height:1.75}.special-canon{border-color:#d8b76a47!important}.wenyan-text summary{color:#bfb5e6;cursor:pointer}.wenyan-text p{font-size:14px}.complete-unit-button{color:#d9d2f5;background:#7e63dd26;border:1px solid #9577f359;border-radius:999px;justify-self:end;padding:11px 16px}.study-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);align-items:center;min-height:420px;display:grid}.study-title-block>span{color:#777f9f;letter-spacing:.14em;font-size:10px}.study-title-block h2{margin-top:12px;font-family:Songti SC,Noto Serif SC,serif;font-size:70px;line-height:1}.study-title-block>p:not(.study-summary){color:#b7b2cf;margin:12px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:20px}.study-title-block>div{gap:10px;margin-top:25px;display:flex}.study-title-block>div span{color:#9ea5bf;border:1px solid #9da9f11c;border-radius:999px;padding:7px 11px;font-size:10px}.study-title-block>div span:first-child{border-color:color-mix(in srgb, var(--upper-color) 32%, transparent)}.study-title-block>div span:last-child{border-color:color-mix(in srgb, var(--lower-color) 32%, transparent)}.study-summary{color:#a7aec6;max-width:590px;margin:24px 0 7px;font-size:13px;line-height:1.85}.study-title-block>small{color:#68718f;font-size:9px}.study-lines{border-left:1px solid #9da9f11a;align-content:center;place-items:center;min-height:320px;display:grid}.study-lines>p{color:#717998;font-size:9px}.hexagram-study-page .hexagram-lines{gap:12px}.hexagram-study-page .hexagram-line-row{grid-template-columns:42px 180px}.hexagram-study-page .line-shape{width:180px;height:12px}.hexagram-study-page .line-label,.hexagram-study-page .read-direction{color:#777f9f}.study-section-heading{align-items:flex-start;gap:18px;display:flex}.study-section-heading>span:first-child{color:#8873dc;border:1px solid #9175ee38;border-radius:999px;place-items:center;min-width:52px;height:30px;font-size:8px;display:grid}.study-section-heading h2{font-family:Songti SC,Noto Serif SC,serif;font-size:25px}.book-byline{color:#858dab;margin:16px 0 0 70px;font-size:11px}.book-fields{grid-template-columns:1.2fr repeat(3,.7fr);gap:10px;margin:24px 0 0 70px;display:grid}.book-fields label,.structured-note-grid label{color:#878fac;gap:8px;font-size:10px;display:grid}.book-fields input,.structured-note-grid textarea{color:#e8e7f3;background:#05091e61;border:1px solid #9da9f11c;border-radius:13px;outline:0}.book-fields input{min-height:42px;padding:0 12px}.book-fields input:focus,.structured-note-grid textarea:focus{border-color:#9477f373;box-shadow:0 0 0 3px #8266e014}.book-reading-order{counter-reset:reading;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 0 70px;padding:0;list-style:none;display:grid}.book-reading-order li{color:#a1a8c1;counter-increment:reading;background:#05091e57;border:1px solid #9da9f117;border-radius:14px;min-height:80px;padding:17px;font-size:11px;line-height:1.7}.book-reading-order li:before{color:#7768b7;content:"0" counter(reading);margin-bottom:6px;font-size:8px;display:block}.text-layer-grid,.related-reading-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0 70px;display:grid}.text-layer-grid{grid-template-columns:repeat(4,1fr)}.text-layer-grid article,.related-reading-list article{background:#05091e59;border:1px solid #9da9f117;border-radius:16px;min-height:150px;padding:20px}.text-layer-grid article>span,.related-reading-list article>span{color:#8d77de;font-size:9px}.text-layer-grid p,.related-reading-list p{color:#9ca4bd;margin:15px 0 0;font-size:11px;line-height:1.75}.text-layer-grid small{color:#68708e;margin-top:15px;font-size:8px;display:block}.local-draft-status{color:#777f9f;font-size:9px}.local-draft-status.saving{color:#c5b7f9}.local-draft-status.saved{color:#83d7c3}.local-draft-status.error{color:#f1a5ad}.cloud-save-control{align-items:center;gap:10px;margin-left:auto;display:flex}.cloud-save-control button{color:#c7bdf1;background:#775ccf1a;border:1px solid #9b84eb33;border-radius:999px;min-height:34px;padding:0 12px}.cloud-save-control button:disabled{cursor:wait;opacity:.58}.structured-note-grid{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0 70px;display:grid}.structured-note-grid textarea{resize:vertical;min-height:115px;font:inherit;padding:13px;line-height:1.7}.related-reading-list h3{margin-top:14px;font-family:Songti SC,Noto Serif SC,serif;font-size:18px}.study-status-panel{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr) auto;align-items:center;gap:30px;display:grid}.complete-hexagram-indicator{color:#858daa;background:#05091e4d;border:1px solid #9da9f11a;border-radius:999px;grid-column:1/-1;justify-self:end;padding:10px 14px}.complete-hexagram-indicator.completed{color:#8fe0ca;background:#3185701f;border-color:#5cc4a352}.study-status-panel h2{font-family:Songti SC,Noto Serif SC,serif;font-size:24px}.study-status-options{flex-wrap:wrap;gap:8px;display:flex}.study-status-options button{color:#8189a7;background:#05091e59;border:1px solid #9da9f11a;border-radius:999px;min-height:38px;padding:0 12px}.study-status-options button:hover,.study-status-options button.active{color:#eeeafa;background:#7e63dd29;border-color:#9577f36b}@media (width<=1220px){.hexagram-study-main{grid-template-columns:1fr}.study-step-rail{display:none;position:static}.study-hero,.unit-route-panel,.book-study-panel,.text-layers-panel,.structured-notes-panel,.related-reading-panel,.study-status-panel{grid-column:1}.hexagram-study-main>.hexagram-position-card{grid-area:auto/1;position:static}}@media (width<=760px){.hexagram-study-main{gap:14px;padding:15px 15px 96px}.study-hero,.unit-route-panel,.book-study-panel,.text-layers-panel,.structured-notes-panel,.related-reading-panel,.study-status-panel{padding:24px 20px}.unit-tabs,.unit-brief,.canonical-text-stack,.canon-source-line,.page-verification{margin-left:0}.unit-tabs,.line-text-grid,.study-hero{grid-template-columns:1fr}.study-title-block h2{font-size:56px}.study-lines{border-top:1px solid #9da9f11a;border-left:0;margin-top:28px}.study-section-heading{gap:10px}.book-byline,.book-fields,.book-reading-order,.text-layer-grid,.structured-note-grid,.related-reading-list{margin-left:0}.book-fields,.text-layer-grid,.structured-note-grid,.related-reading-list{grid-template-columns:1fr}.book-reading-order{grid-template-columns:1fr 1fr}.study-status-panel{grid-template-columns:1fr}.cloud-save-control{justify-content:space-between;width:100%;margin:8px 0 0 52px}}.learning-center-main{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:1.3rem;padding:1.5rem 0 4rem;display:grid}.center-overview{grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(25rem,.85fr);align-items:center;gap:2rem;padding:clamp(1.6rem,3vw,2.8rem);display:grid}.center-overview h2,.center-empty h2{margin:1rem 0 .75rem;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(1.8rem,3vw,2.75rem);font-weight:500}.center-overview>div>p:last-child,.center-empty>p{max-width:44rem;color:var(--cosmic-muted);line-height:1.85}.center-overview dl{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.center-overview dl div{background:#090c2761;border:1px solid #9b85e824;border-radius:1rem;padding:1.15rem}.center-overview dt{color:var(--cosmic-muted);font-size:.74rem}.center-overview dd{margin:.55rem 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:1.65rem}.center-overview dd span{color:var(--cosmic-muted);font-size:.72rem}.center-workspace,.center-guide{padding:clamp(1.4rem,2.6vw,2.3rem)}.center-tabs{border-bottom:1px solid #9f8cff1f;gap:.55rem;display:flex}.center-tabs button{color:var(--cosmic-muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.55rem;padding:.8rem 1.1rem;display:inline-flex}.center-tabs button.active{color:#f1edff;border-bottom-color:#a586ff}.center-tabs span{background:#9175e626;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;font-size:.68rem;display:grid}.center-empty{text-align:center;align-content:center;place-items:center;min-height:31rem;display:grid}.center-empty>p{max-width:36rem}.center-empty .cosmic-primary,.center-empty .cosmic-secondary{width:auto;min-width:15rem;margin-top:.6rem}.center-record-list{gap:.85rem;padding-top:1.2rem;display:grid}.center-record-list article{background:#0a0c2857;border:1px solid #9f8cff24;border-radius:1rem;padding:1.25rem}.center-record-list article>span,.center-record-list small{color:var(--cosmic-muted);font-size:.72rem}.center-record-list h3{margin:.8rem 0 .55rem;font-family:Songti SC,Noto Serif SC,serif;font-weight:500}.center-record-list p{color:#c6c5d8;margin:0 0 .8rem;line-height:1.75}.center-course-progress{background:#755bc717;border-radius:.7rem;flex-wrap:wrap;gap:.55rem 1rem;margin:0 0 .8rem;padding:.7rem .8rem;display:flex}.center-course-progress strong{color:#c9c1eb;font-size:.78rem;font-weight:500}.center-course-progress span{color:var(--cosmic-muted);font-size:.75rem}.empty-constellation{width:11rem;height:7rem;margin-bottom:.9rem;position:relative}.empty-constellation:before,.empty-constellation:after{content:"";background:linear-gradient(90deg,#0000,#ac96f385,#0000);height:1px;position:absolute;inset:50% 12%;transform:rotate(17deg)}.empty-constellation:after{transform:rotate(-23deg)}.empty-constellation span{background:#8568e56b;border:1px solid #bfaeff80;border-radius:50%;width:.65rem;height:.65rem;position:absolute;box-shadow:0 0 1.2rem #8e6eed73}.empty-constellation span:first-child{top:15%;left:12%}.empty-constellation span:nth-child(2){top:65%;left:33%}.empty-constellation span:nth-child(3){top:27%;right:30%}.empty-constellation span:nth-child(4){bottom:12%;right:8%}.center-guide ol{gap:.85rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.center-guide li{background:#0a0c2857;border:1px solid #9f8cff21;border-radius:1rem;grid-template-columns:2.3rem 1fr;gap:.9rem;padding:1.15rem;display:grid}.center-guide li>span{color:#9989db;letter-spacing:.08em;font-size:.74rem}.center-guide strong{font-family:Songti SC,Noto Serif SC,serif;font-weight:500}.center-guide p{color:var(--cosmic-muted);margin:.45rem 0 0;line-height:1.65}@media (width<=1040px){.learning-center-main,.center-overview{grid-template-columns:1fr}.center-overview dl{grid-template-columns:repeat(5,1fr)}}@media (width<=720px){.learning-center-main{padding:1rem 1rem 7rem;display:block}.learning-center-main>*+*{margin-top:1rem}.center-overview dl{grid-template-columns:repeat(2,1fr)}.center-tabs button{flex:1;justify-content:center;padding-inline:.55rem}.center-empty{min-height:28rem}.center-empty .cosmic-primary,.center-empty .cosmic-secondary{width:100%;min-width:0}}.center-tools{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.center-tools input,.center-tools select,.center-tools button{color:#c8cce0;background:#05091e61;border:1px solid #9da9f11f;border-radius:11px;min-height:38px;padding:0 12px}.center-tools input{flex:1;min-width:220px}.center-tools button{color:#c3b8ef}.structure-learning-main{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:24px 34px 60px;display:grid}.structure-hero{grid-column:1/-1;padding:34px}.structure-hero h2,.structure-course h2{margin:10px 0;font-family:Songti SC,Noto Serif SC,serif}.structure-hero h2{font-size:clamp(28px,3.5vw,48px)}.structure-hero>p:last-child,.structure-example-copy>p{color:#9ea6c1;line-height:1.8}.structure-course{grid-template-columns:minmax(0,1fr) 320px;gap:26px;padding:30px;display:grid}.structure-example-copy>span,.structure-actions>span{color:#8d77de;font-size:10px}.structure-example-copy dl{gap:10px;margin:22px 0;display:flex}.structure-example-copy dl>div{background:#05091e52;border:1px solid #9da9f11a;border-radius:12px;padding:12px}.structure-example-copy dt{color:#747d9c;font-size:9px}.structure-example-copy dd{color:#c8c5dd;margin:5px 0 0;font-size:12px}.structure-example-copy ol{color:#a5acc5;gap:10px;padding-left:22px;font-size:12px;line-height:1.7;display:grid}.structure-lines{border-left:1px solid #9da9f11a;place-items:center;min-height:360px;display:grid}.structure-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;display:flex}@media (width<=960px){.structure-learning-main{grid-template-columns:1fr}.structure-hero,.structure-course,.structure-learning-main>.learning-position-card{grid-column:1}}@media (width<=650px){.structure-learning-main{padding:15px 15px 96px}.structure-hero,.structure-course{padding:22px}.structure-course{grid-template-columns:1fr}.structure-lines{border-top:1px solid #9da9f11a;border-left:0}.structure-actions{flex-direction:column;align-items:stretch}}.trigram-learning-page{min-height:100vh}.universe-brand[type=button]{background:0 0;border:0;padding:0}.cosmic-breadcrumb{color:#8089ad;letter-spacing:.08em;background:0 0;border:0;margin:0 0 5px;padding:0;font-size:10px}.cosmic-breadcrumb span{color:#595f80;margin-left:5px}.trigram-learning-main{grid-template-columns:minmax(0,1.85fr) minmax(290px,.9fr);gap:18px;padding:24px 34px 56px;display:grid}.trigram-intro,.trigram-reader,.trigram-selector,.companion-reading{position:relative;overflow:hidden}.trigram-intro{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);align-items:center;gap:42px;min-height:250px;padding:32px 42px;display:grid}.trigram-intro h2{max-width:650px;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(26px,2.7vw,40px);line-height:1.35}.trigram-intro blockquote{color:#cbc7e4;max-width:720px;margin:20px 0 0;font-family:Songti SC,Noto Serif SC,serif;font-size:16px;line-height:1.75}.trigram-intro blockquote cite{color:#878eb1;margin-left:12px;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:10px;font-style:normal;display:inline-block}.trigram-intro>div>p:last-child{max-width:650px;color:var(--cosmos-muted);margin:14px 0 0;font-size:13px;line-height:1.8}.yin-yang-primer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.yin-yang-primer article{background:#080d286b;border:1px solid #9da9f121;border-radius:20px;align-content:center;place-items:center;gap:10px;min-height:138px;display:grid}.yin-yang-primer strong{font-family:Songti SC,Noto Serif SC,serif;font-size:16px}.yin-yang-primer article>span:last-child{color:#777f9f;font-size:10px}.learning-line{border-radius:999px;justify-content:space-between;align-items:stretch;width:88px;height:10px;display:flex}.learning-line.is-yang{box-shadow:0 0 18px color-mix(in srgb, currentColor 35%, transparent);background:currentColor}.learning-line.is-yin i{border-radius:inherit;width:39%;box-shadow:0 0 18px color-mix(in srgb, currentColor 35%, transparent);background:currentColor}.yin-yang-primer .learning-line{color:#a997ff}.trigram-reader{min-height:565px;padding:30px}.trigram-reader:before{background:radial-gradient(circle, color-mix(in srgb, var(--selected-trigram) 24%, transparent), transparent 68%);filter:blur(10px);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:25% 54% 5% -8%}.reader-heading,.panel-heading{z-index:1;position:relative}.reader-heading{justify-content:space-between;align-items:flex-start;display:flex}.reader-heading h2{align-items:baseline;gap:12px;font-family:Songti SC,Noto Serif SC,serif;font-size:34px;display:flex}.reader-heading h2 span{color:var(--selected-trigram);font-size:14px;font-weight:500}.selected-symbol{color:var(--selected-trigram);filter:drop-shadow(0 0 18px color-mix(in srgb, var(--selected-trigram) 48%, transparent));font-size:46px}.reader-layout{z-index:1;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:28px;margin-top:26px;display:grid;position:relative}.line-decoder,.meaning-card{background:#05091f7a;border:1px solid #a4b1ff1f;border-radius:24px;min-height:400px}.line-decoder{padding:24px}.reading-direction{color:#7982a8;justify-content:space-between;align-items:center;margin:0;font-size:10px;display:flex}.reading-direction strong{color:var(--selected-trigram);font-size:11px}.large-trigram{flex-direction:column;justify-content:center;gap:28px;min-height:325px;display:flex}.decoded-line{grid-template-columns:40px 1fr 30px;align-items:center;gap:15px;display:grid}.decoded-line>span,.decoded-line small{color:#737c9d;font-size:10px}.decoded-line small{text-align:right}.decoded-line .learning-line{width:100%;height:14px;color:var(--selected-trigram)}.meaning-card{padding:28px}.classic-phrase{color:#f1f0ff;margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:28px}.classic-source{color:#8f85bd;margin-top:8px;font-size:10px;display:inline-block}.meaning-card>p:not(.classic-phrase){color:#a3aac5;margin:22px 0 0;font-size:13px;line-height:1.8}.keyword-row{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.keyword-row span{color:var(--selected-trigram);border:1px solid color-mix(in srgb, var(--selected-trigram) 32%, transparent);background:color-mix(in srgb, var(--selected-trigram) 8%, transparent);border-radius:999px;padding:6px 10px;font-size:10px}.learning-boundary{border-left:2px solid var(--selected-trigram);background:color-mix(in srgb, var(--selected-trigram) 7%, transparent);border-radius:0 12px 12px 0;margin-top:24px;padding:16px}.learning-boundary strong{color:#d9d8e9;font-size:11px}.learning-boundary p{color:#a9afc8;margin:7px 0;font-size:12px;line-height:1.7}.learning-boundary small{color:#707895;font-size:9px}.trigram-selector{grid-column:1;padding:28px 30px}.trigram-selector .panel-heading{align-items:flex-start}.trigram-selector .panel-heading h2{font-size:20px}.color-note{color:#747c9d;font-size:9px}.trigram-choice-grid{grid-template-columns:repeat(8,minmax(70px,1fr));gap:8px;margin-top:22px;display:grid}.trigram-choice-grid button{color:#79819f;background:#060a2161;border:1px solid #9da9f11a;border-radius:16px;align-content:center;place-items:center;gap:4px;min-height:105px;transition:all .18s;display:grid}.trigram-choice-grid button:hover,.trigram-choice-grid button.is-selected{color:var(--card-trigram);border-color:color-mix(in srgb, var(--card-trigram) 40%, transparent);background:color-mix(in srgb, var(--card-trigram) 10%, #070b23a8);box-shadow:0 0 24px color-mix(in srgb, var(--card-trigram) 13%, transparent);transform:translateY(-2px)}.trigram-choice-grid button:focus-visible{outline:2px solid var(--card-trigram);outline-offset:2px}.trigram-choice-grid button span{color:var(--card-trigram);font-size:25px}.trigram-choice-grid button strong{font-family:Songti SC,Noto Serif SC,serif;font-size:15px}.trigram-choice-grid button small{color:inherit;font-size:9px}.companion-reading{grid-column:1/-1;padding:30px}.trigram-learning-main>.learning-position-card{grid-area:2/2}.companion-reading h2{font-family:Songti SC,Noto Serif SC,serif;font-size:24px;line-height:1.5}.companion-reading ol{gap:0;margin:26px 0 0;padding:0;list-style:none;display:grid}.companion-reading li{color:#a9afc6;border-bottom:1px solid #9da9f117;grid-template-columns:42px 1fr;align-items:center;min-height:70px;font-size:12px;line-height:1.65;display:grid;position:relative}.companion-reading li span{color:#8c78de;font-size:10px}.reading-note{color:#8f97b6;background:#060a2161;border:1px solid #9da9f11a;border-radius:16px;margin:28px 0 0;padding:18px;font-size:11px;line-height:1.9}.open-hexagrams-button{width:100%;margin-top:16px}.stage-save-state{color:#83d7c3;margin:20px 0 0;font-size:10px}@media (width<=1120px){.trigram-learning-main{grid-template-columns:1fr}.trigram-intro,.trigram-selector,.companion-reading,.trigram-learning-main>.learning-position-card{grid-column:1}.companion-reading,.trigram-learning-main>.learning-position-card{grid-row:auto}}@media (width<=760px){.trigram-learning-main{gap:14px;padding:15px 15px 96px}.trigram-intro{grid-template-columns:1fr;gap:24px;padding:28px 22px}.trigram-intro h2{font-size:29px}.trigram-intro blockquote{font-size:14px}.trigram-reader,.trigram-selector,.companion-reading{padding:24px 20px}.reader-layout{grid-template-columns:1fr}.line-decoder,.meaning-card{min-height:auto}.large-trigram{min-height:280px}.trigram-choice-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=430px){.yin-yang-primer{grid-template-columns:1fr}.yin-yang-primer article{min-height:115px}.trigram-choice-grid{grid-template-columns:repeat(2,1fr)}.selected-symbol{font-size:38px}}