/* WarpVisuals — shared visual system and presentation layer. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#0d0909;--panel:#161111;--panel-2:#1f1717;--text:#f5f0f0;--muted:#a69796;--muted-2:#807271;--line:rgba(235,222,255,.10);--accent:#e75a89;--accent-2:#f49ab7;--demo-accent:#f16a98}
html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-width:thin;scrollbar-color:#403130 #0d0909}
body{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em}
::selection{background:#a34743;color:white}
:focus-visible{outline:2px solid #f49ab7;outline-offset:5px}
.warp-container{width:min(1160px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.site-header{width:min(1200px,calc(100% - 48px));height:72px;top:20px;padding:0 21px;border-radius:20px;background:rgba(17,16,23,.82);box-shadow:0 10px 40px #0003;backdrop-filter:blur(24px)}
.brand{display:flex;gap:9px;width:auto;background:none;border-radius:0;font-size:19px;font-weight:800;letter-spacing:-1px}
.brand img{width:30px;height:30px}.brand-light{font-weight:500;color:#c2b2b1}.brand sup{font-size:12px;margin-left:4px;vertical-align:top}
.nav-link{font-size:12px;padding:9px 12px;color:#b1a09f}.nav-link.active{background:none;color:#fff}
.pill-btn,.theme-pill{border-radius:10px}.pill-muted{background:#ffffff09;border:1px solid var(--line)}
.theme-pill{height:36px;background:transparent;font-size:12px}
.primary-cta,.secondary-cta,.download-button{min-height:52px;padding:0 25px;border-radius:12px;font-size:13px;gap:24px;font-weight:750;box-shadow:none}
.primary-cta,.download-button{background:linear-gradient(135deg,#f59bb7,#db5b89);color:#241110;box-shadow:0 4px 24px #c9447220;border:1px solid #ffbed03d}
.primary-cta:hover,.download-button:hover{background:linear-gradient(135deg,#ffc0d3,#ee77a0);box-shadow:0 8px 32px #c9447233;transform:translateY(-2px)}
.secondary-cta{background:#ffffff05;border:1px solid #ffffff13;color:#cebdbc}.secondary-cta:hover{background:#ffffff0c}
.warp-hero{position:relative;overflow:hidden;padding-top:155px;background:radial-gradient(ellipse at 50% 42%,#4e24222e,transparent 55%)}
.hero-orbit{position:absolute;width:950px;height:950px;left:50%;top:-405px;transform:translateX(-50%);border:1px solid #e4bfbd0b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 130px #e4bfbd03,0 0 0 260px #e4bfbd02}
.hero-intro{position:relative;text-align:center;z-index:1}
.release-note{display:inline-flex;align-items:center;gap:12px;color:#c5b2b1;font-size:12px;border:1px solid #e8cac91a;border-radius:30px;padding:8px 13px;background:#dfc3c205;letter-spacing:0}
.status-dot{width:5px;height:5px;background:#deb1af;border-radius:50%;box-shadow:0 0 10px #d69e9b}.release-divider{color:#524241}
.hero-intro h1{font-size:clamp(48px,6.2vw,84px);line-height:1.09;letter-spacing:-.065em;margin:26px 0 22px;font-weight:750}
em{font-style:normal;color:#ccaead}.hero-intro h1 em{background:linear-gradient(110deg,#e6c4c2 10%,#d2a09e 80%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{font-size:15px;line-height:1.85;color:#aa9a99;margin:0;letter-spacing:-.01em}
.warp-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}
.hero-caption{font-size:12px;letter-spacing:2px;color:#7f706f;margin-top:24px;display:flex;justify-content:center;gap:18px;align-items:center}.hero-caption span{color:#ca9e9c;font-size:12px}
.client-stage{position:relative;margin-top:55px;margin-bottom:0;padding:8px 8px 0;border:1px solid #ffffff16;border-radius:19px;background:linear-gradient(135deg,#31201f,#201514 55%,#30201f);box-shadow:0 0 100px #95413d1a,0 25px 90px #0007;transform:perspective(1600px) rotateX(3deg);transform-origin:bottom}
.window-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px;font-size:12px;color:#ab9998;letter-spacing:.03em}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#665150;border-radius:50%}.window-dots i:first-child{background:#c16c68}.live-indicator{color:#c0a8a7;font-size:12px}.live-indicator span{color:#ab9998}
.client-stage>img{display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:16/8.5;object-fit:cover;object-position:center 42%}
.client-stage figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 12px;color:#bba7a6;font-size:12px}.client-stage figcaption span:last-child{font-size:12px;letter-spacing:2px;color:#887372}
.feature-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:39px 55px;border-bottom:1px solid var(--line);color:#908180;font-size:12px;letter-spacing:2.5px;font-weight:650}.feature-strip i{font-style:normal;color:#554544}
.warp-section{padding-top:118px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.warp-eyebrow{color:#af8280;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:650;margin:0 0 21px}
.warp-section h2,.final-invite h2{font-size:clamp(34px,4.1vw,56px);font-weight:650;line-height:1.16;letter-spacing:-.05em;margin:0}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:330px;margin:0 0 4px}
.experience-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.experience-card{position:relative;overflow:hidden;min-height:480px;border:1px solid var(--line);border-radius:22px;background:#1a1212}.landscape-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:46% center;filter:brightness(1.35)}.landscape-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#120a0aee,transparent 90%)}
.card-copy{position:relative;z-index:1;padding:35px}.landscape-card .card-copy{position:absolute;bottom:0}.mini-label{font-size:12px;letter-spacing:2px;color:#b9a09f}.experience-card h3{font-size:32px;line-height:1.2;font-weight:650;letter-spacing:-.04em;margin:17px 0 13px}.experience-card p{font-size:12px;line-height:1.85;color:#bfacab;margin:0}
.interface-card{background:radial-gradient(ellipse at 80% 90%,#56272555,transparent 65%),#191111}.theme-demo{margin:0 32px 30px;padding:21px;border-radius:15px;background:linear-gradient(130deg,#2e2120,#1e1312);border:1px solid #e5c1bf1a;box-shadow:0 15px 40px #0004;transform:rotate(-3deg)}
.demo-title{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:17px}.demo-title img{object-fit:contain}.demo-title>span{margin-left:auto;color:var(--demo-accent)}.demo-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff08;padding:12px 0;font-size:12px;color:#bcaaa9}.demo-switch{width:28px;height:16px;border-radius:10px;background:var(--demo-accent);position:relative;transition:background .2s}.demo-switch:after{content:'';width:10px;height:10px;background:#fff;position:absolute;top:3px;right:3px;border-radius:50%}.demo-slider{height:4px;background:#ffffff0b;border-radius:5px;margin:10px 0 18px}.demo-slider span{display:block;width:65%;height:4px;background:var(--demo-accent);border-radius:5px}.theme-colors{display:flex;justify-content:center;gap:12px}.theme-colors button{height:18px;width:18px;background:var(--swatch);border-radius:50%;cursor:pointer;outline-offset:4px}.theme-colors button[aria-pressed=true]{outline:1px solid #e9dcdb}.theme-demo small{display:block;text-align:center;color:#96807f;font-size:12px;margin-top:15px}
.comparison-section .before-after{width:100%;aspect-ratio:16/8.5;border:1px solid var(--line);border-radius:22px}.before-after .compare-img{width:100%;height:100%;object-fit:cover}.compare-label{top:22px;bottom:auto;font-size:12px;letter-spacing:2px;border-radius:7px;background:#140c0cbb;padding:9px 13px}.before-label{left:22px}.after-label{right:22px}.compare-divider{background:#ecd2d1;width:2px}.compare-divider:before,.compare-divider:after{display:none}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#efdad9;color:#3a2322;display:grid;place-items:center;letter-spacing:4px;font-size:18px;box-shadow:0 0 25px #0006}.compare-range{cursor:ew-resize}.before-after:focus-within{outline:2px solid #f49ab7;outline-offset:5px}.comparison-foot{display:flex;justify-content:space-between;padding:17px 2px;color:#8a7776;font-size:12px}
.text-link{font-size:12px;color:#dcb2b0;padding-bottom:8px}.text-link:hover{color:#fff}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ecosystem-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#1d1414,#141010)}.ecosystem-card h3{font-size:20px;letter-spacing:-.035em;font-weight:650;margin:14px 0 10px}.ecosystem-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.feature-art{height:160px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.cloud-art{flex-direction:column;gap:10px;transform:rotate(-7deg)}.config-tile{width:88%;padding:15px 18px;display:flex;align-items:center;gap:14px;border-radius:12px;border:1px solid #cda3a122;background:linear-gradient(100deg,#30201f,#241817);font-size:18px;color:#d8a3a1;box-shadow:0 10px 20px #0003}.config-tile span{font-size:12px;color:#bfa5a4}.config-tile b{margin-left:auto;font-size:12px;color:#cb908d}.config-tile+div{transform:translateX(12px)}.friends-art>img{width:68px;height:68px;object-fit:cover;border-radius:18px;z-index:1;transform:rotate(-8deg);border:1px solid #dbb3b155;box-shadow:0 0 70px #8d5d5b44}.friend-orbit{position:absolute;width:160px;height:130px;border:1px solid #a77a7830;border-radius:50%;transform:rotate(-30deg)}.friend-plus,.friend-star{position:absolute;background:#35201f;border:1px solid #d8a8a62a;border-radius:12px;padding:8px 13px;color:#e0b6b4;font-size:20px}.friend-plus{right:29px;top:18px}.friend-star{bottom:9px;left:29px;font-size:18px}.cosmetic-art{background:radial-gradient(ellipse,#96524f26,transparent 65%);gap:20px}.cosmetic-art img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 20px #c77a7655);transform:rotate(-12deg)}.cosmetic-art>span{font-size:38px;color:#ba8a88}.cosmetic-art>span:last-child{font-size:23px;align-self:flex-start;margin-top:20px}
.start-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-bottom:110px}.start-section .primary-cta{margin-top:30px}.install-steps{list-style:none;margin:0;padding:0}.install-steps li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.install-steps li>span{font-size:12px;color:#ae7d7b;padding-top:4px}.install-steps h3{font-size:17px;font-weight:650;margin:0 0 9px}.install-steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.final-invite{padding:70px 28px;text-align:center;border:1px solid #bf898625;border-radius:26px;background:radial-gradient(ellipse at 50% 120%,#71312e44,transparent 70%),#191010;position:relative;overflow:hidden}.final-invite .warp-eyebrow{display:block}.final-invite h2{font-size:clamp(30px,4vw,52px)}.final-invite h2 em{color:#d6a6a4}
.site-footer{width:min(1160px,calc(100% - 80px));padding:65px 0 35px;margin-top:25px;border-top:1px solid var(--line);font-size:12px}.site-footer strong{font-size:20px;letter-spacing:-.06em}.site-footer p{font-size:12px;color:#80706f}.site-footer nav{align-items:center;gap:30px}.footer-glow{display:none}
.inner-page,.account-root{width:min(1160px,calc(100% - 80px));padding-top:155px;min-height:75vh}.page-heading{margin-bottom:45px}.page-heading h1,.account-header h1{letter-spacing:-.05em;font-size:clamp(34px,4.5vw,60px);font-weight:650}.page-heading>p{color:var(--muted)}.download-panel{border-radius:20px;padding:32px;background:linear-gradient(110deg,#251716,#1b1212);border-color:#c4827f2a}.download-panel h2{font-size:24px;letter-spacing:-.04em}.download-panel p{max-width:620px;line-height:1.8}.info-grid{gap:18px;margin-top:30px}.info-grid article,.account-card,.list-panel{background:linear-gradient(140deg,#1e1312,#151010);border-color:var(--line);border-radius:18px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#1a1212;margin-bottom:12px}.faq-trigger{padding:24px;font-size:16px}.faq-content p{padding:0 24px 24px;color:#b5a09f;line-height:1.8}.account-sidebar{background:#181010;border:1px solid var(--line);padding:10px;border-radius:16px}.acc-nav-btn.active{background:#c87d791a;color:#e9cccb}.security-panel{background:#c678740a;border-color:#c6787425}.field-grid div{background:#ffffff03;border-color:var(--line)}.mobile-menu:not(.active){visibility:hidden}.mobile-menu{top:100px;border-radius:16px}.mobile-menu.active{visibility:visible}.auth-page{grid-template-columns:minmax(0,1.2fr) minmax(440px,1fr)}.auth-visual{padding:50px}.auth-visual img{filter:brightness(.8);object-position:40% center}.auth-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#190c0bdd,transparent)}.auth-art-copy{position:relative;z-index:1;align-self:end;margin-bottom:30px}.auth-art-copy span{font-size:12px;letter-spacing:3px;color:#e2b9b7}.auth-art-copy h2{font-size:clamp(32px,4vw,60px);line-height:1.15;letter-spacing:-.05em;font-weight:650}.auth-art-copy p{font-size:13px;color:#cab0af}.auth-panel{padding:55px clamp(25px,5vw,80px);background:#161010}.auth-title{font-size:32px;letter-spacing:-.045em}.auth-btn{border-radius:12px;background:#ed8eae;color:#251312}.auth-input{background:#221716;border-color:#e1b9b71a;border-radius:10px}.auth-tabs{border-radius:12px}.auth-tabs:before,.auth-tab{border-radius:8px}.auth-tabs:before{background:#cd88852b}.auth-description{font-size:13px}.auth-remember input:focus-visible+.check-visual{outline:2px solid var(--accent-2);outline-offset:3px}
@media(min-width:1500px){.warp-hero{padding-top:180px}.hero-intro h1{font-size:88px}}
@media(max-width:1000px){.warp-container,.inner-page,.account-root,.site-footer{width:calc(100% - 48px)}.site-header{width:calc(100% - 32px)}.brand{font-size:17px}.nav-link{padding:9px 8px;font-size:12px}.experience-card{min-height:450px}.card-copy{padding:26px}.experience-card h3{font-size:28px}.theme-demo{margin:5px 22px 25px}.ecosystem-card{padding:22px}.ecosystem-card h3{font-size:17px}.start-section{gap:40px}.auth-page{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.warp-container,.inner-page,.account-root,.site-footer{width:calc(100% - 36px)}.site-header{height:62px;top:12px;padding:0 15px;border-radius:15px}.brand{font-size:18px}.warp-hero{padding-top:128px}.hero-intro h1{font-size:clamp(40px,8.7vw,60px);letter-spacing:-.06em}.hero-description{font-size:13px}.hero-caption{font-size:12px;letter-spacing:1.2px;gap:12px}.client-stage{margin-top:40px;border-radius:14px;padding:5px 5px 0;transform:none}.client-stage>img{aspect-ratio:4/3;object-fit:cover}.window-bar{font-size:12px;padding:0 7px 5px;height:28px}.live-indicator{font-size:12px}.client-stage figcaption{font-size:12px;padding:11px 6px}.client-stage figcaption span:last-child{display:none}.feature-strip{padding:26px 0;gap:7px;font-size:12px;letter-spacing:1px}.warp-section{padding-top:75px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:22px;max-width:100%;font-size:12px}.section-heading .text-link{display:inline-block;margin-top:24px}.warp-eyebrow{font-size:12px;margin-bottom:16px}.experience-grid,.ecosystem-grid{grid-template-columns:1fr;gap:16px}.experience-card{min-height:420px}.interface-card{min-height:0}.interface-card .card-copy{padding-bottom:25px}.theme-demo{width:calc(100% - 70px);max-width:350px;margin:0 auto 35px}.experience-card h3{font-size:30px}.comparison-section .before-after{aspect-ratio:4/3;border-radius:15px}.compare-label{font-size:12px;letter-spacing:1px;top:13px;padding:7px 9px}.before-label{left:13px}.after-label{right:13px}.comparison-foot{font-size:12px}.ecosystem-card{padding:26px}.ecosystem-card h3{font-size:23px}.feature-art{height:135px;margin-bottom:24px}.config-tile{max-width:280px}.friend-plus{right:22%}.friend-star{left:22%}.start-section{grid-template-columns:1fr;gap:30px;padding-bottom:75px}.start-section .primary-cta{width:auto}.final-invite{padding:46px 18px}.final-invite h2{font-size:32px}.site-footer{padding-top:32px;gap:22px}.site-footer nav{gap:23px}.inner-page,.account-root{padding-top:115px}.download-panel{padding:24px}.auth-page{display:block}.auth-panel{padding:30px 24px;height:100dvh}.auth-visual{display:none}.mobile-menu{top:85px}.account-actions{flex-wrap:wrap}.field-grid{grid-template-columns:1fr}.account-card{padding:18px}.security-panel>div{min-width:0;flex-wrap:wrap}.security-panel input{min-width:0}.security-panel button{flex-shrink:0}.section-row{flex-wrap:wrap}}
@media(max-width:440px){.warp-actions{gap:9px;flex-direction:column}.warp-actions>a{width:100%;max-width:300px;min-height:48px}.hero-intro h1{font-size:40px}.hero-caption{font-size:12px;gap:10px}.release-note{font-size:12px}.window-bar>span:nth-child(2){font-size:12px}.brand{font-size:16px}.brand img{width:26px;height:26px}.theme-pill{width:36px}.header-actions{gap:4px;margin-right:5px}.feature-strip{font-size:12px;letter-spacing:.7px}.final-invite h2{font-size:29px}}
.modal-overlay.hidden{visibility:hidden}.auth-tab{background:transparent}.auth-tab.active{background:transparent}.hero-intro{animation:warp-enter .7s ease both}.client-stage{animation:warp-enter .9s ease both}@keyframes warp-enter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Refined lavender / paper direction. */
:root{--accent:#d79e9b;--accent-2:#e9cccb}
.warp-site{background:#faf5f5;color:#322221}.warp-site .page{color:#322221}
.warp-site .site-header{width:min(940px,calc(100% - 32px));height:62px;top:24px;background:#2e1e1d;color:#fff;border-radius:40px;padding:0 20px;box-shadow:0 8px 30px #3e1d1b12}
.warp-site .brand{font-size:17px}.warp-site .nav-link{color:#cdb8b7}.warp-site .nav-link.active{color:#fff}.warp-site .pill-btn{color:#fff;background:#d79e9b;border-radius:22px}.warp-site .theme-pill{color:#efd9d8}
.warp-hero{padding-top:170px;background:radial-gradient(ellipse at 50% 85%,#f0dbda80,transparent 60%)}.hero-orbit{display:none}
.hero-intro h1{font-size:clamp(44px,5.6vw,76px);font-weight:750;letter-spacing:-.065em;line-height:1.12;margin:30px 0 24px}.hero-intro h1 em{background:none;color:#d1918e}.hero-description{color:#927b7a;font-size:16px}.release-note{color:#bf736f;border-color:#edd4d3;background:#f6ecec}.status-dot{background:#d69d9a}.release-divider{color:#e0c2c1}
.primary-cta,.download-button{background:#d79f9c;color:#fff;border:0;border-radius:30px;box-shadow:none}.primary-cta:hover,.download-button:hover{background:#cc8683;box-shadow:0 8px 25px #cd898633}.secondary-cta{background:#f2e7e7;border:0;color:#72605f;border-radius:30px}.secondary-cta:hover{background:#ebdbda}.client-stage{margin-top:66px;background:#eed8d7;border-color:#e8c6c4;box-shadow:0 20px 70px #9e555220;border-radius:26px;padding:10px 10px 0;transform:none}.window-bar{color:#9f7b79}.window-dots i{background:#d4b0ae}.window-dots i:first-child{background:#cf8d8a}.live-indicator,.live-indicator span{color:#9f7b79}.client-stage figcaption{color:#8e7271}.client-stage>img{aspect-ratio:16/8.5}
.warp-section{padding-top:110px}.warp-section h2,.final-invite h2{font-size:clamp(34px,4vw,52px);font-weight:650}.warp-section h2 em,.final-invite h2 em{color:#c58b88}.section-heading>p{color:#988483;font-size:14px}.experience-card{border:0;border-radius:26px}.landscape-card:after{background:linear-gradient(0deg,#23100fdd,transparent 85%)}.landscape-card h3{color:#fff}.landscape-card p{color:#e0c8c7}.interface-card{background:#f5e7e6}.interface-card h3{color:#503534}.interface-card p{color:#a08483}.theme-demo{background:#fff;border-color:#eed9d8;box-shadow:0 20px 40px #aa797722;transform:rotate(-4deg)}.demo-title{color:#4e3736}.demo-row{color:#aa8c8b;border-color:#f5e9e8}.demo-slider{background:#f2e1e0}.theme-demo small{color:#b89e9d}.comparison-section .before-after{border:0;box-shadow:none}.comparison-foot{color:#a99392}.ecosystem-grid{gap:36px}.ecosystem-card{background:none;border:0;border-radius:0;padding:0 10px 25px}.ecosystem-card h3{color:#523a39;font-size:23px}.ecosystem-card>p{color:#a08b8a;font-size:14px}.feature-art{background:#f5e7e6;border-radius:24px;height:210px}.cloud-art{transform:none}.config-tile{background:#fdfafa;border-color:#edd6d5;box-shadow:0 8px 20px #8e53500b;color:#cc9592}.config-tile span{color:#a08281}.friends-art>img{box-shadow:0 0 70px #8d5d5b22}.friend-orbit{border-color:#e1c0be}.friend-plus,.friend-star{background:#fff;color:#ce9794;border-color:#edd7d6}.cosmetic-art{background:#f5e7e6}.cosmetic-art img{filter:grayscale(1) opacity(.5)}.text-link{color:#c58582}.text-link:hover{color:#92524f}.install-steps li{border-color:#e9dbda}.install-steps p{color:#a58c8b}.install-steps li>span{color:#cea2a0}.final-invite{background:#f4e4e3;border:0;padding:75px 24px;color:#503231}.site-footer{color:#b19a99;border-color:#eadbda}.site-footer strong{color:#8c6866}.site-footer p{color:#b79e9d}
.inner-page,.account-root{padding-top:135px}.page-heading>p,.download-panel p{color:#a08988}.download-panel{background:#f6e9e8;border-color:#ecd6d5;color:#61403e}.info-grid article{background:#f5e8e7;border-color:#edd5d4;color:#654341}.info-grid article p{color:#a88d8c}.faq-item{background:#f6e9e8;border-color:#eed9d8}.faq-trigger{color:#6d4543}.faq-content p{color:#a78988}.version-chip{color:#b3817f}.account-header{margin-bottom:25px}.account-header h1{font-size:36px}.account-actions .soft-btn{background:#f1dfde;color:#a37977}.profile-cover{display:flex;justify-content:space-between;align-items:center;padding:38px 45px;margin-bottom:25px;min-height:210px;border-radius:24px;background:linear-gradient(110deg,#efd8d7,#e3bbb9);overflow:hidden}.profile-cover span{font-size:12px;letter-spacing:2px;color:#b88a88}.profile-cover h2{font-size:30px;color:#8d5451;font-weight:600;letter-spacing:-1px;margin:15px 0}.profile-cover p{color:#b88b89;font-size:13px}.profile-cover img{filter:grayscale(1) brightness(2);opacity:.6;transform:rotate(-12deg)}.account-sidebar{background:#f5e8e7;border:0;min-width:195px;align-self:flex-start;padding:12px}.acc-nav-btn{color:#b28d8b;font-size:13px;border-radius:10px}.acc-nav-btn.active{background:#fff;color:#9c625f;box-shadow:0 4px 16px #8e514e08}.account-card,.list-panel{background:#fff;border:1px solid #efdedd;box-shadow:0 8px 35px #81474404;padding:28px}.profile-topline h2{color:#8b5755}.profile-topline p{color:#ba9795}.field-grid div{background:#f9f3f3;border:0;padding:17px}.field-grid span{color:#c19a98;font-size:12px}.field-grid strong{color:#af7875}.security-panel{background:#f8f0f0;border-color:#f3e2e1;gap:22px;padding:22px}.security-panel h3{color:#b27976;font-size:14px}.security-panel p{color:#cca4a2;font-size:12px}.security-panel .soft-btn{color:#bd8c8a;background:#f3e1e0}.security-panel input{color:#b37a77!important;background:#fff!important;border-color:#eed6d5!important}.security-panel .pill-btn{background:#d8a29f;color:#fff}.account-content h2{color:#956361}.account-content .section-row p{color:#c49b99}.config-item,.friend-item,.request-item{background:#f7ebea;color:#b17673;padding:20px}.config-item-name,.friend-name{color:#ab706d}.config-item-date,.friend-game-status{color:#cea6a4}.friends-mode-tabs{background:#f5e7e6;border-color:#ebd1d0}.friends-mode-tab{color:#cca09e}.friends-mode-tab.active{color:#af726f}.empty-state,.config-placeholder{color:#c99a98;background:#f6eae9;padding:35px}.soft-btn{background:#f1dfde;color:#b47976}.danger-btn{background:#f2e3e2;color:#c08a87}.account-content{min-width:0}.notification{color:#fff}.auth-art-copy span{display:none}
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:760px){.warp-site .site-header{top:12px;height:58px}.warp-hero{padding-top:120px}.hero-intro h1{font-size:42px}.hero-description{font-size:13px}.client-stage{margin-top:45px}.warp-section{padding-top:70px}.profile-cover{padding:26px;min-height:180px}.profile-cover h2{font-size:24px}.profile-cover img{width:65px;height:65px}.account-root{padding-top:105px}.account-header h1{font-size:28px}.account-sidebar{align-self:stretch;min-width:0}.account-card{padding:18px}.feature-art{height:190px}.security-panel{padding:16px}.hero-intro h1{font-size:clamp(32px,8vw,42px)}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}

.warp-site .section-heading>p,.hero-description,.ecosystem-card>p,.install-steps p,.page-heading>p,.download-panel p,.info-grid article p,.faq-content p{color:#7f6968}.account-content .section-row p,.field-grid span,.security-panel p,.profile-topline p,.config-item-date,.friend-game-status{color:#8f7372}.field-grid strong,.config-item-name,.friend-name{color:#604342}.account-content h2,.profile-topline h2,.security-panel h3{color:#503635}.empty-state,.config-placeholder{color:#876462}.profile-cover p{color:#89605e}.acc-nav-btn{color:#8d6967}.site-footer p{color:#987b7a}


.account-content .config-item-actions button,.request-actions button,.friend-unfriend-btn{background:#f1dcdb!important;color:#755250!important;border-color:#e6c9c8!important;box-shadow:none}.account-content .config-apply-btn{background:#cf8f8c!important;color:white!important}.account-content .config-del-btn,.friend-unfriend-btn{background:#f4e7e6!important;color:#ab5c58!important}.account-actions .soft-btn{color:#805755}.danger-btn{color:#a35652}.acc-nav-btn.active{background:#fff!important;color:#915653!important}.security-panel .soft-btn{color:#8a5552}.profile-cover h2{color:#7a504e}.profile-cover span{color:#916664}.friends-mode-tabs:before{background:#e9cccb}.friends-mode-tab.active{color:#804e4c}.account-content .soft-btn{color:#8c5855}.account-content .section-row h2{font-size:24px}.theme-demo .demo-title{color:#50403f}.theme-demo small{color:#967d7c}@media(max-width:760px){.account-sidebar{gap:6px}.acc-nav-btn{padding:12px 16px;min-width:max-content;overflow:visible}.profile-cover img{display:none}.config-item{flex-wrap:wrap;gap:16px}.config-item-actions{justify-content:flex-start}.account-actions .soft-btn,.account-actions .danger-btn{width:auto}.account-actions{gap:10px}}


@keyframes tabReveal{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}.acc-tab.active{animation:tabReveal .18s ease}.warp-site .hero-intro{animation:none}.warp-site .client-stage{animation:none}


@media(max-width:760px){.account-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px}.acc-nav-btn{padding:12px 5px;min-width:0;font-size:12px;text-align:center;white-space:normal}.account-sidebar::-webkit-scrollbar{display:none}}.warp-site .modal-box{color:#f5f0f0}.warp-site .modal-box p{color:#bca1a0}

