*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0f;color:#e0e0e0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;height:100vh;width:100vw}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}canvas{display:block}#tour-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#05050abf;z-index:500;transition:opacity .4s ease;pointer-events:all}#tour-overlay.hidden{opacity:0;pointer-events:none}#welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#05050ceb;z-index:700;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#welcome-screen.hidden{display:none}#welcome-box{background:#0e0e18fa;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:480px;width:90%;padding:36px 40px;box-shadow:0 30px 80px #00000080}#welcome-box h1{font-size:20px;color:#e0e0f0;margin:0 0 6px;font-weight:700}#welcome-box .welcome-sub{font-size:12px;color:#666;margin-bottom:22px}#welcome-box .welcome-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}#welcome-box .welcome-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}#welcome-box .welcome-text{flex:1}#welcome-box .welcome-text strong{color:#c8c8e0;font-size:13px}#welcome-box .welcome-text p{color:#888;font-size:12px;line-height:1.5;margin:2px 0 0}#welcome-go{margin-top:22px;width:100%;padding:12px;border:none;background:linear-gradient(135deg,#68c,#57b);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}#welcome-go:hover{background:#ffffff14;border-color:#fff3;color:#e0e0f0}#welcome-story:hover{background:linear-gradient(135deg,#648cdc66,#5078c84d);border-color:#648cdc99}#sidebar{position:absolute;top:0;left:0;width:300px;height:100%;background:#0a0a12f2;border-right:1px solid rgba(255,255,255,.06);z-index:20;display:flex;flex-direction:column;transition:transform .35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#sidebar.hidden{transform:translate(-300px)}#sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}#sidebar-header h2{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#666;font-weight:500}#sidebar-content{flex:1;overflow-y:auto;padding:8px 0}#sidebar-content::-webkit-scrollbar{width:4px}#sidebar-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}#sidebar-content-society{flex:1;overflow-y:auto;padding:8px 0}#sidebar-content-society::-webkit-scrollbar{width:4px}#sidebar-content-society::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.tier-accordion{border-bottom:1px solid rgba(255,255,255,.03)}.tier-accordion-header{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s;-webkit-user-select:none;user-select:none}.tier-accordion-header:hover{background:#ffffff08}.tier-accordion-header .tier-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.tier-accordion-header .tier-label{flex:1;font-size:13px;font-weight:500}.tier-accordion-header .tier-count{font-size:11px;color:#555;background:#ffffff0d;padding:2px 8px;border-radius:10px}.tier-accordion-header .tier-chevron{font-size:10px;color:#555;transition:transform .2s}.tier-accordion.open .tier-chevron{transform:rotate(90deg)}.tier-accordion-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.tier-accordion.open .tier-accordion-body{max-height:3000px}.section-item{padding:8px 20px 8px 38px;font-size:12px;color:#888;cursor:pointer;transition:all .15s}.section-item:hover{color:#ccc;background:#ffffff05}.section-item.active{color:#e0e0e0;background:#ffffff0a}.subsection-group{padding-left:48px}.subsection-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#555;padding:6px 0 3px;font-weight:500}.condition-item{padding:4px 12px 4px 0;font-size:11px;color:#777;cursor:pointer;line-height:1.4;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.condition-item:hover{color:#bbb}.condition-item.active{color:#e0e0e0;font-weight:500}.gate-item{padding:8px 20px 8px 38px;font-size:11px;color:#8a7040;font-style:italic;border-top:1px dashed rgba(200,150,80,.15);border-bottom:1px dashed rgba(200,150,80,.15);margin:4px 0}.nav-shape-btn{padding:14px 20px;font-size:13px;color:#88b;cursor:pointer;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;transition:background .2s}.nav-shape-btn:hover{background:#ffffff08;color:#aad}#sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-tab{flex:1;padding:10px 8px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.5px;color:#555;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;text-transform:uppercase}.sidebar-tab:hover{color:#999;background:#ffffff05}.sidebar-tab.active{color:#c0c8e0;border-bottom-color:#8ca0dc80}.sidebar-tab.active-shadow{color:#dc9678e6;border-bottom-color:#c8785080}.descent-level{padding:6px 20px 4px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-top:8px}.society-node-item{padding:6px 20px 6px 38px;font-size:11px;color:#888;cursor:pointer;line-height:1.4;transition:all .15s}.society-node-item:hover{color:#ccc;background:#ffffff05}.society-node-item.active{color:#e0e0e0;font-weight:500}.emerging-header{padding:14px 20px 6px;font-size:11px;font-weight:700;letter-spacing:.8px;color:#78dc96b3;text-transform:uppercase;border-top:1px solid rgba(120,220,150,.08);margin-top:12px}.emerging-node-item{padding:6px 20px 6px 38px;font-size:11px;color:#8cc8a0b3;cursor:pointer;line-height:1.4;transition:all .15s}.emerging-node-item:hover{color:#a0e6b4f2;background:#78dc9608}.emerging-node-item.active{color:#b4f0c8;font-weight:500}#sidebar-toggle{position:absolute;top:12px;left:12px;background:#0f0f19cc;border:1px solid rgba(255,255,255,.1);color:#888;font-size:18px;width:36px;height:36px;border-radius:6px;cursor:pointer;z-index:25;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#sidebar-toggle:hover{color:#ccc;border-color:#fff3}#top-bar{position:absolute;top:0;left:300px;right:0;height:48px;background:#0a0a12d9;border-bottom:1px solid rgba(255,255,255,.06);z-index:15;display:flex;align-items:center;padding:0 16px;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:left .35s ease}#top-bar.sidebar-hidden{left:0}#search-container{margin-left:auto}#search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ccc;padding:6px 14px;border-radius:6px;font-size:12px;width:200px;outline:none;transition:all .2s}#search-input:focus{border-color:#6482c866;background:#ffffff14;width:260px}#search-input::placeholder{color:#555}.tier-btn{background:none;border:1px solid rgba(255,255,255,.08);color:#777;padding:5px 12px;border-radius:5px;cursor:pointer;font-size:11px;transition:all .2s;white-space:nowrap}.tier-btn:hover{color:#ccc;border-color:#fff3}.tier-btn.active{color:#fff;border-color:#ffffff4d;background:#ffffff14}#shape-btn{background:none;border:1px solid rgba(130,130,180,.2);color:#88b;padding:5px 14px;border-radius:5px;cursor:pointer;font-size:11px;transition:all .2s;margin-left:4px}#shape-btn:hover{color:#aad;border-color:#8282b466}#panel{position:absolute;top:0;right:-520px;width:500px;height:100%;background:#0a0a12f5;border-left:1px solid rgba(255,255,255,.08);z-index:30;transition:right .35s ease;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#panel.open{right:0}#panel-header{padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative}#panel-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#666;font-size:20px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}#panel-close:hover{color:#ccc;background:#ffffff0d}#panel-breadcrumb{font-size:11px;color:#555;margin-bottom:6px;letter-spacing:.3px}#panel-title{font-size:16px;font-weight:600;margin-bottom:2px}#panel-subtitle{font-size:12px;color:#666}#panel-content{flex:1;overflow-y:auto;padding:16px 20px}#panel-content::-webkit-scrollbar{width:4px}#panel-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}#panel-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;flex-shrink:0}#panel-position{flex:1;font-size:11px;color:#555}.nav-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#777;padding:5px 14px;border-radius:5px;cursor:pointer;font-size:11px;transition:all .2s}.nav-btn:hover{color:#ccc;border-color:#ffffff40}.nav-btn:disabled{opacity:.3;cursor:default}.condition-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px;margin-bottom:12px}.condition-card h4{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#666;margin-bottom:8px;font-weight:500}.condition-card .cond-text{font-size:14px;line-height:1.65;color:#ddd;margin-bottom:14px}.condition-card .prereq{font-size:13px;line-height:1.6;color:#9090b0;margin-bottom:14px;padding-left:14px;border-left:2px solid rgba(100,100,200,.2)}.condition-card .bridge{font-size:13px;line-height:1.6;color:#80a880;padding-left:14px;border-left:2px solid rgba(80,160,80,.2)}.gate-card{background:#c896320d;border:1px solid rgba(200,150,50,.2);border-radius:8px;padding:16px;margin-bottom:12px}.gate-card h3{font-size:12px;color:#b89040;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.gate-card li{font-size:13px;line-height:1.6;color:#a09060;margin-bottom:4px;margin-left:16px}.shape-section{margin-bottom:20px}.shape-section h3{font-size:15px;font-weight:600;color:#a0a0cc;margin-bottom:8px}.shape-section p{font-size:13px;line-height:1.7;color:#b0b0b8;white-space:pre-wrap}.formula-box{background:#6464c80f;border:1px solid rgba(100,100,200,.15);border-radius:6px;padding:12px;margin:8px 0;font-family:Courier New,monospace;font-size:13px;color:#9090c0}#bottom-bar{position:absolute;bottom:0;left:300px;right:0;height:36px;background:#0a0a12cc;z-index:15;display:flex;align-items:center;padding:0 16px;font-size:11px;color:#444;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:left .35s ease}#bottom-bar.sidebar-hidden{left:0}#hover-info{flex:1;color:#666;font-size:12px}#stats-info{color:#444}#tooltip{position:fixed;z-index:100;background:#0f0f19f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;pointer-events:none;opacity:0;transition:opacity .15s ease;max-width:280px;box-shadow:0 8px 30px #00000080}#tooltip.visible{opacity:1}#tooltip .tt-section{font-size:11px;color:#888;margin-bottom:3px}#tooltip .tt-sub{font-size:10px;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}#tooltip .tt-cond{font-size:12px;color:#ccc;line-height:1.5}.t1{color:#68c}.t2{color:#5a8}.t3{color:#c85}.t4{color:#a68}.t5{color:#8ac}.t1-border{border-color:#68c!important}.t2-border{border-color:#5a8!important}.t3-border{border-color:#c85!important}.t4-border{border-color:#a68!important}.t5-border{border-color:#8ac!important}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0f;z-index:200;display:flex;align-items:center;justify-content:center;font-size:13px;color:#555;letter-spacing:1px}@media(max-width:900px){#sidebar{transform:translate(-300px)}#sidebar.shown{transform:translate(0)}#top-bar,#bottom-bar{left:0!important}#panel{width:100%;right:-100%}#panel.open{right:0}#welcome-box{padding:28px 24px}}@media(max-width:600px){#tier-filters,#search-container{display:none!important}#top-bar{left:0!important;height:44px;padding:0 10px;gap:6px;justify-content:flex-end}#shape-btn{font-size:10px;padding:5px 10px}#sidebar{width:85vw;max-width:320px;z-index:200;box-shadow:4px 0 30px #0009}#sidebar.shown{transform:translate(0)}#mobile-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:199}#mobile-backdrop.visible{display:block}#sidebar-toggle{z-index:201;top:6px;left:6px;width:40px;height:40px;font-size:20px}#panel{top:auto!important;bottom:0;right:0!important;width:100%!important;height:0;max-height:65vh;border-radius:16px 16px 0 0;border-left:none;border-top:1px solid rgba(255,255,255,.1);transition:height .35s ease;overflow:hidden;z-index:210}#panel.open{height:65vh;right:0!important}#panel-header{padding:14px 16px 10px}#panel-close{top:10px;right:12px;width:36px;height:36px;font-size:22px}#panel-content{padding:12px 16px}#panel-footer{padding:10px 16px}#float-buttons{bottom:10px;right:auto;left:50%;transform:translate(-50%);flex-direction:row;gap:6px;align-items:center}.float-btn{padding:8px 12px;font-size:10px;border-radius:20px}#panel.open~#float-buttons,body.panel-open #float-buttons{display:none}#bottom-bar{display:none!important}#welcome-box{padding:24px 20px;max-width:340px}#welcome-box h1{font-size:18px}#welcome-box .welcome-sub{font-size:11px}.tier-accordion-header{padding:14px 20px}.condition-item,.society-node-item,.emerging-node-item{padding:10px 20px 10px 38px;font-size:12px;min-height:40px}#story-overlay{padding:0}#story-content{border-radius:0;padding:28px 20px;font-size:14px;max-width:100%;max-height:100vh;overflow-y:auto}#story-content h1{font-size:22px}#story-content h2{font-size:17px}.story-close{position:sticky!important;bottom:0;margin-top:20px}#comment-panel{width:100%!important;max-width:100%!important;right:0!important;border-radius:16px 16px 0 0}#society-tooltip{left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;max-width:none}}#float-buttons{position:fixed;bottom:52px;right:16px;z-index:150;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.float-btn{background:#141423eb;border:1px solid rgba(255,255,255,.18);color:#bec3d7d9;padding:8px 16px;cursor:pointer;font-size:11px;border-radius:8px;transition:all .2s;letter-spacing:.5px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 3px 14px #00000059}.float-btn:hover{background:#232337f2;border-color:#ffffff4d;color:#e0e0f0;transform:translate(-2px)}#shadow-toggle.active{color:#f0dca0;background:#282332f2;border-color:#dcc87873;box-shadow:0 3px 14px #c8b4641f}#shadow-toggle.active:hover{color:#fff0b4}#comment-panel{position:fixed;bottom:52px;left:16px;width:340px;max-height:70vh;background:#0c0c16f7;border:1px solid rgba(255,255,255,.12);border-radius:14px;z-index:300;display:none;flex-direction:column;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}#comment-panel.visible{display:flex}#comment-panel-header{padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}#comment-panel-header h3{margin:0;font-size:14px;color:#d0d0e0;font-weight:600}#comment-panel-close{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:0 4px}#comment-panel-close:hover{color:#aaa}#comment-list{flex:1;overflow-y:auto;padding:12px 16px;max-height:45vh}.comment-item{margin-bottom:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px}.comment-item .comment-name{font-size:11px;color:#8cb4ffcc;font-weight:600;margin-bottom:4px}.comment-item .comment-text{font-size:13px;color:#b0b0c0;line-height:1.5}.comment-item .comment-time{font-size:10px;color:#555;margin-top:4px}.comment-empty{color:#555;font-size:13px;text-align:center;padding:20px 0}#comment-form{padding:12px 16px 14px;border-top:1px solid rgba(255,255,255,.06)}#comment-form input,#comment-form textarea{width:100%;box-sizing:border-box;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#c0c0d0;font-size:13px;padding:8px 10px;margin-bottom:8px;font-family:inherit;resize:none}#comment-form input:focus,#comment-form textarea:focus{outline:none;border-color:#78a0ff66}#comment-form textarea{min-height:60px}#comment-submit{width:100%;padding:8px;background:#648cdc33;border:1px solid rgba(100,140,220,.3);border-radius:6px;color:#8cb4ffe6;cursor:pointer;font-size:12px;font-weight:600}#comment-submit:hover{background:#648cdc4d}#comment-btn.has-new{animation:commentPulse 2s ease infinite}@keyframes commentPulse{0%,to{box-shadow:0 3px 14px #00000059}50%{box-shadow:0 3px 20px #648cdc4d}}.discovered-close{margin-top:24px;padding:10px 28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#aaa;cursor:pointer;font-size:13px;display:inline-block}.discovered-close:hover{color:#ccc;border-color:#ffffff40}#society-tooltip{position:fixed;z-index:200;pointer-events:none;background:#0a0a12f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 16px;max-width:320px;opacity:0;transition:opacity .2s ease;font-size:12px;box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#society-tooltip.visible{opacity:1}#society-tooltip .stt-label{font-weight:600;font-size:13px;margin-bottom:6px}#society-tooltip .stt-desc{color:#999;line-height:1.6}#society-tooltip .stt-category{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}#story-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#05050ae0;z-index:400;display:none;justify-content:center;align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:40px 20px}#story-overlay.visible{display:flex}#story-content{background:#0c0c14fa;border:1px solid rgba(255,255,255,.08);border-radius:16px;max-width:720px;width:100%;padding:48px 52px;color:#b8b8c8;line-height:1.9;font-size:15px;box-shadow:0 40px 100px #0009;margin:auto}#story-content h1{font-size:28px;color:#e8e8f8;margin-bottom:8px;font-weight:300;letter-spacing:1px}#story-content .story-sub{font-size:13px;color:#666;margin-bottom:36px;letter-spacing:.5px}#story-content h2{font-size:17px;color:#c8c8e0;margin:32px 0 12px;font-weight:600;letter-spacing:.3px}#story-content p{margin-bottom:18px;color:#a0a0b8}#story-content .story-emphasis{color:#c0c8e0;font-style:italic}#story-content .story-close{margin-top:32px;padding:10px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#888;cursor:pointer;font-size:13px;display:inline-block}#story-content .story-close:hover{color:#ccc;border-color:#ffffff40}#story-content .d-active{color:#dc5050f2;font-weight:600}#story-content .d-approaching{color:#dca03cf2;font-weight:600}#story-content .d-solution{color:#78c8a0f2}#story-content .d-emphasis{color:#c8c8f0f2;font-weight:500}#story-content .threshold-item{margin:12px 0;padding:12px 16px;background:#ffffff05;border-left:3px solid rgba(200,60,60,.5);border-radius:0 6px 6px 0}#story-content .threshold-item.approaching{border-left-color:#dca03c80}#story-content .threshold-label{font-size:14px;font-weight:600;color:#d0d0e0;margin-bottom:4px}#story-content .threshold-status{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}#story-content .threshold-detail{font-size:13px;color:#999;line-height:1.6}.read-container{max-width:780px;margin:0 auto;padding:40px 30px 80px}.read-tier{margin-bottom:50px}.read-tier-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.rt-visual{flex-shrink:0;width:60px;display:flex;flex-direction:column;align-items:center;gap:4px}.rt-cone{position:relative;width:100%;height:80px}.rt-band{position:absolute;left:50%;transform:translate(-50%);border-radius:50%;border:2px solid}.rt-alt{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:1px;text-align:center}.rt-info{flex:1}.rt-name{font-size:20px;font-weight:600;margin-bottom:4px}.rt-meta{font-size:12px;color:#666;margin-bottom:8px}.rt-why{font-size:13px;color:#888;line-height:1.65;padding:12px 16px;background:#ffffff05;border-left:3px solid;border-radius:0 6px 6px 0;margin-top:8px}.rt-why strong{color:#aaa}.rs-section{margin-bottom:28px}.rs-title{font-size:15px;font-weight:600;margin-bottom:14px;padding-left:12px}.rs-sub{margin-bottom:16px}.rs-sublabel{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#555;margin-bottom:8px;padding-left:12px;font-weight:500}.rc{padding:14px 16px;margin-bottom:8px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.rc:hover{background:#ffffff08;border-color:#ffffff14}.rc-text{font-size:14px;line-height:1.6;color:#ccc;margin-bottom:10px}.rc-prereq{font-size:12px;line-height:1.55;color:#888;padding-left:12px;border-left:2px solid rgba(100,100,200,.15);margin-bottom:8px}.rc-bridge{font-size:12px;line-height:1.55;color:#70a070;padding-left:12px;border-left:2px solid rgba(80,160,80,.15)}.rc-lbl{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#555;margin-bottom:4px;font-weight:500}.rc-link{position:absolute;top:14px;right:14px;font-size:10px;color:#555;padding:3px 8px;border-radius:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .2s}.rc:hover .rc-link{color:#999;border-color:#ffffff1f}.rg{margin:30px 0;padding:18px 20px;background:#c896320a;border:1px solid rgba(200,150,50,.15);border-radius:8px}.rg h3{font-size:12px;color:#a08030;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.rg li{font-size:13px;line-height:1.6;color:#907840;margin-bottom:4px;margin-left:16px}.rg-why{font-size:12px;color:#706030;font-style:italic;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(200,150,50,.15)}.rshape{margin-top:60px;padding-top:30px;border-top:1px solid rgba(255,255,255,.06)}.rshape h2{font-size:22px;font-weight:600;color:#a0a0cc;margin-bottom:8px}.rshape-sub{font-size:14px;color:#666;margin-bottom:30px}.rshape-sec{margin-bottom:24px}.rshape-sec h3{font-size:15px;font-weight:600;color:#9090b0;margin-bottom:8px}.rshape-sec p{font-size:13px;line-height:1.75;color:#999;white-space:pre-wrap}.rf{background:#6464c80d;border:1px solid rgba(100,100,200,.12);border-radius:6px;padding:12px 16px;margin:10px 0;font-family:Courier New,monospace;font-size:13px;color:#8888b0}#bottom-bar{bottom:18px}.why-shape-box{margin:40px 0;padding:24px;background:#6464b40a;border:1px solid rgba(100,100,180,.12);border-radius:10px}.why-shape-box h2{font-size:18px;color:#a0a0cc;margin-bottom:12px;font-weight:600}.why-shape-box p{font-size:14px;color:#888;line-height:1.7;margin-bottom:12px}.why-shape-box .try-spiral-btn{display:inline-block;margin-top:8px;padding:8px 20px;border-radius:6px;background:#6464b41f;border:1px solid rgba(100,100,180,.25);color:#99c;font-size:13px;cursor:pointer;transition:all .2s}.why-shape-box .try-spiral-btn:hover{background:#6464b433;color:#bbe}.rc{border-left:3px solid transparent;padding-left:18px!important}.rc-text{font-size:15px!important;font-weight:500!important;color:#e0e0e0!important;line-height:1.6!important;margin-bottom:12px!important}.rc .expand-detail{font-size:11px;color:#555;cursor:pointer;padding:4px 0;transition:color .2s;-webkit-user-select:none;user-select:none}.rc .expand-detail:hover{color:#999}.rc .detail-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.rc .detail-body.open{max-height:500px}.tier-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.tier-summary-card{flex:1;min-width:140px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;border-left:3px solid;text-align:center}.tier-summary-card .tsc-count{font-size:24px;font-weight:600;margin-bottom:2px}.tier-summary-card .tsc-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/utopia-index.css.map */