*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.modalOpen body{overflow:hidden}button{color:inherit;font:inherit}.shell{position:relative;min-height:100vh}.skyStars{position:absolute;inset:0 0 auto;z-index:-1;height:40%;overflow:hidden;pointer-events:none}.hero,.cardGrid{position:relative;z-index:1}.hero{text-align:center}.cardGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(1160px,100%);margin:0 auto}.showcaseCard{--lift: 0px;--scale: 1;position:relative;display:grid;min-height:320px;grid-template-rows:auto 1fr auto;overflow:hidden;transform:translate3d(0,var(--lift),0) scale(var(--scale))}.cardTag{position:absolute;top:14px;right:-28px;z-index:99;width:96px;padding:5px 0;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase;transform:rotate(45deg)}.cardTagSparkle{position:absolute;font-size:.52rem;line-height:1;transform:translate(-50%,-50%) scale(0);--sparkle-scale: 1.35;animation:newBadgeSparkle 2s ease-in-out infinite}.cardTagSparkle:before{content:"★"}.cardTagSparkle:nth-of-type(2){animation-delay:.45s}.cardTagSparkle:nth-of-type(3){animation-delay:.9s}.cardTagSparkle:nth-of-type(4){animation-delay:1.35s}.cardHeader{display:flex;align-items:center;gap:10px}.showcaseCard.withTag .cardHeader{padding-right:20px}.orb{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;overflow:hidden;border-radius:10px;font-family:SFMono-Regular,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:.9rem;font-weight:800;line-height:1;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.cardHeader h2,.detailModal h2{margin:0;font-size:1.08rem}.cardBody{display:flex;align-items:flex-start;font-size:.9rem}.cardFooter,.modalCommand{display:grid;gap:10px}code{overflow:hidden;padding:8px 10px;border-radius:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.magicBtn{border-radius:999px;padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.magicBtn:active{transform:translateY(0)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;z-index:10;place-items:center;padding:24px;overflow:hidden;overscroll-behavior:contain;animation:fadeIn .16s ease}.detailModal{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;width:min(1080px,94vw);height:80vh;overflow:hidden;contain:layout paint style;isolation:isolate;border-radius:30px;animation:bloom .2s ease}.detailHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px}.detailType{display:inline-flex;flex:0 0 auto;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.08em}.skillExplorer{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:stretch;gap:14px;min-height:0}.skillPreviewPane,.skillFilePane{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0}.skillFilePane{grid-template-rows:auto minmax(0,1fr)}.skillFilePane>.fileTree,.skillFilePane>.fileListStatus{min-height:0;overflow:auto;overscroll-behavior:contain}.paneTitle{display:flex;justify-content:space-between;gap:8px;min-width:0;padding:0 0 9px;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.fileTree,.fileTree ul{margin:0;padding:0;list-style:none}.fileTree .fileTree{padding-left:12px}.fileTree button,.fileTree summary{display:block;width:100%;padding:7px 8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.fileTree button span{margin-right:6px}.fileTree summary{list-style-position:inside}.fileListStatus{margin:12px;font-size:.8rem;line-height:1.5}.documentPreview{min-height:0;margin:0;overflow:auto;overscroll-behavior:contain;contain:layout paint style;-webkit-overflow-scrolling:touch;border-radius:18px;scrollbar-width:thin}.documentPreview code{display:block;overflow:visible;padding:18px;border-radius:0;font-size:.78rem;line-height:1.7;text-overflow:clip;white-space:pre-wrap}.documentPreview::-webkit-scrollbar{width:6px;height:6px}.documentPreview::-webkit-scrollbar-track{background:#01060e5c}.modalCommand{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-right:10px}.modalCommand code{overflow:hidden}.modalCommand .magicBtn{padding:8px 0;font-size:.92rem;font-weight:700;white-space:nowrap}.closeButton{position:relative;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;overflow:hidden;border:0;border-radius:8px;line-height:0;font-size:0;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.closeButton:before,.closeButton:after{position:absolute;top:50%;left:50%;width:12px;height:1.5px;border-radius:1px;background:currentColor;content:""}.closeButton:before{transform:translate(-50%,-50%) rotate(45deg)}.closeButton:after{transform:translate(-50%,-50%) rotate(-45deg)}.menuWrapper{position:fixed;top:24px;right:32px;z-index:100}.menuButton{display:flex;align-items:center;gap:3px;padding:8px;cursor:pointer;opacity:.4;transition:opacity var(--transition-fast),transform var(--transition-fast)}.menuButton:before,.menuButton:after,.menuButton span{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.menuButton:hover{opacity:1;transform:scale(1.1)}.menuPanel{position:absolute;top:28px;right:0;z-index:200;min-width:120px;padding:3px 0;border-radius:5px;box-shadow:0 8px 32px #00000026;animation:menuSlide .2s ease}.menuSection{padding:0}.menuSectionLabel{padding:0;margin-bottom:0;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.menuSectionItems{display:flex;flex-direction:column;gap:0}.menuDivider{height:1px;margin:2px 0;opacity:.15}.menuItem{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:5px 8px;border-radius:3px;font-size:.76rem;cursor:pointer;transition:background var(--transition-fast)}.menuItem:hover:not(.disabled){background:#ffffff1a}.menuItem.active{font-weight:500}.menuItem.disabled{opacity:.4;cursor:not-allowed}.menuItemLabel{text-align:center}.menuItemValue{font-size:.7rem;opacity:.6}.menuBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}@keyframes menuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bloom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes soulBreathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes newBadgeSparkle{0%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(var(--sparkle-scale))}}@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1180px){.cardGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:620px){.hero{padding-inline:16px}.cardGrid{--tile-cols: 2;--tile-gap: 8px;--tile-pad: 10px;--tile-w: calc( (100vw - var(--tile-pad) * 2 - var(--tile-gap) * (var(--tile-cols) - 1)) / var(--tile-cols) );--tile-ar-min: 1.28;--tile-ar-max: 1.52;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tile-gap);width:100%;padding-inline:var(--tile-pad)}.showcaseCard{display:grid;width:100%;min-height:calc(var(--tile-w) * var(--tile-ar-min));max-height:calc(var(--tile-w) * var(--tile-ar-max));padding:12px;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.showcaseCard.withTag .cardHeader{padding-right:12px}.cardHeader{gap:8px;min-width:0}.cardHeader h2{flex:1;min-width:0;font-size:.9rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orb{flex-shrink:0;width:36px;height:36px;font-size:.8rem;border-radius:10px}.cardBody{align-self:start;align-items:flex-start;width:100%;min-height:0;font-size:.85rem;line-height:1.5;overflow:hidden}.cardBody p{margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cardFooter{gap:8px}.cardFooter code{display:block;padding:6px 8px;font-size:.58rem;border-radius:8px}.cardFooter .magicBtn{width:100%;padding:8px 12px;font-size:.82rem}.cardTag{top:0;right:0;width:56px;height:56px;padding:0;font-size:inherit;letter-spacing:inherit}.cardTagLabel{top:10px;right:-22px;width:72px;padding:3px 0;font-size:.5rem;letter-spacing:.08em}.skillExplorer{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(110px,27%);gap:10px}.modalCommand code{font-size:.62rem;padding:10px 12px}.modalBackdrop{align-items:flex-end;padding:0}.detailModal{width:100%;max-height:min(92dvh,100%);height:min(92dvh,100%);padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:sheetUp .22s ease}.detailHeader{gap:8px;min-height:0}.detailModal h2{font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.modalCommand{grid-template-columns:1fr;gap:10px;margin-right:0}.modalCommand .magicBtn{justify-self:start;min-height:44px;padding-inline:16px}.closeButton{width:28px;height:28px}.closeButton:before,.closeButton:after{width:10px}.documentPreview code{padding:14px;font-size:.72rem;line-height:1.6}}@keyframes sheetUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.theme-dark{--color-stripe-purple: #7185e5;--color-deep-navy: #f0f3ff;--color-pure-white: #fffaff;--color-brand-dark: #f0f3ff;--color-dark-navy: #42c6ba;--color-ruby: #ff6b9d;--color-purple-hover: #a7b5ff;--color-purple-light: #bcc8ff;--color-purple-mid: #4058b5;--color-label: #a9b5d8;--color-body: #d4daf0;--color-border: rgba(135, 156, 255, .24);--color-border-soft: rgba(213, 220, 255, .54);--color-surface: rgba(20, 24, 53, .9);--color-page: #02040a;--tint-rule: #64d5c4;--tint-rule-soft: rgba(100, 213, 196, .12);--tint-rule-border: rgba(100, 213, 196, .42);--tint-skill: #7d91ee;--tint-skill-soft: rgba(125, 145, 238, .14);--tint-skill-border: rgba(125, 145, 238, .44);--tint-soul: #edb17c;--tint-soul-secondary: #c77da9;--tint-soul-soft: rgba(237, 184, 106, .1);--tint-soul-border: rgba(237, 184, 106, .38);--shadow-stripe-blue: rgba(0, 0, 0, .28);--shadow-dark-blue: rgba(0, 0, 0, .5);--shadow-black: rgba(0, 0, 0, .22);--shadow-card: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 14px 30px rgba(0, 0, 0, .32), 0 0 0 1px rgba(82, 105, 201, .1);--shadow-card-hover: 0 1px 0 rgba(255, 255, 255, .14) inset, 0 22px 48px rgba(0, 0, 0, .44), 0 0 36px rgba(76, 95, 219, .22);--shadow-modal: 0 24px 60px var(--shadow-dark-blue), 0 8px 24px var(--shadow-black);--transition-fast: .2s ease;color:var(--color-body);background:var(--color-page);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;font-feature-settings:"ss01" 1}.theme-dark button{border:none;background:none;cursor:pointer}.theme-dark .shell{isolation:isolate;padding:32px 32px 88px;background:transparent}.theme-dark .shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background:url("data:image/svg+xml,%3Csvg width='1440' height='720' viewBox='0 0 1440 720' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d9c4c3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='matrix(1 0 0 1.3 504 -216)' d='M0 405 170 245 310 365 505 175 690 358 870 210 1080 360 1250 240 1440 370V720H0Z' fill='%23514253' fill-opacity='.08' stroke-opacity='.15' stroke-width='.8'/%3E%3Cpath transform='matrix(1 0 0 1.3 504 -216)' d='M0 492 210 285 350 430 560 225 745 420 950 265 1130 430 1280 300 1440 450V720H0Z' fill='%23302631' fill-opacity='.12' stroke-opacity='.2' stroke-width='.85'/%3E%3Cpath transform='matrix(1 0 0 1.3 504 -216)' d='M0 595 180 385 330 555 530 315 720 555 930 350 1090 550 1260 400 1440 560V720H0Z' fill='%231b181f' fill-opacity='.2' stroke-opacity='.24' stroke-width='.9'/%3E%3Cpath transform='matrix(1 0 0 1.3 504 -216)' d='M0 674 260 440 460 635 690 420 880 640 1100 460 1440 610V720H0Z' fill='%230d0d11' fill-opacity='.5' stroke-opacity='.28' stroke-width='.9'/%3E%3Cg transform='matrix(1 0 0 1.3 504 -216)' stroke-opacity='.17' stroke-width='.72'%3E%3Cpath d='M78 350 Q160 300 250 344 T430 323'/%3E%3Cpath d='M110 375 Q172 334 250 366 T412 350'/%3E%3Cpath d='M195 265 Q250 238 307 290 T410 280'/%3E%3Cpath d='M405 318 Q500 258 600 332 T770 318'/%3E%3Cpath d='M466 351 Q535 304 608 356 T748 347'/%3E%3Cpath d='M760 296 Q840 252 920 300 T1080 290'/%3E%3Cpath d='M805 330 Q875 292 950 334 T1070 326'/%3E%3Cpath d='M1035 340 Q1120 293 1190 350 T1340 330'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1.3 504 -216)' stroke-opacity='.2' stroke-width='.78'%3E%3Cpath d='M30 530 Q120 475 220 530 T405 512'/%3E%3Cpath d='M80 557 Q150 510 240 551 T410 540'/%3E%3Cpath d='M420 505 Q520 448 620 515 T800 502'/%3E%3Cpath d='M475 540 Q555 490 640 542 T790 532'/%3E%3Cpath d='M820 518 Q910 455 1010 520 T1190 505'/%3E%3Cpath d='M910 548 Q1000 500 1080 548 T1250 532'/%3E%3C/g%3E%3Cg stroke='%23e7d8bb' stroke-opacity='.12' stroke-width='.72'%3E%3Cpath d='M0 615 C190 575 330 655 520 610 S850 570 1040 618 1270 655 1440 610'/%3E%3Cpath d='M0 642 C190 602 330 682 520 637 S850 597 1040 645 1270 682 1440 637'/%3E%3Cpath d='M0 669 C190 629 330 709 520 664 S850 624 1040 672 1270 709 1440 664'/%3E%3Cpath d='M0 696 C190 656 330 736 520 691 S850 651 1040 699 1270 736 1440 691'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 72% no-repeat,radial-gradient(circle at 50% -10%,rgba(38,48,88,.08),transparent 36%),radial-gradient(ellipse at 50% 61%,rgba(177,120,93,.07),transparent 27%),radial-gradient(circle at 12% 26%,rgba(42,62,118,.07),transparent 32%),radial-gradient(circle at 88% 54%,rgba(68,48,118,.07),transparent 34%),linear-gradient(160deg,#010208,#04060e 52%,#0a0816);pointer-events:none}.theme-dark .skyStars{mask-image:linear-gradient(to bottom,#000 62%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent)}.theme-dark .skyStars:before,.theme-dark .skyStars:after{position:absolute;top:0;left:0;width:200%;height:100%;content:""}.theme-dark .skyStars:before{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.86) 0 1px,transparent 1.7px) 0 0 / 170px 170px;animation:starDrift 48s linear infinite}.theme-dark .skyStars:after{background:radial-gradient(circle at 73% 9%,rgba(255,231,184,.78) 0 1px,transparent 1.8px) 40px 24px / 230px 230px;animation:starDrift 72s linear infinite reverse}.theme-dark .shell:after{position:absolute;top:42px;left:50%;z-index:-1;width:2px;height:2px;border-radius:50%;content:"";background:transparent;box-shadow:-220px 8px #ffffffdb,0 4px 0 .5px #ffe7b8cc,220px 10px #ffffffc7;transform:translate(-50%);animation:heroOrnament 6.8s ease-in-out infinite;pointer-events:none}.theme-dark .pointerGlow,.theme-dark .magicCursor{display:none}.theme-dark .hero{width:min(1160px,100%);margin:0 auto 42px;padding:54px 24px 12px;text-align:left;background:radial-gradient(ellipse at center,rgba(48,62,110,.07),transparent 68%)}.theme-dark .heroMeteor{display:block;width:92px;height:24px;margin:-12px 0 11px;overflow:hidden;background:linear-gradient(90deg,var(--tint-soul),rgba(237,184,106,.1),transparent) left center / 92px 1px no-repeat;pointer-events:none}.theme-dark .heroMeteor canvas{display:block;width:100%;height:100%;opacity:0}.theme-dark .hero:after{position:absolute;top:22%;left:50%;width:4px;height:4px;border-radius:50%;content:"";background:transparent;box-shadow:-240px -8px #ffffffb8,250px 6px 0 1px #ffe7b8b3,-170px 64px #d2ebf48c,190px 72px #ffffff80,-70px -28px 0 .5px #fff8e7d9,80px -32px #fff9,-310px 40px #ffe7b866,320px 36px #d2ebf46b;transform:translate(-50%);animation:heroMotes 4.2s ease-in-out infinite reverse;pointer-events:none}.theme-dark .eyebrow{margin:0 0 14px;color:var(--tint-soul);font-size:.85rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.theme-dark h1{margin:0;font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.03;letter-spacing:-.02em;font-weight:600;color:#fff9ff;background:linear-gradient(110deg,#fff8e7,#b9c8ff 42%,#8b9cf4 74%,#fff8e7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(91,112,236,.34)}.theme-dark .heroText{max-width:640px;margin:20px 0 0;color:#e8e1fbc7;font-size:1.13rem;line-height:1.6;font-weight:300;text-shadow:0 1px 12px rgba(0,0,0,.36)}.theme-dark .heroStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:28px 0 0;padding:1px;background:var(--color-border)}.theme-dark .heroStats div{min-width:0;padding:14px 16px;background:#0a0e25e0}.theme-dark .heroStats dt{color:var(--color-label);font-size:.72rem;letter-spacing:.06em}.theme-dark .heroStats dd{margin:6px 0 0;color:#fff9ff;font-size:1.8rem;font-weight:600;line-height:1}.theme-dark .heroStats div:nth-child(4) dd{color:var(--color-ruby)}.theme-dark .heroStats div:nth-child(5) dd{color:var(--tint-soul)}@keyframes starDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heroOrnament{0%,to{opacity:.42;transform:translate(-50%) translateY(0)}50%{opacity:.9;transform:translate(-50%) translateY(-8px)}}@keyframes heroMotes{0%,to{opacity:.4;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-8px)}}.theme-dark .cardGrid{gap:16px;padding:24px 24px 80px}.theme-dark .showcaseCard{padding:21px;border:1px solid rgba(143,163,255,.3);border-radius:18px;background:linear-gradient(155deg,#2a346c7a,#0a0e25db 48%,#1c1644e0),var(--color-surface);-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.theme-dark .showcaseCard:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit;background:repeating-linear-gradient(118deg,transparent 0 13px,rgba(255,239,211,.018) 14px,transparent 15px 29px),radial-gradient(ellipse at 20% 0%,rgba(238,209,166,.09),transparent 42%);opacity:.72;pointer-events:none}.theme-dark .showcaseCard:hover{border-color:var(--color-border-soft);box-shadow:var(--shadow-card-hover);--lift: -4px;--scale: 1.01}.theme-dark .showcaseCard.rule,.theme-dark .showcaseCard.skill{background:linear-gradient(155deg,#2a346c7a,#0a0e25db 48%,#1c1644e0),var(--color-surface);border-color:#8fa3ff4d}.theme-dark .showcaseCard.rule:hover{border-color:var(--tint-rule-border)}.theme-dark .showcaseCard.skill:hover{border-color:var(--tint-skill-border)}.theme-dark .showcaseCard.soul{background:linear-gradient(135deg,#edb86a24,#c77da91f),var(--color-surface);border-color:#edb86a61;border-width:1px}.theme-dark .showcaseCard.soul:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 0%,var(--tint-soul-soft),transparent 70%)}.theme-dark .cardTag{top:0;right:0;width:76px;height:76px;padding:0;overflow:hidden;border:none;border-radius:0;background:transparent;color:var(--color-pure-white);transform:none;pointer-events:none}.theme-dark .cardTagLabel{position:absolute;top:16px;right:-30px;width:100px;padding:5px 0;background:var(--color-stripe-purple);color:var(--color-pure-white);font-size:.62rem;font-weight:900;letter-spacing:.12em;line-height:1.2;text-align:center;text-transform:uppercase;transform:rotate(45deg)}.theme-dark .cardTag.hot .cardTagLabel{background:linear-gradient(135deg,#ea2261,#f97316)}.theme-dark .cardTag.new .cardTagLabel{background:linear-gradient(135deg,#8b5cf6,#10b981)}.theme-dark .cardTagSparkle{position:absolute;color:#ffffffbf;z-index:1}.theme-dark .cardTag.hot .cardTagSparkle{color:#ffffffbf}.theme-dark .orb{width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;flex:0 0 42px;font-weight:500;color:#f8ffff;border:1px solid rgba(235,250,255,.28);box-shadow:0 2px 8px #00000047,0 0 14px #5b70ec3d}.theme-dark .orb.rule{background:linear-gradient(135deg,var(--tint-rule),var(--color-dark-navy));border:none}.theme-dark .orb.skill{background:linear-gradient(135deg,var(--tint-skill),var(--color-purple-mid));border:none}.theme-dark .orb.soul{background:var(--tint-soul);border:none}.theme-dark .showcaseCard:hover .orb{transform:scale(1.08);border-color:#ebfaff7a}.theme-dark .showcaseCard.rule:hover .orb{box-shadow:0 4px 18px #64d5c466}.theme-dark .showcaseCard.skill:hover .orb{box-shadow:0 4px 18px #5dabc970}.theme-dark .showcaseCard.soul:hover .orb{box-shadow:0 4px 12px var(--tint-soul-soft)}.theme-dark .cardHeader h2{font-weight:650;color:#f0f3ff;letter-spacing:-.01em;text-shadow:0 0 12px rgba(122,141,239,.28)}.theme-dark .cardBody{color:#d8e3e8;line-height:1.55}.theme-dark .showcaseCard.rule .cardHeader h2{color:#a1eee1}.theme-dark .showcaseCard.skill .cardHeader h2{color:#c6d0ff}.theme-dark .showcaseCard.soul .cardHeader h2{background:linear-gradient(135deg,#f1c979,#edb1c7 58%,#a7d7e8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}.theme-dark .showcaseCard.rule .cardBody,.theme-dark .showcaseCard.skill .cardBody,.theme-dark .showcaseCard.soul .cardBody{opacity:1}.theme-dark .showcaseCard.rule .magicBtn{background:#64d5c414;border-color:#64d5c43d;color:#cffff7c2}.theme-dark .showcaseCard.rule .magicBtn:hover{background:#64d5c442}.theme-dark .showcaseCard.skill .magicBtn{background:#7d91ee14;border-color:#7d91ee3d;color:#ebedffc2}.theme-dark .showcaseCard.skill .magicBtn:hover{background:#7d91ee3d}.theme-dark .showcaseCard.soul .magicBtn{background:#edb86a14;border-color:#edb86a3d;color:#fff0d2c7}.theme-dark .showcaseCard.soul .magicBtn:hover{background:#edb86a45}.theme-dark code{border:1px solid var(--color-border);border-radius:8px;background:#040512d1;color:#e7dfff;font-size:.72rem}.theme-dark .magicBtn{border:1px solid rgba(176,188,255,.2);border-radius:999px;padding:10px 18px;background:#5c6abe14;color:#e8ebffbd;font-size:.88rem;font-weight:400;letter-spacing:-.01em}.theme-dark .magicBtn:hover{background:#5c6abe38;border-color:#b0bcff6b;color:#f6fcfff0;transform:translateY(-1px)}.theme-dark .magicBtn:active{background:#5c6abe47}.theme-dark .modalBackdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06080cc7}.theme-dark .detailModal{gap:20px;height:82vh;padding:28px;border:1px solid var(--color-border);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(59,87,198,.24),transparent 58%),linear-gradient(155deg,#28212efa,#0c0c10fa);box-shadow:var(--shadow-modal)}.theme-dark .detailType{border-radius:8px;padding:6px 14px;background:#599dbe24;color:#a9d7e8;font-size:.78rem;font-weight:500;letter-spacing:.02em}.theme-dark .detailModal.rule .detailType{background:var(--tint-rule-soft);color:var(--tint-rule)}.theme-dark .detailModal.skill .detailType{background:var(--tint-skill-soft);color:var(--tint-skill)}.theme-dark .detailModal.soul .detailType{background:var(--tint-soul-soft);color:var(--tint-soul)}.theme-dark .paneTitle{color:var(--color-label);font-family:SFMono-Regular,Consolas,monospace}.theme-dark .skillFilePane{height:100%;border:1px solid var(--color-border);border-radius:12px;padding:12px;background:#04051299;scrollbar-color:var(--tint-skill) transparent}.theme-dark .skillFilePane .paneTitle{color:var(--tint-skill)}.theme-dark .fileTree button,.theme-dark .fileTree summary{border:0;border-radius:6px;background:transparent;color:var(--color-body);font:inherit;font-size:.78rem}.theme-dark .fileTree button:hover,.theme-dark .fileTree button.active{background:var(--tint-skill-soft);color:var(--tint-skill)}.theme-dark .fileTree summary{color:var(--tint-soul)}.theme-dark .fileListStatus{color:var(--color-label)}.theme-dark .documentPreview{height:100%;border:1px solid var(--color-border);border-radius:12px;background:#040512d1;scrollbar-color:var(--color-stripe-purple) transparent}.theme-dark .documentPreview code{padding:20px;border:0;background:transparent;color:#d7d0e8;font-size:.82rem;line-height:1.65}.theme-dark .documentPreview::-webkit-scrollbar-thumb{background:var(--color-stripe-purple);opacity:.4}.theme-dark .documentPreview::-webkit-scrollbar-track{background:transparent}.theme-dark .detailModal.rule .documentPreview::-webkit-scrollbar-thumb{background:var(--tint-rule)}.theme-dark .detailModal.skill .documentPreview::-webkit-scrollbar-thumb{background:var(--tint-skill)}.theme-dark .detailModal.soul .documentPreview::-webkit-scrollbar-thumb{background:var(--tint-soul)}.theme-dark .modalCommand .magicBtn{border:none;padding:10px 0;background:transparent;color:var(--color-stripe-purple);font-weight:500;box-shadow:none}.theme-dark .modalCommand .magicBtn:hover{color:var(--color-purple-hover);background:transparent}.theme-dark .detailModal.rule .modalCommand .magicBtn{color:var(--tint-rule)}.theme-dark .detailModal.skill .modalCommand .magicBtn{color:var(--tint-skill)}.theme-dark .detailModal.soul .modalCommand .magicBtn{color:var(--tint-soul)}.theme-dark .closeButton{background:#ffffff0f;color:var(--color-body)}.theme-dark .closeButton:hover{background:#ffffff1a}.theme-dark .menuButton{color:#fff9}.theme-dark .menuPanel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 8px 32px #0006,0 4px 12px #0003}.theme-dark .menuDivider{background:var(--color-border)}.theme-dark .menuItem{background:transparent;color:var(--color-deep-navy)}.theme-dark .menuItem:hover:not(.disabled){background:#599dbe1f}.theme-dark .menuItem.active{background:#599dbe2e;color:#a9d7e8}.theme-dark .menuItem.disabled{color:var(--color-body);opacity:.5}.theme-dark .menuItemValue{color:#a9d7e8}@media(max-width:800px){.theme-dark .heroStats dt{font-size:.65rem}.theme-dark .heroStats div{padding:12px 8px}}@media(max-width:620px){.theme-dark .shell{padding:0 0 max(48px,env(safe-area-inset-bottom))}.theme-dark .shell:before{top:0;right:0;bottom:0;left:0}.theme-dark .hero{margin-bottom:28px;padding:max(48px,env(safe-area-inset-top) + 32px) 16px 28px}.theme-dark .eyebrow{margin-bottom:10px;font-size:.72rem;letter-spacing:.08em}.theme-dark h1{font-size:clamp(1.65rem,7.5vw,2.15rem);line-height:1.12}.theme-dark .heroText{margin-top:14px;font-size:.92rem;line-height:1.55}.theme-dark .heroStats{margin-top:22px}.theme-dark .heroStats div{padding:10px 5px}.theme-dark .heroStats dt{min-height:2.5em;font-size:.6rem;line-height:1.25}.theme-dark .heroStats dd{margin-top:4px;font-size:1.3rem}.theme-dark .cardGrid{gap:8px;padding:0 10px 40px}.theme-dark .showcaseCard{min-height:calc(var(--tile-w) * var(--tile-ar-min));max-height:calc(var(--tile-w) * var(--tile-ar-max));padding:12px;border-radius:14px}.theme-dark .orb{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;flex:0 0 36px;font-size:.8rem;border-radius:10px}.theme-dark .cardHeader h2{font-size:.9rem;font-weight:500}.theme-dark .cardBody{font-size:.85rem;line-height:1.5}.theme-dark .cardFooter code{font-size:.58rem}.theme-dark .showcaseCard .magicBtn{padding:8px 12px;font-size:.82rem;border-radius:999px}.theme-dark .showcaseCard:hover{--lift: 0;--scale: 1}.theme-dark .detailModal{gap:14px;height:min(92dvh,100%);max-height:min(92dvh,100%);padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.theme-dark .modalCommand .magicBtn{padding:10px 16px;font-size:.9rem}}@media(max-width:380px){.theme-dark h1{font-size:1.55rem}.theme-dark .heroText{font-size:.86rem}}