:root{--ink:#24242b;--muted:#777782;--line:#e9e6e8;--paper:#f4f6fa;--white:#fff;--purple:#7860c7;--pale:#eeebfa;--mint:#dff6eb;--pink:#ffe9ee;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ac95f4;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.header{position:sticky;top:0;z-index:30;background:rgba(248,249,252,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navrow{display:flex;align-items:center;gap:28px;min-height:76px}.brand{font:700 24px 'Space Grotesk';letter-spacing:-1.6px;white-space:nowrap}.brand span{color:var(--purple)}.links{display:flex;align-items:center;gap:28px;margin-left:auto}.links button{border:0;background:none;color:#666470;font-size:13px;font-weight:700}.links button:hover{color:var(--purple)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:100px;padding:13px 20px;background:var(--pale);color:var(--ink);font-size:13px;font-weight:800;transition:transform .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--purple);color:white}.btn.primary:hover{background:#7054c6}.btn.soft{background:white;border:1px solid var(--line)}.btn.pink{background:#ffdae6}.btn.mint{background:#d5f3e3}.btn.small{padding:10px 15px}.avatar{border:1px solid #e0dce9;background:#e8e0ff;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-weight:800;color:#624ba8;font-size:15px}.avatar-btn{padding:0;border:0;background:transparent}.hero{padding:76px 0 52px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px}.eyebrow{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:1.9px;text-transform:uppercase}.hero h1{font:700 clamp(55px,7.8vw,110px)/.98 'Space Grotesk';letter-spacing:-.085em;margin:18px 0 20px}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{font-size:17px;line-height:1.6;color:#686772;max-width:460px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{min-height:355px;background:linear-gradient(140deg,#ece9f8,#edf2fa 72%,#f3f5fa);border-radius:34px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:'';width:270px;height:270px;border-radius:50%;background:#fff9;position:absolute;filter:blur(1px)}.hero-card{position:relative;background:white;border:1px solid #ede8f2;border-radius:24px;padding:22px;width:min(275px,80%);box-shadow:0 18px 50px #6c4f9425;transform:rotate(-5deg)}.hero-card .hero-emoji{font-size:90px;text-align:center;background:#e9f4e4;border-radius:17px;padding:18px}.hero-card strong{display:block;font:700 22px 'Space Grotesk';margin:15px 0 4px}.hero-card small{color:var(--muted)}.floating-pill{position:absolute;background:white;border:1px solid #eee5f4;border-radius:100px;padding:12px 17px;box-shadow:0 12px 25px #9c85b82b;font-weight:800;font-size:13px}.pill-one{top:55px;right:18px;transform:rotate(9deg)}.pill-two{bottom:60px;left:10px;transform:rotate(-8deg)}.section{padding:42px 0 60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font:700 clamp(28px,4vw,43px) 'Space Grotesk';letter-spacing:-2px;margin:7px 0 0}.section-head p{color:var(--muted);margin:0;max-width:300px;font-size:14px;line-height:1.5}.swipe-feature{background:#eeedf8;border:1px solid #e3e0f2;border-radius:26px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 40px}.swipe-feature h2{font:700 clamp(26px,3.5vw,42px) 'Space Grotesk';letter-spacing:-2px;margin:6px 0}.swipe-feature p{margin:0;color:#77718c;font-size:14px}.swipe-visual{display:flex;gap:9px;align-items:center}.swipe-visual span{background:white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:22px}.swipe-visual span:nth-child(2){background:var(--purple);color:white}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.chip{border:1px solid var(--line);background:white;color:#6f6e78;border-radius:100px;padding:9px 16px;font-size:12px;font-weight:700}.chip.active{background:#eae3fa;border-color:#d4c5f7;color:#6043b0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.toolbar .right{display:flex;gap:10px}.input,.select,.textarea{width:100%;background:white;border:1px solid #dedce2;border-radius:12px;padding:13px 14px;color:var(--ink);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#9b7ee7}.textarea{min-height:100px;resize:vertical}.search{max-width:270px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product{background:white;border:1px solid #ebe8e8;border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:0}.product:hover{transform:translateY(-5px);box-shadow:0 16px 38px #30254110}.product-visual{height:220px;display:grid;place-items:center;position:relative;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.emoji-art{font-size:90px;filter:drop-shadow(0 12px 6px #00000016)}.tag{position:absolute;top:15px;left:15px;background:#fffffff0;border-radius:100px;padding:8px 11px;font-size:11px;font-weight:800}.price{position:absolute;bottom:15px;right:15px;background:white;border-radius:11px;padding:8px 12px;font-weight:800;font-size:15px}.product-body{padding:19px 20px 21px}.product-body h3{font:700 19px 'Space Grotesk';letter-spacing:-.6px;margin:0 0 8px}.product-body p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.product-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#777681;font-size:12px;font-weight:700}.explore-row{text-align:center;margin-top:26px}.explore-row button{min-width:180px}.footer{border-top:1px solid var(--line);padding:26px 0;color:#8b8992;font-size:12px;display:flex;justify-content:space-between;gap:15px}.overlay{position:fixed;inset:0;background:#27222b80;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.overlay.show{display:flex}.dialog{width:min(880px,100%);max-height:min(92vh,980px);overflow-y:auto;background:var(--paper);border-radius:24px;box-shadow:0 22px 80px #211b2740;position:relative}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:5}.dialog-header strong{font:700 18px 'Space Grotesk'}.icon-btn{border:1px solid var(--line);background:white;width:35px;height:35px;border-radius:50%;font-size:19px}.dialog-content{padding:27px}.case-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}.case-detail .photo{height:310px;border-radius:19px;overflow:hidden;display:grid;place-items:center;font-size:100px}.case-detail .photo img{width:100%;height:100%;object-fit:cover}.case-detail h2{font:700 clamp(27px,4vw,39px) 'Space Grotesk';letter-spacing:-1.7px;margin:8px 0}.muted{color:var(--muted);line-height:1.55;font-size:14px}.tiny{font-size:12px;color:var(--muted)}.choice-row{display:flex;gap:10px;margin:20px 0 12px}.choice-row button{flex:1}.field{margin:15px 0}.field label{display:block;font-size:12px;font-weight:800;letter-spacing:.4px;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.vote-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:17px;margin-top:16px}.vote-meter{height:10px;border-radius:20px;background:#f9dce5;overflow:hidden;margin:13px 0}.vote-meter span{height:100%;display:block;background:#9d82e6}.reason{padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.55}.reason small{display:block;color:var(--muted);margin-top:4px}.notice{background:#f0eaff;color:#6d58a3;border-radius:12px;padding:13px;font-size:12px;line-height:1.5;margin:15px 0}.sub-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.upload{border:1.5px dashed #c9bce9;background:#f8f5ff;border-radius:15px;padding:18px;text-align:center}.upload.drag{background:#eee6ff}.upload label{cursor:pointer;display:block;font-weight:700;font-size:13px}.upload input{display:none}.upload img{width:100%;max-height:210px;object-fit:contain;border-radius:12px;margin-top:12px}.upload-status{font-size:12px;color:#7b728c;margin:8px 0}.profile-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.profile-head .avatar{width:60px;height:60px;font-size:23px}.profile-head h2{margin:0;font:700 29px 'Space Grotesk'}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:18px 0}.tabs button{border:0;background:none;padding:12px 14px;color:#85808a;font-weight:700}.tabs button.active{color:var(--purple);border-bottom:2px solid var(--purple)}.history{display:grid;gap:10px}.history-row{background:white;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;align-items:center;gap:14px}.history-row .thumb{width:66px;height:65px;border-radius:10px;display:grid;place-items:center;font-size:28px;overflow:hidden;flex-shrink:0}.history-row .thumb img{width:100%;height:100%;object-fit:cover}.history-row .details{flex:1;min-width:0}.history-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row small{color:var(--muted)}.history-row .btn{padding:10px 13px}.swipe-stage{max-width:440px;margin:auto;text-align:center}.swipe-card{border-radius:22px;overflow:hidden;background:white;border:1px solid var(--line);box-shadow:0 15px 45px #62527b20;touch-action:pan-y;user-select:none}.swipe-photo{height:260px;display:grid;place-items:center;font-size:105px}.swipe-photo img{width:100%;height:100%;object-fit:cover;pointer-events:none}.swipe-info{padding:20px;text-align:left}.swipe-info h3{font:700 25px 'Space Grotesk';margin:5px 0}.swipe-info p{font-size:13px;color:var(--muted);line-height:1.5}.swipe-actions{display:flex;gap:12px;justify-content:center;margin:20px 0}.swipe-actions button{min-width:125px}.dupe-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dupe-tile{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:9px}.dupe-tile .dupe-img{height:145px;display:grid;place-items:center;font-size:68px;border-radius:12px;overflow:hidden}.dupe-tile img{width:100%;height:100%;object-fit:cover}.quiz-opt{display:block;width:100%;border:1px solid var(--line);background:white;padding:15px;border-radius:13px;text-align:left;margin:10px 0}.quiz-opt:hover{border-color:var(--purple)}.empty{padding:45px 15px;text-align:center;color:var(--muted);grid-column:1/-1}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;background:#302c39;color:white;padding:13px 20px;border-radius:14px;z-index:120;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.split-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-card{max-width:420px;margin:auto}.auth-card h2{font:700 34px 'Space Grotesk';letter-spacing:-1px;margin:8px 0}.badge{display:inline-flex;padding:6px 9px;border-radius:100px;background:var(--pale);color:#7557bf;font-size:11px;font-weight:800}.profile-public-note{font-size:12px;color:var(--muted);margin-top:7px}
@media(max-width:980px){.links{display:none}.nav-actions{margin-left:auto}.hero{gap:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-height:320px}.hero h1{font-size:70px}}@media(max-width:680px){.shell{width:min(100% - 30px,1160px)}.navrow{min-height:66px;gap:10px}.brand{font-size:20px}.nav-actions .post-nav{display:none}.hero{grid-template-columns:1fr;padding:45px 0 26px;gap:22px}.hero h1{font-size:clamp(55px,13vw,75px)}.hero-art{min-height:270px}.hero-card{width:215px;padding:13px}.hero-card .hero-emoji{font-size:62px}.floating-pill{font-size:11px}.section{padding:30px 0}.section-head{align-items:start}.section-head p{display:none}.swipe-feature{padding:22px;flex-wrap:wrap}.swipe-feature .swipe-visual{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-visual{height:155px}.emoji-art{font-size:65px}.product-body{padding:12px}.product-body h3{font-size:15px}.product-body p{font-size:12px;min-height:36px}.tag{top:8px;left:8px;font-size:9px;padding:5px 7px}.price{bottom:8px;right:8px;font-size:12px;padding:6px}.product-bottom{font-size:10px}.toolbar{flex-wrap:wrap}.toolbar .search{max-width:none;flex:1}.toolbar .right{width:100%}.toolbar .right select{flex:1}.dialog-content{padding:19px}.dialog-header{padding:16px 19px}.case-detail,.form-grid{grid-template-columns:1fr}.case-detail .photo{height:235px}.choice-row{flex-wrap:wrap}.history-row{gap:9px}.history-row .thumb{width:48px;height:48px}.history-row .btn{font-size:11px}.footer{flex-wrap:wrap}}@media(max-width:380px){.cards{grid-template-columns:1fr}.product-visual{height:215px}.nav-actions .btn{padding:10px 11px;font-size:11px}}

/* V6: quieter, more polished responsive experience */
:root{--purple:#785bc8;--paper:#fcfbfa;--pale:#f0ecfb;--line:#eae6ec;--ink:#292631}
[hidden]{display:none!important}.header{box-shadow:0 2px 22px #52427008}.navrow{min-height:72px}.brand{font-size:23px}.btn.primary{box-shadow:0 5px 16px #8061c326}.post-nav{background:#7557cc!important;padding:13px 19px!important;box-shadow:0 6px 18px #785bc83b!important}.post-nav:hover{transform:translateY(-2px) scale(1.02)}.hero{padding-top:65px}.hero-art{background:linear-gradient(135deg,#f2ecfc 0%,#f7eef2 100%)}.hero-card{transform:rotate(-3deg)}.swipe-feature{background:linear-gradient(105deg,#ece5fd,#f6f1ff);border-color:#e7ddfb;box-shadow:0 9px 30px #7b64b00c}.swipe-feature .btn{padding:17px 26px;font-size:14px}.product{box-shadow:0 4px 20px #40384d08}.product:hover{box-shadow:0 18px 36px #6a5b8318}.guide-page{padding:52px 0 110px}.guide-page h1{font:700 clamp(44px,7vw,88px)/1.05 'Space Grotesk';letter-spacing:-.07em;margin:22px 0}.guide-page h1 em{font-style:normal;color:var(--purple)}.guide-intro{font-size:18px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:50px 0}.guide-step{padding:30px;background:white;border:1px solid var(--line);border-radius:24px;min-width:0}.guide-num{font-size:12px;font-weight:800;color:var(--purple)}.guide-icon{font-size:45px;margin:28px 0}.guide-step h2{font:700 23px 'Space Grotesk';letter-spacing:-1px}.guide-step p{color:var(--muted);line-height:1.6}.guide-cta{border-radius:26px;background:#eee8fa;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:22px}.guide-cta h2{font:700 27px 'Space Grotesk';margin:0 0 8px}.guide-cta p{color:var(--muted);margin:0}.onboard-hero{text-align:center;padding:15px 0 5px}.onboard-symbol{font-size:54px;margin-bottom:15px}.onboard-hero h2{font:700 clamp(26px,4vw,38px) 'Space Grotesk';letter-spacing:-1.5px;margin:6px 0 12px}.onboard-hero p{max-width:450px;margin:0 auto 22px}.onboard-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.onboard-choice{background:white;border:1px solid #e9e4ef;border-radius:19px;padding:22px;text-align:left;cursor:pointer;transition:.2s}.onboard-choice:hover{border-color:#b9a5ef;transform:translateY(-3px);box-shadow:0 12px 25px #785bc816}.onboard-choice .choice-icon{font-size:30px;display:block;margin-bottom:13px}.onboard-choice strong{display:block;font:700 19px 'Space Grotesk';margin-bottom:8px}.onboard-choice small{font-size:12px;line-height:1.6;color:var(--muted)}.onboard-skip{border:0;background:transparent;color:#888096;font-size:12px;padding:10px}.guest-notice{background:#f2edff;border:1px solid #e5dafd;border-radius:18px;padding:22px;text-align:center;margin:0 auto 20px;max-width:510px}.guest-notice h2{font:700 25px 'Space Grotesk';margin:8px 0}.guest-notice p{color:#746b83;font-size:14px;line-height:1.6}.guest-notice .hero-actions{justify-content:center}.profile-back{margin-bottom:18px}.profile-summary{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.profile-pill{border-radius:12px;background:#f3effb;padding:12px 15px;font-size:12px;font-weight:700}.profile-banner{border-radius:20px;background:linear-gradient(120deg,#eee7ff,#faf2f7);padding:24px;margin-bottom:20px}.profile-banner h2{font:700 27px 'Space Grotesk';margin:0 0 7px}.profile-banner p{margin:0;color:#746b83;font-size:13px}.history-row{min-width:0}.history-row .details{min-width:0}.history-row .details strong{overflow-wrap:anywhere}
@media(max-width:900px){.hero{gap:24px}.navrow{gap:15px}.links{gap:14px}.guide-grid{gap:12px}.guide-step{padding:22px}.swipe-feature{flex-wrap:wrap}.swipe-feature .btn{margin-left:auto}}
@media(max-width:680px){.shell{width:calc(100% - 32px)}.navrow{flex-wrap:wrap;min-height:0;padding:13px 0;gap:10px}.brand{font-size:21px}.links{order:3;width:100%;margin-left:0;justify-content:center;gap:16px;padding:5px 0}.links button{font-size:12px}.nav-actions{margin-left:auto}.post-nav{padding:11px 13px!important;font-size:11px}.hero{grid-template-columns:1fr;padding:44px 0 25px;gap:25px}.hero h1{font-size:clamp(48px,14vw,78px)}.hero-art{min-height:270px}.hero-card{max-width:235px}.hero-card .hero-emoji{font-size:60px}.swipe-feature{padding:23px;gap:15px}.swipe-feature .btn{width:100%;margin:0}.swipe-visual{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-visual{height:160px}.product-body{padding:14px}.product-body h3{font-size:16px}.product-body p{font-size:12px}.section-head{align-items:start}.section-head p{display:none}.toolbar{flex-wrap:wrap}.search{max-width:none;flex:1}.guide-grid{grid-template-columns:1fr;margin:30px 0}.guide-cta{flex-direction:column;align-items:stretch}.onboard-choices{grid-template-columns:1fr}.case-detail{grid-template-columns:1fr}.dialog-content{padding:20px}.dialog-header{padding:18px 20px}.profile-head{flex-wrap:wrap}.history-row{gap:9px}.history-row .btn{padding:9px 11px;font-size:11px}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.product-visual{height:210px}.hero-actions .btn{flex:1}.brand{font-size:19px}.nav-actions{gap:6px}.post-nav{font-size:10px}.avatar{width:34px;height:34px}.swipe-feature h2{font-size:30px}}

/* V7: editorial polish, purposeful hierarchy */
body{background:#fcfbfa}.btn.primary{background:#7452c8}.hero-post{font-size:15px;padding:17px 28px;box-shadow:0 10px 22px #7959b52c}.post-nav{background:#7452c8!important;color:white!important;box-shadow:0 6px 17px #7959b52a}.hero-art{background:linear-gradient(145deg,#ede7fa,#f7e8ed 72%,#fff4e9)}.product{box-shadow:0 3px 16px #30254108}.product:hover{box-shadow:0 14px 28px #30254112}.section{padding-block:42px}.swipe-feature{background:#f0eafd;border:1px solid #e5dcf5}.swipe-feature h2{font-size:clamp(26px,3.4vw,38px)}#swipeSection{padding-top:8px;padding-bottom:75px}#discover{padding-bottom:38px}.explore-page{min-height:75vh}.explore-page h1{font:700 clamp(38px,6vw,68px) 'Space Grotesk';letter-spacing:-3px;margin:16px 0}.explore-page .toolbar{margin-top:32px}.auth-switch{display:flex;gap:9px;margin:22px 0}.auth-submit{width:100%;margin-top:12px}.auth-error{color:#b53b65;font-size:13px;min-height:18px}.auth-note{margin-top:20px}.welcome-tip{position:fixed;right:24px;bottom:24px;z-index:65;display:flex;flex-direction:column;align-items:flex-start;gap:9px;max-width:285px;padding:23px;background:#fff;border:1px solid #e7dff4;border-radius:20px;box-shadow:0 20px 50px #3b27582a}.welcome-tip strong{font:700 19px 'Space Grotesk'}.welcome-tip>span:not(.eyebrow){font-size:13px;color:#777}.tip-x{position:absolute;top:10px;right:13px;border:0;background:none;font-size:21px;color:#999}.swipe-actions{flex-wrap:wrap;justify-content:center}.swipe-actions .btn{white-space:normal}.dialog{max-height:90dvh}.case-detail{align-items:start}#voteReason{min-height:84px}.footer{margin-top:0}
@media(max-width:800px){.navrow{gap:12px;flex-wrap:wrap;padding-block:12px}.links{order:3;width:100%;margin-left:0;justify-content:center;gap:22px}.nav-actions{margin-left:auto}.hero{padding-top:42px;gap:22px}.swipe-feature{flex-wrap:wrap}.swipe-visual{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.case-detail{grid-template-columns:1fr}.case-detail .photo{height:250px}}
@media(max-width:560px){.shell{width:min(100% - 30px,1160px)}.hero{grid-template-columns:1fr}.hero-art{min-height:270px}.hero h1{font-size:clamp(52px,14vw,78px)}.hero p{font-size:15px}.cards{grid-template-columns:1fr}.product-visual{height:220px}.section-head{align-items:start;flex-direction:column}.toolbar{flex-direction:column;align-items:stretch}.search{max-width:none}.swipe-feature{padding:22px}.dialog-content{padding:18px}.dialog-header{padding:16px}.form-grid{grid-template-columns:1fr}.welcome-tip{left:15px;right:15px;bottom:15px;max-width:none}.post-nav{padding:10px 12px;font-size:11px}.brand{font-size:20px}.links button{font-size:12px}}

/* V8: discoverable, editorial feature hub */
.feature-hub{padding-top:18px;padding-bottom:44px}.feature-hub .section-head{margin-bottom:24px}.feature-hub .section-head p{max-width:340px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-tile{min-height:255px;border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.feature-tile:hover{transform:translateY(-3px);box-shadow:0 16px 32px #32264812}.feature-tile.dna{background:#f0eafd}.feature-tile.regret{background:#eaf4e9}.feature-icon{font-size:34px;line-height:1;margin-bottom:20px}.feature-tile h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,3vw,35px);letter-spacing:-1.4px;margin:0 0 8px}.feature-tile p{font-size:15px;line-height:1.55;color:#655e70;max-width:320px;margin:0 0 24px}.feature-tile .btn{margin-top:auto;background:white}.feature-tag{position:absolute;top:26px;right:26px;border-radius:100px;background:#ffffffb5;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.08em}.feature-tile .decor{position:absolute;right:25px;bottom:16px;font-size:85px;opacity:.12;pointer-events:none}.feature-hub .eyebrow{margin-bottom:10px}@media(max-width:680px){.feature-grid{grid-template-columns:1fr;gap:14px}.feature-tile{min-height:215px;padding:23px}.feature-tile p{margin-bottom:18px}.feature-icon{margin-bottom:14px}}

/* V9 — warm, restrained editorial palette */
:root{--paper:#f5f2ec;--white:#fffdf9;--line:#e4ded8;--pale:#eee8f5;--purple:#7255b4;--muted:#79747c}
body{background:linear-gradient(125deg,#f5f1e9 0%,#f4f0ed 48%,#f0f0e9 100%) fixed}
.header,.dialog-header{background:rgba(249,246,241,.96)}
.product,.vote-panel,.history-row,.dialog,.chip,.btn.soft,.input,.select,.textarea{background:#fffdf9}
.product{box-shadow:0 8px 24px #6657480a;border-color:#e6dfd9}
.product:hover{box-shadow:0 15px 35px #6657481c}
.hero-art{background:linear-gradient(135deg,#e9e1f2,#f3e7e2 65%,#e7eee4)}
.feature-tile{box-shadow:0 8px 24px #65536c0c}
.welcome-tip{background:#fffaf1!important;border:2px solid #b49bdf!important;box-shadow:0 16px 44px #5e4b7630!important;max-width:min(350px,calc(100vw - 24px));z-index:70}
.welcome-tip::before{content:'✦ NEW HERE?';display:block;color:#7255b4;font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:5px}
.lab-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.lab-stat{border:1px solid var(--line);border-radius:17px;background:#f7f3ed;padding:17px 12px}
.lab-stat strong{display:block;font:700 clamp(20px,3vw,28px) 'Space Grotesk';margin-bottom:5px}
.lab-stat small{font-size:11px;color:var(--muted)}
.lab-item{border:1px solid var(--line);background:#fffdf9;border-radius:18px;padding:17px;margin:12px 0}
.lab-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.lab-item h3{margin:0 0 5px;font:700 18px 'Space Grotesk'}
.lab-item p{margin:6px 0;color:var(--muted);font-size:13px;line-height:1.5}
.lab-progress{height:8px;border-radius:99px;background:#e8e1ed;overflow:hidden;margin:14px 0 8px}
.lab-progress>span{display:block;height:100%;background:#9479c6;border-radius:99px}
.lab-pill{background:#eee9f7;color:#634aa1;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}
.lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lab-note{background:#f2eee6;border-radius:14px;padding:13px;color:#716b71;font-size:12px;line-height:1.5}
.lab-empty{background:#f4f0e9;border:1px dashed #d6cbd6;border-radius:18px;padding:25px;text-align:center}
@media(max-width:560px){.lab-summary{gap:7px}.lab-stat{padding:12px 9px}.lab-stat strong{font-size:19px}.lab-item-head{flex-direction:column;gap:8px}.dialog-content{padding:18px}}

/* V10: cool pearl, editorial restraint */
body{background:#f4f6fa}
.header,.dialog-header{background:rgba(248,249,252,.97)}
.product,.vote-panel,.history-row{box-shadow:0 5px 22px rgba(48,45,80,.035)}
.section-head p{color:#74758a}
@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:190px}}
@media(max-width:520px){.cards{grid-template-columns:minmax(0,1fr)}.product-visual{height:230px}}

/* V12: photographic case cards + private wishlist image uploader */
.hero-card .hero-emoji{padding:0;overflow:hidden;height:190px}.hero-card .hero-emoji img{width:100%;height:100%;object-fit:cover;display:block}
.product-visual img,.case-detail .photo img{display:block;object-fit:cover;transition:transform .3s ease}.product:hover .product-visual img{transform:scale(1.035)}
.photo-unavailable{background:linear-gradient(135deg,#e8e8f2,#f2edf3)}.photo-unavailable:after{content:'Photo unavailable';font-size:12px;color:#79738b}.photo-placeholder{font-size:13px;color:#79738b}
.lab-photo{height:170px;max-width:270px;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#f0edf5}.lab-photo img{width:100%;height:100%;object-fit:cover}
.lab-upload{border:1.5px dashed #c8bce7;background:#f7f5fc;border-radius:16px;padding:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lab-upload.drag{background:#ece5fc}.lab-preview{display:flex;align-items:center;gap:14px;width:100%;margin-top:8px}.lab-preview img{width:118px;height:105px;object-fit:cover;border-radius:12px}
@media(max-width:600px){.lab-photo{max-width:none;height:180px}.lab-preview{flex-wrap:wrap}}

/* V14 design refinements */
.optional-tag{display:inline-flex;align-items:center;margin-left:9px;padding:4px 9px;border-radius:100px;background:#eae5f8;color:#6d55ad;font-size:10px;letter-spacing:.09em;font-weight:800;vertical-align:middle}
.swipe-stage{max-width:510px;width:100%;margin:0 auto;text-align:center}
.swipe-stage>.eyebrow{margin-bottom:15px}
.swipe-card{display:flex;flex-direction:column;box-shadow:0 14px 42px #504b6512;border-color:#e5e0e9}
.swipe-photo{height:clamp(230px,34vh,345px);background:#f0edf6;overflow:hidden}
.swipe-photo img{object-fit:cover;object-position:center}
.swipe-info{padding:20px 24px 23px;min-height:148px;text-align:left}
.swipe-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7657bb;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.swipe-meta strong{font-size:16px;letter-spacing:0;color:#29242f}
.swipe-info h3{font-size:clamp(22px,3.5vw,29px);line-height:1.12;margin:9px 0 8px}
.swipe-info p{margin:0;color:#73717e;font-size:14px;line-height:1.45}
.swipe-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}
.swipe-actions button{flex:1 1 135px;max-width:225px;min-width:0}
.swipe-reason-label{display:block;text-align:left;font-size:12px;font-weight:800;letter-spacing:.06em;margin:22px 0 10px}
.swipe-reason-input{background:#f2eefb!important;border:1.5px solid #bca7eb!important;min-height:148px;font-size:15px;box-shadow:inset 0 0 0 1px #ffffff88}
.swipe-reason-input::placeholder{color:#80758f}
.field:has(#voteReason) .textarea{background:#f5f1fd;border-color:#c9b7ed;min-height:128px}
.field:has(#voteReason) .textarea::placeholder{color:#80758f}
.sort-shell{position:relative;min-width:180px;flex-shrink:0}
.sort-shell>.select{display:none}
.sort-trigger{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;border:1px solid #dcd5e9;border-radius:15px;background:#fff;color:#322a3e;font-size:13px;font-weight:750;padding:13px 15px;box-shadow:0 3px 12px #5d4a8110}
.sort-trigger:hover,.sort-trigger[aria-expanded=true]{border-color:#a995df;background:#f8f5ff}
.sort-chevron{font-size:12px;color:#7b5bc5}
.sort-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:225px;background:white;border:1px solid #e3dbef;border-radius:16px;padding:7px;box-shadow:0 18px 40px #45336320;z-index:29}
.sort-menu[hidden]{display:none}
.sort-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;color:#45404e;padding:12px 13px;border-radius:10px;font-size:13px;text-align:left;font-weight:650}
.sort-menu button:hover,.sort-menu button[aria-selected=true]{background:#eee9fa;color:#6849b0}
@media(max-width:600px){.swipe-info{padding:17px}.swipe-photo{height:240px}.swipe-stage{max-width:100%}.swipe-actions{gap:9px}.sort-shell{min-width:150px}.sort-trigger{padding:11px}}

/* V15 — explicit photo/content separation, accessible optional reason, refined sorting */
.swipe-card{display:grid!important;grid-template-rows:minmax(0,auto) auto!important;overflow:hidden!important;background:#fff!important}
.swipe-photo{display:block!important;width:100%!important;height:clamp(240px,39vh,370px)!important;position:relative!important;overflow:hidden!important;flex:none!important;line-height:0!important}
.swipe-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-height:none!important;position:static!important}
.swipe-info{display:block!important;position:relative!important;z-index:1!important;background:#fff!important;color:#24242b!important;padding:20px 24px 25px!important;min-height:0!important;transform:none!important}
.swipe-info .swipe-meta{display:flex!important;position:static!important;margin:0 0 12px!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;color:#7155b5!important}
.swipe-info .swipe-meta span{display:inline-block!important;border-radius:100px!important;background:#f0ebfa!important;padding:7px 11px!important;font-size:12px!important}
.swipe-info .swipe-meta strong{display:inline-block!important;font-size:15px!important;color:#4d3c79!important;background:#f6f3fa!important;border-radius:100px!important;padding:7px 12px!important}
.swipe-info h3{position:static!important;margin:0 0 8px!important;color:#24242b!important;font-size:clamp(23px,3.5vw,29px)!important}
.swipe-info p{position:static!important;margin:0!important;color:#75717e!important;font-size:14px!important;line-height:1.5!important}
.swipe-reason-label{font-size:15px!important;letter-spacing:0!important;margin:18px 0 12px!important;color:#292533!important}
.swipe-reason-label .optional-tag{font-size:12px!important;background:#e9e2fa!important;color:#6448ad!important;padding:6px 11px!important}
.swipe-reason-input{background:#f5f1ff!important;border:2px solid #c4b0f0!important;border-radius:16px!important;min-height:145px!important;font-size:16px!important;padding:17px!important}
.sort-shell{min-width:218px!important}
.sort-trigger{min-height:55px!important;padding:13px 18px!important;border-radius:17px!important;font-size:16px!important;font-weight:750!important;box-shadow:0 4px 15px #4533630b!important}
.sort-chevron{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:50%!important;background:#f0ebfa!important;flex:none!important}
.sort-chevron svg{width:17px;height:17px;display:block;transition:transform .2s}
.sort-trigger[aria-expanded=true] .sort-chevron svg{transform:rotate(180deg)}
.sort-menu{min-width:245px!important;padding:9px!important;border-radius:18px!important}
.sort-menu button{font-size:15px!important;padding:13px 15px!important;border-radius:12px!important}
@media(max-width:600px){.swipe-photo{height:250px!important}.swipe-info{padding:18px!important}.sort-shell{min-width:180px!important}.sort-trigger{font-size:15px!important}}

/* V16 owner-only AI advisor */
.ai-advisor{margin-top:22px;background:linear-gradient(130deg,#f4f0ff,#fff 75%);border:1px solid #dcd2f3;border-radius:20px;padding:20px}.ai-advisor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.ai-advisor h3{font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:8px 0}.ai-placeholder{margin-top:16px;border:1px dashed #cfc1ed;border-radius:12px;padding:20px;color:#716985;font-size:13px}.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.ai-section{background:#fff;border:1px solid #e9e3f0;border-radius:16px;padding:17px;min-width:0}.ai-section h4{font-size:16px;margin:13px 0 9px}.ai-section ul{padding-left:18px;color:#565263;font-size:13px;line-height:1.65}.ai-alt{border-top:1px solid #eee9f4;padding:12px 0}.ai-alt strong{font-size:13px}.ai-alt p{font-size:13px;color:#625d6a;margin:6px 0}.ai-alt small{font-size:11px;color:#89818f}.ai-price{float:right;color:#7151c4;font-weight:800;font-size:13px}.ai-conclusion{background:#eee9fc;border-radius:12px;padding:14px;font-size:13px;line-height:1.55}.ai-conclusion p{margin-bottom:0}@media(max-width:650px){.ai-grid{grid-template-columns:1fr}.ai-advisor{padding:14px}}

/* V17: larger purchase details and a dedicated AI report */
.case-price{font:800 clamp(30px,4vw,44px) 'Space Grotesk',sans-serif;color:#7452c8;letter-spacing:-1.5px;margin:4px 0 16px}.budget-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.budget-stats>div{padding:17px 15px;border-radius:17px;background:#f0eafd;border:1px solid #e4d9fa}.budget-stats span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7659bb}.budget-stats strong{display:block;font:800 clamp(23px,3vw,32px) 'Space Grotesk',sans-serif;margin-top:6px}.ai-entry{margin-top:22px}.ai-entry h3{margin:9px 0;font-size:23px}.ai-full-view{max-width:1060px;margin:auto}.ai-full-view h2{font:800 clamp(30px,4.2vw,46px) 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:18px 0 6px}.ai-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ai-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}.ai-controls label{font-size:12px;font-weight:800;letter-spacing:.06em;color:#7659bb}.ai-controls select{width:min(280px,100%);font-size:15px}.ai-report{display:flex;flex-direction:column;gap:22px;text-align:left}.ai-jury-block,.ai-alternatives-block,.ai-final-block{background:#f7f3ff;border:1px solid #e5d8ff;border-radius:22px;padding:25px}.ai-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.ai-reasons .ai-section{min-width:0;border-radius:18px;background:white;border:1px solid #e9e0f4;padding:23px}.ai-reasons h4{font:800 23px 'Space Grotesk',sans-serif;margin:0 0 12px}.ai-reasons li{line-height:1.65;margin:9px 0;overflow-wrap:anywhere}.ai-alternatives-block h3{font:800 25px 'Space Grotesk',sans-serif;margin:13px 0 20px}.ai-alt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ai-alt-list .ai-alt{min-width:0;background:white;border:1px solid #e9e0f4;border-radius:17px;padding:20px}.ai-alt-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.ai-alt-heading strong{font-size:18px}.ai-alt-list p{line-height:1.55}.ai-final-block{background:#eee7ff}.ai-final-block p{font-size:17px;line-height:1.7}.ai-full-view .tiny{line-height:1.6}.dialog:has(.ai-full-view){width:min(1180px,calc(100vw - 32px));max-width:1180px}.dialog:has(.ai-full-view) .dialog-content{padding:clamp(20px,4vw,48px)}@media(max-width:650px){.ai-reasons,.ai-alt-list{grid-template-columns:1fr}.budget-stats{gap:8px}.ai-controls{align-items:stretch;flex-direction:column}.ai-controls select,.ai-controls button{width:100%}.ai-jury-block,.ai-alternatives-block,.ai-final-block{padding:16px}}

/* V18 How It Works refresh */
.guide-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:65px}
.guide-grid-v18 .guide-step{padding:34px;box-shadow:0 8px 28px #6f52a00b;transition:transform .2s,border-color .2s}
.guide-grid-v18 .guide-step:hover{transform:translateY(-4px);border-color:#cbb6f4}
.guide-grid-v18 .guide-icon-v18{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#efe8ff;color:#7557cc;font:700 34px 'Space Grotesk';margin:24px 0}
.guide-extras{margin:0 0 48px}.guide-extras>h2{font:700 clamp(28px,4vw,42px) 'Space Grotesk';letter-spacing:-.04em;margin:12px 0}.guide-extras>.muted{margin:0 0 25px}.guide-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-extra-card{padding:30px;border-radius:24px;background:linear-gradient(135deg,#f0e9ff,#fcf7fb);border:1px solid #e5dafa}.guide-extra-card:nth-child(2){background:linear-gradient(135deg,#f8edf5,#f7f2ff)}.guide-extra-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:white;color:#7557cc;font-size:27px}.guide-extra-card h3{font:700 25px 'Space Grotesk';margin:16px 0 9px}.guide-extra-card p{color:var(--muted);line-height:1.6;max-width:430px}.guide-extra-card .btn{margin-top:8px}
@media(max-width:680px){.guide-grid-v18,.guide-extra-grid{grid-template-columns:1fr}.guide-grid-v18 .guide-step,.guide-extra-card{padding:24px}.guide-grid-v18{margin-bottom:40px}}

/* V19: browse dilemmas without closing the dialog */
.dialog-header{gap:12px}.dialog-header #modalTitle{flex:1;min-width:0}.case-header-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.case-nav-btn{width:42px;height:42px;border:1px solid #ddd2ee;border-radius:50%;background:#fff;color:#7452c8;font-size:24px;line-height:1;display:grid;place-items:center;transition:background .15s,transform .15s}.case-nav-btn:hover:not(:disabled){background:#efe8ff;transform:translateY(-1px)}.case-nav-btn:disabled{opacity:.3;cursor:not-allowed}.case-nav-count{font-size:12px;font-weight:800;color:#756a86;white-space:nowrap}.dialog-header .icon-btn{flex-shrink:0}@media(max-width:560px){.dialog-header #modalTitle{font-size:13px}.case-header-nav{gap:4px}.case-nav-btn{width:34px;height:34px;font-size:20px}.case-nav-count{font-size:10px}}


/* V20 — AI menu matches Courtroom dropdown; side-mounted case navigation */
.ai-controls .sort-shell{min-width:260px!important;width:min(310px,100%)}
.ai-controls .sort-trigger{width:100%;min-height:55px!important;background:#fff!important;border:1px solid #dcd5e9!important;border-radius:17px!important;color:#322a3e!important;font-size:16px!important;padding:13px 18px!important}
.ai-controls .sort-menu{left:0;right:auto;width:100%;min-width:260px!important;z-index:100}
.ai-controls .sort-chevron{background:#f0ebfa!important;color:#7b5bc5!important}
.case-header-nav{font-size:13px;font-weight:800;color:#756a86;margin-left:auto;margin-right:8px;white-space:nowrap}
.case-side-nav{position:absolute;inset:0;pointer-events:none;z-index:85}
.case-side-nav .case-nav-btn{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:48px;height:48px;font-size:26px;box-shadow:0 8px 26px #211b2720;background:#fff;border:1px solid #d7c9ed}
.case-side-nav .case-nav-btn:hover:not(:disabled){transform:translateY(-50%);background:#f0eaff}
/* Standard case dialog is 880px wide. The arrows sit just outside its edges. */
.case-side-left{left:max(6px,calc(50% - 440px - 64px))}
.case-side-right{right:max(6px,calc(50% - 440px - 64px))}
@media(max-width:1020px){.case-side-left{left:4px}.case-side-right{right:4px}.case-side-nav .case-nav-btn{width:39px;height:39px;font-size:21px;background:#ffffffed}}
@media(max-width:650px){.ai-controls .sort-shell{width:100%;min-width:0!important}.ai-controls .sort-menu{min-width:0!important}.case-side-nav .case-nav-btn{width:34px;height:34px;font-size:19px}.case-side-left{left:0}.case-side-right{right:0}}

/* V21: polished, elevated case navigation */
.case-side-nav .case-nav-btn{
  top:34%;width:52px;height:64px;border-radius:19px;
  border:1px solid #d8c7f4;background:#fffdfd;
  color:#7352c3;font-family:Arial,sans-serif;font-size:40px;font-weight:300;
  box-shadow:0 12px 34px #261e3524;
  transition:background .18s,box-shadow .18s,transform .18s;
}
.case-side-nav .case-nav-btn:hover:not(:disabled){background:#f1ebff;box-shadow:0 16px 40px #261e3538;transform:translateY(-50%) scale(1.04)}
.case-side-left{left:max(7px,calc(50% - 440px - 75px))}
.case-side-right{right:max(7px,calc(50% - 440px - 75px))}
#modalTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Larger, more prominent first-time welcome panel */
.welcome-tip.welcome-tip-xl{
  position:fixed!important;left:50%!important;top:50%!important;
  right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(760px,calc(100vw - 36px))!important;
  max-width:none!important;min-height:420px;
  padding:58px 64px!important;border-radius:36px!important;
  border:3px solid #b49bdf!important;
  box-shadow:0 25px 90px #4d3b6850!important;
  justify-content:center;gap:23px;z-index:95!important;
}
.welcome-tip.welcome-tip-xl::before{font-size:18px;letter-spacing:2px;margin-bottom:8px}
.welcome-tip.welcome-tip-xl strong{font:700 clamp(32px,4vw,48px)/1.12 'Space Grotesk',sans-serif}
.welcome-tip.welcome-tip-xl>span:not(.eyebrow){font-size:21px;line-height:1.55;max-width:580px}
.welcome-tip.welcome-tip-xl .btn{font-size:19px;padding:18px 30px}
.welcome-tip.welcome-tip-xl .tip-x{font-size:30px;top:19px;right:26px}
@media(max-width:1020px){.case-side-nav .case-nav-btn{top:34%;width:42px;height:55px;font-size:34px}.case-side-left{left:3px}.case-side-right{right:3px}}
@media(max-width:650px){.case-side-nav .case-nav-btn{top:29%;width:30px;height:49px;font-size:28px;border-radius:12px}.case-side-left{left:0}.case-side-right{right:0}.welcome-tip.welcome-tip-xl{min-height:350px;padding:34px 30px!important}.welcome-tip.welcome-tip-xl>span:not(.eyebrow){font-size:17px}}

/* V22: welcome toast stays unobtrusively at the bottom right */
.welcome-tip.welcome-tip-xl{left:auto!important;top:auto!important;right:24px!important;bottom:24px!important;transform:none!important;width:min(355px,calc(100vw - 32px))!important;max-width:355px!important;min-height:0!important;padding:26px 27px!important;border-radius:23px!important;border-width:2px!important;gap:12px!important;box-shadow:0 14px 44px #4d3b6830!important;justify-content:flex-start!important}
.welcome-tip.welcome-tip-xl::before{font-size:12px!important;letter-spacing:1.5px!important;margin-bottom:0!important}
.welcome-tip.welcome-tip-xl strong{font:700 23px/1.2 'Space Grotesk',sans-serif!important;padding-right:12px}
.welcome-tip.welcome-tip-xl>span:not(.eyebrow){font-size:14px!important;line-height:1.5!important}
.welcome-tip.welcome-tip-xl .btn{font-size:14px!important;padding:12px 20px!important}
.welcome-tip.welcome-tip-xl .tip-x{font-size:23px!important;top:10px!important;right:15px!important}
/* Reduce oversized whitespace between swipe banner and courtroom */
#swipeSection{padding-bottom:12px!important}
#discover{padding-top:14px!important}
/* Symmetrical icon buttons with centered SVG instead of text glyphs */
.case-side-nav .case-nav-btn{top:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;width:48px!important;height:48px!important;border-radius:50%!important;line-height:1!important;font-size:0!important;background:#fff!important;border:1.5px solid #e0d5f2!important;box-shadow:0 8px 28px #271d3b20!important}
.case-side-nav .case-nav-btn svg{width:22px;height:22px;display:block;flex-shrink:0;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.case-side-nav .case-nav-btn:hover:not(:disabled){background:#f4efff!important;transform:translateY(-50%) scale(1.04)!important}
.case-side-nav .case-nav-btn:disabled{opacity:.22}
.case-side-left{left:max(8px,calc(50% - 440px - 65px))!important}
.case-side-right{right:max(8px,calc(50% - 440px - 65px))!important}
/* Follow is independent from Save: outlined by default, tinted when active */
.creator-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}
.follow-btn{border:1px solid #cbb7ee!important;background:#fff!important;color:#7251bf!important;border-radius:999px!important;font-weight:800!important;padding:10px 15px!important;font-size:13px!important;white-space:nowrap}
.follow-btn.following{background:#eee8fb!important;color:#5d419f!important;border-color:#bfa8ec!important}
.follow-btn:hover{background:#f5f0ff!important}
.profile-head .follow-btn{margin-left:auto}
.tabs{flex-wrap:wrap}
@media(max-width:650px){.welcome-tip.welcome-tip-xl{right:12px!important;bottom:12px!important;left:auto!important;width:min(335px,calc(100vw - 24px))!important;min-height:0!important;padding:22px!important}.case-side-nav .case-nav-btn{width:35px!important;height:35px!important}.case-side-nav .case-nav-btn svg{width:17px;height:17px}.case-side-left{left:1px!important}.case-side-right{right:1px!important}}

/* V23 — My Space navigation and following people */
.myspace-return{display:inline-flex;align-items:center;margin:0 0 22px!important;background:#f2ecff!important;color:#6846b5!important;border-color:#dfd1fa!important;font-weight:800!important}
.myspace-hint{color:#756d81;font-size:13px;line-height:1.55;margin:13px 0 18px}
.following-person .avatar{width:52px;height:52px;flex-shrink:0;font-size:20px}
.following-person .details{flex:1;min-width:120px}
.following-person{flex-wrap:wrap}
@media(max-width:600px){.following-person .btn{padding:9px 11px}.myspace-return{margin-bottom:14px!important}}

/* V24: separate audience from product categories */
#filters{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
#filters .audience-filters,#filters .category-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#filters .audience-filters{padding-bottom:12px;border-bottom:1px solid #e6e0eb;width:100%}
#filters .audience-filters .chip{font-weight:800}

/* V26 final footer: center tagline relative to full footer width */
.footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:18px;row-gap:10px;}
.footer-brand{justify-self:start;white-space:nowrap;}
.footer-tagline{justify-self:center;text-align:center;}
.footer-signoff{justify-self:end;text-align:right;white-space:nowrap;}
@media(max-width:760px){.footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:9px;padding-block:23px;}.footer-brand,.footer-tagline,.footer-signoff{justify-self:center;text-align:center;white-space:normal;}}