.portal{--bg:#0e0e0f;--bg1:#161617;--bg2:#1c1c1e;--bg3:#242427;--border:#28282b;--border2:#38383c;--text:#eeeeec;--text2:#8f8f8a;--text3:#5a5a56;--green:#4ade80;--green-dim:#4ade801f;--green-border:#4ade803d;--red:#f87171;--red-dim:#f871711a;--red-border:#f871713d;--yellow:#fbbf24;--yellow-dim:#fbbf241f;--yellow-border:#fbbf243d;--blue:#60a5fa;--discord:#5865f2;--discord-hi:#7c86f7;--accent:#a855f7;--accent-hi:color-mix(in oklab, var(--accent), white 22%);--accent-dim:color-mix(in srgb, var(--accent) 14%, transparent);--accent-border:color-mix(in srgb, var(--accent) 30%, transparent);--accent-glow:color-mix(in srgb, var(--accent) 35%, transparent);--font-mono:ui-monospace, "SF Mono", "DM Mono", Menlo, monospace;background:radial-gradient(900px 520px at 50% -180px, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.portal:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 50%, transparent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.portal .mono{font-family:var(--font-mono)}.portal .portal-bg{opacity:.28;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.portal .portal-bg-scrim{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 82%, transparent) 0%, color-mix(in srgb, var(--bg) 88%, transparent) 55%, var(--bg) 100%);position:absolute;inset:0}.portal .col{z-index:1;width:100%;max-width:880px;margin:0 auto;padding:0 clamp(16px,5vw,40px);position:relative}.portal .hero-wrap{padding-top:clamp(20px,5vw,40px)}.portal .hero{border:1px solid var(--border2);height:clamp(150px,40vw,236px);box-shadow:0 24px 60px -24px var(--accent-glow), inset 0 1px 0 #ffffff0d;border-radius:18px;position:relative;overflow:hidden}.portal .hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portal .hero-art{background:radial-gradient(120% 140% at 78% 18%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 46%), radial-gradient(90% 120% at 12% 90%, color-mix(in srgb, var(--accent) 45%, #3a1a70), transparent 50%), linear-gradient(120deg, #14121a 0%, #241833 46%, #0d0b14 100%);position:absolute;inset:0}.portal .hero-art:after{content:"";opacity:.5;mix-blend-mode:overlay;background-image:repeating-linear-gradient(115deg,#ffffff1a 0 2px,#0000 2px 9px),repeating-linear-gradient(65deg,#ffffff0d 0 1px,#0000 1px 14px);position:absolute;inset:0}.portal .hero-vignette{background:linear-gradient(#0000 40%,#0a0a0bb8 100%);position:absolute;inset:0}.portal .hero-word{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 30px var(--accent-glow), 0 1px 2px #00000080;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(34px,9vw,60px);font-weight:700;line-height:.9;position:absolute;bottom:clamp(16px,4vw,26px);left:clamp(18px,5vw,34px);right:clamp(18px,5vw,34px);overflow:hidden}.portal .identity{z-index:2;align-items:flex-end;margin-top:clamp(16px,3vw,22px);display:flex;position:relative}.portal .identity-text{min-width:0}.portal .identity-name{letter-spacing:-.02em;text-overflow:ellipsis;font-size:clamp(20px,5vw,27px);font-weight:700;line-height:1.1;overflow:hidden}.portal .identity-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:9px;display:flex}.portal .meta-pill{color:var(--text2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.portal .meta-pill svg{color:var(--text3)}.portal .meta-pill b{color:var(--text);font-weight:500}.portal .meta-dot{background:var(--text3);border-radius:50%;width:3px;height:3px}.portal .body{flex:1;padding-top:clamp(24px,5vw,34px)}.portal .lead{color:var(--text2);text-align:center;max-width:460px;margin:0 auto 24px;font-size:13.5px;line-height:1.55}.portal .card{background:var(--bg1);border:1px solid var(--border);border-radius:16px}.portal .card+.card{margin-top:16px}.portal .steps{align-items:center;margin-bottom:20px;display:flex}.portal .step{align-items:center;gap:10px;min-width:0;display:flex}.portal .step-num{width:26px;height:26px;font-family:var(--font-mono);background:var(--bg3);border:1px solid var(--border2);color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.portal .step.active .step-num{background:var(--accent);border-color:var(--accent);color:#120a1e;font-weight:500}.portal .step.done .step-num{background:var(--green-dim);border-color:var(--green-border);color:var(--green)}.portal .step-label{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.portal .step.active .step-label{color:var(--text);font-weight:500}.portal .step-conn{background:var(--border2);flex:1;min-width:12px;height:1px;margin:0 12px}.portal .gate{text-align:center;padding:30px clamp(20px,5vw,30px) 28px;position:relative;overflow:hidden}.portal .gate-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);pointer-events:none;width:340px;height:200px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.portal .lock{background:var(--accent-dim);border:1px solid var(--accent-border);width:56px;height:56px;color:var(--accent-hi);z-index:1;border-radius:16px;justify-content:center;align-items:center;margin:6px auto 18px;display:flex;position:relative}.portal .gate-title{letter-spacing:-.01em;z-index:1;font-size:19px;font-weight:600;position:relative}.portal .gate-sub{color:var(--text2);z-index:1;max-width:400px;margin:8px auto 0;font-size:13.5px;line-height:1.55;position:relative}.portal .roles{z-index:1;flex-direction:column;align-items:center;gap:9px;margin:22px 0 24px;display:flex;position:relative}.portal .roles-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);font-size:10.5px}.portal .role-chip{background:var(--bg2);border:1px solid var(--border2);color:var(--text);border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;display:inline-flex}.portal .role-chip svg{color:var(--accent-hi)}.portal .btn-discord{cursor:pointer;background:var(--discord);color:#fff;z-index:1;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:340px;margin:0 auto;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .14s;display:flex;position:relative;box-shadow:0 10px 24px -10px #5865f2e6,inset 0 1px #ffffff2e}.portal .btn-discord:hover{background:var(--discord-hi);transform:translateY(-1px)}.portal .btn-discord:disabled{opacity:.5;cursor:not-allowed;transform:none}.portal .gate-fine{color:var(--text3);z-index:1;align-items:center;gap:7px;margin-top:16px;font-size:12px;display:inline-flex;position:relative}.portal .spec-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 22px 14px;display:flex}.portal .spec-head .st{font-size:13.5px;font-weight:600}.portal .spec-head .sh-note{font-family:var(--font-mono);color:var(--text3);margin-left:auto;font-size:11px}.portal .spec-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.portal .spec-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 22px}.portal .spec-item:last-child{border-bottom:none}.portal .spec-kind{align-items:center;gap:8px;display:flex}.portal .spec-ico{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.portal .spec-name{font-size:13px;font-weight:500}.portal .media-ico-image{color:var(--accent-hi)}.portal .media-ico-video{color:var(--blue)}.portal .media-ico-audio{color:var(--green)}.portal .spec-ext{font-family:var(--font-mono);color:var(--text2);word-break:break-word;margin-top:12px;font-size:11.5px;line-height:1.5}.portal .spec-max{color:var(--text3);margin-top:8px;font-size:11.5px}.portal .spec-max b{color:var(--text2);font-weight:500;font-family:var(--font-mono)}.portal .you{align-items:center;gap:12px;padding:14px 16px;display:flex}.portal .you-av{background:linear-gradient(135deg, var(--discord), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.portal .you-av img{object-fit:cover;width:100%;height:100%}.portal .you-main{flex:1;min-width:0}.portal .you-name{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.portal .you-name .name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal .you-tag{font-family:var(--font-mono);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.portal .verified{text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:600;font-family:var(--font-mono);background:var(--green-dim);color:var(--green);border:1px solid var(--green-border);border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.portal .you-signout{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;padding:6px 10px;font-size:12px;text-decoration:none}.portal .you-signout:hover{color:var(--text2);background:var(--bg3)}.portal .dz{border:1.5px dashed var(--accent-border);background:linear-gradient(180deg, var(--accent-dim), color-mix(in srgb, var(--accent) 3%, transparent));text-align:center;cursor:pointer;width:calc(100% - 32px);color:inherit;font:inherit;border-radius:14px;margin:4px 16px 16px;padding:32px 24px;transition:all .14s;display:block}.portal .dz:hover,.portal .dz.drag{border-color:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 4%, transparent))}.portal .dz-ico{background:var(--bg1);border:1px solid var(--accent-border);width:52px;height:52px;color:var(--accent-hi);box-shadow:0 6px 20px -8px var(--accent-glow);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.portal .dz-title{font-size:15px;font-weight:600}.portal .dz-title span{color:var(--accent-hi);text-underline-offset:2px;text-decoration:underline}.portal .dz-sub{color:var(--text2);font-size:12px;font-family:var(--font-mono);margin-top:6px}.portal .files-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px 20px 13px;display:flex}.portal .files-head .fh-title{font-size:13.5px;font-weight:600}.portal .files-head .fh-count{font-family:var(--font-mono);color:var(--text2);background:var(--bg3);border:1px solid var(--border2);border-radius:20px;padding:2px 8px;font-size:11px}.portal .files-head .fh-clear{color:var(--text3);cursor:pointer;font-size:12px;font:inherit;background:0 0;border:none;margin-left:auto}.portal .files-head .fh-clear:hover{color:var(--text2)}.portal .file{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:13px 20px;display:flex}.portal .file:last-child{border-bottom:none}.portal .file-thumb{background:var(--bg3);border:1px solid var(--border2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden}.portal .file-thumb img{object-fit:cover;width:100%;height:100%}.portal .file-thumb.img{background:radial-gradient(120% 120% at 70% 20%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 55%), linear-gradient(135deg, #2a1550, #160a2c)}.portal .file-thumb.vid{background:linear-gradient(135deg,#123047,#0c1c2c)}.portal .file-thumb.aud{background:linear-gradient(135deg,#123a24,#0c2416)}.portal .file-thumb .ft-ico{color:#ffffffd9}.portal .file-main{flex:1;min-width:0}.portal .file-top{align-items:baseline;gap:8px;display:flex}.portal .file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.portal .file-size{font-family:var(--font-mono);color:var(--text3);flex-shrink:0;margin-left:auto;font-size:11px}.portal .bar{background:var(--bg3);border-radius:3px;height:5px;margin-top:9px;overflow:hidden}.portal .bar i{background:linear-gradient(90deg, var(--accent), var(--accent-hi));border-radius:3px;height:100%;transition:width .2s;display:block}.portal .file-status{font-size:11.5px;font-family:var(--font-mono);align-items:center;gap:7px;margin-top:8px;display:flex}.portal .file-status.up{color:var(--accent-hi)}.portal .file-status.done{color:var(--green)}.portal .file-status.err{color:var(--red)}.portal .file-status.queue{color:var(--text3)}.portal .file-status .spin{animation:.9s linear infinite portal-spin}.portal .file-link{color:var(--accent-hi);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.portal .file-link:hover{text-decoration:underline}.portal .file-act{width:30px;height:30px;color:var(--text3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal .file-act:hover{color:var(--text);background:var(--bg3);border-color:var(--border2)}.portal .state-ico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.portal .state-ico.done{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.portal .state-ico.err{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border)}.portal .uploadbar{border-top:1px solid var(--border);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 3%, transparent));flex-wrap:wrap;align-items:center;gap:14px;padding:15px 20px;display:flex}.portal .ub-text{color:var(--text2);font-size:12.5px}.portal .ub-text b{color:var(--text);font-weight:600}.portal .ub-mono{font-family:var(--font-mono);color:var(--text3);font-size:11.5px}.portal .ub-right{gap:9px;margin-left:auto;display:flex}.portal .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.portal .btn:disabled{opacity:.5;cursor:not-allowed}.portal .btn-primary{background:var(--accent);color:#120a1e;box-shadow:0 8px 20px -10px var(--accent-glow)}.portal .btn-primary:not(:disabled):hover{background:var(--accent-hi)}.portal .btn-ghost{background:var(--bg2);color:var(--text2);border:1px solid var(--border2)}.portal .btn-ghost:not(:disabled):hover{background:var(--bg3);color:var(--text)}.portal .notice{border-radius:12px;align-items:flex-start;gap:9px;margin:0 16px 16px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.portal .notice svg{flex-shrink:0;margin-top:1px}.portal .notice.error{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border)}.portal .notice.warning{background:var(--yellow-dim);color:var(--yellow);border:1px solid var(--yellow-border)}.portal .footer{text-align:center;padding:36px 0 20px}.portal .foot-brand{color:var(--text3);align-items:center;gap:8px;font-size:12px;display:inline-flex}.portal .foot-brand b{color:var(--text2);font-weight:500}.portal .foot-brand a{color:var(--text2);text-decoration:none}.portal .foot-brand a:hover{color:var(--text)}.portal .foot-mark{background:linear-gradient(135deg, var(--accent), #7c3ce0);border-radius:5px;width:16px;height:16px}@keyframes portal-spin{to{transform:rotate(360deg)}}