@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";@keyframes blink{50%{opacity:0}}.blink-colon{animation:blink 2s step-start infinite}.dock{display:flex;gap:12px;padding:12px 16px;border-radius:24px}.dock-item{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff1a;transition:background .2s}.dock-item:hover{background:#fff3}.tl-scroll{flex:1;overflow-y:scroll;position:relative;scrollbar-width:none;background:#080c14;transition:background .3s ease}body:not(.dark-mode) .tl-scroll{background:#f4f4f6}.tl-scroll::-webkit-scrollbar{display:none}#starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.nebula{position:absolute;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:1;left:50%;transform:translate(-50%);filter:blur(72px);opacity:0;transition:top .55s cubic-bezier(.25,.46,.45,.94),background .55s ease,opacity .4s ease}.tl-inner{padding:120px 0 130px;position:relative;min-height:100%;z-index:2}.spine-track{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-50%);background:#ffffff0f}body:not(.dark-mode) .spine-track{background:#00000014}.spine-fill{position:absolute;left:0;top:0;width:1px;transition:height .06s linear,box-shadow .5s ease,background .5s ease}.spine-future{position:absolute;left:0;width:1px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.18) 0px,rgba(255,255,255,.18) 5px,transparent 5px,transparent 10px)}body:not(.dark-mode) .spine-future{background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 5px,transparent 5px,transparent 10px)}.entry{display:grid;grid-template-columns:1fr 40px 1fr;align-items:flex-start;padding:14px 24px;position:relative}.node-col{display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:4px}.node{width:9px;height:9px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2);flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:4}body:not(.dark-mode) .node{background:#00000014;border:1px solid rgba(0,0,0,.15)}.node.lit{width:14px;height:14px;border-color:transparent}.node.future-node{width:9px;height:9px;background:transparent;border:1px dashed rgba(255,255,255,.25);animation:future-pulse-dark 2.4s ease-in-out infinite}body:not(.dark-mode) .node.future-node{border:1px dashed rgba(0,0,0,.25);animation:future-pulse-light 2.4s ease-in-out infinite}.node.future-node.lit{width:13px;height:13px;border-style:dashed;animation:future-pulse-lit 2.4s ease-in-out infinite}@keyframes future-pulse-dark{0%,to{opacity:.35;box-shadow:none}50%{opacity:.7;box-shadow:0 0 8px 2px #ffffff1f}}@keyframes future-pulse-light{0%,to{opacity:.35;box-shadow:none}50%{opacity:.7;box-shadow:0 0 8px 2px #0000001f}}@keyframes future-pulse-lit{0%,to{opacity:.6;box-shadow:0 0 8px 3px #ffdc6433,0 0 20px 6px #ffdc6414}50%{opacity:1;box-shadow:0 0 12px 4px #ffdc6459,0 0 28px 8px #ffdc6426}}.card{background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:12px;padding:13px 15px;transition:all .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:3}body:not(.dark-mode) .card{background:#00000005;border:.5px solid rgba(0,0,0,.06)}.card.lit{background:#ffffff0f;border-color:#ffffff1c;box-shadow:0 8px 24px #0000002e}body:not(.dark-mode) .card.lit{background:#ffffffd9;border-color:#00000014;box-shadow:0 8px 24px #0000000f}.card.future{background:#ffffff03;border:.5px dashed rgba(255,255,255,.12);opacity:.75}body:not(.dark-mode) .card.future{background:#00000003;border:.5px dashed rgba(0,0,0,.12)}.card.future.lit{background:#ffdc500a;border-color:#ffdc5040;opacity:1}body:not(.dark-mode) .card.future.lit{background:#ffdc5012;border-color:#ffdc5059;opacity:1}.entry.left .card{text-align:right}.entry.left .c-tags,.entry.left .c-type{justify-content:flex-end}.c-period{font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;margin-bottom:4px}.c-role{font-size:13px;font-weight:600;color:#ffffffe6;line-height:1.3;margin-bottom:2px}body:not(.dark-mode) .c-role{color:#000000d9}.c-org{font-size:11px;color:#ffffff59;margin-bottom:4px}body:not(.dark-mode) .c-org{color:#00000080}.c-type{display:flex;gap:5px;margin-top:3px}.c-pill{font-size:9px;padding:1px 6px;border-radius:3px;background:#ffffff0d;color:#fff6;border:.5px solid rgba(255,255,255,.08)}body:not(.dark-mode) .c-pill{background:#00000008;color:#0009;border:.5px solid rgba(0,0,0,.08)}.c-pill.future-pill{background:#ffdc5014;color:#ffdc50b3;border-color:#ffdc5033}.c-detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .48s cubic-bezier(.25,.8,.25,1),opacity .36s ease}.card.lit .c-detail{max-height:320px;opacity:1;margin-top:10px}.c-bullet{font-size:11px;color:#ffffff80;line-height:1.6;margin-bottom:3.5px;text-align:left}body:not(.dark-mode) .c-bullet{color:#000000a6}.entry.left .c-bullet{text-align:right}.c-tags{display:flex;flex-wrap:wrap;gap:3.5px;margin-top:8px}.c-tag{font-size:9.5px;padding:2px 6px;border-radius:4px;background:#ffffff0d;color:#fff6;border:.5px solid rgba(255,255,255,.07)}body:not(.dark-mode) .c-tag{background:#00000008;color:#0009;border:.5px solid rgba(0,0,0,.07)}.c-impact{font-size:10.5px;color:#ffffff73;font-style:italic;margin-top:7px;padding-top:7px;border-top:.5px solid rgba(255,255,255,.07);text-align:left}body:not(.dark-mode) .c-impact{color:#0009;border-top:.5px solid rgba(0,0,0,.07)}.entry.left .c-impact{text-align:right}.empty{flex:1}.scroll-hint{position:absolute;bottom:0;left:0;right:0;height:64px;background:linear-gradient(to top,#080c14 50%,transparent);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;pointer-events:none;font-size:11px;color:#fff3;letter-spacing:.05em;transition:opacity .4s ease;z-index:10}body:not(.dark-mode) .scroll-hint{background:linear-gradient(to top,#f4f4f6 50%,transparent);color:#0006}.year-marker{display:flex;align-items:center;justify-content:center;padding:6px 0 2px;position:relative;z-index:3}.year-label{font-size:10px;color:#ffffff38;letter-spacing:.12em;text-transform:uppercase;padding:2px 10px;border:.5px solid rgba(255,255,255,.08);border-radius:4px;background:#080c14d9}body:not(.dark-mode) .year-label{color:#00000080;border:.5px solid rgba(0,0,0,.08);background:#f0f0f2d9}.year-label.future-year{border-style:dashed;color:#ffdc508c;border-color:#ffdc5059}.horizon{display:flex;align-items:center;gap:12px;padding:10px 28px;position:relative;z-index:3;margin:4px 0}.horizon-line{flex:1;height:1px;background:#ffffff12}body:not(.dark-mode) .horizon-line{background:#00000014}.horizon-label{font-size:10px;color:#ffffff38;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}body:not(.dark-mode) .horizon-label{color:#0006}.sidebar{width:210px;flex-shrink:0;min-height:0;height:100%;background:#1c1c1e;border-right:1px solid #333333;overflow-y:auto;padding:12px 8px;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}body:not(.dark-mode) .sidebar{background:#fff;border-right:1px solid #e5e5ea}.sb-label{font-size:9.5px;color:#888;letter-spacing:.07em;text-transform:uppercase;padding:2px 10px 6px}.sb-divider{font-size:9.5px;color:#b89930;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 4px;border-top:.5px dashed #444444;margin-top:4px}body:not(.dark-mode) .sb-divider{border-top:.5px dashed #cccccc;color:#b08c20}.sb-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease-in-out;margin-bottom:2px}.sb-row:hover{background:#2a2a2a}body:not(.dark-mode) .sb-row:hover{background:#e8e8ea}.sb-row.on{background:#2f2f2f}body:not(.dark-mode) .sb-row.on{background:#e0e0e2}.sb-row.future-row.on{background:#2d2a1e}.sb-ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sb-ico.future-ico{border:1px dashed #b89930;background:#2d2a1e!important}.sb-text{flex:1;min-width:0;overflow:hidden}.sb-role{font-size:11.5px;color:#e0e0e0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.dark-mode) .sb-role{color:#1d1d1f}.sb-org{font-size:10px;color:#777;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.dark-mode) .sb-org{color:#666}.sb-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.detail{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;background:#1c1c1e!important}body:not(.dark-mode) .detail{background:#fff!important}.d-top{display:flex;align-items:center;gap:14px;margin-bottom:16px;min-width:0}.d-top>div{min-width:0}.d-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.d-name{font-size:17px;font-weight:700;color:#f5f5f7!important;line-height:1.25;overflow-wrap:break-word;word-break:break-word}body:not(.dark-mode) .d-name{color:#1d1d1f!important}.d-sub{font-size:13px;margin-top:3px;font-weight:600;overflow-wrap:break-word;word-break:break-word}.d-meta{display:flex;align-items:center;gap:7px;margin-bottom:16px;flex-wrap:wrap}.d-per{font-size:11.5px;color:#aaa!important;overflow-wrap:break-word;word-break:break-word;min-width:0}body:not(.dark-mode) .d-per{color:#555!important}.badge{font-size:9.5px;padding:2px 7px;border-radius:5px;font-weight:500}.grp{margin-bottom:16px}.grp-lbl{font-size:10px;color:#888!important;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-weight:600}body:not(.dark-mode) .grp-lbl{color:#666!important}.sblock{background:transparent!important;border:none!important;border-radius:0;box-shadow:none!important;overflow:visible}.sitem{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:none!important}.sitem-txt{font-size:12px;color:#e0e0e0!important;line-height:1.55}body:not(.dark-mode) .sitem-txt{color:#1d1d1f!important}.skills{display:flex;flex-wrap:wrap;gap:6px}.sk{font-size:11px;padding:3px 9px;border-radius:6px;background:#2a2a2a;border:.5px solid #444444;color:#d0d0d0;font-weight:500}body:not(.dark-mode) .sk{background:#f0f0f0;border:.5px solid #cccccc;color:#333}@container windowContent (max-width: 650px){.spine-track,.nebula{left:28px;transform:none}.entry{grid-template-columns:36px 1fr;padding:10px 16px;gap:0}.entry .node-col{grid-column:1;grid-row:1;align-items:center;padding-top:14px}.entry .card{grid-column:2;grid-row:1;text-align:left!important}.entry.left .c-tags,.entry.left .c-type{justify-content:flex-start}.entry.left .c-bullet,.entry.left .c-impact{text-align:left}.entry .empty{display:none}.horizon{padding:10px 16px 10px 48px}.horizon-line:first-child{display:none}.year-marker{justify-content:flex-start;padding-left:48px}#v-st{flex-direction:column!important}.sidebar{width:100%!important;height:120px!important;min-height:120px!important;border-right:none!important;border-bottom:1px solid #333333!important;padding:8px 10px;overflow-y:hidden}body:not(.dark-mode) .sidebar{border-bottom:1px solid #e5e5ea!important}#sb-list{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none}#sb-list::-webkit-scrollbar{display:none}.sb-row{flex-shrink:0;width:160px;margin-bottom:0;border:.5px solid #444444;border-radius:8px}body:not(.dark-mode) .sb-row{border:.5px solid #d1d1d6}.sb-divider{flex-shrink:0;writing-mode:horizontal-tb;padding:4px 8px;margin-top:0;border-top:none;border-left:.5px dashed #444444}.detail{padding:16px 18px!important}.d-name{font-size:15px!important}.d-sub{font-size:12px!important}.d-per{font-size:10.5px!important}.d-ico{width:38px!important;height:38px!important;font-size:18px!important}.sitem-txt{font-size:11.5px!important}.grp-lbl{font-size:9px!important}.sk{font-size:10px!important;padding:2px 7px!important}}@container windowContent (max-width: 520px){.d-name{font-size:15px!important}.d-sub{font-size:12px!important}.d-per{font-size:10.5px!important}.d-meta{gap:5px!important}.badge{font-size:9px!important;padding:2px 6px!important}.sitem-txt{font-size:11.5px!important}.sk{font-size:10px!important;padding:2px 7px!important}.grp-lbl{font-size:9px!important}}@container windowContent (max-width: 420px){.entry{padding:8px 10px}.entry .card{padding:10px 12px!important}.c-role{font-size:13px!important}.c-org,.c-bullet{font-size:10px!important}.c-tag{font-size:8px!important;padding:1px 5px!important}.c-pill{font-size:8px!important}.c-impact,.c-period{font-size:10px!important}.sidebar{height:100px!important;min-height:100px!important}.sb-row{width:140px;padding:5px 8px!important}.sb-ico{width:24px!important;height:24px!important;font-size:12px!important}.sb-role{font-size:10px!important}.sb-org{font-size:9px!important}.sb-label{font-size:8px!important;padding:2px 8px 4px!important}.detail{padding:12px 14px!important}.d-top{gap:10px!important;margin-bottom:12px!important}.d-name{font-size:14px!important}.d-sub{font-size:11px!important}.d-meta{gap:5px!important;margin-bottom:12px!important}.d-per{font-size:10px!important}.badge{font-size:8px!important;padding:1px 5px!important}.grp{margin-bottom:12px!important}.grp-lbl{font-size:8.5px!important;margin-bottom:5px!important}.sitem{padding:4px 0!important}.sitem-txt{font-size:11px!important}.sk{font-size:9px!important;padding:2px 6px!important}.skills{gap:4px!important}.d-ico{width:32px!important;height:32px!important;border-radius:8px!important;font-size:16px!important}.switcher{gap:1px!important;padding:1px!important}.sw{font-size:10px!important;padding:3px 8px!important}}@container windowContent (max-width: 300px){.sidebar{height:80px!important;min-height:80px!important;padding:4px 6px!important}.sb-label{display:none}.sb-row{width:120px;padding:4px 6px!important;gap:6px!important}.sb-dot{display:none}.detail{padding:10px 12px!important}.d-top{gap:8px!important;margin-bottom:10px!important}.d-ico{width:28px!important;height:28px!important;font-size:14px!important}.d-name{font-size:13px!important}.d-sub{font-size:10px!important}.d-meta{margin-bottom:10px!important}.d-per{font-size:9px!important}.grp{margin-bottom:10px!important}.sitem-txt{font-size:10px!important;line-height:1.45!important}.sk{font-size:8px!important;padding:1px 5px!important}}.proj-root{display:flex;width:100%;flex:1;min-height:0;overflow:hidden}.proj-sidebar{width:185px;flex-shrink:0;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none;background:#ffffff05;border-right:.5px solid rgba(255,255,255,.08);padding:14px 8px}.proj-sidebar::-webkit-scrollbar{display:none}body:not(.dark-mode) .proj-sidebar{background:#00000004;border-right:.5px solid rgba(0,0,0,.08)}.proj-sb-label{font-size:9.5px;color:#ffffff38;letter-spacing:.07em;text-transform:uppercase;padding:2px 9px 8px}body:not(.dark-mode) .proj-sb-label{color:#00000059}.proj-sb-list{display:flex;flex-direction:column}.proj-sb-row{display:flex;align-items:center;gap:10px;padding:9px;border-radius:10px;cursor:pointer;transition:background .12s;margin-bottom:3px}.proj-sb-row:hover{background:#ffffff0f}body:not(.dark-mode) .proj-sb-row:hover{background:#0000000a}.proj-sb-row.on{background:#ffffff1a}body:not(.dark-mode) .proj-sb-row.on{background:#00000012}.proj-sb-icon{width:38px;height:38px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 10px #0006}.proj-sb-info{flex:1;min-width:0;overflow:hidden}.proj-sb-name{font-size:11.5px;color:#ffffffd1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.dark-mode) .proj-sb-name{color:#000000d9}.proj-sb-cat{font-size:9.5px;color:#ffffff4d;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.dark-mode) .proj-sb-cat{color:#00000073}.proj-sb-stars{font-size:9px;letter-spacing:1px;margin-top:2px;color:#ffc832bf;display:block}body:not(.dark-mode) .proj-sb-stars{color:#b45309}.proj-detail{flex:1;min-height:0;height:100%;overflow-y:auto;scrollbar-width:none;background:#1c1c1e}.proj-detail::-webkit-scrollbar{display:none}body:not(.dark-mode) .proj-detail{background:#fff}.proj-hero{padding:24px 24px 0;display:flex;gap:18px;align-items:flex-start}.proj-hero-icon{width:88px;height:88px;border-radius:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:44px;box-shadow:0 4px 20px #0006;border:.5px solid rgba(255,255,255,.1)}body:not(.dark-mode) .proj-hero-icon{border-color:#00000014;box-shadow:0 4px 16px #00000026}.proj-hero-info{flex:1;padding-top:4px;min-width:0}.proj-app-name{font-size:20px;font-weight:700;color:#fffffff2;line-height:1.2;margin-bottom:3px;overflow-wrap:break-word}body:not(.dark-mode) .proj-app-name{color:#000000e6}.proj-app-dev{font-size:12px;margin-bottom:5px;font-weight:500}.proj-app-cat{font-size:11px;color:#ffffff52;margin-bottom:10px}body:not(.dark-mode) .proj-app-cat{color:#00000073}.proj-rating-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.proj-rating-num{font-size:26px;font-weight:700;color:#ffffffe0;line-height:1}body:not(.dark-mode) .proj-rating-num{color:#000000d9}.proj-stars-main{font-size:13px;letter-spacing:1px;color:#ffc832e0;display:block}body:not(.dark-mode) .proj-stars-main{color:#b45309}.proj-rating-count{font-size:10px;color:#ffffff47;margin-top:2px}body:not(.dark-mode) .proj-rating-count{color:#00000061}.proj-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.proj-btn-primary{padding:7px 20px;border-radius:20px;border:none;background:#0a84ff;color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:opacity .15s}.proj-btn-primary:hover{opacity:.85}.proj-btn-disabled{opacity:.5;cursor:default;pointer-events:none}.proj-badge-status{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:500;background:#ffffff12;border:.5px solid rgba(255,255,255,.12);color:#ffffff80}body:not(.dark-mode) .proj-badge-status{background:#0000000a;border-color:#0000001a;color:#00000080}.proj-section{padding:22px 24px 0}.proj-section-last{padding-bottom:28px}.proj-section-title{font-size:14px;font-weight:600;color:#ffffffe0;margin-bottom:12px;padding-bottom:10px;border-bottom:.5px solid rgba(255,255,255,.08)}body:not(.dark-mode) .proj-section-title{color:#000000e0;border-bottom-color:#00000014}.proj-screenshots{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.proj-screenshots::-webkit-scrollbar{display:none}.proj-screenshot{flex-shrink:0;width:240px;height:138px;border-radius:10px;border:.5px solid rgba(255,255,255,.1);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}body:not(.dark-mode) .proj-screenshot{border-color:#0000001a}.proj-screenshot img{width:100%;height:100%;object-fit:cover;display:block}.proj-screenshot-placeholder{flex-direction:column;gap:6px}.proj-screenshot-emoji{font-size:30px}.proj-screenshot-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);font-size:9.5px;color:#ffffffd1;padding:10px 8px 5px}.proj-desc,.proj-whatsnew{font-size:12.5px;color:#ffffff8c;line-height:1.65;margin:0}body:not(.dark-mode) .proj-desc,body:not(.dark-mode) .proj-whatsnew{color:#0000009e}.proj-version{font-size:11px;color:#ffffff47;margin-bottom:6px}body:not(.dark-mode) .proj-version{color:#0006}.proj-tech-wrap{display:flex;flex-wrap:wrap;gap:6px}.proj-tech-tag{font-size:11px;padding:4px 10px;border-radius:6px;background:#ffffff0f;border:.5px solid rgba(255,255,255,.1);color:#ffffff8c}body:not(.dark-mode) .proj-tech-tag{background:#0000000a;border-color:#0000001a;color:#0009}.proj-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff14;border-radius:12px;overflow:hidden}body:not(.dark-mode) .proj-info-grid{background:#00000014}.proj-info-cell{background:#ffffff08;padding:11px 14px}body:not(.dark-mode) .proj-info-cell{background:#ffffffe0}.proj-info-key{font-size:10px;color:#ffffff47;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}body:not(.dark-mode) .proj-info-key{color:#0006}.proj-info-val{font-size:12px;color:#ffffffb8;font-weight:500;overflow-wrap:break-word}body:not(.dark-mode) .proj-info-val{color:#000000c7}@container windowContent (max-width: 520px){.proj-sidebar{width:150px}.proj-sb-icon{width:32px!important;height:32px!important;font-size:16px!important}.proj-sb-name{font-size:10.5px!important}.proj-hero{padding:18px 18px 0;gap:14px}.proj-hero-icon{width:72px!important;height:72px!important;font-size:36px!important}.proj-app-name{font-size:17px!important}.proj-section{padding:16px 18px 0}.proj-screenshot{width:190px!important;height:112px!important}}@container windowContent (max-width: 400px){.proj-root{flex-direction:column}.proj-sidebar{width:100%!important;height:auto!important;min-height:0!important;border-right:none!important;border-bottom:.5px solid rgba(255,255,255,.08)!important;padding:8px 8px 6px;overflow-y:hidden;overflow-x:hidden}body:not(.dark-mode) .proj-sidebar{border-bottom-color:#00000014!important}.proj-sb-list{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:2px}.proj-sb-list::-webkit-scrollbar{display:none}.proj-sb-row{flex-shrink:0;width:130px;margin-bottom:0;padding:7px 8px}.proj-sb-label{display:none}.proj-hero{flex-direction:column;align-items:center;text-align:center}.proj-rating-row,.proj-actions{justify-content:center}}.galaxy-wrapper{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;background:#000;border-radius:0 0 12px}.galaxy-split{display:flex;width:100%;height:100%}.galaxy-canvas-area{position:relative;flex:1;min-width:0;height:100%;transition:flex .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.galaxy-starfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000}.galaxy-starfield canvas{display:block;width:100%!important;height:100%!important}.galaxy-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.galaxy-overlay{position:absolute;top:0;left:0;right:0;z-index:20;padding:16px 20px 0;pointer-events:none}.galaxy-title{font-size:20px;font-weight:700;color:#ffffffeb;margin:0 0 4px;letter-spacing:-.3px}.galaxy-helper{font-size:11.5px;color:#ffffff73;margin:0}.galaxy-card{width:160px;height:208px;border-radius:10px;overflow:hidden;background:#1f2121;padding:12px;-webkit-user-select:none;user-select:none;pointer-events:none;display:flex;flex-direction:column;transition:all .3s ease}.galaxy-card.hovered{box-shadow:0 25px 50px #31b8c680,0 0 30px #31b8c64d;border:2px solid rgba(49,184,198,.5)}.galaxy-card:not(.hovered){box-shadow:0 15px 30px #0009;border:1px solid rgba(255,255,255,.1)}.galaxy-card-img{width:100%;height:160px;border-radius:8px;object-fit:cover;display:block}.galaxy-card-name{font-size:12px;font-weight:600;color:#ffffffe6;margin:6px 0 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.galaxy-card-tag{font-size:9.5px;color:#fff6;margin:2px 0 0;text-align:center}.galaxy-side-panel{position:relative;width:260px;min-width:260px;height:100%;background:#12121a;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;padding:40px 20px 24px;gap:12px;overflow-y:auto;overflow-x:hidden;animation:galaxySlideRight .3s cubic-bezier(.4,0,.2,1);z-index:20}.galaxy-side-close{position:absolute;top:12px;right:14px;background:#ffffff12;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffff8c;cursor:pointer;transition:background .15s,color .15s}.galaxy-side-close:hover{background:#ffffff24;color:#fff}.galaxy-side-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;transition:transform .4s ease-out}.galaxy-side-img{width:160px;height:160px;border-radius:14px;object-fit:cover;box-shadow:0 8px 32px #00000080}.galaxy-side-name{font-size:17px;font-weight:700;color:#fffffff2;margin:4px 0 0;text-align:center}.galaxy-side-tag{font-size:11.5px;color:#31b8c6;font-weight:600;margin:0;letter-spacing:.3px;text-align:center}.galaxy-side-desc{font-size:12.5px;color:#ffffff80;text-align:center;line-height:1.5;margin:4px 0 6px}.galaxy-side-spotify{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:36px;background:#31b8c6;color:#000;font-size:13px;font-weight:600;text-decoration:none;border-radius:10px;transition:opacity .2s ease,transform .15s ease;margin-top:auto}.galaxy-side-spotify:hover{opacity:.85}.galaxy-side-spotify:active{transform:scale(.97)}.galaxy-grid-layout{display:flex;flex-direction:column;height:100%;overflow:auto}.galaxy-grid-detail{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:#12121a;border-top:1px solid rgba(255,255,255,.07);padding:20px 24px 24px}.galaxy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;padding:20px;width:100%;overflow-y:auto}.galaxy-grid-card{background:#1f2121;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .2s ease;text-align:center}.galaxy-grid-card:hover{transform:scale(1.04);border-color:#31b8c666;box-shadow:0 8px 24px #31b8c626}.galaxy-grid-card img{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;display:block;margin-bottom:8px}.galaxy-grid-card-name{font-size:12.5px;font-weight:600;color:#ffffffe6;margin:0 0 2px}.galaxy-grid-card-tag{font-size:10px;color:#fff6;margin:0}.galaxy-grid-card.active{border-color:#31b8c680;box-shadow:0 8px 24px #31b8c633}@keyframes galaxyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes galaxySlideRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}body:not(.dark-mode) .galaxy-wrapper{background:#f5f5f7}body:not(.dark-mode) .galaxy-starfield{background:#f5f5f7}body:not(.dark-mode) .galaxy-starfield canvas{filter:invert(1)}body:not(.dark-mode) .galaxy-title{color:#1d1d1f}body:not(.dark-mode) .galaxy-helper{color:#00000080}body:not(.dark-mode) .galaxy-card{background:#fff}body:not(.dark-mode) .galaxy-card:not(.hovered){box-shadow:0 10px 20px #0000001a;border:1px solid rgba(0,0,0,.08)}body:not(.dark-mode) .galaxy-card-name{color:#1d1d1f}body:not(.dark-mode) .galaxy-card-tag{color:#00000080}body:not(.dark-mode) .galaxy-side-panel{background:#fff;border-left-color:#00000014}body:not(.dark-mode) .galaxy-side-close{background:#0000000d;color:#00000080}body:not(.dark-mode) .galaxy-side-close:hover{background:#0000001a;color:#1d1d1f}body:not(.dark-mode) .galaxy-side-name{color:#1d1d1f}body:not(.dark-mode) .galaxy-side-desc{color:#0009}body:not(.dark-mode) .galaxy-grid-detail{background:#fff;border-top-color:#00000014}body:not(.dark-mode) .galaxy-grid-card{background:#fff;border-color:#00000014}body:not(.dark-mode) .galaxy-grid-card-name{color:#1d1d1f}body:not(.dark-mode) .galaxy-grid-card-tag{color:#00000080}.music-window{display:flex;width:100%;height:100%;overflow:hidden;background:#111113}.music-sidebar{width:206px;min-width:206px;background:#161618;border-right:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;gap:18px;padding:16px 0 20px;overflow-y:auto}.music-search-bar{display:flex;align-items:center;gap:8px;margin:0 12px;padding:8px 12px;background:#fff1;border:1px solid rgba(255,255,255,.05);border-radius:9px;color:#fff6;font-size:13px;font-family:inherit;cursor:text;-webkit-user-select:none;user-select:none}.music-nav{display:flex;flex-direction:column;gap:1px;padding:0 8px}.music-section-label{font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#ffffff52;padding:2px 8px 7px;margin:0}.music-nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;width:100%;background:none;border:none;border-radius:9px;color:#ffffff94;font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}.music-nav-item:hover{background:#fff1;color:#ffffffe6}.music-nav-item.active{background:#fc3c4421;color:#fc3c44;font-weight:600}.music-nav-item.active:hover{background:#fc3c4430}.music-main{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 24px;overflow:auto;background:#111113}.music-spotify-container{display:flex;flex-direction:column;width:100%;max-width:600px;height:100%;max-height:800px;padding:10px;gap:20px}.music-spotify-header{display:flex;flex-direction:column;gap:6px}.music-spotify-title{font-size:24px;font-weight:700;color:#fffffff2;margin:0;letter-spacing:-.5px}.music-spotify-subtitle{font-size:14px;color:#fff9;margin:0;line-height:1.4}.music-iframe-wrapper{flex:1;width:100%;min-height:380px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003;background:#0003}.music-spotify-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.music-spotify-note{font-size:12px;color:#fff6;margin:0}.music-spotify-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1db954;color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:20px;transition:all .2s ease}.music-spotify-button:hover{background:#1ed760;transform:scale(1.02)}.music-coming-soon{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff59;text-align:center;padding:40px}.music-coming-soon-icon{font-size:52px;margin-bottom:8px;display:block}.music-coming-soon-title{font-size:18px;font-weight:600;color:#ffffffa6;margin:0}.music-coming-soon-sub{font-size:13px;color:#ffffff59;margin:0}body:not(.dark-mode) .music-window{background:#fff}body:not(.dark-mode) .music-sidebar{background:#f5f5f7;border-right-color:#00000014}body:not(.dark-mode) .music-search-bar{background:#0000000d;border-color:#0000000d;color:#0009}body:not(.dark-mode) .music-section-label{color:#0006}body:not(.dark-mode) .music-nav-item{color:#0009}body:not(.dark-mode) .music-nav-item:hover{background:#0000000d;color:#1d1d1f}body:not(.dark-mode) .music-main{background:#fff}body:not(.dark-mode) .music-spotify-title{color:#1d1d1f}body:not(.dark-mode) .music-spotify-subtitle{color:#0009}body:not(.dark-mode) .music-spotify-footer{border-top-color:#00000014}body:not(.dark-mode) .music-spotify-note{color:#00000080}body:not(.dark-mode) .music-coming-soon-title{color:#1d1d1f}body:not(.dark-mode) .music-coming-soon-sub{color:#00000080}.blog-root{display:flex;flex-direction:column;width:100%;flex:1 1 auto;min-height:0;overflow:hidden;background:#1c1c1e;height:100%}body:not(.dark-mode) .blog-root{background:#fff}.blog-sidebar{width:210px;flex-shrink:0;min-height:0;height:100%;background:#ffffff03;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;padding:12px 8px}body:not(.dark-mode) .blog-sidebar{background:#00000003;border-right:1px solid rgba(0,0,0,.08)}.blog-sb-label{font-size:9.5px;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;padding:2px 10px 8px;font-weight:600}.blog-sb-list{display:flex;flex-direction:column;gap:3px}.blog-sb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .1s ease}.blog-sb-row:hover{background:#ffffff0f}body:not(.dark-mode) .blog-sb-row:hover{background:#0000000a}.blog-sb-row.on{background:#ffffff1f}body:not(.dark-mode) .blog-sb-row.on{background:#00000012}.blog-sb-row:active{transform:scale(.98)}.blog-sb-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border-radius:8px}body:not(.dark-mode) .blog-sb-icon{background:#00000008}.blog-sb-text{flex:1;min-width:0;overflow:hidden}.blog-sb-title{font-size:12px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-sb-subtitle{font-size:9.5px;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-detail{flex:1 1 auto;min-height:0;height:100%;overflow-y:auto;padding:24px 28px}.blog-page-header{margin-bottom:24px}.blog-page-emoji{font-size:40px;margin-bottom:8px;display:inline-block}.blog-page-title{font-size:24px;font-weight:700;color:var(--text-main);line-height:1.2}.blog-page-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:500}.blog-page-body{font-size:13.5px;color:var(--text-main);line-height:1.65;opacity:.9}.blog-section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:18px;margin-bottom:20px}.blog-section-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:12px;border-bottom:.5px solid var(--card-border);padding-bottom:8px}.blog-update-item{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.blog-update-item:last-child{margin-bottom:0}.blog-update-date{font-size:10px;font-weight:600;text-transform:uppercase;color:#0a84ff;letter-spacing:.05em}.blog-update-text{font-size:12px;color:var(--text-main);opacity:.8;line-height:1.5}.blog-p{margin-bottom:14px}.blog-p:last-child{margin-bottom:0}.blog-newsletter-desc{margin-bottom:20px}.blog-newsletter-form{display:flex;flex-direction:column;gap:12px;max-width:420px;margin-top:16px}.blog-input-group{display:flex;flex-direction:column;gap:6px}.blog-input{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;color:var(--text-main);font-family:inherit;font-size:13px;outline:none;transition:all .2s ease}body:not(.dark-mode) .blog-input{border:1px solid rgba(0,0,0,.15);background:#00000005}.blog-input:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff26;background:#ffffff0f}body:not(.dark-mode) .blog-input:focus{background:#fff}.blog-input.error{border-color:#ff453a}.blog-error-text{color:#ff453a;font-size:10.5px;font-weight:500;margin-top:2px}.blog-btn-subscribe{padding:10px 20px;border-radius:8px;border:none;background:#0a84ff;color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.blog-btn-subscribe:hover{background:#0070e3;box-shadow:0 4px 12px #0a84ff4d}.blog-btn-subscribe:active{transform:scale(.98)}.blog-newsletter-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;background:#30d1581a;border:1px solid rgba(48,209,88,.2);border-radius:12px;max-width:420px}.blog-success-icon{width:48px;height:48px;border-radius:50%;background:#30d158;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.blog-success-title{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:6px}.blog-success-msg{font-size:12.5px;color:var(--text-muted);line-height:1.5}.blog-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:24px}.blog-article-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden;height:200px}.blog-article-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px #00000026;border-color:#ffffff26}body:not(.dark-mode) .blog-article-card:hover{box-shadow:0 12px 24px #0000000f;border-color:#0000001f}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blog-cat-badge{font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.blog-card-readtime{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.blog-card-title{font-size:15px;font-weight:700;color:var(--text-main);line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-summary{font-size:12px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:8px;border-top:.5px solid var(--card-border);font-size:10px;color:var(--text-muted)}.blog-card-date{display:flex;align-items:center;gap:4px}.blog-card-arrow{font-weight:700;opacity:0;transform:translate(-4px);transition:all .2s ease}.blog-article-card:hover .blog-card-arrow{opacity:1;transform:translate(0);color:var(--text-main)}.blog-reader{max-width:740px;margin:0 auto;padding-bottom:40px}.blog-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.08);color:var(--text-main);font-size:11.5px;font-weight:500;cursor:pointer;margin-bottom:24px;transition:all .15s ease}body:not(.dark-mode) .blog-back-btn{background:#00000008;border-color:#00000014}.blog-back-btn:hover{background:#ffffff1f;transform:translate(-2px)}body:not(.dark-mode) .blog-back-btn:hover{background:#0000000f}.blog-reader-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.blog-reader-title{font-size:26px;font-weight:850;color:var(--text-main);line-height:1.25;margin-bottom:14px;letter-spacing:-.2px}.blog-reader-sub-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.blog-reader-author{font-weight:600;color:var(--text-main)}.blog-reader-body{font-size:14px;color:var(--text-main);line-height:1.7}.blog-reader-body .blog-p{margin-bottom:18px}.blog-reader-body .blog-h2{font-size:18px;font-weight:700;margin:28px 0 12px;color:var(--text-main)}.blog-code-container{background:#0d1117;border:1px solid #30363d;border-radius:10px;margin:16px 0 20px;overflow:hidden}body:not(.dark-mode) .blog-code-container{background:#f6f8fa;border-color:#d0d7de}.blog-code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;background:#161b22;border-bottom:1px solid #30363d;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10.5px;color:#8b949e;text-transform:uppercase}body:not(.dark-mode) .blog-code-header{background:#eaeef2;border-bottom-color:#d0d7de;color:#57606a}.blog-copy-btn{background:transparent;border:none;color:#8b949e;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;padding:3px 6px;border-radius:4px;transition:all .15s ease}body:not(.dark-mode) .blog-copy-btn{color:#57606a}.blog-copy-btn:hover{background:#ffffff14;color:#fff}body:not(.dark-mode) .blog-copy-btn:hover{background:#0000000a;color:#000}.blog-code-content{padding:14px;margin:0;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5;color:#c9d1d9}body:not(.dark-mode) .blog-code-content{color:#24292f}@container windowContent (max-width: 650px){.blog-root{flex-direction:column}.blog-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 12px}body:not(.dark-mode) .blog-sidebar{border-bottom-color:#00000014}.blog-sb-label{display:none}.blog-sb-list{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:2px;scrollbar-width:none}.blog-sb-list::-webkit-scrollbar{display:none}.blog-sb-row{flex-shrink:0;padding:6px 12px;border:.5px solid rgba(255,255,255,.1);border-radius:8px}body:not(.dark-mode) .blog-sb-row{border-color:#00000014}.blog-sb-subtitle{display:none}.blog-detail{padding:16px 20px}.blog-articles-grid{grid-template-columns:1fr}.blog-article-card{height:auto;min-height:160px}.blog-reader-title{font-size:20px}}@container windowContent (max-width: 420px){.blog-sidebar{padding:6px 8px}.blog-sb-row{padding:5px 8px;gap:8px}.blog-sb-icon{font-size:14px;width:22px;height:22px}.blog-sb-title{font-size:11px}.blog-detail{padding:12px 14px}.blog-page-title{font-size:18px}.blog-page-subtitle{font-size:11.5px}.blog-section-card{padding:12px;margin-bottom:14px}.blog-update-text{font-size:11px}.blog-input{font-size:12px;padding:8px 12px}.blog-btn-subscribe{font-size:12px;padding:8px 16px}.blog-card-title{font-size:13.5px}.blog-card-summary{font-size:11px}.blog-reader-title{font-size:18px}.blog-reader-body{font-size:12.5px}.blog-reader-body .blog-h2{font-size:15px;margin:20px 0 8px}}.blog-pages-scroll-container{width:100%;height:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative}.flow-art-main{width:100%;position:relative}.flow-section,[data-flow-section]{position:sticky;top:0;width:100%;height:var(--scroll-h, 100vh);overflow:hidden;display:block}.flow-art-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(1.5rem,5vw,3rem) clamp(1.2rem,4vw,2.5rem);box-sizing:border-box;will-change:transform;transform-origin:bottom left;overflow:hidden}.flow-num-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;opacity:.85}.flow-divider{margin:1.5vh 0;border:none;border-top:1px solid currentColor;opacity:.25}.flow-heading{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;line-height:.85;text-transform:uppercase;letter-spacing:-.04em;margin:auto 0}.flow-desc{max-width:55ch;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:400;line-height:1.6;opacity:.9;margin-top:auto}.flow-grid-3col{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:auto;margin-bottom:auto}.flow-grid-item{display:flex;flex-direction:column}.flow-item-title{margin-bottom:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.flow-item-desc{font-size:clamp(.85rem,1.2vw,.95rem);line-height:1.6;opacity:.8}.flow-section-join{background-color:#1c1c1e;color:#fff}body:not(.dark-mode) .flow-section-join{background-color:#fff;color:#1d1d1f}@container windowContent (max-width: 650px){.flow-art-container{padding:24px;gap:16px}.flow-heading{font-size:3rem!important}.flow-grid-3col{grid-template-columns:1fr;gap:1.5rem}}.flow-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.flow-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.flow-read-btn{flex-shrink:0;background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;padding:10px 22px;border-radius:40px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,color .2s ease,transform .15s ease;font-family:inherit}.flow-read-btn:hover{background:#fff;color:var(--btn-color, #333);transform:translateY(-2px)}.flow-read-btn:active{transform:translateY(0)}.window-modal{position:absolute;top:15%;left:20%;width:70vw;max-width:900px;min-width:320px;height:70vh;max-height:calc(100vh - 130px);display:flex;flex-direction:column;overflow:hidden;resize:both;container-type:inline-size;container-name:windowFrame}.window-modal.maximized{top:28px!important;left:0!important;width:100vw!important;max-width:none!important;height:calc(100vh - 128px)!important;transform:none!important;border-radius:0;resize:none!important}.window-modal.filled{top:28px!important;left:0!important;width:100vw!important;max-width:none!important;height:calc(100vh - 28px)!important;transform:none!important;border-radius:0;resize:none!important}.window-header{height:48px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--timeline-line)}.traffic-lights{display:flex;gap:8px;flex-shrink:0}.traffic-light{width:12px;height:12px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.traffic-light svg{opacity:0;transition:opacity .2s ease;width:8px;height:8px}.traffic-lights:hover .traffic-light svg{opacity:1}.traffic-light.close{background:#ff5f56;border:1px solid #e0443e}.traffic-light.minimize{background:#ffbd2e;border:1px solid #dea123}.traffic-light.maximize{background:#27c93f;border:1px solid #1aab29}.traffic-light.close svg{color:#4d0000}.traffic-light.minimize svg{color:#5c3300}.traffic-light.maximize svg{color:#030}.window-content{padding:24px;overflow-y:auto;flex:1 1 0;min-height:0;container-type:inline-size;container-name:windowContent}.project-image-hover{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.project-image-hover:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 20px 40px #0006!important}.switcher{display:flex;gap:2px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.09);border-radius:8px;padding:3px}body:not(.dark-mode) .switcher{background:#0000000a;border:.5px solid rgba(0,0,0,.08)}.sw{display:flex;align-items:center;gap:5px;padding:4px 11px;border-radius:6px;border:none;background:transparent;color:#ffffff73;font-size:11.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease-in-out}body:not(.dark-mode) .sw{color:#00000080}.sw.on{background:#ffffff1c;color:#fffffff2;box-shadow:0 1px 3px #0003}body:not(.dark-mode) .sw.on{background:#0000000f;color:#000000e6;box-shadow:0 1px 2px #00000014}@container windowFrame (max-width: 520px){.sw-text{display:none}.sw{padding:5px 8px;gap:0}.sw svg{margin-right:0!important}}.nav-item-hover:hover{opacity:.6;transition:opacity .15s ease}:root{--bg-color: #e5e5e5;--text-main: #1d1d1f;--text-muted: #6b6b70;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .8);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .08);--card-bg: rgba(255, 255, 255, .5);--card-border: rgba(0, 0, 0, .05);--timeline-line: rgba(0, 0, 0, .15);--timeline-dot-border: rgba(255, 255, 255, 1);--badge-bg: rgba(0, 0, 0, .05);--badge-text: rgba(0, 0, 0, .8);--badge-border: rgba(0, 0, 0, .1);--dock-item-bg: rgba(255, 255, 255, .5);--dock-item-hover: rgba(255, 255, 255, .8);--dock-icon-color: #1d1d1f;--clock-bg: rgba(255, 255, 255, .6);--clock-border: rgba(0, 0, 0, .1);--clock-tick-major: rgba(0, 0, 0, .8);--clock-tick-minor: rgba(0, 0, 0, .3);--clock-hand: #1d1d1f;--clock-digital-bg: rgba(255, 255, 255, .6);--clock-digital-text: #1d1d1f;--navbar-bg: rgba(255, 255, 255, .4);--navbar-text: #1d1d1f;--navbar-border: rgba(255, 255, 255, .3)}body.dark-mode{--bg-color: #1a1a1a;--text-main: #f5f5f7;--text-muted: #a1a1a6;--glass-bg: rgba(40, 40, 40, .65);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .4);--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--timeline-line: rgba(255, 255, 255, .15);--timeline-dot-border: rgba(40, 40, 40, 1);--badge-bg: rgba(255, 255, 255, .1);--badge-text: rgba(255, 255, 255, .85);--badge-border: rgba(255, 255, 255, .05);--dock-item-bg: rgba(255, 255, 255, .1);--dock-item-hover: rgba(255, 255, 255, .2);--dock-icon-color: #ffffff;--clock-bg: rgba(255, 255, 255, .05);--clock-border: rgba(255, 255, 255, .1);--clock-tick-major: rgba(255, 255, 255, .8);--clock-tick-minor: rgba(255, 255, 255, .4);--clock-hand: #ffffff;--clock-digital-bg: rgba(0, 0, 0, .45);--clock-digital-text: #e5e5e5;--navbar-bg: rgba(0, 0, 0, .4);--navbar-text: #ffffff;--navbar-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.desktop-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#1a1a1a;background-image:url(/assets/bgimg-5Dm50aeE.png);background-size:cover;background-position:center;background-repeat:no-repeat}body.dark-mode .desktop-bg{background-image:url(/assets/bgimgdark-D6Ze4rJ_.png)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}::-webkit-scrollbar{width:0px;background:transparent}.timeline-container{position:relative;max-width:900px;margin:0 auto;padding:24px 0}.timeline-container:after{content:"";position:absolute;width:2px;background-color:var(--timeline-line);top:0;bottom:0;left:50%;margin-left:-1px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box}.timeline-item:after{content:"";position:absolute;width:12px;height:12px;right:-6px;background-color:#8fd3f4;border:2px solid var(--timeline-dot-border);top:48px;border-radius:50%;z-index:1;box-shadow:0 0 8px #8fd3f499}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-item.right:after{left:-6px}.timeline-card{padding:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;position:relative;display:flex;gap:24px;box-shadow:0 8px 24px #0003}.timeline-date-box{min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-right:1px solid var(--card-border);padding-right:24px}.timeline-item.right .timeline-card{flex-direction:row-reverse}.timeline-item.right .timeline-date-box{border-right:none;border-left:1px solid var(--card-border);padding-right:0;padding-left:24px}.timeline-card:before{content:" ";height:0;position:absolute;top:44px;width:0;z-index:1}.timeline-item.left .timeline-card:before{right:-10px;border:medium solid var(--card-bg);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--card-border)}.timeline-item.right .timeline-card:before{left:-10px;border:medium solid var(--card-bg);border-width:10px 10px 10px 0;border-color:transparent var(--card-border) transparent transparent}@container windowContent (max-width: 700px){.timeline-container:after{left:24px}.timeline-item{width:100%;padding-left:60px;padding-right:0}.timeline-item.right{left:0}.timeline-item.left:after,.timeline-item.right:after{left:18px}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{flex-direction:column;gap:16px}.timeline-item.left .timeline-date-box,.timeline-item.right .timeline-date-box{border:none;border-bottom:1px solid var(--card-border);padding:0 0 16px;align-items:flex-start}.timeline-item.left .timeline-card:before,.timeline-item.right .timeline-card:before{left:-10px;right:auto;border-width:10px 10px 10px 0;border-color:transparent var(--card-border) transparent transparent}}