.portal-page{min-height:100vh}.portal-main{min-height:calc(100vh - 160px);padding-block:52px 90px}.portal-card{width:min(100%,560px);margin-inline:auto;padding:clamp(24px,5vw,44px);border:1px solid #173f3a18;border-radius:26px;background:#fffdf8;box-shadow:0 22px 70px #173f3a12}.portal-card h1,.directory-main h1{margin:0;font:750 clamp(34px,6vw,52px)/1.05 var(--display);letter-spacing:-.045em}.portal-intro{max-width:620px;color:#52645c;font-size:16px;line-height:1.65}.portal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:26px 0 18px;padding:5px;border-radius:14px;background:#173f3a0d}.portal-tab,.role-choice{border:1px solid transparent;border-radius:11px;padding:12px 14px;color:#42574f;background:transparent;font:inherit;font-weight:750;cursor:pointer}.portal-tab.active,.role-choice.active{border-color:#173f3a20;color:#173f3a;background:#fff;box-shadow:0 2px 8px #173f3a0c}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.role-picker[hidden]{display:none}.role-choice{display:flex;min-height:110px;flex-direction:column;gap:7px;align-items:flex-start;text-align:left}.role-choice strong{font-size:14px}.role-choice span{color:#64766d;font-size:12px;line-height:1.45;font-weight:500}.portal-form{display:grid;gap:15px}.portal-form label,.studio-card label{display:grid;gap:7px;color:#304c42;font-size:13px;font-weight:750}.portal-form input,.studio-card textarea{width:100%;min-height:48px;border:1px solid #173f3a30;border-radius:12px;padding:12px 14px;color:#173f3a;background:#fff;font:500 15px/1.4 var(--body)}.portal-form input:focus,.studio-card textarea:focus{border-color:#f17c62;outline:3px solid #f17c622a}.portal-form small{color:#738078;font-size:11px;font-weight:500}.portal-submit{width:100%;justify-content:center;margin-top:5px;border:0}.portal-submit:disabled{opacity:.6;cursor:wait}.portal-error{margin:0;color:#9b3c31;font-size:13px;line-height:1.5}.portal-error[hidden]{display:none}.portal-status{min-height:20px;margin:10px 0 0;color:#53675d;font-size:13px}.portal-back{margin:23px 0 0;font-size:13px}.portal-back a,.text-link{color:#28594a;font-weight:750;text-underline-offset:3px}.directory-main{padding-top:72px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:36px}.creator-card{display:flex;min-height:242px;flex-direction:column;align-items:flex-start;gap:13px;padding:23px;border:1px solid #173f3a1c;border-radius:20px;background:#fffdf8}.creator-card-heading{display:flex;align-items:center;gap:12px}.creator-avatar{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:15px;color:#173f3a;background:#f4c84e;font-size:20px;font-weight:850}.creator-card h2{margin:0;font:750 19px/1.2 var(--display)}.creator-card p{margin:0;color:#65736b;font-size:14px;line-height:1.55}.follow-button{min-height:42px;padding-inline:17px;color:#173f3a;font-size:12px;text-decoration:none}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.live-pill-link{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;color:#1b0e15;background:#e6a4b5;font-size:12px;font-weight:800;text-decoration:none}.creator-card .text-link{margin-top:auto;font-size:13px}.creator-profile{max-width:760px;margin:8vh auto;padding:clamp(25px,6vw,58px);border:1px solid #173f3a18;border-radius:28px;background:#fffdf8}.creator-profile h1{margin:0 0 15px;font:750 clamp(40px,8vw,68px)/1 var(--display);letter-spacing:-.05em}.creator-bio{min-height:70px;margin:0 0 26px;color:#52645c;font-size:17px;line-height:1.7;white-space:pre-wrap}.studio-card{display:grid;gap:15px;margin:34px 0 20px}.studio-card textarea{resize:vertical}.studio-card .text-link{justify-self:center}.studio-card>.primary-button{width:100%;justify-content:center}.studio-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.secondary-card{display:grid;gap:8px;padding:19px;border:1px solid #173f3a20;border-radius:17px;color:#173f3a;background:#fffdf8;text-decoration:none}.secondary-card strong{font:750 17px/1.25 var(--display)}.secondary-card span{color:#64736b;font-size:13px;line-height:1.5}.empty-state{grid-column:1/-1;padding:30px;border:1px dashed #173f3a45;border-radius:16px;color:#52645c}.fan-hero-visual{display:grid;place-items:center;min-height:390px}.live-card{width:min(100%,440px);padding:15px;border:1px solid #173f3a16;border-radius:24px;background:#fffdf8;box-shadow:0 26px 65px #173f3a18;transform:rotate(2deg)}.live-card-top{display:flex;align-items:center;gap:10px;padding:2px 5px 13px;color:#4f6158;font-size:12px;font-weight:750}.live-pill{border-radius:999px;padding:5px 8px;color:#fff;background:#e45650;font-size:9px;letter-spacing:.1em}.live-screen{position:relative;height:268px;overflow:hidden;border-radius:15px;background:linear-gradient(150deg,#aec7bc,#e1b391 55%,#665c52)}.screen-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,#ffe6bf77,transparent 32%),linear-gradient(0deg,#7c625888,transparent 58%)}.scene-lamp{position:absolute;top:30px;right:45px;width:42px;height:80px;border-radius:50% 50% 8px 8px;background:#f5dba1;box-shadow:0 0 70px 35px #ffe4aa66}.scene-cup{position:absolute;bottom:47px;left:42%;width:70px;height:84px;border-radius:8px 8px 24px 24px;background:linear-gradient(90deg,#eae3d8,#fff7e9 48%,#d7cec0);box-shadow:10px 18px 32px #38251f44}.scene-cup:after{content:"";position:absolute;right:-23px;top:20px;width:25px;height:37px;border:8px solid #e1d8cb;border-left:0;border-radius:0 20px 20px 0}.scene-book{position:absolute;bottom:27px;left:20px;width:150px;height:22px;border-radius:4px;background:#cc775b;transform:rotate(-6deg);box-shadow:0 8px 16px #38251f44}.fan-pointer{position:absolute;top:49%;left:56%;display:flex;align-items:center;gap:8px;color:#fff;font-size:11px;font-weight:800;text-shadow:0 1px 6px #000}.fan-pointer i{display:block;width:20px;height:20px;border:3px solid white;border-radius:50%;background:#f17c62;box-shadow:0 0 0 5px #f17c6255}.live-card>p{margin:13px 4px 3px;color:#52645c;font-size:12px;font-weight:700}@media(max-width:760px){.portal-main{padding-top:32px}.role-picker,.studio-links{grid-template-columns:1fr}.fan-hero-visual{min-height:310px}.live-card{transform:none}.live-screen{height:230px}}