/* First design slice. Scoped to the two preview routes; existing pages unchanged. */
body.redesign{--bg-deep:#101112;--text:#f4f1ed;--muted:#b1aeb0;--muted-2:#9b999d;--accent-rgb:245,64,81;--gold:#f54051;--gold-bright:#ff6976;--on-accent:#fff;--glass-border:#303034;--radius:18px;background:#101112;color:var(--text);font-size:16px;line-height:1.6;overflow-x:hidden}
.redesign *{box-sizing:border-box}.redesign [hidden]{display:none!important}.redesign a{color:inherit}.redesign button,.redesign input,.redesign select,.redesign textarea{font:inherit}.redesign :focus-visible{outline:2px solid #7eecda;outline-offset:5px}.redesign h1,.redesign h2,.redesign h3,.redesign p{margin:0}.redesign h1,.redesign h2,.redesign h3{color:var(--text)}.redesign .draft-width{width:min(1280px,calc(100% - 96px));margin-inline:auto}.redesign .skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:#fff;color:#111;padding:12px}.redesign .skip-link:focus{top:10px}
.draft-header{border-bottom:1px solid #2a292c;background:#101112;position:relative;z-index:20}.draft-header-inner{min-height:92px;max-width:1440px;margin:auto;padding:18px 48px;display:flex;align-items:center;gap:32px}.draft-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:25px;font-weight:850;letter-spacing:-1.2px;text-decoration:none}.draft-brand>img{width:42px;height:42px;object-fit:contain}.draft-brand span span,.draft-brand>span:not(:first-child){color:#f54051}.draft-brand .brand-dot{color:#f54051}.redesign .site-nav{gap:24px;margin-left:auto;display:flex;align-items:center}.redesign .site-nav>a{font-size:14px;white-space:nowrap;color:#c4c0c2;padding:6px 0}.redesign .site-nav>a:hover{color:#fff}.redesign .site-nav a[href='/index-preview.html#download'],.redesign .site-nav a[href='/dev.html'],.redesign .site-nav a[href='/index-preview.html']{display:none}.redesign .site-nav #nav-inbox{font-size:0}.redesign #nav-inbox .inbox-nav-label{font-size:14px}.redesign .lang-switch{flex-shrink:0}.redesign .nav-toggle{display:none}.redesign #nav-username{max-width:160px}.redesign .nav-name{overflow:hidden;text-overflow:ellipsis;max-width:110px}
.draft-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-block:70px 60px}.draft-eyebrow{font-size:12px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:#c7c0c1}.status-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7eecda;flex:none}.redesign .draft-hero h1{font-size:clamp(50px,5.8vw,84px);line-height:1.03;letter-spacing:-4px;font-weight:850;margin:26px 0}.draft-hero h1 em{font-style:normal;color:#ff586a}.draft-lead{font-size:18px;color:#bbb8bb;max-width:520px;line-height:1.75}.draft-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.redesign .btn{border-radius:10px;padding:13px 19px;min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:20px;line-height:1.4;font-size:14px;background:#212124;border:1px solid #3a373d;box-shadow:none;color:#eee}.redesign .btn-primary{background:#f54051;border-color:#f54051;color:#fff;font-weight:750}.redesign .btn-primary:hover{background:#d92c40}.redesign .btn-small{padding:9px 13px;min-height:38px}.redesign .btn-danger{color:#ff8893;border-color:#70313d}.redesign .btn:disabled{opacity:.45}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:14px;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline}.redesign .draft-footnote{font-size:13px;color:#a4a0a4;line-height:1.7;margin-top:15px}.draft-hero-bottom{margin-top:54px;border-top:1px solid #343033;padding-top:17px;display:flex;justify-content:space-between;gap:10px;color:#a9a1a5;font-size:12px;letter-spacing:.8px}
.draft-product{border-radius:24px;background:radial-gradient(ellipse at 50% 35%,#532327 0, #251b20 42%,#1b1a1e 78%);border:1px solid #483035;overflow:hidden;padding:24px 24px 0;position:relative;min-width:0}.product-topline{display:flex;gap:12px;justify-content:space-between;align-items:center}.product-topline .draft-eyebrow{font-size:10px;letter-spacing:1.3px}.example-label{border:1px solid #6d525b;color:#d9c7cc;padding:3px 9px;border-radius:20px;font-size:11px}.product-anatomy{position:relative;height:315px;display:flex;align-items:center;justify-content:center}.product-anatomy>img{height:310px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 35px #0005)}.vertical-caption{position:absolute;left:0;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#b0969c}.product-callout{position:absolute;right:0;bottom:20px;background:#191d20e8;border:1px solid #3e5554;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:9px;font-size:12px;color:#d1e9e5}.draft-session{position:relative;background:#eeece6;color:#202126;margin-inline:-24px;padding:20px 25px 24px}.session-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1.2px;font-weight:750;color:#5e6262}.session-top .status-light{background:#078d78}.redesign .draft-session h2{color:#202126;font-size:23px;letter-spacing:-.7px;margin:12px 0 8px}.session-bottom{display:flex;align-items:center;gap:18px}.session-bottom strong{font-size:38px;line-height:1.2;letter-spacing:-2px}.session-bottom strong small{font-size:22px}.session-bottom>span{font-size:13px;color:#606568}.sample-next{margin-left:auto;width:42px;height:42px;border-radius:50%;background:#202126;color:#fff;border:0;cursor:pointer;font-size:23px}
.draft-principles{border-block:1px solid #303034;background:#17171a}.draft-principles>div{display:flex;justify-content:space-between;gap:22px;padding-block:21px}.draft-principles span{font-size:12px;color:#beb9bf}.draft-principles span:before{content:'+';color:#f55c6b;margin-right:10px}.draft-section{padding-block:95px}.draft-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.redesign .draft-section h2,.redesign .draft-community h2{font-size:44px;font-weight:750;line-height:1.12;letter-spacing:-1.8px;margin-top:16px;max-width:650px}.draft-section-heading>p{max-width:340px;color:#aaa5ad;font-size:16px}.draft-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.draft-steps article{border-top:1px solid #454047;padding-top:22px}.draft-steps article>span{font-size:13px;color:#fb6c7c}.redesign .draft-steps h3{font-size:20px;letter-spacing:-.4px;margin:24px 0 12px}.draft-steps p{font-size:15px;color:#a9a6ac;line-height:1.75;max-width:340px}.draft-map-section{padding-top:10px}.draft-map{display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;border:1px solid #39373c;border-radius:24px;background:#1a1b1e}.draft-map-model{padding:26px;background:radial-gradient(ellipse at 50% 70%,#382528,#1b1b1e 65%);min-width:0}.redesign .anatomy-demo-controls{display:flex;justify-content:center;gap:5px;margin-bottom:18px}.redesign .anatomy-demo-controls button{border-radius:7px;font-size:13px;padding:8px 18px;border:1px solid #41383d;background:#212023;color:#aba5ac;cursor:pointer}.redesign .anatomy-demo-controls button.is-active{background:#e9e6e1;color:#232328;border-color:#e9e6e1}.redesign .anatomy-demo-bodies{display:flex;justify-content:center;gap:24px}.redesign .anatomy-demo-bodies figure{margin:0;min-width:0}.redesign .site-anatomy-stage{width:210px;max-width:100%}.redesign .anatomy-demo-bodies figcaption{font-size:11px;letter-spacing:2px;text-transform:uppercase;text-align:center;color:#b4a5ab;margin-top:9px}.map-hint{text-align:center;font-size:12px;color:#a49da6;margin-top:20px!important}.draft-map-result{border-left:1px solid #39373c;padding:48px 38px;display:flex;flex-direction:column;align-items:flex-start}.redesign .draft-map-result h3{font-size:44px;letter-spacing:-1.5px;margin:15px 0 5px}.draft-map-result>p:not(.draft-footnote){font-size:14px;color:#aaa4ad}.draft-map-result ul{list-style:none;width:100%;padding:0;margin:24px 0 10px;counter-reset:exercise}.draft-map-result li{counter-increment:exercise;border-top:1px solid #39343e;padding:14px 0;font-size:15px;display:flex;gap:15px}.draft-map-result li:before{content:'0' counter(exercise);font-size:11px;color:#ff7384;padding-top:3px}.draft-map-result .text-link{margin-top:25px;color:#7eecda}.draft-community{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;border-block:1px solid #373139;padding-block:55px}.draft-community p:not(.draft-eyebrow){color:#aaa5ad;font-size:16px;max-width:380px;margin:20px 0}.draft-rank-showcase{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;min-width:0}.draft-rank-showcase img{width:30%;object-fit:contain;filter:drop-shadow(0 12px 18px #0005)}.draft-rank-showcase img:last-of-type{width:40%}.draft-rank-showcase span{width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#a89da8;margin-top:25px}.draft-download{text-align:center;padding-block:105px}.draft-download .draft-eyebrow{justify-content:center}.redesign .draft-download h2{font-size:64px;line-height:1.05;letter-spacing:-2.8px;margin:23px auto}.draft-download>p:not(.draft-eyebrow){color:#aba4ae}.draft-download .draft-actions{justify-content:center}.draft-download>.text-link{margin-top:20px;color:#c5bec8}.draft-footer{padding-block:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid #373139}.draft-footer .footer-links{display:flex;gap:24px;font-size:13px}.draft-footer>p{width:100%;font-size:12px;color:#908991}.draft-local-notice{padding:8px 20px;background:#293733;color:#dcf6ee;font-size:12px;text-align:center}
/* Account: a working surface, separate from the narrative landing page. */
.draft-account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1440px;margin:auto;min-height:calc(100vh - 93px)}.draft-rail{padding:38px 24px;border-right:1px solid #302e33;background:#141416}.draft-rail .draft-eyebrow{padding-inline:12px;font-size:11px;margin-bottom:18px}.draft-rail nav{display:grid;gap:5px;position:sticky;top:24px}.draft-rail button,.draft-rail a{display:flex;gap:13px;text-align:left;align-items:center;padding:13px 14px;border:0;background:transparent;color:#b3abb6;border-radius:9px;font-size:14px;cursor:pointer;text-decoration:none}.draft-rail button[aria-current='page']{background:#392329;color:#ff8592}.draft-rail button:hover,.draft-rail a:hover{background:#242126;color:#fff}.rail-icon{font-size:17px;width:20px;text-align:center;color:#95848c}.draft-rail hr{border:0;border-top:1px solid #343037;width:100%;margin:17px 0}.draft-account-main{padding:44px 44px 70px;min-width:0}.draft-account-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.redesign .draft-account-title h1{font-size:36px;line-height:1.2;letter-spacing:-1.1px;margin-top:8px}.draft-account-title .draft-eyebrow{font-size:11px}.draft-account-title #account-badges{display:flex;gap:8px}.draft-pane{min-width:0}.draft-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}.redesign .glass.card{background:#1b1b1f;border:1px solid #353139;border-radius:16px;box-shadow:none;backdrop-filter:none;padding:27px;margin:0;min-width:0}.redesign .card h2{font-size:20px;letter-spacing:-.5px;margin-bottom:20px}.redesign .card .sub{font-size:14px;color:#a59daa;line-height:1.6;margin-bottom:22px}.redesign .card .field-hint{font-size:12px;line-height:1.6;color:#a59daa}.redesign .avatar-edit{gap:22px;margin-bottom:25px;margin-top:7px;flex-wrap:wrap}.redesign .profile-avatar{width:90px;height:90px;flex-shrink:0}.redesign .kv{font-size:14px;gap:14px 16px;overflow-wrap:anywhere}.redesign .kv dt{color:#a59daa}.redesign .kv dd{margin:0}.redesign .stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.redesign .stat-tile{padding:24px 0;background:none;border:0;border-radius:0;min-width:0}.redesign .stat-tile+.stat-tile{border-left:1px solid #494048;padding-left:20px}.redesign .stat-tile .v{font-size:40px;line-height:1.1;letter-spacing:-1.5px}.redesign .stat-tile .l{font-size:12px;color:#d9c3cb;margin-top:9px;letter-spacing:0}.redesign .draft-sync-card{background:linear-gradient(130deg,#562630,#2c2029);border-color:#75404d}.redesign .draft-sync-card .sub{color:#d1b5bf}.draft-sync-time{font-size:12px;color:#ccadb9;margin-top:18px!important}.draft-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.draft-quick-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #37313b;background:#1b1b1f;border-radius:14px;padding:24px;color:#eee;cursor:pointer;text-decoration:none;gap:10px;min-width:0}.draft-quick-link:hover{border-color:#8a5463}.draft-quick-link strong{font-size:17px}.draft-quick-link span{font-size:13px;color:#aaa0ad}.draft-quick-link img{width:65px;height:65px;object-fit:contain;margin-bottom:8px}.draft-account-note{margin-top:23px;color:#a79ca9;font-size:13px}.draft-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.redesign .draft-danger{border-color:#5a343e}.redesign .field{margin-bottom:18px}.redesign .field>span{font-size:12px;color:#aaa1ae}.redesign input,.redesign select,.redesign textarea{background:#141417;color:#eee;border:1px solid #48404c;border-radius:9px;padding:11px 13px;min-width:0}.redesign .inventory-card .sub{max-width:600px}.redesign .inventory-group-title{margin:30px 0 13px;font-size:13px;color:#bbb0bf}.redesign .coin-inventory{display:grid;grid-template-columns:1fr 1fr;gap:16px}.redesign .coin-item{background:#242026;border-color:#4e3644;padding:22px;grid-template-columns:80px 1fr;gap:18px}.redesign .coin-art{width:80px;height:80px}.redesign .coin-item .btn{grid-column:2}.redesign .coin-info strong{font-size:16px}.redesign .rank-inventory{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.redesign .rank-inventory-item{grid-template-columns:88px minmax(0,1fr);padding:16px;background:#222026}.redesign .rank-inventory-item .btn{grid-column:2}.redesign .inventory-rank-stage{width:88px;height:75px}.redesign .ticket-list>li{background:#242026;padding:20px;border-color:#4c3b44;border-radius:12px}.redesign .ticket-actions{flex-wrap:wrap}.redesign .friend-list{display:grid;gap:10px}.redesign .friend{padding:18px;background:#242026;border:1px solid #373039;border-radius:12px}.redesign .friend-actions{flex-wrap:wrap}.redesign .friend-name{font-size:16px}.redesign .friend-status{font-size:13px}.redesign .empty-note{color:#b1a5b7;font-size:14px;padding-block:12px}.redesign .chat-launcher{bottom:22px;right:25px;background:#f54051;border-color:#f54051;box-shadow:0 8px 28px #0005}.redesign .chat-drawer{background:#1b1b20;border-color:#51424d}.redesign .form-note{font-size:14px;overflow-wrap:anywhere}.redesign .inline-form input{flex:1}
@media(min-width:1500px){.draft-hero{padding-block:90px}.product-anatomy{height:355px}.product-anatomy>img{height:350px}}
@media(max-width:1150px){.redesign .draft-width{width:calc(100% - 56px)}.draft-header-inner{padding-inline:28px}.redesign .site-nav{gap:15px}.redesign .site-nav>a{font-size:13px}.draft-hero{gap:32px}.redesign .draft-hero h1{letter-spacing:-2.8px}.draft-actions{gap:14px}.draft-account-layout{grid-template-columns:185px minmax(0,1fr)}.draft-account-main{padding:32px 25px}.draft-rail{padding-inline:12px}.draft-overview-grid{grid-template-columns:1fr}.draft-quick-links{margin-bottom:22px}.redesign .site-anatomy-stage{width:180px}.draft-map-result{padding:32px 26px}}
@media(max-width:900px){.redesign .nav-toggle{display:block;margin-left:auto;background:transparent;border:1px solid #4a3f45;border-radius:8px;padding:9px}.redesign .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1c1a1f;padding:24px;flex-direction:column;align-items:stretch;gap:10px;max-height:80vh;overflow:auto}.redesign .site-nav.is-open{display:flex}.redesign .site-nav>a{font-size:15px}.redesign .site-nav a[href='/index-preview.html#download'],.redesign .site-nav a[href='/index-preview.html']{display:block}.draft-hero{grid-template-columns:1fr 1fr;gap:25px}.redesign .draft-hero h1{font-size:52px}.draft-lead{font-size:16px}.draft-hero-bottom{display:none}.product-anatomy{height:260px}.product-anatomy>img{height:255px}.product-topline{flex-wrap:wrap}.draft-principles>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.draft-section-heading{display:block}.draft-section-heading>p{margin-top:22px;max-width:600px}.draft-section{padding-block:65px}.draft-map{grid-template-columns:1fr}.draft-map-result{border-left:0;border-top:1px solid #39373c}.redesign .site-anatomy-stage{width:230px}.draft-map-result ul{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.draft-community{gap:25px}.redesign .draft-community h2{font-size:36px}.draft-settings-grid{grid-template-columns:1fr}.redesign .rank-inventory{grid-template-columns:1fr}}
@media(max-width:650px){.redesign .draft-width{width:calc(100% - 36px)}.draft-header-inner{min-height:76px;padding:15px 18px}.draft-brand{font-size:23px}.draft-brand>img{width:35px;height:35px}.draft-hero{grid-template-columns:1fr;padding-block:42px;gap:38px}.redesign .draft-hero h1{font-size:clamp(43px,11vw,67px);letter-spacing:-2px}.draft-eyebrow{font-size:10px;letter-spacing:1.1px}.draft-lead{font-size:16px}.draft-actions{align-items:stretch}.draft-actions>.btn{flex:1}.product-anatomy{height:285px}.product-anatomy>img{height:280px}.product-topline .draft-eyebrow{font-size:9px}.draft-principles span{font-size:11px}.draft-section{padding-block:50px}.redesign .draft-section h2{font-size:35px}.draft-section-heading{margin-bottom:28px}.draft-steps{grid-template-columns:1fr;gap:25px}.redesign .draft-steps h3{margin-top:12px}.draft-steps p{max-width:none}.draft-map-model{padding:20px 12px}.redesign .site-anatomy-stage{width:155px}.redesign .anatomy-demo-bodies{gap:8px}.draft-map-result{padding:26px}.draft-map-result ul{display:block}.draft-community{grid-template-columns:1fr;padding-block:40px}.draft-rank-showcase{order:2}.redesign .draft-download h2{font-size:47px}.draft-download{padding-block:65px}.draft-footer .footer-links{gap:17px;flex-wrap:wrap}.draft-account-layout{display:block}.draft-rail{border-right:0;border-bottom:1px solid #363039;padding:12px}.draft-rail>.draft-eyebrow{display:none}.draft-rail nav{display:flex;overflow-x:auto;gap:5px}.draft-rail button,.draft-rail a{flex-shrink:0;font-size:13px;padding:10px}.draft-rail hr,.rail-icon{display:none}.draft-account-main{padding:25px 18px 85px}.draft-account-title{align-items:flex-start;flex-direction:column;gap:16px}.redesign .draft-account-title h1{font-size:29px}.redesign .glass.card{padding:22px}.redesign .stat-row{gap:8px}.redesign .stat-tile .v{font-size:32px}.redesign .stat-tile+.stat-tile{padding-left:10px}.draft-quick-links{gap:12px}.draft-quick-link{padding:18px}.redesign .coin-inventory{grid-template-columns:1fr}.redesign .friend{flex-wrap:wrap}.redesign .friend-actions{margin-left:0}.redesign .chat-drawer{width:calc(100% - 24px);right:12px}.redesign .inline-form{flex-wrap:wrap}.redesign .ticket-list .ticket-actions{display:flex;flex-direction:column}.redesign .kv{grid-template-columns:1fr;gap:5px}.redesign .kv dd{margin-bottom:12px}.redesign .profile-avatar{width:90px;height:90px}}
.redesign .draft-delete-details{border:1px solid #4b333d;border-radius:16px;padding:24px;align-self:start}.redesign .draft-delete-details>summary{color:#eaa2ae;font-size:15px;cursor:pointer}.redesign .draft-delete-details .glass.card{padding:24px 0 0;border:0;background:none}.redesign .inventory-actions{flex-wrap:wrap;gap:10px}.redesign .inventory-actions select{max-width:100%}
@media(prefers-reduced-motion:reduce){.redesign *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}