.sp-my-room{padding:clamp(calc(var(--space-xl) * 0.9481),var(--section-space-l),calc(var(--section-space-l) * 1.037)) 0 calc(var(--section-space-l) * 0.8796);background:linear-gradient(180deg,var(--base-ultra-dark) 0,var(--base-ultra-dark) 36%,var(--pd-bg) 100%)}
.sp-my-room__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.62fr);gap:calc(var(--section-space-l) * 1.1111);align-items:end;padding-bottom:calc(var(--space-xl) * 1.0667);border-bottom:1px solid var(--base-dark)}
.sp-my-room__header h1{margin-top:calc(var(--space-s) * 0.9);font-size:calc(var(--h1) * 1.1316);line-height:var(--h1-line-height);letter-spacing:var(--h1-letter-spacing)}
.sp-my-room__intro{margin-top:calc(var(--space-m) * 0.9);color:var(--neutral-light);font-size:calc(var(--text-s) * 1.0714);line-height:var(--text-line-height)}
.sp-my-room__identity{align-self:end}
.sp-my-room__identity-top{display:flex;justify-content:space-between;gap:var(--space-s);margin-bottom:calc(var(--space-xs) * 1.037);color:var(--neutral-semi-light);font:calc(var(--text-xs) * 0.6667)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.8);text-transform:uppercase}
.sp-my-room__identity-top a{display:flex;align-items:center;gap:calc(var(--space-xs) * 0.5926);color:var(--neutral-ultra-light)}
.sp-my-room__identity-top svg{width:12px;height:12px}
.sp-my-room__witness-badge{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:calc(var(--space-s) * 0.8);min-height:86px;padding:calc(var(--space-s) * 0.85) calc(var(--space-s) * 1.1);border:1px solid var(--primary-semi-dark);border-radius:calc(var(--radius) * 0.7857);background:var(--base-ultra-dark);color:var(--primary-ultra-light);box-shadow:0 18px 48px -34px var(--primary-hover)}
.sp-my-room__witness-badge>.sp-material__canvas{opacity:.8}
.sp-my-room__witness-badge>svg{position:relative;z-index:1;width:28px;height:28px;color:var(--primary-semi-light)}
.sp-my-room__witness-badge>div{position:relative;z-index:1;display:grid}
.sp-my-room__witness-badge small{font:calc(var(--text-xs) * 0.5)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.9);color:var(--primary-semi-light)}
.sp-my-room__witness-badge strong{margin-top:calc(var(--space-xs) * 0.2222);font:var(--heading-font-weight) calc(var(--text-m) * 0.8889)/var(--text-line-height) var(--pd-display);letter-spacing:calc(var(--h6-letter-spacing) * 0.25)}
.sp-my-room__witness-badge span{margin-top:calc(var(--space-xs) * 0.2222);color:var(--primary-semi-light);font:calc(var(--text-xs) * 0.5)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.6)}
.sp-my-room__witness-badge i{position:relative;z-index:1;width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--primary-semi-light);box-shadow:0 0 18px var(--primary-hover)}
.sp-my-room__identity .pd-mini-credential{max-width:none;min-height:86px;padding:calc(var(--space-s) * 0.85) calc(var(--space-s) * 1.1)}
.sp-my-room__identity .pd-mini-credential strong{font-size:calc(var(--text-m) * 0.8889)}
.sp-my-room__identity>p{margin-top:calc(var(--space-xs) * 0.8889);color:var(--neutral-hover);font:calc(var(--text-xs) * 0.5833)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.4)}
.sp-my-room__latest{padding:calc(var(--section-space-l) * 0.8148) 0 calc(var(--section-space-l) * 0.9259)}
.sp-my-room__latest h2{margin-top:calc(var(--space-xs) * 0.7407);font-size:calc(var(--h1) * 0.7632)}
.sp-my-room__folders{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:var(--space-s)}
.sp-my-room__folder{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:.73;border:1px solid var(--base-dark);border-radius:calc(var(--radius) * 1.2857);background:var(--base-ultra-dark);box-shadow:0 26px 70px -54px var(--base-ultra-dark);transition:transform .45s var(--pd-ease),border-color .3s}
.sp-my-room__folder--lead{aspect-ratio:.92}
.sp-my-room__folder:after{content:'';position:absolute;z-index:2;inset:8px;border:1px solid color-mix(in srgb,var(--white) 8.6275%,transparent);border-radius:calc(var(--radius) * 0.7857);pointer-events:none}
.sp-my-room__folder:hover,.sp-my-room__folder:focus-visible{transform:translateY(-7px);border-color:var(--primary-semi-dark)}
.sp-my-room__folder img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:saturate(.72);transition:transform .8s var(--pd-ease),filter .5s}
.sp-my-room__folder:hover img,.sp-my-room__folder:focus-visible img{transform:scale(1.035);filter:saturate(.9)}
.sp-my-room__folder-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--base-ultra-dark) 43.9216%,transparent) 0,transparent 38%,color-mix(in srgb,var(--base-ultra-dark) 94.902%,transparent) 91%),linear-gradient(90deg,color-mix(in srgb,var(--base-ultra-dark) 65.8824%,transparent),transparent 60%)}
.sp-my-room__folder-index{position:absolute;z-index:3;top:26px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;color:var(--neutral-ultra-light);font:calc(var(--text-xs) * 0.6667)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.7)}
.sp-my-room__folder-index svg{width:14px;height:14px}
.sp-my-room__folder-copy{position:absolute;z-index:3;left:27px;right:27px;bottom:28px;display:grid}
.sp-my-room__folder-copy small{color:var(--primary-semi-light);font:calc(var(--text-xs) * 0.5833)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.9)}
.sp-my-room__folder-copy strong{margin-top:calc(var(--space-xs) * 0.5926);font:var(--heading-font-weight) clamp(calc(var(--h3) * 0.7333),calc(var(--h2) * 0.6875),calc(var(--h2) * 0.7083))/var(--text-line-height) var(--pd-display);letter-spacing:var(--h4-letter-spacing)}
.sp-my-room__folder-copy>span{margin-top:calc(var(--space-xs) * 0.7407);color:var(--neutral-light);font-size:calc(var(--text-xs) * 0.75);line-height:var(--text-line-height)}
.sp-my-room__invitation{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) auto auto;gap:calc(var(--space-xl) * 1.037);align-items:center;padding:calc(var(--space-l) * 1.0667) clamp(var(--space-m),var(--space-xl),var(--space-xl));border:1px solid var(--primary-semi-dark);border-radius:calc(var(--radius) * 1.4286);background:var(--base-ultra-dark)}
.sp-my-room__invitation>.sp-material__canvas{opacity:.34;mask-image:linear-gradient(90deg,var(--base-ultra-dark),transparent 90%)}
.sp-my-room__invitation-copy{max-width:590px}
.sp-my-room__invitation h2{margin-top:calc(var(--space-xs) * 1.037);font-size:var(--h2)}
.sp-my-room__invitation p:not(.sp-kicker){max-width:58ch;margin-top:calc(var(--space-xs) * 1.1111);color:var(--neutral-light);font-size:var(--text-xs);line-height:var(--text-line-height)}
.sp-my-room__poll-preview{display:grid;gap:calc(var(--space-xs) * 0.5185);min-width:150px;font-size:calc(var(--text-xs) * 0.8333)}
.sp-my-room__poll-preview span{padding:calc(var(--space-xs) * 0.7407) calc(var(--space-xs) * 0.963);border:1px solid var(--neutral-dark);border-radius:calc(var(--radius) * 0.5);color:var(--neutral-semi-light)}
.sp-my-room__poll-preview .is-selected{border-color:var(--primary-hover);background:var(--primary-dark);color:var(--primary-ultra-light)}
.sp-my-room__routes{display:grid;grid-template-columns:1fr 1fr;margin-top:calc(var(--space-xl) * 1.1556);border-top:1px solid var(--base-dark);border-bottom:1px solid var(--base-dark)}
.sp-my-room__routes>a{display:grid;grid-template-columns:auto 1fr auto;gap:calc(var(--space-s) * 0.9);align-items:center;padding:calc(var(--space-m) * 0.9333) var(--space-m);color:var(--neutral-ultra-light);border-right:1px solid var(--base-dark);transition:background .25s}
.sp-my-room__routes>a:last-child{border-right:0}
.sp-my-room__routes>a:hover{background:color-mix(in srgb,var(--white) 2.7451%,transparent)}
.sp-my-room__routes>a>svg{width:19px;height:19px;color:var(--primary-semi-light)}
.sp-my-room__routes span{display:grid;gap:calc(var(--space-xs) * 0.3704)}
.sp-my-room__routes small{color:var(--neutral-hover);font:calc(var(--text-xs) * 0.5833)/var(--text-line-height) var(--pd-mono);letter-spacing:calc(var(--h6-letter-spacing) * 0.8)}
.sp-my-room__routes strong{font:var(--heading-font-weight) var(--text-m)/var(--text-line-height) var(--pd-display)}
.sp-my-room__routes i{font-style:normal;color:var(--neutral-semi-light)}
.sp-my-room__gate{display:grid;justify-items:start;align-content:center;min-height:65vh;position:relative;overflow:hidden}
.sp-my-room__gate-art{position:absolute;right:8%;top:50%;display:grid;place-items:center;width:min(42vw,430px);aspect-ratio:1;transform:translateY(-50%);border:1px solid var(--base-dark);border-radius:50%;color:var(--primary-semi-dark);background:radial-gradient(circle,color-mix(in srgb,var(--primary-dark) 23.9216%,transparent),transparent 64%)}
.sp-my-room__gate-art:before,.sp-my-room__gate-art:after{content:'';position:absolute;border:1px solid var(--base-dark);border-radius:50%}
.sp-my-room__gate-art:before{inset:12%}.sp-my-room__gate-art:after{inset:28%}
.sp-my-room__gate-art svg{width:54px;height:54px}
.sp-my-room__gate h2{position:relative;max-width:10ch;margin-top:calc(var(--space-s) * 0.85);font-size:var(--h1)}
.sp-my-room__gate .sp-lead{position:relative;margin-top:calc(var(--space-m) * 0.8)}
.sp-my-room__gate .sp-actions{position:relative;margin-top:calc(var(--space-m) * 1.1333)}
@media(max-width:980px){.sp-my-room__header{grid-template-columns:1fr;gap:var(--space-l)}.sp-my-room__identity{width:min(100%,520px)}.sp-my-room__folders{grid-template-columns:1fr 1fr}.sp-my-room__folder--lead{grid-column:1/-1;aspect-ratio:1.45}.sp-my-room__invitation{grid-template-columns:1fr auto}.sp-my-room__invitation-copy{grid-column:1/-1}.sp-my-room__gate-art{opacity:.35}}
@media(max-width:680px){.sp-my-room{padding-top:calc(var(--space-xl) * 0.8296)}.sp-my-room__header{padding-bottom:calc(var(--space-l) * 1.2222)}.sp-my-room__header h1{font-size:calc(var(--h1) * 0.8684)}.sp-my-room__latest{padding:var(--space-xl) 0 calc(var(--space-xl) * 1.1111)}.sp-my-room__latest .sp-heading-row{display:block}.sp-my-room__latest .pd-text-link{margin-top:calc(var(--space-s) * 0.8)}.sp-my-room__folders{grid-template-columns:1fr;gap:calc(var(--space-s) * 1.1)}.sp-my-room__folder,.sp-my-room__folder--lead{grid-column:auto;aspect-ratio:.86}.sp-my-room__invitation{grid-template-columns:1fr;padding:calc(var(--space-m) * 1.2) calc(var(--space-m) * 0.8333)}.sp-my-room__poll-preview{grid-template-columns:1fr 1fr}.sp-my-room__invitation .pd-button{width:100%}.sp-my-room__routes{grid-template-columns:1fr}.sp-my-room__routes>a{border-right:0;border-bottom:1px solid var(--base-dark);padding-inline:calc(var(--space-xs) * 0.3704)}.sp-my-room__routes>a:last-child{border-bottom:0}.sp-my-room__gate-art{right:-25%;width:85vw}}
@media(prefers-reduced-motion:reduce){.sp-my-room__folder{transition:none}.sp-my-room__folder:hover,.sp-my-room__folder:focus-visible{transform:none}}