:root{--cream:#f6eee3;--panel:#fffaf4;--ink:#204f69;--text:#594e47;--muted:#87786e;--teal:#2c849e;--teal2:#31798f;--line:#e8ddd0;--shadow:0 28px 70px rgba(61,45,32,.16)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream)}body{font-family:"DM Sans",system-ui,sans-serif;color:var(--text)}button,input{font:inherit}.auth-page{min-height:100vh;padding:34px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.9),transparent 30%),var(--cream)}
.home-link{position:absolute;top:28px;left:36px;z-index:5;display:flex;align-items:center;gap:11px;text-decoration:none;color:#54382a;font-family:"Newsreader",serif;font-weight:700;font-size:1.25rem}.home-link img{width:50px;height:50px;object-fit:contain}.auth-shell{width:min(1180px,94vw);min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;border-radius:32px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);border:1px solid rgba(113,87,64,.09)}
.story-panel{position:relative;overflow:hidden;min-height:680px;background:#e9dac8}.story-art{position:absolute;inset:0;background:url(/cm-themes-v2/theme-1/images/hero-art-v4.webp) center/cover no-repeat;transform:scale(1.03)}.story-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,48,56,.04),rgba(28,39,38,.12) 46%,rgba(26,30,28,.6) 100%)}.story-copy{position:absolute;z-index:2;left:46px;right:46px;bottom:54px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.2)}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(68,157,180,.92);font-size:.75rem;font-weight:700;letter-spacing:.04em}.story-copy h1{margin:14px 0 10px;max-width:520px;font:600 clamp(2.8rem,4vw,4.8rem)/.96 "Newsreader",serif}.story-copy p{margin:0;max-width:480px;font-size:1.05rem;line-height:1.55}.story-cookie{position:absolute;z-index:3;width:160px;right:28px;bottom:22px;filter:drop-shadow(0 15px 22px rgba(29,23,17,.3))}
.auth-card{padding:58px 58px 48px;display:flex;align-items:center;background:rgba(255,250,244,.98)}.auth-card>div{width:100%}.auth-heading{text-align:center;margin-bottom:24px}.mini-cookie{font-size:2rem}.auth-heading h2{margin:7px 0 5px;color:var(--ink);font:600 2.2rem/1.08 "Newsreader",serif}.auth-heading p{margin:0;color:var(--muted);line-height:1.5}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:15px;background:#f0e7dc;margin-bottom:24px}.auth-single-tab{grid-template-columns:1fr}.auth-single-tab .tab{cursor:default}.tab{border:0;background:transparent;padding:12px;border-radius:11px;color:#786a61;font-weight:700;cursor:pointer}.tab.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(62,45,33,.09)}.pane{display:none}.pane.active{display:block}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:7px;font-size:.88rem;font-weight:700;color:#5c514b}.form-stack input{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;border-radius:13px;color:#423a35;outline:none;transition:.18s}.form-stack input:focus{border-color:#69abc0;box-shadow:0 0 0 4px rgba(64,151,177,.11)}.primary,.secondary,.logout{width:100%;border-radius:14px;padding:14px 17px;font-weight:700;cursor:pointer;transition:.18s}.primary{border:0;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 10px 22px rgba(44,132,158,.22)}.primary:hover,.secondary:hover,.logout:hover{transform:translateY(-1px)}.secondary{border:1px solid var(--line);background:#fff;color:#435965}.passkey{display:flex;justify-content:center;gap:9px}.recommended-login-method{margin-top:2px;box-shadow:0 7px 18px rgba(61,45,32,.06)}.divider{display:flex;align-items:center;gap:12px;color:#a0938a;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.email-login-divider{margin:22px 0 13px}.email-login-fallback{padding:15px;border:1px solid rgba(112,88,68,.13);border-radius:16px;background:rgba(249,243,236,.72)}.email-login-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.email-login-head strong{color:#66584f;font-size:.9rem}.email-login-head small{color:#9b8b80;font-size:.73rem}.email-login-fallback .form-stack{gap:12px}.email-login-fallback .primary{box-shadow:none;filter:saturate(.82)}.helper{margin:11px 0 0;color:#94857a;font-size:.82rem;line-height:1.5;text-align:center}.check-row{grid-template-columns:auto 1fr!important;align-items:start!important;font-weight:500!important;line-height:1.45!important}.check-row input{width:auto!important;margin-top:3px}.status{min-height:23px;margin-top:16px;text-align:center;font-size:.88rem;color:#9e604b}.status[data-ok="1"]{color:#347b65}.signed-heading{margin-bottom:28px}.signed-box{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.signed-row{display:flex;justify-content:space-between;gap:20px}.subheading{font:600 1.25rem "Newsreader",serif;color:var(--ink);margin:24px 0 11px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.logout{margin-top:24px;border:1px solid #e8d8d1;background:#fbf1ed;color:#a15a45}.small-status{margin-top:12px}
@media(max-width:900px){.auth-page{padding:18px;padding-top:92px}.home-link{top:20px;left:24px}.auth-shell{grid-template-columns:1fr;width:min(620px,96vw);min-height:0}.story-panel{min-height:260px}.story-copy{left:28px;right:28px;bottom:28px}.story-copy h1{font-size:2.7rem;max-width:420px}.story-copy p{display:none}.story-cookie{width:105px;right:18px;bottom:8px}.auth-card{padding:38px 34px 34px}}
@media(max-width:520px){.auth-page{padding:12px;padding-top:82px}.home-link{left:16px;top:15px;font-size:1.05rem}.home-link img{width:42px;height:42px}.auth-shell{width:100%;border-radius:24px}.story-panel{min-height:210px}.story-copy{left:20px;bottom:20px}.story-copy h1{font-size:2.1rem;max-width:300px}.story-cookie{width:85px}.auth-card{padding:30px 20px}.auth-heading h2{font-size:1.85rem}.button-grid{grid-template-columns:1fr}.email-login-head{display:grid;gap:2px}}
.discord-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;padding:14px 17px;background:#5865f2;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(88,101,242,.20);transition:.18s}.discord-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.discord-btn:disabled{opacity:.65;cursor:wait}.discord-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:.9rem}.social-divider{display:flex;align-items:center;gap:12px;color:#a0938a;margin:18px 0}.social-divider:before,.social-divider:after{content:"";height:1px;background:var(--line);flex:1}.social-divider span{font-size:.78rem;white-space:nowrap}
.security-panel{width:min(1120px,calc(100%% - 32px));margin:28px auto 64px;padding:26px;border:1px solid var(--line);border-radius:24px;background:rgba(255,250,243,.94);box-shadow:0 20px 55px rgba(62,43,30,.10)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fffdf9}.security-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.security-badge{padding:5px 10px;border-radius:999px;background:#edf5f2;color:#356b62;font-size:.76rem;font-weight:800}.security-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.mfa-setup,.backup-wrap{margin-top:16px;padding:16px;border-radius:14px;background:#f8f1e7;border:1px solid var(--line)}.security-keys{display:grid;gap:10px;margin-top:16px}.security-key{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}.security-key-actions{display:flex;gap:7px;flex-wrap:wrap}.security-key-actions button{border:1px solid var(--line);background:#f7f1e9;border-radius:9px;padding:7px 10px;cursor:pointer}.security-key-actions .danger{color:#9b3e35}.security-status{min-height:1.4em;margin:15px 0 0;font-weight:650}@media(max-width:780px){.security-grid{grid-template-columns:1fr}.security-panel{padding:17px}.security-key{grid-template-columns:1fr}}
.profile-avatar-fallback{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%%;background:#f3e8dc;border:1px solid var(--line);font-size:1.35rem;line-height:1}.profile-avatar-fallback.has-image{background-size:cover;background-position:center;font-size:0}
.register-v2{display:grid;gap:18px}.register-intro h3{margin:0 0 4px}.register-intro p{margin:0;color:var(--muted)}.join-methods{display:grid;gap:10px}.register-social{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left!important;align-items:center}.register-social>span{grid-row:1/3;font-size:1.35rem}.register-social>b{font-size:.96rem}.register-social>small{opacity:.72}.rules-card{border:1px solid var(--line);border-radius:17px;background:#fffaf3;padding:15px}.rules-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.rules-head>span{font-size:1.35rem}.rules-head div{display:grid}.rules-head small{color:var(--muted)}.rules-scroll{max-height:245px;overflow:auto;padding:4px 12px 4px 2px}.rules-scroll h4{margin:13px 0 4px;font-size:.91rem}.rules-scroll p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.rules-accept{display:flex!important;gap:10px!important;align-items:flex-start!important;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-weight:750}.rules-accept input{width:18px!important;height:18px!important;min-width:18px;margin-top:1px}.email-fallback{text-align:center}.text-button{border:0;background:transparent;color:var(--teal);font-weight:750;cursor:pointer;padding:8px}.email-fallback form{text-align:left;margin-top:10px}.register-v2 .status{margin-top:0}