:root{color-scheme:dark;font-family:'Segoe UI',system-ui,sans-serif;background:#17191d;color:#eceaf0;font-synthesis:none;--muted:#a6a5b1;--purple:#bca0e7;--line:#3b3b47}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bca0e7;outline-offset:4px}[hidden]{display:none!important}.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,1fr);max-width:1800px;margin:auto}.community-panel{padding:clamp(28px,4vw,70px);padding-bottom:28px;position:relative;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #393240;background:radial-gradient(ellipse at 25% 65%,#49375c66,transparent 65%),#222127}.brand{display:block;width:min(300px,90%);position:relative;z-index:2}.brand img,.mobile-brand img{width:100%;height:auto;display:block}.community-copy{margin-top:clamp(38px,6vh,80px);position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.2em;line-height:1.6;color:var(--purple);margin:0 0 18px}.small-star{font-size:17px;vertical-align:middle;margin-right:8px}.community-copy h2{font-size:clamp(44px,4.3vw,72px);line-height:1.04;font-weight:600;letter-spacing:-.05em;margin:0}.community-copy h2 span{color:var(--purple)}.community-copy>p:last-child{font-size:15px;line-height:1.7;color:#b8b3c1;margin:22px 0 0}.art-composition{position:relative;min-height:260px;max-width:560px;flex:1;margin:32px 0 26px;animation:appear .7s ease-out both}.art-frame{overflow:hidden;background:#292630;border:1px solid #6e5f7f;padding:7px;border-radius:12px;box-shadow:0 16px 30px #09070e38}.art-frame img{display:block;object-fit:cover;width:100%;height:100%;border-radius:7px}.art-main{position:absolute;left:0;top:0;width:72%;height:clamp(200px,25vh,290px);transform:rotate(-5deg)}.art-main img{height:calc(100% - 30px)}.art-main span{display:block;font-size:10px;letter-spacing:.05em;margin:10px 5px 0;color:#d5ccd9}.art-detail{position:absolute;width:37%;height:clamp(172px,22vh,250px);right:0;top:52px;transform:rotate(8deg)}.art-detail img{height:calc(100% - 28px)}.art-detail span{display:block;font-size:8px;letter-spacing:.1em;margin:10px 3px 0;color:#d5ccd9;white-space:nowrap}.orbit-star{position:absolute;right:8%;top:-18px;font-size:48px;line-height:1;color:#bca0e7;animation:star-in .8s ease-out both}.art-coordinate{position:absolute;bottom:-12px;left:5px;font-size:8px;letter-spacing:.2em;color:#9a8ba9}.community-footer{margin:26px 0 0;font-size:11px;color:#b2a5bc;display:flex;align-items:center;gap:10px}.community-footer span{font-size:22px;color:#bca0e7}.entry-panel{display:flex;align-items:center;justify-content:center;padding:64px clamp(28px,5vw,84px);background:#17191d}.entry-content{width:100%;max-width:410px;animation:appear .45s ease-out both}.entry-content .eyebrow{margin-bottom:15px}h1{font-size:clamp(29px,2.8vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:0 0 14px}.intro{color:#aaa9b3;font-size:15px;line-height:1.65;margin:0 0 32px;max-width:38ch}form{margin:0}label{display:block;font-weight:550;font-size:13px;margin-bottom:10px;color:#d9d5e0}input{width:100%;min-width:0;min-height:52px;border:1px solid #42424d;background:#202228;border-radius:8px;padding:14px 15px;color:#eeeaf3;font-size:15px;transition:border-color .15s,background .15s}input::placeholder{color:#96929f;font-size:14px}input:hover{border-color:#70627f}input:focus{border-color:#bca0e7;background:#23232c}input[readonly]{background:#24232b;color:#c2b0d8;border-color:#484052;font-size:14px;cursor:default}input[aria-invalid=true]{border-color:#e9aaa5}.fixed-label{float:right;color:#b8a1d1;font-size:10px;font-weight:400;line-height:18px}.field{margin-top:22px}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-wrap button{position:absolute;right:8px;top:4px;height:44px;min-width:64px;border:0;background:transparent;color:#c5acdf;font-size:11px;border-radius:4px;cursor:pointer}.password-wrap button:hover{background:#b09acd12}.field small{display:block;font-size:11px;color:#a6a1b1;line-height:1.6;margin-top:8px}.form-assistance{text-align:right;margin-top:13px;font-size:12px;color:#c2aadf}a:hover{text-decoration:underline;text-underline-offset:4px}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #9d80c5;border-radius:8px;background:#ae91d2;color:#17151d;min-height:52px;padding:14px 16px;margin-top:26px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.primary:hover{background:#c3a6e7;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button:disabled{opacity:.55;cursor:wait;transform:none}.consent{font-size:11px;line-height:1.65;color:#a6a1b1;margin:20px 0 -6px}#status{margin:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}#status:not(:empty){margin-top:18px;padding:12px 14px;background:#272830;border:1px solid #42424d;border-radius:8px}#status.error{color:#f0b0a7;border-color:#744b49;background:#382727}#status.success{color:#c4dfcd}#status a{display:inline-block;margin-top:7px;text-decoration:underline}.access-help{border-top:1px solid #34343d;margin-top:28px;padding-top:25px;text-align:center;font-size:12px;line-height:1.8;color:#aaa6b3}.access-help a{display:block;margin-top:4px;color:#d2b9ef;font-weight:500}.entry-footer{font-size:10px;letter-spacing:.025em;color:#96909f;display:flex;align-items:center;justify-content:center;gap:7px;margin:36px 0 0}.entry-footer svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5}.invite-badge{border:1px solid #4e455b;background:#282330;display:flex;gap:11px;align-items:center;padding:14px;border-radius:9px;margin:-10px 0 27px}.invite-badge>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#d4b9ed;background:#493756;flex:none}.invite-badge strong{font-size:12px;font-weight:550;display:block;overflow-wrap:anywhere}.invite-badge small{display:block;font-size:10px;color:#b6a4c6;margin-top:4px;line-height:1.5}.mobile-brand{display:none}#loading{font-size:14px;color:var(--muted)}noscript{display:block;line-height:1.6;font-size:14px;margin-top:20px;color:#f0b0a7}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes star-in{from{opacity:0;transform:rotate(-40deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}@media(min-width:1500px){.auth-shell{max-width:1560px;margin:28px auto;min-height:calc(100svh - 56px);border:1px solid #393240;border-radius:20px;overflow:hidden}.entry-panel{padding-top:78px;padding-bottom:78px}}@media(max-width:900px){.community-panel{padding:32px}.community-copy h2{font-size:48px}.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(380px,1fr)}.entry-panel{padding:48px 30px}.art-detail{top:80px;width:46%}.art-composition{margin-top:44px}.art-coordinate{display:none}.community-footer{max-width:28ch;line-height:1.7}.community-copy>p:last-child{font-size:13px}}@media(max-width:720px){.auth-shell{display:block;min-height:100svh}.community-panel{display:none}.entry-panel{min-height:100svh;padding:30px 24px 35px;display:block;background:radial-gradient(ellipse at 90% 0,#30253e66,transparent 45%),#17191d}.mobile-brand{display:block;width:232px;max-width:80%;margin:0 auto 48px}.entry-content{margin:auto;max-width:420px}h1{font-size:33px}.intro{margin-bottom:28px}.entry-content .eyebrow{font-size:9px}.entry-footer{margin-top:28px}.invite-badge{margin-top:-6px}input{font-size:16px}.primary{min-height:54px}.access-help{margin-top:25px;padding-top:20px}.field{margin-top:19px}}@media(max-width:360px){.entry-panel{padding-left:18px;padding-right:18px}h1{font-size:29px}.mobile-brand{width:215px}.fixed-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original member artwork remains entirely visible, including its signature/title. */
.art-main img{object-fit:contain;background:#181622}.art-detail img{object-fit:contain;background:#fff}
.remember-choice{display:flex;align-items:center;gap:10px;margin-top:18px;cursor:pointer;color:var(--muted,#beb9c7);font-size:13px;font-weight:400;line-height:1.5}
.remember-choice input{appearance:auto;width:18px;height:18px;min-width:18px;margin:0;accent-color:#b397d3;cursor:pointer}
.remember-choice input:focus-visible{outline:2px solid #b397d3;outline-offset:3px}