@import url("https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700&f[]=cabinet-grotesk@400,500,700,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;1,300&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Space+Grotesk:wght@400;500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0c;--bg-2:#111111;--bg-3:#171717;--bg-4:#1e1e1e;--bg-5:#252525;--bg-6:#2e2e2e;--line:rgba(255,255,255,0.07);--line-2:rgba(255,255,255,0.12);--line-3:rgba(255,255,255,0.18);--soft-line:rgba(255,255,255,0.08);--t1:#ffffff;--t2:#c8c8c8;--t3:#888888;--t4:#555555;--t5:#333333;--purple:#6d28ff;--purple-soft:rgba(109,40,255,0.15);--purple-border:rgba(109,40,255,0.4);--green:#22c55e;--green-soft:rgba(34,197,94,0.12);--logo-spinner-scale:1;--font-ui:"Satoshi",sans-serif;--font-d:"Syne",sans-serif;--font-m:"DM Mono",monospace;--font-inter:"Inter",sans-serif;--font-playfair:"Playfair Display",serif;--font-space:"Space Grotesk",sans-serif;--font-cabinet:"Cabinet Grotesk",sans-serif;--font-lora:"Lora",serif;--font-jakarta:"Plus Jakarta Sans",sans-serif;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-snappy:cubic-bezier(0.16,1,0.3,1)}body,html{height:100%;overflow:hidden;background:var(--bg);color:var(--t1);font-family:var(--font-ui);font-size:12px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}.app{display:grid;grid-template-columns:52px 288px 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden}.rail{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;padding:14px 0 16px;gap:2px}.rail,.rail-logo{display:flex;align-items:center}.rail-logo{gap:2.5px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line);width:100%;justify-content:center}.l-bar{width:7px;height:20px;background:var(--t1);border-radius:4px}.l-dots{display:flex;flex-direction:column;gap:2.5px;margin-top:-5px}.l-dot{width:6px;height:6px;border-radius:50%;background:var(--t1)}.rail-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;color:var(--t4);transition:background .15s,color .15s;position:relative}.rail-btn:hover{background:var(--bg-4);color:var(--t2)}.rail-btn.on{background:var(--bg-5);color:var(--t1)}.rail-btn.on:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:2px;height:18px;background:var(--purple);border-radius:0 2px 2px 0}.rail-btn svg{width:15px;height:15px}.rail-spacer{flex:1 1}.rail-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#444);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--t1);border:1.5px solid var(--line-2)}.editor{background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.ed-top{padding:14px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.ed-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ed-page-name{font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:-.02em;color:var(--t1)}.ed-publish-btn{font-family:var(--font-m);font-size:10px;background:var(--purple);color:#fff;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;letter-spacing:.04em}.ed-url-row{display:flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:10px;color:var(--t3)}.ed-url-dot,.pv-url-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.ed-url-text{flex:1 1;color:var(--t3)}.ed-url-copy{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;color:var(--t5);cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.ed-url-copy:hover{color:var(--t2);background:var(--surface2)}.ed-url-copy.copied{color:var(--green)}.ed-body{flex:1 1;overflow-y:auto;overflow-x:hidden}.det-content::-webkit-scrollbar,.ed-body::-webkit-scrollbar{width:0}#view-list{display:flex;flex-direction:column;height:100%}.ed-group-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#4a4a4a;padding:16px 16px 8px;font-family:var(--font-ui);font-weight:500}.sec-row{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;transition:background .12s;position:relative;border-bottom:1px solid var(--soft-line)}.sec-row:hover{background:rgba(255,255,255,.02)}.sec-row.active{background:rgba(255,255,255,.03)}.sec-dot{width:5px;height:5px;border-radius:50%;background:var(--bg-6);flex-shrink:0;transition:background .2s}.sec-row.active .sec-dot{background:var(--purple)}.sec-row:hover .sec-dot{background:var(--t4)}.sec-info{flex:1 1;min-width:0}.sec-name{font-family:var(--font-ui);font-size:12px;font-weight:500;color:#9b9b9b;letter-spacing:-.01em;transition:color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sec-row.active .sec-name,.sec-row:hover .sec-name{color:var(--t1)}.sec-meta{font-size:9.5px;color:#5b5b5b;margin-top:2px;letter-spacing:.02em;font-family:var(--font-ui);font-weight:400}#view-detail{display:flex;flex-direction:column;height:100%}.det-back{gap:7px;padding:12px 14px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.det-back,.det-back-btn{display:flex;align-items:center}.det-back-btn{gap:5px;font-family:var(--font-m);font-size:10px;color:var(--t4);cursor:pointer;background:none;border:none}.det-back-btn:hover{color:var(--t2)}.det-back-btn svg{width:11px;height:11px}.det-title{font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:-.02em;color:var(--t1)}.det-subtitle{font-size:9px;color:var(--t4);letter-spacing:.05em;margin-top:1px}.det-tabs{display:flex;gap:3px;padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.det-tab{flex:1 1;padding:7px 4px;border-radius:7px;text-align:center;font-family:var(--font-ui);font-size:11px;font-weight:500;cursor:pointer;background:none;border:none;color:var(--t4)}.det-tab:hover{color:var(--t2)}.det-tab.on{background:var(--bg-5);color:var(--t1)}.det-content{flex:1 1;overflow-y:auto;padding:14px 16px 24px}.f-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);margin-bottom:6px;margin-top:16px;font-family:var(--font-ui)}.f-label:first-child{margin-top:0}.f-input,.f-textarea{width:100%;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--font-ui);font-size:11px;color:var(--t1);outline:none;resize:none;line-height:1.6}.f-input:focus,.f-textarea:focus{border-color:var(--purple-border);background:var(--bg-4)}.f-input::placeholder,.f-textarea::placeholder{color:var(--t5)}.f-textarea{height:80px}.opt-card{display:flex;align-items:center;gap:12px;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:6px}.opt-card:hover{border-color:var(--line-2);background:var(--bg-4)}.opt-card.picked{border-color:var(--purple-border);background:var(--purple-soft)}.opt-thumb{width:46px;height:34px;border-radius:6px;background:var(--bg-5);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.opt-info{flex:1 1}.opt-name{font-family:var(--font-d);font-size:12px;font-weight:600;color:var(--t1);margin-bottom:2px}.opt-desc{font-size:10px;color:var(--t4)}.opt-check{width:16px;height:16px;border-radius:50%;border:1px solid var(--bg-6);flex-shrink:0;display:flex;align-items:center;justify-content:center}.opt-card.picked .opt-check{background:var(--purple);border-color:var(--purple)}.opt-card.picked .opt-check:after{content:"";width:5px;height:5px;border-radius:50%;background:white;display:block}.font-card{background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:13px 14px;cursor:pointer;margin-bottom:6px}.font-card:hover{border-color:var(--line-2)}.font-card.picked{border-color:var(--purple-border)}.font-card-label{font-size:9px;color:var(--t5);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.font-syne{font-family:var(--font-d);font-size:19px;font-weight:700;color:var(--t2);letter-spacing:-.03em}.font-mono{font-family:var(--font-m);font-size:13px}.font-mono,.font-serif{color:var(--t2);font-style:italic}.font-serif{font-family:Georgia,serif;font-size:16px}.font-playfair{font-family:var(--font-playfair);letter-spacing:-.02em}.font-playfair,.font-space{font-size:17px;color:var(--t2);font-weight:700}.font-space{font-family:var(--font-space)}.font-cabinet{font-family:var(--font-cabinet);font-size:17px;color:var(--t2);font-weight:800}.font-jakarta-h{font-family:var(--font-jakarta)}.font-inter-h,.font-jakarta-h{font-size:17px;color:var(--t2);font-weight:700}.font-inter-h{font-family:var(--font-inter)}.font-body-satoshi{font-family:var(--font-ui)}.font-body-inter,.font-body-satoshi{font-size:12px;color:var(--t3);line-height:1.6}.font-body-inter{font-family:var(--font-inter)}.font-body-mono{font-family:var(--font-m);font-size:10px;color:var(--t3);font-style:italic}.font-body-georgia{font-family:Georgia,serif}.font-body-georgia,.font-body-lora{font-size:12px;color:var(--t3);font-style:italic;line-height:1.6}.font-body-lora{font-family:var(--font-lora)}.font-body-jakarta{font-family:var(--font-jakarta);font-size:12px;color:var(--t3);line-height:1.6}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border-radius:8px;border:1px dashed var(--bg-6);background:none;font-family:var(--font-m);font-size:10px;color:var(--t4);cursor:pointer;margin-top:6px;letter-spacing:.04em}.add-btn:hover{border-color:var(--t5);color:var(--t2)}.swatch-row{display:flex;gap:6px;margin-top:4px}.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;flex-shrink:0}.swatch:hover{transform:scale(1.1)}.swatch.picked{border-color:var(--t2)}.preview{background:var(--bg-3);display:flex;flex-direction:column;overflow:hidden;position:relative}.pv-bar{background:var(--bg-2);border-bottom:1px solid var(--line);height:44px;display:flex;align-items:center;padding:0 14px;gap:10px;flex-shrink:0}.pv-devices{display:flex;gap:2px;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:3px}.pv-dev{width:28px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;color:var(--t4)}.pv-dev:hover{color:var(--t2)}.pv-dev.on{background:var(--bg-5);color:var(--t1)}.pv-dev svg{width:12px;height:12px}.pv-url-pill{flex:1 1;display:flex;align-items:center;gap:7px;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:0 12px;height:30px;font-size:10px;color:var(--t3);max-width:240px}.pv-spacer{flex:1 1}.pv-btn{font-family:var(--font-m);font-size:10px;padding:6px 14px;border-radius:7px;border:1px solid var(--line-2);background:none;color:var(--t2);cursor:pointer;letter-spacing:.04em}.pv-btn:hover{background:var(--bg-4)}.pv-btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.canvas{flex:1 1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:36px 32px 60px;position:relative}.canvas::-webkit-scrollbar{width:5px}.canvas::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:3px}.pf-card{background:#ffffff;width:100%;max-width:600px;border-radius:14px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04);flex-shrink:0;min-height:640px}.pf-card.mobile{max-width:360px}.pf-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #f2f0eb}.pf-nav-name{font-family:var(--font-d);font-size:15px;font-weight:800;letter-spacing:-.04em;color:#0c0c0c}.pf-nav-links{display:flex;gap:18px}.pf-nav-link{font-size:10px;color:#aaa;letter-spacing:.07em;text-transform:uppercase;font-family:var(--font-m)}.pf-hero{padding:52px 28px 40px;background:#f9f8f5;position:relative;transition:outline .2s}.pf-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#888;background:#fff;border:1px solid #ebe9e2;border-radius:100px;padding:5px 11px;margin-bottom:18px;font-family:var(--font-m)}.pf-status-dot,.pv-st-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.pf-name{font-family:var(--font-d);font-size:52px;font-weight:800;letter-spacing:-.05em;line-height:.92;color:#0c0c0c;margin-bottom:18px}.pf-name-dim{color:#ccc}.pf-tagline{font-size:12px;color:#888;line-height:1.85;max-width:310px;font-family:var(--font-m)}.pf-projects{padding:28px;background:#fff}.pf-sec-label{font-size:9px;color:#ccc;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-family:var(--font-m)}.pf-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pf-project{border-radius:10px;overflow:hidden;border:1px solid #f0eee9;cursor:pointer;transition:transform .2s,box-shadow .2s}.pf-project:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.pf-project-thumb{height:88px}.pf-project-body{padding:11px 12px;background:#fff}.pf-project-title{font-family:var(--font-d);font-size:12px;font-weight:700;letter-spacing:-.02em;color:#0c0c0c;margin-bottom:3px}.pf-project-tag{font-size:9px;color:#bbb;font-family:var(--font-m);letter-spacing:.04em}.fp-bar{height:52px;background:#0c0c0c;border-bottom:1px solid rgba(255,255,255,.07);justify-content:space-between;padding:0 28px;flex-shrink:0;position:relative;z-index:1}.fp-bar,.fp-logo{display:flex;align-items:center}.fp-logo{gap:3px}.fp-logo-name{font-family:var(--font-d);font-size:16px;font-weight:800;color:#fff;margin-left:8px;letter-spacing:-.04em}.fp-badge{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#555;border:1px solid rgba(255,255,255,.07);border-radius:100px;padding:3px 10px}.fp-badge,.fp-exit{font-family:var(--font-m)}.fp-exit{font-size:10px;padding:6px 16px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:none;color:#c8c8c8;cursor:pointer;letter-spacing:.04em;transition:background .15s}.fp-exit:hover{background:#1e1e1e}.fp-scroll{flex:1 1;overflow-y:auto;position:relative;z-index:1}.fp-scroll::-webkit-scrollbar{width:6px}.fp-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.fp-content{width:90%;margin:0 auto}.fp-hero{padding:80px 0 60px}.fp-name{font-family:var(--font-d);font-size:72px;font-weight:800;letter-spacing:-.05em;line-height:.9;margin-bottom:24px}.fp-tagline{font-size:14px;line-height:1.85;max-width:520px;font-family:var(--font-m)}.fp-section{padding:52px 0}.ie-display{cursor:text;border-radius:3px;transition:background .12s,outline .12s;outline:1px dashed transparent;outline-offset:2px}.ie-display:hover{background:rgba(109,40,255,.07);outline:1px dashed rgba(109,40,255,.45)}.ie-input{display:block;width:100%;background:rgba(109,40,255,.06);border:1px solid rgba(109,40,255,.5);outline:none;border-radius:4px;padding:2px 5px;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;resize:none;min-height:1em}.hl{outline:2px solid var(--purple);outline-offset:0;position:relative}.hl-label{top:-22px;font-size:9px;background:var(--purple);color:#fff;padding:2px 8px 3px;border-radius:4px 4px 0 0;font-family:var(--font-m);letter-spacing:.05em;pointer-events:none}.hl-label,.pv-status{position:absolute;left:0}.pv-status{bottom:0;right:0;height:28px;background:var(--bg-2);border-top:1px solid var(--line);padding:0 14px;gap:14px}.pv-st-item,.pv-status{display:flex;align-items:center}.pv-st-item{gap:5px;font-size:9px;color:var(--t5);letter-spacing:.04em}.pv-st-spacer{flex:1 1}.pv-st-upgrade{font-size:9px;color:var(--purple);cursor:pointer;letter-spacing:.04em}.zoom-label{position:absolute;bottom:36px;right:14px;font-size:9px;color:var(--t5);letter-spacing:.05em;pointer-events:none}.upload-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;border-radius:8px;border:1px dashed var(--bg-6);background:var(--bg-3);font-family:var(--font-m);font-size:10px;color:var(--t3);cursor:pointer;letter-spacing:.04em;transition:border-color .15s,color .15s;text-align:center}.upload-btn:hover{border-color:var(--t5);color:var(--t1)}.upload-preview{width:100%;height:72px;border-radius:8px;object-fit:cover;margin-top:6px;border:1px solid var(--line)}.pro-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-m);font-size:9px;letter-spacing:.08em;color:var(--purple);background:var(--purple-soft);border:1px solid var(--purple-border);border-radius:100px;padding:2px 8px;margin-bottom:12px}.bg-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:8px}.bg-card{border-radius:10px;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s;position:relative}.bg-card:hover{transform:scale(1.02)}.bg-card.picked{border-color:var(--purple)}.bg-card-thumb{height:52px;width:100%;position:relative;overflow:hidden}.bg-card-label{font-size:9px;font-family:var(--font-ui);color:var(--t3);padding:5px 7px;background:var(--bg-3);text-align:center;letter-spacing:.04em}.bg-card.picked .bg-card-label{color:var(--purple)}.bg-t-none{background:var(--bg-4)}.bg-t-gradient-subtle{background:linear-gradient(135deg,#f0e8ff,#e8f4ff)}.bg-t-gradient-vivid{background:linear-gradient(135deg,#7c3aed,#2563eb,#06b6d4)}.bg-t-gradient-mesh{background:radial-gradient(ellipse at 20% 30%,#6d28ff44 0,transparent 60%),radial-gradient(ellipse at 80% 70%,#22c55e44 0,transparent 60%),radial-gradient(ellipse at 60% 20%,#f59e0b44 0,transparent 60%),#fafafa}.bg-t-aurora{background:linear-gradient(160deg,#0d1117,#0d1f3c 30%,#1a0a2e 60%,#0d1117);position:relative;overflow:hidden}.bg-t-aurora:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#4ade8044,#818cf844,#c084fc44,transparent);animation:aurora-sweep 4s ease-in-out infinite alternate}.bg-t-particles{background:#0c0c0c}.bg-t-waves{background:linear-gradient(180deg,#0f172a,#1e3a5f 50%,#0f172a)}.bg-t-glass{background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.bg-t-noise{background:#f5f5f0}.bg-t-grid-dots{background:#fafafa}.bg-t-scanlines{background:#0c0c0c}.bg-t-bokeh{background:linear-gradient(135deg,#1a0a2e,#0a1a2e)}.bg-t-neon-glow{background:#050505}.pf-bg-layer{position:absolute;inset:0;pointer-events:none;z-index:0}.pf-bg-gradient-subtle{background:linear-gradient(135deg,var(--bg-from,#f0e8ff) 0,var(--bg-to,#e8f4ff) 100%)}.pf-bg-gradient-vivid{background:linear-gradient(var(--bg-angle,135deg),var(--bg-from,#7c3aed),var(--bg-to,#06b6d4))}.pf-bg-gradient-mesh{background:radial-gradient(ellipse at 15% 25%,var(--bg-from,#6d28ff) 0,transparent 55%),radial-gradient(ellipse at 85% 75%,var(--bg-to,#22c55e) 0,transparent 55%),radial-gradient(ellipse at 65% 15%,#f59e0b55 0,transparent 55%),#ffffff;opacity:.85}.pf-bg-aurora{background:linear-gradient(160deg,#0d1117,#0d1f3c 30%,#1a0a2e 60%,#0d1117)}.pf-bg-aurora:after{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse 80% 40% at 20% 60%,#4ade8055 0,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 30%,#818cf866 0,transparent 70%),radial-gradient(ellipse 70% 30% at 50% 80%,#c084fc44 0,transparent 70%);animation:aurora-move 8s ease-in-out infinite alternate;filter:blur(24px)}.pf-bg-particles{background:radial-gradient(ellipse at 50% 0,#0d0d1a 0,#070710 60%,#030308 100%)}.pf-bg-particles:before{content:"";position:absolute;inset:0;background-image:radial-gradient(3px 3px at 12% 18%,rgba(255,255,255,.92) 0,transparent 100%),radial-gradient(2px 2px at 28% 62%,rgba(109,40,255,.9) 0,transparent 100%),radial-gradient(4px 4px at 42% 28%,rgba(255,255,255,.85) 0,transparent 100%),radial-gradient(2.5px 2.5px at 58% 75%,rgba(34,197,94,.85) 0,transparent 100%),radial-gradient(3.5px 3.5px at 72% 18%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(4.5px 4.5px at 85% 52%,rgba(180,200,255,.9) 0,transparent 100%),radial-gradient(2.5px 2.5px at 6% 82%,rgba(255,255,255,.78) 0,transparent 100%),radial-gradient(3px 3px at 50% 8%,rgba(109,40,255,.82) 0,transparent 100%),radial-gradient(2px 2px at 92% 88%,rgba(34,197,94,.75) 0,transparent 100%),radial-gradient(3px 3px at 35% 45%,rgba(255,255,255,.82) 0,transparent 100%),radial-gradient(2.5px 2.5px at 67% 92%,rgba(180,200,255,.78) 0,transparent 100%);animation:particle-float-a 10s ease-in-out infinite alternate}.pf-bg-particles:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 5% 45%,rgba(255,255,255,.85) 0,transparent 100%),radial-gradient(3.5px 3.5px at 22% 88%,rgba(220,220,255,.88) 0,transparent 100%),radial-gradient(3px 3px at 48% 52%,rgba(109,40,255,.85) 0,transparent 100%),radial-gradient(2.5px 2.5px at 78% 35%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(2px 2px at 94% 72%,rgba(34,197,94,.78) 0,transparent 100%),radial-gradient(4px 4px at 62% 10%,rgba(255,255,255,.88) 0,transparent 100%),radial-gradient(2.5px 2.5px at 18% 32%,rgba(180,200,255,.8) 0,transparent 100%),radial-gradient(3px 3px at 40% 70%,rgba(109,40,255,.75) 0,transparent 100%);animation:particle-float-b 14s ease-in-out infinite alternate-reverse}.pf-bg-waves{background:linear-gradient(180deg,#0f172a,#1e3a5f 60%,#0f172a);overflow:hidden}.pf-bg-waves:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(99,179,237,.07) 0,rgba(99,179,237,.07) 30px);animation:wave-shift 6s linear infinite}.pf-bg-glass{background:linear-gradient(135deg,rgba(235,235,255,.78),rgba(225,240,255,.55) 50%,rgba(255,235,250,.68));-webkit-backdrop-filter:blur(32px) saturate(200%) brightness(1.06);backdrop-filter:blur(32px) saturate(200%) brightness(1.06)}.pf-bg-glass:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 22% 8%,rgba(255,255,255,.5) 0,transparent 42%),radial-gradient(ellipse at 78% 92%,rgba(200,180,255,.34) 0,transparent 42%),radial-gradient(ellipse at 62% 12%,rgba(255,255,255,.24) 0,transparent 38%),linear-gradient(135deg,rgba(255,255,255,.2),transparent 58%);animation:glass-shimmer 9s ease-in-out infinite alternate}.pf-bg-glass:after{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse 65% 55% at 28% 72%,rgba(140,120,255,.2) 0,transparent 60%),radial-gradient(ellipse 55% 65% at 72% 28%,rgba(120,200,255,.15) 0,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(255,200,255,.1) 0,transparent 60%);filter:blur(4px);animation:glass-liquid 15s ease-in-out infinite alternate-reverse}.pf-bg-noise{background:#f7f5f0}.pf-bg-noise:after{content:"";position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}.pf-bg-grid-dots{background:#fafafa;background-image:radial-gradient(circle,#cccccc 1px,transparent 0);background-size:20px 20px}.pf-bg-scanlines{background:#080808}.pf-bg-scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 4px)}.pf-bg-bokeh{background:linear-gradient(135deg,#1a0a2e,#0a1420 50%,#12082a)}.pf-bg-bokeh:after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle 60px at 20% 30%,rgba(109,40,255,.5) 0,transparent 70%),radial-gradient(circle 90px at 70% 20%,rgba(34,197,94,.3) 0,transparent 70%),radial-gradient(circle 50px at 50% 70%,rgba(245,158,11,.4) 0,transparent 70%),radial-gradient(circle 80px at 85% 60%,rgba(59,130,246,.35) 0,transparent 70%),radial-gradient(circle 40px at 10% 80%,rgba(236,72,153,.4) 0,transparent 70%);filter:blur(28px);animation:bokeh-drift 10s ease-in-out infinite alternate}.pf-bg-neon-glow{background:#030303}.pf-bg-neon-glow:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 35% at 50% 0,rgba(109,40,255,.72) 0,transparent 70%),radial-gradient(ellipse 35% 25% at 18% 100%,rgba(34,197,94,.52) 0,transparent 70%),radial-gradient(ellipse 35% 25% at 82% 100%,rgba(245,158,11,.42) 0,transparent 70%);filter:blur(32px);animation:neon-drift-a 5s ease-in-out infinite alternate}.pf-bg-neon-glow:after{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse 45% 45% at 15% 50%,rgba(236,72,153,.38) 0,transparent 70%),radial-gradient(ellipse 55% 45% at 85% 50%,rgba(59,130,246,.32) 0,transparent 70%),radial-gradient(ellipse 35% 30% at 50% 110%,rgba(109,40,255,.48) 0,transparent 70%);filter:blur(38px);animation:neon-drift-b 8s ease-in-out infinite alternate-reverse}@keyframes aurora-sweep{0%{transform:translateX(-30%) skewX(-8deg);opacity:.7}to{transform:translateX(30%) skewX(8deg);opacity:1}}@keyframes aurora-move{0%{transform:translate(-5%) rotate(-3deg);opacity:.8}to{transform:translate(5%,4%) rotate(3deg);opacity:1}}@keyframes particle-float-a{0%{transform:translate(0)}25%{transform:translate(-18px,22px)}50%{transform:translate(20px,-14px)}75%{transform:translate(-12px,-20px)}to{transform:translate(16px,18px)}}@keyframes particle-float-b{0%{transform:translate(0) scale(1)}33%{transform:translate(22px,-18px) scale(1.04)}66%{transform:translate(-16px,14px) scale(.96)}to{transform:translate(10px,20px) scale(1.02)}}@keyframes wave-shift{0%{background-position:0 0}to{background-position:0 -60px}}@keyframes bokeh-drift{0%{transform:translate(0) scale(1)}to{transform:translate(3%,-4%) scale(1.05)}}@keyframes neon-pulse{0%{opacity:.7}to{opacity:1}}@keyframes neon-drift-a{0%{transform:translate(0) scale(1);opacity:.75}25%{transform:translate(-5%,4%) scale(1.06);opacity:1}50%{transform:translate(4%,-5%) scale(.94);opacity:.82}75%{transform:translate(6%,3%) scale(1.04);opacity:.92}to{transform:translate(-4%,-3%) scale(1.02);opacity:.78}}@keyframes neon-drift-b{0%{transform:translate(0);opacity:.6}50%{transform:translate(6%,-6%);opacity:.9}to{transform:translate(-6%,6%);opacity:.65}}@keyframes glass-shimmer{0%{opacity:.82;transform:skewX(0deg) scale(1)}40%{opacity:1;transform:skewX(.4deg) scale(1.01)}80%{opacity:.88;transform:skewX(-.3deg) scale(.99)}to{opacity:.85;transform:skewX(.2deg) scale(1)}}@keyframes glass-liquid{0%{transform:translate(0) rotate(0deg);opacity:.75}30%{transform:translate(4%,-3%) rotate(1.5deg);opacity:1}60%{transform:translate(-3%,4%) rotate(-1deg);opacity:.8}to{transform:translate(2%,-2%) rotate(.5deg);opacity:.88}}.exp-cards-wrap{display:grid;grid-gap:10px;gap:10px}.exp-card-item{border-radius:10px;padding:14px 16px;border:1px solid}.exp-mag-item{margin-bottom:18px}.exp-mag-role{font-size:20px;font-weight:800;letter-spacing:-.04em;line-height:1}.exp-mag-sub{display:flex;gap:12px;margin-top:6px;align-items:center}.exp-min-item{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid}.pf-banner{width:100%;height:110px;object-fit:cover;display:block}.pf-banner-placeholder{width:100%;height:110px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.pf-avatar-wrap{position:relative;margin-top:-32px;margin-left:24px;margin-bottom:14px}.pf-avatar{object-fit:cover;display:block;background:linear-gradient(135deg,#333,#666)}.pf-avatar,.pf-avatar-placeholder{width:64px;height:64px;border-radius:50%;border:3px solid white}.pf-avatar-placeholder{background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:rgba(255,255,255,.6)}@media (max-width:980px){body,html{overflow:auto;height:auto}.app{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.rail{flex-direction:row;justify-content:space-between;padding:14px}.rail-logo{width:auto;border-bottom:none;padding-bottom:0;margin-bottom:0}.rail-spacer{display:none}.preview{min-height:100vh}.canvas{padding:24px 16px 60px}}.analytics{grid-column:2/4;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.an-topbar{background:var(--bg-2);border-bottom:1px solid var(--line);height:44px;padding:0 20px;gap:12px;flex-shrink:0}.an-back-btn,.an-topbar{display:flex;align-items:center}.an-back-btn{gap:5px;font-family:var(--font-m);font-size:10px;color:var(--t4);cursor:pointer;background:none;border:1px solid var(--line);padding:5px 10px;border-radius:7px;letter-spacing:.03em;transition:color .15s,background .15s}.an-back-btn:hover{color:var(--t2);background:var(--bg-4)}.an-back-btn svg{width:10px;height:10px}.an-title-group{flex:1 1;display:flex;align-items:center;gap:10px}.an-page-name{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--t2)}.an-url-dim{font-size:10px;color:var(--t5);font-family:var(--font-m)}.an-live-chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--green);background:var(--green-soft);border-radius:100px;padding:2px 8px}.an-live-chip,.an-period-btn{font-family:var(--font-m);letter-spacing:.04em}.an-period-btn{font-size:10px;color:var(--t3);background:var(--bg-3);border:1px solid var(--line);border-radius:7px;padding:5px 11px;cursor:pointer;transition:color .15s}.an-period-btn:hover{color:var(--t1)}.an-body{flex:1 1;overflow-y:auto;padding:24px 28px 56px;display:flex;flex-direction:column;gap:16px}.an-body::-webkit-scrollbar{width:5px}.an-body::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:3px}.an-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.an-stat-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color .15s}.an-stat-card:hover{border-color:var(--line-2)}.an-stat-value{font-family:var(--font-d);font-size:26px;font-weight:800;letter-spacing:-.04em;color:var(--t1);line-height:1;margin-bottom:6px}.an-stat-label{font-size:9px;color:var(--t4);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-family:var(--font-ui)}.an-stat-trend{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-m);font-size:9px;color:var(--green);background:var(--green-soft);border-radius:100px;padding:2px 7px}.an-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.an-card-title{font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--t4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.an-chart-wrap{height:156px}.an-bottom-row{display:grid;grid-template-columns:3fr 2fr;grid-gap:12px;gap:12px}.an-bar-item{margin-bottom:13px}.an-bar-item:last-child{margin-bottom:0}.an-bar-head{display:flex;justify-content:space-between;margin-bottom:6px}.an-bar-label{font-size:11px;color:var(--t2);font-family:var(--font-ui)}.an-bar-value{font-family:var(--font-m);font-size:10px;color:var(--t4)}.an-bar-track{height:4px;background:var(--bg-5);border-radius:2px;overflow:hidden}.an-bar-fill{height:100%;border-radius:2px}.an-scroll-viz{display:flex;gap:18px;align-items:flex-start}.an-scroll-page{width:48px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--bg-6)}.an-scroll-zone{border-bottom:1px solid rgba(255,255,255,.04)}.an-scroll-zone:last-child{border-bottom:none}.an-scroll-labels{flex:1 1;display:flex;flex-direction:column;gap:10px;padding-top:4px}.an-scroll-row{display:flex;justify-content:space-between;align-items:center}.an-scroll-zone-label{font-size:10px;color:var(--t4);font-family:var(--font-ui)}.an-scroll-zone-pct{font-family:var(--font-d);font-size:16px;font-weight:800;color:var(--t1);letter-spacing:-.03em}.an-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:48px}.an-empty-icon{font-size:36px;margin-bottom:4px;opacity:.25;line-height:1}.an-empty-title{font-family:var(--font-d);font-size:17px;font-weight:800;color:var(--t2);margin-bottom:4px;letter-spacing:-.03em}.an-empty-desc{font-size:11px;color:var(--t4);line-height:1.8;max-width:260px;margin-bottom:10px}.an-publish-cta{background:var(--purple);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-family:var(--font-m);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:opacity .15s}.an-publish-cta:hover{opacity:.85}.an-stat-card{animation:stat-pop .5s cubic-bezier(.34,1.56,.64,1) both}.an-stat-card:first-child{animation-delay:.05s}.an-stat-card:nth-child(2){animation-delay:.12s}.an-stat-card:nth-child(3){animation-delay:.19s}.an-stat-card:nth-child(4){animation-delay:.26s}@keyframes stat-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.an-card{animation:card-rise .4s ease both}.an-body>.an-card{animation-delay:.3s}.an-bottom-row .an-card:first-child{animation-delay:.4s}.an-bottom-row .an-card:nth-child(2){animation-delay:.48s}@keyframes card-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.an-bar-fill{transition:width .9s cubic-bezier(.22,1,.36,1);animation:bar-grow 1s cubic-bezier(.22,1,.36,1) .5s both}@keyframes bar-grow{0%{width:0!important}}.an-scroll-zone{transition:height .8s cubic-bezier(.22,1,.36,1);animation:zone-expand .8s cubic-bezier(.22,1,.36,1) both}.an-scroll-zone:first-child{animation-delay:.45s}.an-scroll-zone:nth-child(2){animation-delay:.55s}.an-scroll-zone:nth-child(3){animation-delay:.65s}@keyframes zone-expand{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1)}}.an-stat-value{position:relative;overflow:hidden}.an-stat-value:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(109,40,255,.18) 50%,transparent);transform:translateX(-100%);animation:shimmer 1.4s ease .3s both}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.an-period-row{display:flex;gap:6px;margin-bottom:16px}.an-period-btn.on{background:var(--accent,#6D28FF);color:#fff;border-color:transparent}.an-error,.an-loading,.an-no-data{padding:32px;text-align:center;font-size:12px;color:var(--fg-3);opacity:.6}.pub-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.pub-modal{position:relative;background:#141414;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:40px 36px 32px;width:100%;max-width:420px;text-align:center;box-shadow:0 32px 80px rgba(0,0,0,.7)}.pub-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--t4);font-size:14px;cursor:pointer;line-height:1;padding:4px 6px;border-radius:6px;transition:color .15s}.pub-modal-close:hover{color:var(--t2)}.pub-modal-icon{font-size:28px;color:var(--purple);margin-bottom:14px}.pub-modal-title{font-family:var(--font-d);font-size:24px;font-weight:800;color:var(--t1);letter-spacing:-.04em;margin-bottom:6px}.pub-modal-sub{font-size:12px;color:var(--t3);line-height:1.7;margin-bottom:24px}.pub-modal-url-row{display:flex;align-items:center;gap:8px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:10px;padding:10px 14px;margin-bottom:16px}.pub-modal-url-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.pub-modal-url-text{font-family:var(--font-m);font-size:11px;color:var(--t2);text-align:left;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-modal-actions{display:flex;gap:10px}.pub-modal-copy{flex:1 1;background:var(--purple);color:#fff;border:none;border-radius:10px;padding:11px;font-family:var(--font-m);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:opacity .15s}.pub-modal-copy:hover{opacity:.85}.pub-modal-copy.copied{background:var(--green)}.pub-modal-view{flex:1 1;display:flex;align-items:center;justify-content:center;background:var(--bg-4);color:var(--t2);border:1px solid var(--line-2);border-radius:10px;padding:11px;font-family:var(--font-m);font-size:11px;letter-spacing:.04em;text-decoration:none;transition:background .15s}.pub-modal-view:hover{background:var(--bg-5)}.pf-site{min-height:100vh;width:100%;overflow-x:hidden;position:relative}.pf-site .pf-hero{padding:clamp(64px,10vw,120px) clamp(24px,7vw,96px) clamp(56px,8vw,96px)}.pf-site .pf-about,.pf-site .pf-collab,.pf-site .pf-contact,.pf-site .pf-experience,.pf-site .pf-projects{padding:clamp(56px,8vw,96px) clamp(24px,7vw,96px)}.pf-site .pf-banner,.pf-site .pf-banner-placeholder{height:clamp(240px,32vw,480px)}.pf-site .pf-avatar-wrap{margin-top:-52px;margin-left:32px;margin-bottom:24px}.pf-site .pf-avatar,.pf-site .pf-avatar-placeholder{width:96px;height:96px;font-size:28px;border-width:4px}.pf-site .pf-name{font-size:clamp(42px,7vw,96px);margin-bottom:28px}.pf-site .pf-tagline{font-size:clamp(13px,1.4vw,16px);max-width:560px;line-height:1.9}.pf-site .pf-status-pill{margin-bottom:28px;padding:8px 16px;font-size:11px}.pf-site .pf-sec-label{font-size:10px;letter-spacing:.16em;margin-bottom:28px}.pf-site .pf-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.pf-site .pf-project-thumb{height:clamp(160px,18vw,260px)}.pf-site .pf-project-body{padding:18px 20px 20px}.pf-site .pf-project-title{font-size:15px;margin-bottom:6px}.pf-site .pf-project-tag{font-size:11px}.pf-site .pf-masonry{column-count:3;column-gap:16px}.pf-site .pf-masonry-item{margin-bottom:16px}.pf-site .pf-bento{gap:16px;grid-template-columns:repeat(3,1fr)}.pf-site .exp-min-item{padding:20px 0}.pf-site .exp-mag-item{padding:18px 0}.pf-site .pf-sec-label+a{font-size:16px;margin-bottom:24px}@media (max-width:900px){.pf-site .pf-grid{grid-template-columns:repeat(2,1fr)}.pf-site .pf-masonry{column-count:2}.pf-site .pf-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.pf-site .pf-grid{grid-template-columns:1fr}.pf-site .pf-masonry{column-count:1}.pf-site .pf-bento{grid-template-columns:1fr}}.pf-masonry{column-count:2;column-gap:10px}.pf-masonry-item{display:inline-block;width:100%;margin-bottom:10px;page-break-inside:avoid;break-inside:avoid}.pf-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.pf-bg-constellation,.pf-bg-fireflies,.pf-bg-matrix-rain,.pf-bg-northern-lights,.pf-bg-plasma,.pf-bg-starfield{overflow:visible}.pf-bg-starfield{background:#030308}.pf-bg-starfield:after,.pf-bg-starfield:before{content:"";position:absolute;inset:0}.pf-bg-starfield:before{background-image:radial-gradient(circle 1.5px at 8% 12%,rgba(255,255,255,.95) 0,transparent 100%),radial-gradient(circle 1px at 22% 55%,rgba(255,255,255,.75) 0,transparent 100%),radial-gradient(circle 2px at 35% 30%,rgba(255,255,255,.85) 0,transparent 100%),radial-gradient(circle 1px at 52% 78%,rgba(255,255,255,.65) 0,transparent 100%),radial-gradient(circle 1.5px at 67% 20%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(circle 2.5px at 78% 48%,rgba(180,200,255,.8) 0,transparent 100%),radial-gradient(circle 1px at 90% 88%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(circle 1.5px at 14% 70%,rgba(255,255,255,.6) 0,transparent 100%),radial-gradient(circle 2px at 44% 6%,rgba(255,255,255,.85) 0,transparent 100%),radial-gradient(circle 1px at 60% 92%,rgba(200,210,255,.65) 0,transparent 100%),radial-gradient(circle 1.5px at 82% 15%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(circle 1px at 95% 60%,rgba(255,255,255,.55) 0,transparent 100%),radial-gradient(circle 1px at 5% 35%,rgba(255,255,255,.6) 0,transparent 100%),radial-gradient(circle 2px at 55% 50%,rgba(200,200,255,.7) 0,transparent 100%);animation:star-twinkle-a 4s ease-in-out infinite alternate}.pf-bg-starfield:after{background-image:radial-gradient(circle 1px at 3% 40%,rgba(255,255,255,.65) 0,transparent 100%),radial-gradient(circle 1.5px at 18% 85%,rgba(220,220,255,.6) 0,transparent 100%),radial-gradient(circle 2px at 48% 47%,rgba(255,255,255,.75) 0,transparent 100%),radial-gradient(circle 1px at 71% 63%,rgba(210,220,255,.65) 0,transparent 100%),radial-gradient(circle 1.5px at 87% 32%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(circle 1px at 30% 15%,rgba(255,255,255,.55) 0,transparent 100%),radial-gradient(circle 2px at 65% 5%,rgba(200,200,255,.7) 0,transparent 100%);animation:star-twinkle-b 6s ease-in-out infinite alternate-reverse}.pf-bg-matrix-rain{background:#000d00}.pf-bg-matrix-rain:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(0,255,65,.07) 0,rgba(0,255,65,.07) 12px)}.pf-bg-matrix-rain:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,255,65,.18),rgba(0,255,65,.08) 3px,rgba(0,255,65,.02) 6px,transparent 10px,transparent 30px);background-size:100% 40px;animation:matrix-fall 1.6s linear infinite;mix-blend-mode:screen}.pf-bg-plasma{background:#08001a}.pf-bg-plasma:before{background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(139,40,255,.7) 0,transparent 65%),radial-gradient(ellipse 70% 50% at 80% 70%,rgba(236,72,153,.6) 0,transparent 65%),radial-gradient(ellipse 60% 70% at 50% 10%,rgba(59,130,246,.5) 0,transparent 65%);animation:plasma-shift 8s ease-in-out infinite alternate}.pf-bg-plasma:after,.pf-bg-plasma:before{content:"";position:absolute;inset:0;filter:blur(35px)}.pf-bg-plasma:after{background:radial-gradient(ellipse 60% 50% at 90% 20%,rgba(34,197,94,.4) 0,transparent 65%),radial-gradient(ellipse 70% 60% at 10% 80%,rgba(245,158,11,.45) 0,transparent 65%),radial-gradient(ellipse 50% 50% at 60% 55%,rgba(109,40,255,.35) 0,transparent 65%);animation:plasma-shift 11s ease-in-out infinite alternate-reverse}.pf-bg-constellation{background:#04040f}.pf-bg-constellation:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle 2px at 15% 25%,rgba(255,255,255,.95) 0,transparent 100%),radial-gradient(circle 1px at 28% 62%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(circle 2.5px at 45% 18%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(circle 1.5px at 62% 44%,rgba(255,255,255,.75) 0,transparent 100%),radial-gradient(circle 3px at 75% 72%,rgba(180,190,255,.85) 0,transparent 100%),radial-gradient(circle 1px at 88% 30%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(circle 2px at 38% 84%,rgba(255,255,255,.65) 0,transparent 100%),radial-gradient(circle 1.5px at 92% 68%,rgba(255,255,255,.55) 0,transparent 100%),radial-gradient(circle 1px at 50% 50%,rgba(255,255,255,.6) 0,transparent 100%),radial-gradient(circle 2px at 8% 90%,rgba(200,210,255,.7) 0,transparent 100%);animation:star-twinkle-a 5s ease-in-out infinite alternate}.pf-bg-constellation:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(255,255,255,.04),transparent 40%),linear-gradient(to top right,rgba(180,180,255,.03),transparent 50%),radial-gradient(ellipse 100% 80% at 50% 50%,rgba(30,30,80,.5) 0,transparent 80%);animation:star-twinkle-b 8s ease-in-out infinite alternate}.pf-bg-fireflies{background:linear-gradient(160deg,#020902,#040e04 50%,#030803)}.pf-bg-fireflies:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle 3px at 12% 20%,rgba(200,255,80,1) 0,rgba(150,255,50,.3) 60%,transparent 100%),radial-gradient(circle 2px at 25% 65%,rgba(180,255,100,.9) 0,rgba(150,255,50,.2) 60%,transparent 100%),radial-gradient(circle 3px at 42% 38%,rgba(210,255,70,.95) 0,rgba(150,255,50,.25) 60%,transparent 100%),radial-gradient(circle 2px at 60% 78%,rgba(200,255,90,.9) 0,rgba(150,255,50,.2) 60%,transparent 100%),radial-gradient(circle 3px at 78% 22%,rgba(180,255,80,.95) 0,rgba(150,255,50,.3) 60%,transparent 100%),radial-gradient(circle 2px at 88% 58%,rgba(200,255,100,.85) 0,rgba(150,255,50,.2) 60%,transparent 100%),radial-gradient(circle 2px at 35% 90%,rgba(190,255,80,.8) 0,rgba(150,255,50,.2) 60%,transparent 100%),radial-gradient(circle 3px at 70% 10%,rgba(210,255,70,.9) 0,rgba(150,255,50,.25) 60%,transparent 100%),radial-gradient(circle 2px at 5% 55%,rgba(180,255,90,.85) 0,rgba(150,255,50,.2) 60%,transparent 100%),radial-gradient(circle 2px at 55% 30%,rgba(200,255,80,.9) 0,rgba(150,255,50,.2) 60%,transparent 100%);animation:firefly-drift 7s ease-in-out infinite alternate}.pf-bg-fireflies:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle 18px at 12% 20%,rgba(150,255,50,.18) 0,transparent 100%),radial-gradient(circle 14px at 42% 38%,rgba(150,255,50,.15) 0,transparent 100%),radial-gradient(circle 18px at 78% 22%,rgba(150,255,50,.18) 0,transparent 100%),radial-gradient(circle 14px at 60% 78%,rgba(150,255,50,.15) 0,transparent 100%),radial-gradient(circle 12px at 88% 58%,rgba(150,255,50,.12) 0,transparent 100%),radial-gradient(circle 16px at 70% 10%,rgba(150,255,50,.16) 0,transparent 100%),radial-gradient(circle 14px at 55% 30%,rgba(150,255,50,.14) 0,transparent 100%);animation:firefly-glow 3.5s ease-in-out infinite alternate;filter:blur(4px)}.pf-bg-northern-lights{background:linear-gradient(180deg,#020810,#04111e 50%,#020810)}.pf-bg-northern-lights:before{content:"";position:absolute;top:-40%;left:0;right:0;bottom:0;background:radial-gradient(ellipse 140% 55% at 25% 80%,rgba(0,255,136,.45) 0,transparent 65%),radial-gradient(ellipse 120% 45% at 65% 60%,rgba(0,180,255,.38) 0,transparent 65%),radial-gradient(ellipse 100% 40% at 50% 90%,rgba(80,0,255,.3) 0,transparent 65%),radial-gradient(ellipse 90% 35% at 80% 70%,rgba(0,255,180,.25) 0,transparent 65%);filter:blur(28px);animation:northern-drift 14s ease-in-out infinite alternate}.pf-bg-northern-lights:after{content:"";position:absolute;top:-20%;left:0;right:0;bottom:0;background:radial-gradient(ellipse 110% 30% at 40% 50%,rgba(0,255,200,.28) 0,transparent 65%),radial-gradient(ellipse 80% 40% at 70% 80%,rgba(60,0,255,.22) 0,transparent 65%),radial-gradient(ellipse 100% 25% at 20% 70%,rgba(0,200,255,.2) 0,transparent 65%);filter:blur(22px);animation:northern-drift 9s ease-in-out infinite alternate-reverse}.bg-t-starfield{background:#030308}.bg-t-matrix-rain{background:#000d00}.bg-t-plasma{background:linear-gradient(135deg,#08001a,#200040)}.bg-t-constellation{background:#04040f}.bg-t-fireflies{background:#020902}.bg-t-northern-lights{background:#020810}.bg-t-starfield:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle 1.5px at 20% 30%,white 0,transparent 100%),radial-gradient(circle 1px at 50% 60%,rgba(200,200,255,.9) 0,transparent 100%),radial-gradient(circle 1.5px at 80% 20%,white 0,transparent 100%),radial-gradient(circle 1px at 35% 80%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(circle 1px at 65% 45%,white 0,transparent 100%),radial-gradient(circle 1.5px at 10% 70%,rgba(200,200,255,.8) 0,transparent 100%);animation:star-twinkle-a 3s ease-in-out infinite alternate}.bg-t-matrix-rain:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,255,65,.2),rgba(0,255,65,.05) 3px,transparent 6px,transparent 20px);background-size:100% 26px;animation:matrix-fall 1.2s linear infinite}@keyframes star-twinkle-a{0%{opacity:.6}50%{opacity:1}to{opacity:.75}}@keyframes star-twinkle-b{0%{opacity:1}50%{opacity:.5}to{opacity:.9}}@keyframes matrix-fall{0%{background-position:0 0}to{background-position:0 40px}}@keyframes plasma-shift{0%{transform:translate(0) scale(1)}25%{transform:translate(4%,-5%) scale(1.06)}50%{transform:translate(-3%,4%) scale(.97)}75%{transform:translate(5%,3%) scale(1.04)}to{transform:translate(-2%,-4%) scale(1.02)}}@keyframes firefly-drift{0%{transform:translate(0);opacity:.85}33%{transform:translate(5%,-8%);opacity:1}66%{transform:translate(-4%,6%);opacity:.7}to{transform:translate(3%,-5%);opacity:.95}}@keyframes firefly-glow{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(1)}}@keyframes northern-drift{0%{transform:translateX(0) skewY(0deg);opacity:.75}30%{transform:translateX(5%) skewY(2deg);opacity:1}60%{transform:translateX(-4%) skewY(-1.5deg);opacity:.85}to{transform:translateX(3%) skewY(1deg);opacity:.9}}.pf-site[data-scroll=fade] .will-animate{opacity:0}.pf-site[data-scroll=fade] .is-visible{opacity:1;transition:opacity .7s ease}.pf-site[data-scroll=slide-up] .will-animate{opacity:0;transform:translateY(44px)}.pf-site[data-scroll=slide-up] .is-visible{opacity:1;transform:none;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}.pf-site[data-scroll=slide-left] .will-animate{opacity:0;transform:translateX(-52px)}.pf-site[data-scroll=slide-left] .is-visible{opacity:1;transform:none;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}.pf-site[data-scroll=zoom] .will-animate{opacity:0;transform:scale(.9)}.pf-site[data-scroll=zoom] .is-visible{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.pf-site[data-scroll=blur] .will-animate{opacity:0;filter:blur(14px)}.pf-site[data-scroll=blur] .is-visible{opacity:1;filter:blur(0);transition:opacity .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1)}.pf-site[data-scroll=spring] .will-animate{opacity:0;transform:translateY(52px) scale(.94)}.pf-site[data-scroll=spring] .is-visible{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.pf-site[data-scroll=flip] .will-animate{opacity:0;transform:perspective(900px) rotateX(-22deg) translateY(28px);transform-origin:top center}.pf-site[data-scroll=flip] .is-visible{opacity:1;transform:perspective(900px) rotateX(0deg) translateY(0);transform-origin:top center;transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.pf-site[data-scroll=stagger] .will-animate{opacity:0;transform:translateY(36px)}.pf-site[data-scroll=stagger] .is-visible{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.pf-site[data-scroll=stagger] .is-visible>:first-child{transition-delay:0s}.pf-site[data-scroll=stagger] .is-visible>:nth-child(2){transition-delay:.08s}.pf-site[data-scroll=stagger] .is-visible>:nth-child(3){transition-delay:.16s}.pf-site[data-scroll=stagger] .is-visible>:nth-child(4){transition-delay:.24s}.pf-site[data-scroll=stagger] .is-visible>:nth-child(5){transition-delay:.32s}.pf-cursor-ring{position:fixed;pointer-events:none;z-index:9999;width:28px;height:28px;border:1.5px solid rgba(109,40,255,.75);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1),border-color .2s ease,border-width .25s ease;mix-blend-mode:exclusion}.pf-cursor-ring.hovering{width:50px;height:50px;border-color:rgba(109,40,255,.45);border-width:1px}.pf-cursor-glow{width:380px;height:380px;background:radial-gradient(circle,rgba(109,40,255,.22) 0,transparent 68%);mix-blend-mode:screen}.pf-cursor-glow,.pf-cursor-spotlight{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}.pf-cursor-spotlight{width:480px;height:480px;background:radial-gradient(circle,rgba(255,255,255,.07) 0,rgba(109,40,255,.05) 35%,transparent 70%);mix-blend-mode:overlay}.pf-cursor-trail-dot{z-index:9998;background:rgba(109,40,255,.72);transform:translate(-50%,-50%)}.pf-cursor-sparkle,.pf-cursor-trail-dot{position:fixed;pointer-events:none;border-radius:50%}.pf-cursor-sparkle{z-index:9999}.ed-slug-input{flex:1 1;background:rgba(109,40,255,.08);border:1px solid rgba(109,40,255,.45);border-radius:5px;color:var(--t1);font-family:var(--font-m);font-size:10px;padding:2px 6px;outline:none;letter-spacing:.03em;min-width:0}.nf-root{min-height:100vh;background:#050505;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.nf-bg{background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(109,40,255,.1) 0,transparent 70%),radial-gradient(ellipse 30% 25% at 20% 80%,rgba(109,40,255,.05) 0,transparent 70%)}.nf-bg,.nf-grid{position:absolute;inset:0;pointer-events:none}.nf-grid{background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 0);background-size:28px 28px}.nf-content{position:relative;z-index:1;flex-direction:column;text-align:center;padding:48px 24px}.nf-content,.nf-logo{display:flex;align-items:center}.nf-logo{gap:3px;margin-bottom:48px}.nf-logo-name{font-size:18px;color:var(--t2);margin-left:8px;letter-spacing:-.04em}.nf-code,.nf-logo-name{font-family:var(--font-d);font-weight:800}.nf-code{font-size:120px;letter-spacing:-.06em;line-height:1;color:var(--t1);margin-bottom:16px;background:linear-gradient(135deg,#fff 30%,rgba(109,40,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:nf-fade-up .6s cubic-bezier(.22,1,.36,1) both}.nf-title{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--t2);letter-spacing:-.03em;margin-bottom:10px;animation:nf-fade-up .6s cubic-bezier(.22,1,.36,1) .08s both}.nf-sub{font-size:12px;color:var(--t4);line-height:1.8;max-width:300px;margin-bottom:32px;animation:nf-fade-up .6s cubic-bezier(.22,1,.36,1) .14s both}.nf-btn{display:inline-block;padding:12px 28px;background:var(--purple);color:#fff;border-radius:10px;font-family:var(--font-m);font-size:11px;letter-spacing:.05em;text-decoration:none;transition:opacity .15s,transform .15s;animation:nf-fade-up .6s cubic-bezier(.22,1,.36,1) .2s both}.nf-btn:hover{opacity:.85;transform:translateY(-1px)}@keyframes nf-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.si-root{min-height:100vh;background:#0c0c0c;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.si-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 60%,rgba(109,40,255,.14) 0,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(34,197,94,.05) 0,transparent 70%);pointer-events:none}.si-card{position:relative;z-index:1;background:var(--bg-2);border:1px solid var(--line-2);border-radius:16px;padding:34px 32px;width:100%;max-width:420px;animation:si-appear .5s cubic-bezier(.22,1,.36,1) both}@keyframes si-appear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.si-logo{display:flex;gap:3px;align-items:center;margin-bottom:28px}.si-logo-name{font-size:18px;margin-left:8px}.si-logo-name,.si-title{font-family:var(--font-d);font-weight:800;color:var(--t1);letter-spacing:-.04em}.si-title{font-size:22px;margin-bottom:6px}.si-sub{font-size:12px;color:var(--t4);margin-bottom:22px}.si-account{gap:14px;padding:14px 16px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:12px;margin-bottom:16px}.si-account,.si-avatar{display:flex;align-items:center}.si-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#4c1d95);justify-content:center;font-family:var(--font-d);font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.si-name{font-size:13px;font-weight:600;color:var(--t1);letter-spacing:-.02em;margin-bottom:2px}.si-email{font-size:10px;color:var(--t4)}.si-btn,.si-email{font-family:var(--font-m)}.si-btn{width:100%;padding:14px;background:var(--purple);color:#fff;border:none;border-radius:12px;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;margin-bottom:16px}.si-btn:hover:not(:disabled){opacity:.87;transform:translateY(-1px)}.si-btn:disabled{opacity:.6;cursor:default}.si-form{gap:12px}.si-field,.si-form{display:flex;flex-direction:column}.si-field{gap:7px}.si-field span{color:var(--t3);font-size:10px;font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase}.si-field input{width:100%;min-height:42px;padding:0 12px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:10px;color:var(--t1);font:inherit;font-size:13px;outline:none;transition:border-color .15s,background .15s}.si-field input::placeholder{color:var(--t5)}.si-field input:focus{background:#101010;border-color:rgba(109,40,255,.62)}.si-switch{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--t4);font-size:12px;margin-bottom:18px}.si-switch button{border:0;background:transparent;color:var(--t2);cursor:pointer;font:inherit;font-weight:700;padding:0}.si-switch button:hover{color:var(--t1)}.si-oauth-btns{display:flex;flex-direction:column;gap:10px;margin-top:0}.si-oauth-btn{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--bg-2,#161616);border:1px solid var(--border,rgba(255,255,255,.08));border-radius:10px;color:var(--fg,#fff);font-size:13.5px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.si-oauth-btn:hover{background:var(--bg-3,#222);border-color:rgba(255,255,255,.15)}.si-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.si-divider{display:flex;align-items:center;gap:12px;color:var(--t5);font-size:10px;letter-spacing:.05em;margin-bottom:14px}.si-divider:after,.si-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.si-other{font-size:11px;color:var(--t4);text-align:center;cursor:pointer;transition:color .15s}.si-other:hover{color:var(--t2)}.si-error{font-size:11px;color:#f87171;text-align:center;margin-bottom:8px;padding:6px 10px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.2);border-radius:6px}.glass-ui{--g-bg:#0a0e1a;--g-surface:rgba(255,255,255,0.045);--g-surface-2:rgba(255,255,255,0.07);--g-surface-3:rgba(255,255,255,0.1);--g-border:rgba(255,255,255,0.1);--g-border-2:rgba(255,255,255,0.16);--g-text:rgba(255,255,255,0.92);--g-text-2:rgba(255,255,255,0.6);--g-text-3:rgba(255,255,255,0.35);--g-shadow-out:6px 6px 14px rgba(0,0,0,0.45),-3px -3px 10px rgba(255,255,255,0.04);--g-shadow-in:inset 3px 3px 8px rgba(0,0,0,0.35),inset -2px -2px 6px rgba(255,255,255,0.04);--g-shadow-btn:4px 4px 10px rgba(0,0,0,0.4),-2px -2px 8px rgba(255,255,255,0.05);--g-blur:blur(20px);--g-blur-sm:blur(10px);--g-accent:rgba(138,92,255,0.7);--g-accent-glow:rgba(138,92,255,0.25);background:var(--g-bg)!important;position:relative}.glass-ui:before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(109,40,255,.18) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(59,130,246,.12) 0,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(16,185,129,.06) 0,transparent 70%),linear-gradient(135deg,#080c18,#0d1225 40%,#0a0e1a);animation:glass-bg-shift 12s ease-in-out infinite alternate;pointer-events:none}@keyframes glass-bg-shift{0%{opacity:1;filter:hue-rotate(0deg)}50%{filter:hue-rotate(15deg)}to{opacity:.85;filter:hue-rotate(-10deg)}}.glass-ui .rail{background:var(--g-surface)!important;backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);border-right:1px solid var(--g-border)!important;box-shadow:var(--g-shadow-out);position:relative;z-index:10}.glass-ui .rail-logo{border-bottom-color:var(--g-border)!important}.glass-ui .rail-btn{background:transparent!important;color:var(--g-text-2)!important;border-radius:10px!important;transition:all .2s!important}.glass-ui .rail-btn:hover{background:var(--g-surface-2)!important;color:var(--g-text)!important;box-shadow:var(--g-shadow-btn)}.glass-ui .rail-btn.active{background:var(--g-surface-3)!important;color:var(--g-text)!important;box-shadow:var(--g-shadow-in);border:1px solid var(--g-border-2)!important}.glass-ui .editor{background:var(--g-surface)!important;backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);border-right:1px solid var(--g-border)!important;position:relative;z-index:10}.glass-ui .ed-header{background:transparent!important;border-bottom:1px solid var(--g-border)!important}.glass-ui .ed-title{color:var(--g-text)!important}.glass-ui .ed-sub{color:var(--g-text-2)!important}.glass-ui .ed-tab{background:transparent!important;color:var(--g-text-3)!important;border-color:transparent!important}.glass-ui .ed-tab.active{background:var(--g-surface-2)!important;color:var(--g-text)!important;border-color:var(--g-border-2)!important;box-shadow:var(--g-shadow-in)}.glass-ui .ed-tab:hover:not(.active){background:var(--g-surface)!important;color:var(--g-text-2)!important}.glass-ui .opt-card{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;backdrop-filter:var(--g-blur-sm);-webkit-backdrop-filter:var(--g-blur-sm);box-shadow:var(--g-shadow-out)!important;transition:all .2s!important}.glass-ui .opt-card:hover{background:var(--g-surface-2)!important;border-color:var(--g-border-2)!important;transform:translateY(-1px);box-shadow:8px 8px 20px rgba(0,0,0,.5),-3px -3px 12px rgba(255,255,255,.05)!important}.glass-ui .opt-card.active,.glass-ui .opt-card.selected{background:var(--g-surface-3)!important;border-color:var(--g-accent)!important;box-shadow:var(--g-shadow-in),0 0 16px var(--g-accent-glow)!important}.glass-ui .ed-field-label,.glass-ui .ed-label,.glass-ui label{color:var(--g-text-2)!important}.glass-ui .ed-input,.glass-ui .ed-textarea,.glass-ui input,.glass-ui select,.glass-ui textarea{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;color:var(--g-text)!important;backdrop-filter:var(--g-blur-sm);-webkit-backdrop-filter:var(--g-blur-sm);box-shadow:var(--g-shadow-in)!important}.glass-ui input:focus,.glass-ui select:focus,.glass-ui textarea:focus{border-color:var(--g-accent)!important;box-shadow:var(--g-shadow-in),0 0 10px var(--g-accent-glow)!important;outline:none}.glass-ui input::placeholder,.glass-ui textarea::placeholder{color:var(--g-text-3)!important}.glass-ui button:not(.rail-btn):not(.pub-modal-close){background:var(--g-surface-2)!important;border:1px solid var(--g-border)!important;color:var(--g-text)!important;box-shadow:var(--g-shadow-btn)!important;backdrop-filter:var(--g-blur-sm);-webkit-backdrop-filter:var(--g-blur-sm);transition:all .2s!important}.glass-ui button:not(.rail-btn):not(.pub-modal-close):hover{background:var(--g-surface-3)!important;border-color:var(--g-border-2)!important;transform:translateY(-1px);box-shadow:5px 5px 14px rgba(0,0,0,.45),-2px -2px 10px rgba(255,255,255,.05)!important}.glass-ui button:not(.rail-btn):not(.pub-modal-close):active{box-shadow:var(--g-shadow-in)!important;transform:translateY(0)}.glass-ui .ed-publish-btn{background:linear-gradient(135deg,rgba(138,92,255,.5),rgba(109,40,255,.35))!important;border-color:rgba(138,92,255,.5)!important;box-shadow:var(--g-shadow-btn),0 0 18px var(--g-accent-glow)!important}.glass-ui .ed-publish-btn:hover{background:linear-gradient(135deg,rgba(138,92,255,.65),rgba(109,40,255,.5))!important;box-shadow:5px 5px 14px rgba(0,0,0,.45),0 0 28px var(--g-accent-glow)!important}.glass-ui .canvas{position:relative;z-index:5}.glass-ui .pf-card{background:rgba(10,14,26,.5)!important;backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);border:1px solid var(--g-border)!important;box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05)!important}.glass-ui .pf-hero{background:transparent!important}.glass-ui .pv-name,.glass-ui .pv-role,.glass-ui .pv-tagline{color:var(--g-text)!important}.glass-ui .pv-badge,.glass-ui .pv-status{border:1px solid var(--g-border)!important;box-shadow:var(--g-shadow-btn)}.glass-ui .pv-badge,.glass-ui .pv-btn,.glass-ui .pv-status{background:var(--g-surface-2)!important;-webkit-backdrop-filter:var(--g-blur-sm);backdrop-filter:var(--g-blur-sm)}.glass-ui .pv-btn{border:1px solid var(--g-border-2)!important;color:var(--g-text)!important;box-shadow:var(--g-shadow-btn)!important}.glass-ui .pv-btn:hover{background:var(--g-surface-3)!important;box-shadow:5px 5px 14px rgba(0,0,0,.45),-2px -2px 10px rgba(255,255,255,.05),0 0 14px var(--g-accent-glow)!important}.glass-ui .pf-about,.glass-ui .pf-contact,.glass-ui .pf-experience,.glass-ui .pf-projects,.glass-ui .pf-socials,.glass-ui .pv-section{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;-webkit-backdrop-filter:var(--g-blur-sm);backdrop-filter:var(--g-blur-sm);box-shadow:var(--g-shadow-out);border-radius:14px}.glass-ui .pf-section-title,.glass-ui .pv-section-title{color:var(--g-text)!important}.glass-ui .pf-bento-item,.glass-ui .pf-masonry-item,.glass-ui .pf-proj-item{background:var(--g-surface-2)!important;border:1px solid var(--g-border)!important;-webkit-backdrop-filter:var(--g-blur-sm);backdrop-filter:var(--g-blur-sm);box-shadow:var(--g-shadow-out)}.glass-ui .pf-bento-item:hover,.glass-ui .pf-proj-item:hover{background:var(--g-surface-3)!important;border-color:var(--g-border-2)!important;box-shadow:8px 8px 20px rgba(0,0,0,.5),-3px -3px 12px rgba(255,255,255,.05)!important;transform:translateY(-2px)}.glass-ui .pf-proj-tag{background:var(--g-surface-3)!important;border:1px solid var(--g-border-2)!important;color:var(--g-text-2)!important;box-shadow:var(--g-shadow-in)}.glass-ui .pf-exp-item,.glass-ui .pf-proj-tag{-webkit-backdrop-filter:var(--g-blur-sm);backdrop-filter:var(--g-blur-sm)}.glass-ui .pf-exp-item{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;box-shadow:var(--g-shadow-out)}.glass-ui .pf-social-link,.glass-ui .pv-social-btn{background:var(--g-surface-2)!important;border:1px solid var(--g-border)!important;color:var(--g-text-2)!important;box-shadow:var(--g-shadow-btn);-webkit-backdrop-filter:var(--g-blur-sm);backdrop-filter:var(--g-blur-sm)}.glass-ui .pf-social-link:hover,.glass-ui .pv-social-btn:hover{background:var(--g-surface-3)!important;color:var(--g-text)!important;border-color:var(--g-border-2)!important;box-shadow:4px 4px 12px rgba(0,0,0,.4),-2px -2px 8px rgba(255,255,255,.05),0 0 12px var(--g-accent-glow)!important}.glass-ui .pf-contact-form,.glass-ui .pv-contact-box{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-shadow-out)}.glass-ui ::-webkit-scrollbar-track{background:var(--g-surface)!important}.glass-ui ::-webkit-scrollbar-thumb{background:var(--g-surface-3)!important;border:1px solid var(--g-border)!important}.glass-ui .ed-divider,.glass-ui .pv-divider{border-color:var(--g-border)!important}.glass-ui .sec-item{background:transparent!important;border-color:transparent!important;color:var(--g-text-2)!important}.glass-ui .sec-item:hover{background:var(--g-surface)!important;color:var(--g-text)!important}.glass-ui .sec-item.active{background:var(--g-surface-2)!important;border-color:var(--g-border-2)!important;color:var(--g-text)!important;box-shadow:var(--g-shadow-in)}.glass-ui .pub-modal{background:rgba(10,14,26,.75)!important;backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);border:1px solid var(--g-border-2)!important;box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 40px var(--g-accent-glow)!important}.glass-ui .dropdown,.glass-ui .tooltip{background:rgba(10,14,26,.85)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:1px solid var(--g-border)!important;box-shadow:var(--g-shadow-out)!important}.glass-ui .ed-copy-btn{background:var(--g-surface)!important;border-color:var(--g-border)!important;box-shadow:var(--g-shadow-btn)!important}.glass-ui .ed-url-row{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;box-shadow:var(--g-shadow-in)}.glass-ui .ed-url-text{color:var(--g-text-2)!important}.glass-ui .ed-slug-input{background:transparent!important;color:var(--g-text)!important;box-shadow:none!important;border:none!important}.glass-ui .color-swatch{box-shadow:var(--g-shadow-out)!important;border:1px solid var(--g-border)!important}.glass-ui .img-drop,.glass-ui .upload-zone{background:var(--g-surface)!important;border:1.5px dashed var(--g-border-2)!important;box-shadow:var(--g-shadow-in)}.glass-ui .an-card{background:var(--g-surface)!important;border:1px solid var(--g-border)!important;-webkit-backdrop-filter:var(--g-blur-sm);backdrop-filter:var(--g-blur-sm);box-shadow:var(--g-shadow-out)}.glass-ui .an-bar-fill{background:linear-gradient(90deg,var(--g-accent),rgba(59,130,246,.6))!important;box-shadow:0 0 10px var(--g-accent-glow)}.glass-ui .ed-group-label,.glass-ui .ed-section-title{color:var(--g-text-2)!important}.glass-ui h1,.glass-ui h2,.glass-ui h3{color:var(--g-text)!important}.glass-ui p,.glass-ui span{color:var(--g-text-2)!important}@keyframes glass-glow-pulse{0%,to{box-shadow:var(--g-shadow-out),0 0 10px var(--g-accent-glow)}50%{box-shadow:var(--g-shadow-out),0 0 24px rgba(138,92,255,.4)}}.glass-ui .opt-card.selected,.glass-ui .rail-btn.active{animation:glass-glow-pulse 3s ease-in-out infinite}.fx-skin-widget{display:inline-flex;align-items:center;margin-top:16px;border-radius:10px;border:1px solid rgba(130,100,255,.22);background:rgba(8,6,22,.84);color:rgba(200,210,255,.88);font-family:var(--font-m,monospace);font-size:10px;overflow:hidden;max-width:340px;position:relative}.fx-skin-widget:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(109,40,255,.07),transparent 60%);pointer-events:none;z-index:0}.fx-globe-wrap{display:flex;align-items:center;gap:12px;padding:12px 16px;position:relative;z-index:1}.fx-globe-sphere{width:52px;height:52px;border-radius:50%;background:radial-gradient(ellipse at 35% 28%,#5ab4ff 0,#2260d4 32%,#0c2f8c 64%,#050f38 100%);box-shadow:inset -7px -7px 14px rgba(0,0,0,.6),0 0 22px rgba(90,180,255,.3);position:relative;overflow:hidden;flex-shrink:0;animation:globe-glow 3s ease-in-out infinite alternate}.fx-globe-sphere:before{content:"";position:absolute;top:10px;left:12px;width:16px;height:12px;background:rgba(255,255,255,.3);border-radius:50%;filter:blur(3px)}.fx-globe-orbit{position:absolute;inset:-6px;border-radius:50%;border-color:rgba(100,190,255,.42) rgba(100,190,255,.42) transparent transparent;border-style:solid;border-width:1.5px;animation:globe-orbit-spin 4s linear infinite}.fx-globe-orbit-2{position:absolute;inset:-6px;border-radius:50%;border-color:transparent transparent rgba(60,160,255,.3) rgba(60,160,255,.3);border-style:solid;border-width:1px;animation:globe-orbit-spin 6.5s linear infinite reverse}.fx-globe-info{display:flex;flex-direction:column;gap:3px}.fx-globe-title{font-size:11px;font-weight:600;color:rgba(220,235,255,.95);letter-spacing:.01em;font-family:var(--font-d,sans-serif)}.fx-globe-sub{font-size:9px;color:rgba(140,170,255,.65);letter-spacing:.04em}.fx-globe-dots{display:flex;gap:4px;margin-top:4px}.fx-globe-dot{width:5px;height:5px;border-radius:50%;background:rgba(90,180,255,.55);animation:globe-dot-pulse 2s ease-in-out infinite alternate}.fx-globe-dot:nth-child(2){animation-delay:.35s;background:rgba(100,255,150,.55)}.fx-globe-dot:nth-child(3){animation-delay:.7s;background:rgba(255,160,100,.55)}.fx-globe-dot:nth-child(4){animation-delay:1.05s;background:rgba(200,100,255,.55)}@keyframes globe-orbit-spin{0%{transform:rotateX(72deg) rotate(0deg)}to{transform:rotateX(72deg) rotate(1turn)}}@keyframes globe-glow{0%{box-shadow:inset -7px -7px 14px rgba(0,0,0,.6),0 0 18px rgba(90,180,255,.2)}to{box-shadow:inset -7px -7px 14px rgba(0,0,0,.5),0 0 32px rgba(90,180,255,.45)}}@keyframes globe-dot-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.fx-snake-wrap{padding:10px 14px;position:relative;z-index:1}.fx-snake-header{font-size:9px;color:rgba(100,255,100,.6);letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.fx-snake-grid-inner{display:grid;grid-template-columns:repeat(16,1fr);grid-gap:2px;gap:2px}.fx-snake-cell{width:100%;aspect-ratio:1;border-radius:2px;background:rgba(0,255,65,.07)}.fx-snake-cell.lvl-1{background:rgba(0,255,65,.2)}.fx-snake-cell.lvl-2{background:rgba(0,255,65,.4)}.fx-snake-cell.lvl-3{background:rgba(0,255,65,.62)}.fx-snake-cell.lvl-4{background:rgba(0,255,65,.88)}.fx-snake-cell.snake{background:rgba(0,255,65,1);box-shadow:0 0 4px rgba(0,255,65,.8);animation:snake-pulse .9s ease-in-out infinite alternate}.fx-snake-cell.snake-head{background:#ffffff;box-shadow:0 0 8px rgba(255,255,255,.95),0 0 16px rgba(0,255,65,.5);border-radius:3px}.fx-snake-cell.eaten{animation:cell-eaten .55s ease-out forwards}@keyframes snake-pulse{0%{opacity:.7}to{opacity:1}}@keyframes cell-eaten{0%{background:rgba(255,240,80,.9);box-shadow:0 0 6px rgba(255,220,0,.8)}40%{background:rgba(120,255,80,.5)}to{background:rgba(0,255,65,.07);box-shadow:none}}.fx-cal-wrap{padding:10px 14px;position:relative;z-index:1}.fx-cal-header{font-size:9px;color:rgba(100,255,120,.6);letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.fx-cal-grid-inner{display:grid;grid-template-columns:repeat(15,1fr);grid-gap:2px;gap:2px}.fx-cal-cell{width:100%;aspect-ratio:1;border-radius:2px}.fx-cal-cell.c0{background:rgba(0,255,65,.07)}.fx-cal-cell.c1{background:rgba(0,255,65,.22)}.fx-cal-cell.c2{background:rgba(0,255,65,.42)}.fx-cal-cell.c3{background:rgba(0,255,65,.65)}.fx-cal-cell.c4{background:rgba(0,255,65,.88)}.fx-cal-footer{font-size:8px;color:rgba(120,180,100,.5);margin-top:5px}.fx-streak-wrap{padding:12px 20px;position:relative;z-index:1}.fx-streak-fire{font-size:24px;animation:streak-fire 1s ease-in-out infinite alternate;display:block;line-height:1;margin-bottom:4px}.fx-streak-count{font-size:28px;font-weight:800;font-family:var(--font-d,sans-serif);color:rgba(255,160,60,.95);letter-spacing:-.04em;line-height:1}.fx-streak-label{font-size:9px;color:rgba(255,160,60,.55);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.fx-streak-divider{width:1px;height:36px;background:rgba(255,255,255,.1);margin:0 16px;flex-shrink:0}.fx-streak-secondary{text-align:center}.fx-streak-best{font-size:18px;font-weight:700;font-family:var(--font-d,sans-serif);color:rgba(180,140,255,.85);letter-spacing:-.03em;line-height:1}.fx-streak-best-label{font-size:9px;color:rgba(180,140,255,.45);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}@keyframes streak-fire{0%{transform:scaleY(1) rotate(-3deg);filter:brightness(.88)}to{transform:scaleY(1.1) rotate(3deg);filter:brightness(1.1)}}.fx-matrix-wrap{display:flex;gap:6px;padding:10px 14px;height:70px;overflow:hidden;align-items:flex-start;position:relative;z-index:1}.fx-matrix-col{font-family:var(--font-m,monospace);font-size:9px;color:rgba(0,255,65,.85);line-height:1.35;white-space:nowrap;writing-mode:vertical-lr;-webkit-text-orientation:mixed;text-orientation:mixed;letter-spacing:-.05em}.fx-mc-1{animation:matrix-col-fall 2.4s linear infinite}.fx-mc-2{animation:matrix-col-fall 3.6s linear .9s infinite;color:rgba(0,255,65,.5)}.fx-mc-3{animation:matrix-col-fall 2s linear .4s infinite;color:rgba(0,220,55,.7)}.fx-mc-4{animation:matrix-col-fall 3s linear 1.5s infinite;color:rgba(0,255,65,.45)}.fx-mc-5{animation:matrix-col-fall 2.8s linear .2s infinite;color:rgba(50,255,80,.6)}@keyframes matrix-col-fall{0%{transform:translateY(-120%);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(120%);opacity:0}}.fx-synth-wrap{position:relative;width:240px;height:90px;overflow:hidden;flex-shrink:0;border-radius:6px}.fx-synth-sky{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#04000e,#12003a 20%,#36006a 44%,#b80072 62%,#f43000 78%,#ff8800 90%,#ffb322)}.fx-synth-stars{position:absolute;top:0;left:0;right:0;height:58px;z-index:1;pointer-events:none;background:radial-gradient(1px 1px at 7% 18%,rgba(255,255,255,.85) 0,transparent 100%),radial-gradient(1px 1px at 21% 10%,rgba(255,255,255,.65) 0,transparent 100%),radial-gradient(1.5px 1.5px at 37% 22%,rgba(255,240,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 54% 7%,rgba(255,255,255,.75) 0,transparent 100%),radial-gradient(1px 1px at 67% 17%,rgba(255,220,255,.65) 0,transparent 100%),radial-gradient(1px 1px at 81% 9%,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1px 1px at 92% 20%,rgba(200,180,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 3% 33%,rgba(255,255,255,.5) 0,transparent 100%),radial-gradient(1.5px 1.5px at 47% 29%,rgba(255,240,220,.65) 0,transparent 100%),radial-gradient(1px 1px at 75% 26%,rgba(255,255,255,.6) 0,transparent 100%),radial-gradient(1px 1px at 14% 40%,rgba(255,255,255,.45) 0,transparent 100%)}.fx-synth-sun{position:absolute;z-index:2;width:54px;height:54px;border-radius:50%;background:linear-gradient(180deg,#fffb88,#ffcc00 28%,#ff8800 56%,#ff2a00);top:3px;left:50%;transform:translateX(-50%);box-shadow:0 0 22px rgba(255,150,0,.85),0 0 48px rgba(255,70,0,.5),0 0 80px rgba(255,20,120,.28);overflow:hidden}.fx-synth-sun:after{content:"";position:absolute;bottom:0;left:0;right:0;height:56%;background:repeating-linear-gradient(180deg,rgba(10,0,35,.96),rgba(10,0,35,.96) 2px,transparent 0,transparent 5.5px)}.fx-synth-mtns{position:absolute;z-index:3;bottom:30px;left:0;right:0;height:32px;background:#080018;-webkit-clip-path:polygon(0 100%,0 68%,5% 22%,10% 62%,17% 5%,24% 54%,29% 22%,35% 60%,44% 0,51% 50%,57% 15%,63% 54%,71% 8%,77% 52%,85% 30%,92% 58%,100% 36%,100% 100%);clip-path:polygon(0 100%,0 68%,5% 22%,10% 62%,17% 5%,24% 54%,29% 22%,35% 60%,44% 0,51% 50%,57% 15%,63% 54%,71% 8%,77% 52%,85% 30%,92% 58%,100% 36%,100% 100%);filter:drop-shadow(0 -3px 12px rgba(200,0,255,.7))}.fx-synth-horizon-glow{position:absolute;z-index:4;bottom:28px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 4%,#ff00cc 28%,#ff00ff 50%,#ff00cc 72%,transparent 96%);box-shadow:0 0 10px rgba(255,0,220,.95),0 0 22px rgba(255,0,220,.6),0 -4px 18px rgba(255,0,220,.35)}.fx-synth-floor{position:absolute;z-index:3;bottom:0;left:-35px;right:-35px;height:38px;background:repeating-linear-gradient(90deg,rgba(255,0,200,.55),rgba(255,0,200,.55) 1.5px,transparent 0,transparent 13px),repeating-linear-gradient(180deg,rgba(255,0,200,.55),rgba(255,0,200,.55) 1px,transparent 0,transparent 9px);transform:perspective(52px) rotateX(50deg);transform-origin:bottom center;animation:synth-grid-scroll 2.5s linear infinite}@keyframes synth-grid-scroll{0%{background-position:0 0,0 0}to{background-position:0 0,0 18px}}.fx-synth-scanlines{position:absolute;inset:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(180deg,transparent,transparent 2px,rgba(0,0,0,.11) 0,rgba(0,0,0,.11) 3px)}.fx-synth-title{position:absolute;z-index:5;top:6px;right:9px;font-size:6px;letter-spacing:.38em;font-family:var(--font-m,monospace);color:rgba(255,245,120,.92);text-shadow:0 0 6px rgba(255,210,0,.95),0 0 14px rgba(255,60,200,.65);text-transform:uppercase}.fx-cassette-wrap{padding:10px 16px;flex-direction:column;gap:6px;z-index:1}.fx-cassette-body-shape,.fx-cassette-wrap{display:flex;align-items:center;position:relative}.fx-cassette-body-shape{width:140px;height:58px;border-radius:8px;border:1.5px solid rgba(255,200,100,.42);background:linear-gradient(160deg,rgba(38,24,10,.97),rgba(22,14,4,.97));box-shadow:inset 0 1px 0 rgba(255,200,100,.15),0 2px 12px rgba(0,0,0,.55);justify-content:center;gap:18px;transition:border-color .2s}.fx-cassette-body-shape:before{content:"";position:absolute;top:5px;left:14px;right:14px;height:3px;background:repeating-linear-gradient(90deg,rgba(255,180,60,.3),rgba(255,180,60,.3) 2px,transparent 0,transparent 6px);border-radius:2px}.fx-cassette-play-dot{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255,200,80,.9);box-shadow:0 0 5px rgba(255,200,80,.8);animation:cassette-dot-pulse 1s ease-in-out infinite alternate}@keyframes cassette-dot-pulse{0%{opacity:.6;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1.15)}}.fx-cassette-reel-shape{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,200,100,.58);position:relative;background:rgba(48,30,8,.85)}.fx-cassette-reel-shape:before{content:"";position:absolute;inset:5px;border-radius:50%;background:rgba(255,160,50,.3);border:1px solid rgba(255,180,80,.22)}.fx-cassette-reel-shape:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:rgba(255,210,100,.8);box-shadow:0 0 4px rgba(255,200,80,.6);transform:translate(-50%,-50%)}.fx-cassette-reel-shape.spinning{animation:cassette-spin 1.6s linear infinite}.fx-cassette-tape-shape{width:24px;height:6px;background:linear-gradient(90deg,rgba(160,100,30,.9),rgba(220,165,65,.7) 50%,rgba(160,100,30,.9));border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.4)}.fx-cassette-label-text{font-size:9px;color:rgba(255,200,100,.7);letter-spacing:.12em;text-transform:uppercase;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transition:color .3s}.fx-cassette-viz{display:flex;gap:2px;align-items:flex-end;height:14px}.fx-viz-bar{width:3px;border-radius:2px;background:linear-gradient(180deg,rgba(255,210,80,.9),rgba(255,140,30,.7));box-shadow:0 0 4px rgba(255,180,60,.5);animation:viz-dance .45s ease-in-out infinite alternate}.fx-viz-b0{animation-duration:.38s;animation-delay:0s}.fx-viz-b1{animation-duration:.55s;animation-delay:.06s}.fx-viz-b2{animation-duration:.32s;animation-delay:.13s}.fx-viz-b3{animation-duration:.5s;animation-delay:.2s}.fx-viz-b4{animation-duration:.42s;animation-delay:.08s}.fx-viz-b5{animation-duration:.6s;animation-delay:.16s}.fx-viz-b6{animation-duration:.36s;animation-delay:.04s}@keyframes viz-dance{0%{height:2px}to{height:13px}}@keyframes cassette-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fx-terminal-wrap{width:200px;position:relative;z-index:1}.fx-terminal-bar{display:flex;gap:5px;align-items:center;padding:6px 10px;background:rgba(22,20,32,.95);border-bottom:1px solid rgba(255,255,255,.07)}.fx-terminal-dot-r{background:#ff5f57}.fx-terminal-dot-r,.fx-terminal-dot-y{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fx-terminal-dot-y{background:#febc2e}.fx-terminal-dot-g{width:8px;height:8px;border-radius:50%;background:#28c840;flex-shrink:0}.fx-terminal-body{padding:8px 10px;background:rgba(8,8,18,.98);font-size:9px;line-height:1.7}.fx-term-line{display:flex;align-items:center;gap:5px}.fx-term-prompt{color:rgba(109,40,255,.95);font-weight:700}.fx-term-cmd{color:rgba(200,220,255,.9)}.fx-term-output{color:rgba(100,200,100,.82);padding-left:14px}.fx-term-cursor{width:6px;height:10px;background:rgba(200,220,255,.85);animation:cursor-blink 1.1s step-end infinite;display:inline-block;flex-shrink:0;vertical-align:middle}.fx-term-typing{overflow:hidden;white-space:nowrap;animation:terminal-type 3.5s steps(22) infinite alternate;display:inline-block;max-width:0}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes terminal-type{0%{max-width:0}to{max-width:140px}}.fx-blueprint-wrap{position:relative;width:210px;height:78px;overflow:hidden;background:linear-gradient(160deg,#001228,#001d45 45%,#001028);flex-shrink:0}.fx-bp-grid-bg{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(100,185,255,.1),rgba(100,185,255,.1) 1px,transparent 0,transparent 6px),repeating-linear-gradient(0deg,rgba(100,185,255,.1),rgba(100,185,255,.1) 1px,transparent 0,transparent 6px)}.fx-bp-rect-main{position:absolute;top:9px;left:8px;width:90px;height:52px;border:1.5px solid rgba(145,215,255,.78);box-shadow:0 0 8px rgba(100,200,255,.12)}.fx-bp-rect-main:before{content:"";position:absolute;inset:5px;border:.5px dashed rgba(100,185,255,.32)}.fx-bp-circle-main{position:absolute;top:21px;left:39px;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(145,215,255,.78);box-shadow:0 0 6px rgba(100,200,255,.15)}.fx-bp-circle-main:before{content:"";position:absolute;inset:5px;border-radius:50%;border:.5px dashed rgba(100,185,255,.4)}.fx-bp-circle-main:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:rgba(145,215,255,.82);line-height:1;font-family:monospace}.fx-bp-cline-h{position:absolute;top:35px;left:4px;width:102px;height:0;border-top:1px dashed rgba(100,180,255,.4)}.fx-bp-cline-v{position:absolute;top:5px;left:53px;height:64px;width:0;border-left:1px dashed rgba(100,180,255,.4)}.fx-bp-dim-top{position:absolute;top:4px;left:8px;width:90px;height:0;border-top:1px solid rgba(145,215,255,.52)}.fx-bp-dim-top:after,.fx-bp-dim-top:before{content:"";position:absolute;top:-3.5px;width:1px;height:7px;background:rgba(145,215,255,.52)}.fx-bp-dim-top:before{left:0}.fx-bp-dim-top:after{right:0}.fx-bp-dim-left{position:absolute;top:9px;left:3px;height:52px;width:0;border-left:1px solid rgba(145,215,255,.52)}.fx-bp-dim-left:after,.fx-bp-dim-left:before{content:"";position:absolute;left:-3.5px;width:7px;height:1px;background:rgba(145,215,255,.52)}.fx-bp-dim-left:before{top:0}.fx-bp-dim-left:after{bottom:0}.fx-bp-anno-d{top:1px;left:25px}.fx-bp-anno-d,.fx-bp-anno-r{position:absolute;font-size:6.5px;font-family:var(--font-m,monospace);color:rgba(145,215,255,.72);letter-spacing:.04em}.fx-bp-anno-r{top:51px;left:39px}.fx-bp-rev{position:absolute;top:3px;right:5px;font-size:6px;font-family:var(--font-m,monospace);color:rgba(100,180,255,.55);letter-spacing:.14em;text-transform:uppercase}.fx-bp-title-block{position:absolute;right:0;bottom:0;width:76px;height:30px;border-top:1px solid rgba(100,190,255,.48);border-left:1px solid rgba(100,190,255,.48);padding:4px 7px}.fx-bp-title-block:before{content:"";position:absolute;top:15px;left:0;right:0;height:1px;background:rgba(100,190,255,.32)}.fx-bp-tb-main{font-size:8px;color:rgba(165,225,255,.88);letter-spacing:.1em;line-height:1}.fx-bp-tb-main,.fx-bp-tb-sub{font-family:var(--font-m,monospace)}.fx-bp-tb-sub{font-size:6.5px;color:rgba(100,180,255,.55);letter-spacing:.08em;margin-top:4px}.fx-bp-scan{position:absolute;top:0;bottom:0;left:-4px;width:3px;z-index:5;background:linear-gradient(180deg,transparent,rgba(160,230,255,.55) 20%,rgba(230,248,255,.95) 50%,rgba(160,230,255,.55) 80%,transparent);box-shadow:0 0 10px rgba(140,215,255,.88),0 0 22px rgba(100,185,255,.45);filter:blur(.4px);animation:bp-scan-line 6.5s ease-in-out infinite}@keyframes bp-scan-line{0%,to{left:-4px;opacity:0}8%{opacity:1}92%{opacity:.85}50%{left:214px}}.lp-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px}.lp-wrap--full{position:fixed;inset:0;background:#09090e;z-index:9999;gap:20px}.lp-text{font-size:13px;color:rgba(247,244,239,.45);letter-spacing:.02em}.pencil{display:block;overflow:visible}.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0deg) translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skewX(0)}35%,65%{transform:skewX(-4deg)}37.5%,62.5%{transform:skewX(8deg)}40%,45%,50%,55%,60%{transform:skewX(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skewX(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(2turn)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}.lp-logo,.scale-logo-spinner{animation:lpLogoPulse 1.6s ease-in-out infinite;transform:scale(var(--logo-spinner-scale));transform-origin:center;will-change:transform,opacity}@keyframes lpLogoPulse{0%,to{transform:scale(calc(var(--logo-spinner-scale) * .88));opacity:.68}50%{transform:scale(calc(var(--logo-spinner-scale) * 1.08));opacity:1}}.dash-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#030303;color:#f7f4ef;overflow:auto}.dash-sidebar{border-right:1px solid var(--line);padding:20px 14px;background:#080808;display:flex;flex-direction:column;gap:2px;position:relative}.dash-sidebar-spacer{flex:1 1}.dash-sidebar-deco{padding:8px 4px 4px;opacity:.7}.dash-sidebar-art{width:100%;max-width:88px;display:block;margin:0 auto}.dash-brand{font-weight:700;font-size:14px;padding:0 4px 20px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff}.dash-brand,.dash-nav{display:flex;align-items:center;gap:8px}.dash-nav{width:100%;border:0;background:transparent;color:rgba(247,244,239,.55);text-align:left;padding:9px 12px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;transition:background .12s,color .12s}.dash-nav.on{background:rgba(255,255,255,.05);color:#fff;border-left:2px solid var(--purple);border-radius:0 8px 8px 0;padding-left:10px}.dash-nav:not(.on):hover{background:rgba(255,255,255,.06);color:rgba(247,244,239,.85)}.dash-main{position:relative;padding:0;overflow:auto;min-height:100vh}.dash-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 0),radial-gradient(rgba(255,255,255,.01) 1px,transparent 0);background-size:36px 36px,18px 18px;background-position:0 0,9px 9px}.dash-orb{position:absolute;border-radius:50%;filter:blur(90px)}.dash-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.03) 0,transparent 70%);top:-180px;right:-80px;animation:dash-orb-drift 16s ease-in-out infinite alternate}.dash-orb-2{width:420px;height:420px;background:radial-gradient(circle,rgba(255,255,255,.015) 0,transparent 70%);bottom:-100px;left:5%;animation:dash-orb-drift 22s ease-in-out 2s infinite alternate-reverse}.dash-orb-3{width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.01) 0,transparent 70%);top:35%;left:25%;animation:dash-orb-drift 18s ease-in-out 4s infinite alternate}@keyframes dash-orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(28px,-18px) scale(1.06)}}.dash-ring{position:absolute;width:360px;height:360px;bottom:-80px;right:3%;animation:dash-ring-spin 60s linear infinite;opacity:.9}@keyframes dash-ring-spin{to{transform:rotate(1turn)}}.dash-sparkle{position:absolute;border-radius:50%;background:#fff}.dash-sp-1{width:3px;height:3px;top:18%;right:22%;opacity:.55;animation:dash-sp-pulse 3.5s ease-in-out infinite}.dash-sp-2{width:2px;height:2px;top:55%;right:38%;opacity:.35;animation:dash-sp-pulse 5s ease-in-out 1s infinite}.dash-sp-3{width:3px;height:3px;top:72%;right:12%;opacity:.45;animation:dash-sp-pulse 4s ease-in-out 2s infinite}.dash-sp-4{width:2px;height:2px;top:30%;right:58%;opacity:.3;animation:dash-sp-pulse 6s ease-in-out .5s infinite}@keyframes dash-sp-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.7;transform:scale(1.8)}}.dash-content{position:relative;z-index:1;padding:32px 36px}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:32px;position:relative;z-index:10}.dash-kicker{margin:0 0 6px;font-size:11px;color:rgba(109,40,255,.7);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.dash-h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}.dash-user-wrap{position:relative;flex-shrink:0}.dash-user-chip{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:5px 10px 5px 5px;cursor:pointer;transition:background .13s,border-color .13s}.dash-user-chip.open,.dash-user-chip:hover{background:rgba(255,255,255,.1);border-color:rgba(109,40,255,.3)}.dash-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#6d28ff,#db2777);display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.dash-user-name{font-size:12px;color:rgba(247,244,239,.65);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-user-chevron{color:rgba(247,244,239,.4);flex-shrink:0;transition:transform .18s}.dash-user-chip.open .dash-user-chevron{transform:rotate(180deg)}.dash-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1a1528;border:1px solid rgba(109,40,255,.2);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 .5px rgba(109,40,255,.1);z-index:100;overflow:hidden;animation:dash-menu-in .14s ease}.dash-user-menu-info{padding:12px 14px 10px}.dash-user-menu-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.dash-user-menu-email{font-size:11.5px;color:rgba(247,244,239,.42);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-user-menu-divider{height:1px;background:rgba(255,255,255,.07);margin:0}.dash-user-menu-item{width:100%;display:flex;align-items:center;gap:9px;padding:10px 14px;border:0;background:transparent;color:rgba(247,244,239,.65);font:inherit;font-size:13px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.dash-user-menu-item:hover{background:rgba(255,255,255,.06);color:#fff}.dash-user-menu-item.danger{color:rgba(248,113,113,.8)}.dash-user-menu-item.danger:hover{background:rgba(239,68,68,.1);color:#f87171}.portfolio-card-wrap{display:flex;flex-direction:column;gap:0}.portfolio-card-top{display:flex;align-items:center;justify-content:space-between;width:100%}.portfolio-delete-btn{width:26px;height:26px;border-radius:6px;border:0;background:transparent;color:rgba(247,244,239,.28);cursor:pointer;display:grid;place-items:center;transition:background .13s,color .13s;flex-shrink:0;margin:-4px -4px 0 0}.portfolio-delete-btn:hover{background:rgba(239,68,68,.12);color:#f87171}.portfolio-delete-confirm{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-top:0;border-radius:0 0 12px 12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.portfolio-delete-confirm-text{font-size:12px;color:rgba(247,244,239,.6);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-delete-confirm-btns{display:flex;gap:6px;flex-shrink:0}.portfolio-delete-confirm-cancel{border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(247,244,239,.55);border-radius:6px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer;transition:background .12s,color .12s}.portfolio-delete-confirm-cancel:hover{background:rgba(255,255,255,.07);color:#fff}.portfolio-delete-confirm-yes{border:0;background:rgba(239,68,68,.75);color:#fff;border-radius:6px;padding:4px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.portfolio-delete-confirm-yes:hover:not(:disabled){background:rgb(239,68,68)}.portfolio-delete-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px;align-items:start}.portfolio-card-wrap:has(.portfolio-delete-confirm) .portfolio-card{border-radius:12px 12px 0 0;border-bottom-color:transparent}.portfolio-card{min-height:190px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,rgba(22,18,34,.95),rgba(16,16,22,.95));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:inherit;text-align:left;padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;width:100%;position:relative;overflow:hidden}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(109,40,255,.4),transparent);opacity:0;transition:opacity .18s}.portfolio-card:hover{transform:translateY(-3px);border-color:rgba(109,40,255,.35);box-shadow:0 8px 32px rgba(109,40,255,.12),0 0 0 .5px rgba(109,40,255,.2)}.portfolio-card:hover:before{opacity:1}.portfolio-card-title{margin:14px 0 7px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.3}.portfolio-card-desc{margin:0;color:rgba(247,244,239,.5);font-size:12.5px;line-height:1.55;flex:1 1}.portfolio-state{font-size:11px;color:rgba(247,244,239,.4);letter-spacing:.01em}.portfolio-state.published{color:#22c55e}.portfolio-meta{margin-top:auto;padding-top:16px;font-size:11px;color:rgba(247,244,239,.3)}.create-card{align-items:center;justify-content:center;gap:10px;border-style:dashed;border-color:rgba(109,40,255,.2);background:rgba(109,40,255,.03)!important}.create-card:hover{border-color:rgba(109,40,255,.5);background:rgba(109,40,255,.07)!important}.create-card:hover:before{opacity:0}.create-plus{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(109,40,255,.15);border:1.5px solid rgba(109,40,255,.4);color:rgba(109,40,255,.85);transition:background .15s,border-color .15s}.create-card:hover .create-plus{background:rgba(109,40,255,.28);border-color:rgba(109,40,255,.7);color:#a78bfa}.create-card-label{font-size:12px;color:rgba(247,244,239,.45);font-weight:500}.dash-empty{color:rgba(247,244,239,.4);font-size:13px;padding:4px 0}.dash-loading-state{grid-column:1/-1;display:flex;justify-content:center}.dash-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:16px}.dash-modal{width:min(440px,100%);border-radius:14px;background:linear-gradient(145deg,#1a1528,#131018);border:1px solid rgba(109,40,255,.2);box-shadow:0 24px 64px rgba(0,0,0,.5),0 0 0 .5px rgba(109,40,255,.15);padding:28px 24px 24px;position:relative}.dash-modal-icon{font-size:22px;margin-bottom:10px;color:rgba(109,40,255,.8)}.dash-modal-title{margin:0 0 20px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}.dash-modal-close{position:absolute;top:14px;right:14px;border:0;background:transparent;color:rgba(255,255,255,.4);cursor:pointer;font-size:16px;line-height:1;padding:5px 7px;border-radius:6px;transition:background .12s,color .12s}.dash-modal-close:hover{background:rgba(255,255,255,.08);color:#fff}.dash-label{display:grid;grid-gap:7px;gap:7px;font-size:11.5px;font-weight:500;color:rgba(247,244,239,.55);margin-bottom:14px;letter-spacing:.02em}.dash-input,.dash-textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.3);color:#fff;padding:10px 12px;font:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.dash-input:focus,.dash-textarea:focus{border-color:rgba(109,40,255,.6);box-shadow:0 0 0 3px rgba(109,40,255,.1)}.dash-textarea{min-height:88px;resize:vertical}.dash-submit{width:100%;border:0;border-radius:8px;background:linear-gradient(135deg,#6d28ff,#7c3aff);color:#fff;padding:12px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;letter-spacing:.01em}.dash-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.dash-submit:active:not(:disabled){transform:translateY(0)}.dash-submit:disabled{cursor:not-allowed;opacity:.4}.ed-back-link{color:var(--t3);text-decoration:none;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:6px 9px;margin-right:8px;flex-shrink:0;transition:color .15s,border-color .15s}.ed-back-link:hover{color:var(--t1);border-color:rgba(109,40,255,.45)}@media (max-width:760px){.dash-shell{grid-template-columns:1fr}.dash-sidebar{flex-direction:row;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 16px;align-items:center;gap:8px}.dash-sidebar-deco,.dash-sidebar-spacer{display:none}.dash-brand{margin:0 auto 0 0;padding:0;border:0}.dash-nav{width:auto;padding:7px 10px}.dash-content{padding:20px 16px}}.shepherd-modal-overlay-container{fill:rgba(0,0,0,.55)}.shepherd-element{max-width:320px;outline:none}.folio-tour-step.shepherd-element{border-radius:14px;background:linear-gradient(145deg,#1a1528,#131018);border:1px solid rgba(109,40,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 .5px rgba(109,40,255,.15);font-family:inherit;color:#f7f4ef}.folio-tour-step .shepherd-content{padding:0;border-radius:14px;overflow:hidden}.folio-tour-step .shepherd-header{display:none}.folio-tour-step .shepherd-text{padding:20px 20px 4px;font-size:13px;line-height:1.6;color:rgba(247,244,239,.82)}.folio-tour-step .shepherd-text strong{color:#fff;font-weight:600}.folio-tour-step .shepherd-text em{color:#a78bfa;font-style:normal}.folio-tour-step .shepherd-footer{padding:14px 20px 18px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.06);margin-top:14px}.tour-emoji{font-size:22px;margin-bottom:8px;display:block}.tour-btn-skip{border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(247,244,239,.5);border-radius:7px;padding:7px 13px;font-size:12px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.tour-btn-skip:hover{background:rgba(255,255,255,.07);color:rgba(247,244,239,.8)}.tour-btn-next{border:0;background:linear-gradient(135deg,#6d28ff,#7c3aff);color:#fff;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .12s}.tour-btn-next:hover{opacity:.9}.folio-tour-step .shepherd-arrow:before{background:#1a1528;border-color:rgba(109,40,255,.25)}.folio-tour-step .shepherd-cancel-icon{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.07);border:0;color:rgba(255,255,255,.4);cursor:pointer;display:grid;place-items:center;font-size:13px;transition:background .12s,color .12s}.folio-tour-step .shepherd-cancel-icon:hover{background:rgba(255,255,255,.14);color:#fff}.portfolio-card{transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.portfolio-card:before{transition:opacity .22s var(--ease-out)}.opt-card{transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .14s var(--ease-out)}.si-btn{transition:opacity .18s var(--ease-out),transform .12s var(--ease-out)}.si-oauth-btn{transition:background .18s var(--ease-out),border-color .18s var(--ease-out),transform .12s var(--ease-out)}.dash-user-menu{animation:dash-menu-in .18s var(--ease-out) both;transform-origin:top right}@keyframes dash-menu-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rail-btn:active{transform:scale(.91)}.ed-publish-btn{transition:opacity .16s var(--ease-out),transform .1s var(--ease-out)}.ed-publish-btn:active{transform:scale(.95)}.pv-btn{transition:background .16s var(--ease-out),transform .1s var(--ease-out)}.pv-btn:active{transform:scale(.95)}.pv-dev:active{transform:scale(.93)}.det-tab{transition:background .14s var(--ease-out),color .14s var(--ease-out),transform 90ms var(--ease-out)}.det-tab:active{transform:scale(.95)}.det-back-btn:active{opacity:.6}.sec-row{transition:background .12s var(--ease-out)}.portfolio-card:not(.create-card):active{transform:translateY(-1px) scale(.995)}.create-card:active{transform:scale(.97)}.dash-nav{transition:background .14s var(--ease-out),color .14s var(--ease-out),transform 90ms var(--ease-out)}.dash-nav:active{transform:scale(.97)}.dash-user-chip{transition:background .14s var(--ease-out),border-color .14s var(--ease-out),transform 90ms var(--ease-out)}.dash-user-chip:active{transform:scale(.96)}.si-btn:active:not(:disabled),.si-oauth-btn:active{transform:scale(.97)}.dash-submit{transition:opacity .16s var(--ease-out),transform .1s var(--ease-out)}.dash-submit:active:not(:disabled){transform:scale(.97)!important}.opt-card:active{transform:scale(.98)}.font-card{transition:border-color .16s var(--ease-out),transform .1s var(--ease-out)}.font-card:active{transform:scale(.98)}.bg-card{transition:border-color .16s var(--ease-out),transform .14s var(--ease-out)}.bg-card:active{transform:scale(.97)}.upload-btn{transition:border-color .16s var(--ease-out),color .16s var(--ease-out),transform .1s var(--ease-out)}.upload-btn:active{transform:scale(.98)}.add-btn{transition:border-color .16s var(--ease-out),color .16s var(--ease-out),transform .1s var(--ease-out)}.add-btn:active{transform:scale(.97)}.an-back-btn:active,.an-period-btn:active{transform:scale(.96)}.pub-modal-copy{transition:opacity .16s var(--ease-out),background .16s var(--ease-out),transform .1s var(--ease-out)}.pub-modal-copy:active{transform:scale(.96)}.pub-modal-view{transition:background .16s var(--ease-out),transform .1s var(--ease-out)}.pub-modal-view:active{transform:scale(.96)}.portfolio-delete-btn{transition:background .13s var(--ease-out),color .13s var(--ease-out),transform 80ms var(--ease-out)}.portfolio-delete-btn:active{transform:scale(.88)}.portfolio-delete-confirm-cancel{transition:background .12s var(--ease-out),color .12s var(--ease-out),transform 80ms var(--ease-out)}.portfolio-delete-confirm-cancel:active{transform:scale(.95)}.portfolio-delete-confirm-yes{transition:background .12s var(--ease-out),transform 80ms var(--ease-out)}.portfolio-delete-confirm-yes:active:not(:disabled){transform:scale(.95)}.tour-btn-next{transition:opacity .14s var(--ease-out),transform 90ms var(--ease-out)}.tour-btn-next:active{transform:scale(.96)}.tour-btn-skip{transition:background .14s var(--ease-out),color .14s var(--ease-out),transform 90ms var(--ease-out)}.tour-btn-skip:active{transform:scale(.96)}.nf-btn{transition:opacity .18s var(--ease-out),transform .12s var(--ease-out)}.nf-btn:active{transform:translateY(0) scale(.97)}@media (hover:none){.bg-card:hover,.dash-submit:hover,.nf-btn:hover,.opt-card:hover,.pf-project:hover,.portfolio-card:hover,.si-btn:hover,.swatch:hover{transform:none!important}.pf-project:hover{box-shadow:none!important}}@keyframes dash-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dash-grid>*{animation:dash-card-in .48s var(--ease-out) both}.dash-grid>:first-child{animation-delay:.04s}.dash-grid>:nth-child(2){animation-delay:.1s}.dash-grid>:nth-child(3){animation-delay:.16s}.dash-grid>:nth-child(4){animation-delay:.22s}.dash-grid>:nth-child(5){animation-delay:.28s}.dash-grid>:nth-child(6){animation-delay:.34s}.dash-grid>:nth-child(n+7){animation-delay:.38s}.pub-overlay{animation:pub-overlay-in .2s ease both}@keyframes pub-overlay-in{0%{opacity:0}to{opacity:1}}.pub-modal{animation:pub-modal-in .26s var(--ease-out) both}@keyframes pub-modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.dash-header{animation:dash-header-in .5s var(--ease-out) both}@keyframes dash-header-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.si-root{align-items:flex-start;padding:0}.si-card{border-radius:0;border-left:0;border-right:0;border-top:0;padding:40px 20px 32px;max-width:100%;min-height:100svh;display:flex;flex-direction:column}.si-title{font-size:20px}.si-oauth-btns{gap:8px}.si-oauth-btn{padding:12px 14px;font-size:13px}.si-field input{min-height:48px;font-size:16px}}@media (max-width:760px){.dash-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.dash-h1{font-size:24px}.dash-user-name{display:none}.dash-user-chip{padding:5px 8px 5px 5px}.dash-content{padding:20px 16px 48px}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.portfolio-card{min-height:160px;padding:14px}.portfolio-card-title{font-size:15px;margin:10px 0 5px}.portfolio-card-desc{font-size:12px}.dash-modal{padding:22px 18px 18px}.dash-modal-title{font-size:17px}}.rail-mobile-toggle{display:none}@media (max-width:980px){.analytics{grid-column:1/-1;height:auto;min-height:100svh;overflow:auto}.rail-btn{width:40px;height:40px}.det-tab{min-height:40px}.sec-row{padding:13px 16px}.pv-dev{width:34px;height:32px}.rail-mobile-toggle{display:flex;gap:2px;background:var(--bg-4);border:1px solid var(--line-2);border-radius:8px;padding:3px;flex-shrink:0}.rail-mobile-tab{font-family:var(--font-m);font-size:10px;letter-spacing:.04em;padding:4px 10px;border-radius:5px;border:0;background:transparent;color:var(--t4);cursor:pointer;transition:background .14s var(--ease-out),color .14s var(--ease-out);min-height:28px}.rail-mobile-tab.on{background:var(--bg-6);color:var(--t1)}.rail-mobile-tab:active{transform:scale(.96)}.app[data-mobile-panel=edit] .preview,.app[data-mobile-panel=preview] .editor{display:none}.app[data-mobile-panel=preview] .preview{min-height:calc(100svh - 52px)}.app[data-mobile-panel=edit] .editor{max-height:calc(100svh - 52px);border-right:0;overflow:hidden}.canvas{align-items:center;padding:20px 12px 56px}.pf-card{max-width:100%}}@media (max-width:640px){.ed-top{padding:12px 12px 10px}.ed-top-row{margin-bottom:8px}.ed-url-row{font-size:9px;padding:6px 8px}.pv-bar{height:40px;padding:0 10px;gap:8px}.pv-url-pill{display:none}.pub-overlay{align-items:flex-end;padding:0}.pub-modal{border-radius:20px 20px 0 0;max-width:100%;padding:32px 24px 40px}.pub-modal-actions{flex-direction:column;gap:8px}.an-stats{grid-template-columns:repeat(2,1fr)}.an-bottom-row{grid-template-columns:1fr}.an-body{padding:16px 16px 40px}.pf-nav{padding:14px 18px}.pf-nav,.pf-nav-links{gap:10px}.pf-nav-link{font-size:9px;letter-spacing:.05em}.fp-bar{padding:0 16px;gap:12px}.fp-badge{display:none}.fp-name{font-size:clamp(40px,11vw,72px)}}@media (max-width:480px){.pf-site .pf-name{font-size:clamp(30px,10vw,52px)}.pf-site .pf-hero{padding:clamp(40px,8vw,80px) clamp(18px,5vw,40px) clamp(36px,6vw,64px)}.pf-site .pf-about,.pf-site .pf-collab,.pf-site .pf-contact,.pf-site .pf-experience,.pf-site .pf-projects{padding:clamp(36px,6vw,64px) clamp(18px,5vw,40px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.dash-orb-1,.dash-orb-2,.dash-orb-3,.dash-ring,.dash-sp-1,.dash-sp-2,.dash-sp-3,.dash-sp-4,.pencil,.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__point,.pencil__rotate,.pencil__stroke{animation:none!important}}.ed-publish-btn.unpublish{background:transparent;border:1px solid rgba(248,113,113,.4);color:rgba(248,113,113,.9)}.ed-publish-btn.unpublish:hover{background:rgba(239,68,68,.1);border-color:rgba(248,113,113,.7);color:#f87171}.ed-publish-btn.save-changes{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 12px rgba(34,197,94,.35)}.settings-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.settings-modal{background:#131020;border:1px solid rgba(109,40,255,.18);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.6);animation:settings-in .2s cubic-bezier(.22,1,.36,1) both}@keyframes settings-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:#f7f4ef;margin:0;letter-spacing:-.02em}.settings-close{background:none;border:none;color:rgba(247,244,239,.4);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .14s,background .14s}.settings-close:hover{color:#f7f4ef;background:rgba(255,255,255,.06)}.settings-section{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-section:last-child{border-bottom:none}.settings-section-title{font-family:var(--font-d);font-size:10px;font-weight:700;color:rgba(247,244,239,.35);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1 1}.settings-row-label{font-size:13px;font-weight:500;color:#f7f4ef;margin-bottom:2px}.settings-row-sub{font-size:11px;color:rgba(247,244,239,.4)}.settings-connect-btn{display:inline-block;padding:6px 14px;background:rgba(109,40,255,.15);border:1px solid rgba(109,40,255,.4);border-radius:8px;color:#a78bfa;font-size:11.5px;font-weight:600;text-decoration:none;transition:background .14s,border-color .14s;white-space:nowrap}.settings-connect-btn:hover{background:rgba(109,40,255,.25);border-color:rgba(109,40,255,.6)}.settings-connected-badge{font-size:11px;color:rgba(34,197,94,.85);font-weight:600;white-space:nowrap}.settings-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(247,244,239,.85);transition:background .14s,border-color .14s}.settings-btn:hover{background:rgba(255,255,255,.1)}.settings-btn.danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:rgba(248,113,113,.9)}.settings-btn.danger:hover{background:rgba(239,68,68,.15);border-color:rgba(248,113,113,.5);color:#f87171}.settings-btn.danger-outline{border-color:rgba(255,255,255,.12);color:rgba(247,244,239,.7)}.settings-danger-confirm{display:flex;flex-direction:column;gap:12px}.settings-danger-text{font-size:12.5px;color:rgba(247,244,239,.55);line-height:1.6;margin:0}.settings-danger-btns{display:flex;gap:8px}.avatar-wrapper{position:relative;display:inline-block;width:96px;height:96px;flex-shrink:0}.avatar-image{object-fit:cover}.avatar-image,.avatar-placeholder{width:100%;height:100%;border-radius:50%;position:relative;z-index:1}.avatar-placeholder{background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:rgba(255,255,255,.5)}.effect-layer{position:absolute;inset:-12px;border-radius:50%;pointer-events:none;z-index:0}.effect-glow-purple .avatar-image,.effect-glow-purple .avatar-placeholder{box-shadow:0 0 12px 4px rgba(147,51,234,.6),0 0 30px 8px rgba(147,51,234,.3);animation:glow-pulse-purple 2.5s ease-in-out infinite}@keyframes glow-pulse-purple{0%,to{box-shadow:0 0 12px 4px rgba(147,51,234,.6),0 0 30px 8px rgba(147,51,234,.3)}50%{box-shadow:0 0 20px 8px rgba(147,51,234,.9),0 0 50px 16px rgba(147,51,234,.5)}}.effect-aura-rainbow .avatar-wrapper:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,#ff0080,#ff8c00,#ffe600,#00cf00,#00bfff,#8000ff,#ff0080);animation:spin-aura 3s linear infinite;z-index:0}@keyframes spin-aura{to{transform:rotate(1turn)}}.effect-picker-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.effect-picker-modal{background:#0e0c18;border:1px solid rgba(109,40,255,.2);border-radius:18px;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.6);animation:settings-in .2s cubic-bezier(.22,1,.36,1) both}.effect-picker-header{padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.effect-picker-title{font-family:var(--font-d);font-size:15px;font-weight:700;color:#f7f4ef;letter-spacing:-.02em;margin:0}.effect-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:14px 16px;overflow-y:auto;flex:1 1}@media (max-width:420px){.effect-picker-grid{grid-template-columns:repeat(2,1fr)}}.effect-picker-card{border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:rgba(255,255,255,.03);transition:border-color .15s,background .15s}.effect-picker-card:hover{border-color:rgba(109,40,255,.4);background:rgba(109,40,255,.06)}.effect-picker-card.selected{border-color:#6D28FF;background:rgba(109,40,255,.12)}.effect-picker-preview{width:56px;height:56px}.effect-picker-name{font-size:10px;font-weight:600;color:rgba(247,244,239,.8);text-align:center;line-height:1.3}.effect-picker-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end;gap:8px}.effect-picker-apply{padding:9px 20px;background:#6D28FF;border:none;border-radius:9px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .14s}.effect-picker-apply:hover{background:#7c3aed}@media (prefers-reduced-motion:reduce){.avatar-wrapper *{animation:none!important;transition:none!important}.effect-layer{display:none}}