@import"https://fonts.googleapis.com/css2?family=Mitr:wght@400;500;600&family=Anuphan:wght@400;500;600;700&display=swap";:root{--bg: #0E0B14;--bg-raised: #16111F;--bg-card: #1C1529;--bg-card-2: #241B35;--ink: #F4EFF7;--ink-soft: #A99DBB;--ink-faint: #6E6280;--accent: #FF4D6D;--accent-warm: #FF9E64;--accent-deep: #C9184A;--grad-thread: linear-gradient(96deg, #FF4D6D 10%, #FF7A5C 55%, #FF9E64 100%);--grad-thread-v: linear-gradient(175deg, #FF4D6D, #FF9E64);--violet: #8B5CF6;--success: #34D399;--danger: #F87171;--line: rgba(244,239,247,.08);--line-strong: rgba(244,239,247,.16);--tint-accent: rgba(255,77,109,.12);--tint-violet: rgba(139,92,246,.12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--shadow-card: 0 2px 10px rgba(0,0,0,.35), 0 16px 40px -18px rgba(255,77,109,.22);--shadow-pop: 0 10px 30px rgba(0,0,0,.5), 0 30px 60px -24px rgba(255,77,109,.35);--glow-accent: 0 0 24px rgba(255,77,109,.45);--font-display: "Mitr", "Anuphan", sans-serif;--font-body: "Anuphan", sans-serif;--nav-h: 64px;--bottomnav-h: 62px;--ease-spring: cubic-bezier(.34,1.4,.44,1);--ease-out: cubic-bezier(.22,.8,.36,1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(52% 38% at 82% -6%,rgba(139,92,246,.16),transparent 70%),radial-gradient(46% 34% at 8% 12%,rgba(255,77,109,.12),transparent 70%),radial-gradient(60% 44% at 50% 110%,rgba(201,24,74,.1),transparent 70%);pointer-events:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;color:var(--ink);margin:0 0 .5em;line-height:1.28}h1{font-size:clamp(30px,5.4vw,52px)}h2{font-size:clamp(23px,3.4vw,32px)}p{margin:0 0 1em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body);color:inherit}input,select,textarea{font-family:var(--font-body)}::selection{background:#ff4d6d66}:focus-visible{outline:2px solid var(--accent-warm);outline-offset:2px;border-radius:4px}.container{max-width:1120px;margin:0 auto;padding:0 20px}.container-narrow{max-width:640px;margin:0 auto;padding:0 20px}.page{padding-top:calc(var(--nav-h) + 20px);padding-bottom:48px}@media (max-width: 720px){.page{padding-bottom:calc(var(--bottomnav-h) + 32px)}}.text-gradient{background:var(--grad-thread);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--ink-soft)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:15.5px;padding:12px 26px;border-radius:999px;border:none;cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .18s ease,background .18s ease,color .18s ease;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-primary{background:var(--grad-thread);color:#1a0710;box-shadow:0 8px 22px -8px #ff4d6d99}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px -8px #ff4d6dbf}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--tint-accent)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(248,113,113,.35)}.btn-danger:hover{background:#f871711f}.btn-sm{padding:8px 18px;font-size:14px}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:default}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#0e0b14c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 20px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:20px}.brand-mark{width:30px;height:30px}.nav-links{display:flex;gap:26px;font-size:15px;color:var(--ink-soft)}.nav-links a{transition:color .15s ease}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:var(--grad-thread) border-box;transition:transform .18s var(--ease-spring)}.nav-avatar:hover{transform:scale(1.08)}@media (max-width: 720px){.nav-links{display:none}.nav-user-links{display:none!important}}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;background:#140f1eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 720px){.bottomnav.on{display:flex}}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:11px;color:var(--ink-faint);transition:color .15s ease}.bottomnav a svg{width:23px;height:23px}.bottomnav a.active{color:var(--accent)}.bottomnav a.active svg{filter:drop-shadow(0 0 6px rgba(255,77,109,.6))}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card)}.field{margin-bottom:18px}.field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink-soft);margin-bottom:7px;letter-spacing:.01em}.input,select.input,textarea.input{width:100%;padding:12px 16px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);font-size:15.5px;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff4d6d2e}select.input option{background:var(--bg-raised)}textarea.input{resize:vertical;min-height:110px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 480px){.field-row{grid-template-columns:1fr}}.form-msg{display:none;padding:12px 16px;border-radius:var(--radius-sm);font-size:14.5px;margin-top:14px}.form-msg.show{display:block}.form-msg.error{background:#f8717124;color:#fca5a5;border:1px solid rgba(248,113,113,.3)}.form-msg.ok{background:#34d39921;color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label{padding:9px 18px;border-radius:999px;cursor:pointer;border:1px solid var(--line-strong);color:var(--ink-soft);font-size:14.5px;margin:0;font-weight:500;transition:all .16s ease}.seg input:checked+label{background:var(--tint-accent);border-color:var(--accent);color:var(--accent)}.seg input:focus-visible+label{outline:2px solid var(--accent-warm);outline-offset:2px}.chip{display:inline-flex;padding:8px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--line-strong);color:var(--ink-soft);font-size:14px;transition:all .16s ease;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--tint-accent);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #ff4d6d40}.chip-row{display:flex;flex-wrap:wrap;gap:9px}.tag{display:inline-flex;padding:6px 14px;border-radius:999px;background:var(--tint-violet);color:#c4b5fd;font-size:13.5px;border:1px solid rgba(139,92,246,.25)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;align-items:center;justify-content:center;background:#08060ccc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.backdrop.on{display:flex}.modal{background:var(--bg-card-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:30px 26px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-pop);animation:modal-in .35s var(--ease-spring)}@keyframes modal-in{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}.avatar{border-radius:50%;object-fit:cover;background:var(--bg-raised)}.empty{text-align:center;padding:56px 20px;color:var(--ink-soft)}.empty .empty-art{font-size:40px;margin-bottom:10px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;letter-spacing:.04em;color:var(--accent-warm);margin-bottom:14px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad-thread)}.hero{padding:calc(var(--nav-h) + 48px) 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}@media (max-width: 860px){.hero-grid{grid-template-columns:1fr;gap:40px}}.hero .live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:13.5px;background:var(--tint-accent);color:var(--accent-warm);border:1px solid rgba(255,77,109,.25);margin-bottom:22px}.hero .live-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #34d39926}}.hero h1{margin-bottom:18px}.hero-sub{color:var(--ink-soft);font-size:17.5px;max-width:480px;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.thread-scene{position:relative;min-height:420px}@media (max-width: 860px){.thread-scene{min-height:360px}}.thread-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.thread-path{fill:none;stroke:url(#thread-grad);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 10;filter:drop-shadow(0 0 6px rgba(255,77,109,.55));animation:thread-draw 2.2s var(--ease-out) .3s both,thread-flow 14s linear 2.5s infinite}@keyframes thread-draw{0%{stroke-dashoffset:640;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes thread-flow{to{stroke-dashoffset:-320}}.thread-knot{fill:var(--accent);filter:drop-shadow(0 0 8px rgba(255,77,109,.8));animation:knot-pulse 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes knot-pulse{50%{transform:scale(1.35)}}.thread-card{position:absolute;display:flex;gap:12px;align-items:center;background:var(--bg-card-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:12px 18px 12px 12px;box-shadow:var(--shadow-pop);animation:float 7s ease-in-out infinite,card-in .8s var(--ease-out) both}.thread-card img{width:52px;height:52px;border-radius:14px;object-fit:cover}.tc-name{font-family:var(--font-display);font-weight:500;font-size:15.5px}.tc-meta{font-size:13px;color:var(--ink-soft)}.tc-a{top:6%;left:2%;animation-delay:0s,.5s}.tc-b{bottom:10%;right:4%;animation-delay:-3.5s,.9s}.tc-chat{top:46%;right:12%;background:var(--grad-thread);color:#1a0710;font-size:14px;font-weight:600;padding:10px 18px;border:none;border-radius:18px 18px 4px;animation-delay:-1.8s,1.4s}@keyframes float{50%{transform:translateY(-14px)}}@keyframes card-in{0%{opacity:0;transform:translateY(30px)}}.section{padding:68px 0}.section-head{max-width:560px;margin-bottom:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 780px){.steps{grid-template-columns:1fr}}.step{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;transition:transform .25s var(--ease-out),border-color .25s ease}.step:hover{transform:translateY(-5px);border-color:#ff4d6d59}.step .step-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--tint-accent);margin-bottom:18px}.step h3{font-size:18.5px;margin-bottom:8px}.step p{color:var(--ink-soft);font-size:15px;margin:0}.safety-band{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 36px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}@media (max-width: 780px){.safety-band{grid-template-columns:1fr;padding:30px 24px}}.safety-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.safety-list li{display:flex;gap:11px;align-items:flex-start;color:var(--ink-soft);font-size:15.5px}.safety-list li svg{flex:none;margin-top:3px}.cta-final{text-align:center;padding:76px 0 90px}.cta-final h2{margin-bottom:12px}.cta-final p{color:var(--ink-soft);margin-bottom:28px}.footer{border-top:1px solid var(--line);padding:26px 0;color:var(--ink-faint);font-size:13.5px}.footer .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-wrap{max-width:460px;margin:0 auto;padding:0 20px}.auth-head{text-align:center;margin-bottom:26px}.auth-head p{color:var(--ink-soft);margin:0}.auth-alt{text-align:center;margin-top:20px;color:var(--ink-soft);font-size:14.5px}.auth-alt a{color:var(--accent);font-weight:600}.filter-bar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;margin-bottom:26px}@media (max-width: 860px){.filter-bar{grid-template-columns:1fr 1fr}}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}@media (max-width: 540px){.browse-grid{grid-template-columns:1fr 1fr;gap:12px}}.profile-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--line);transition:transform .25s var(--ease-out),box-shadow .25s ease,border-color .25s ease}.profile-card:hover{transform:translateY(-5px);border-color:#ff4d6d66;box-shadow:var(--shadow-card)}.pc-photo{width:100%;aspect-ratio:4/5;object-fit:cover}.pc-body{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(180deg,transparent,rgba(10,7,15,.88) 62%)}.pc-name{font-family:var(--font-display);font-weight:500;font-size:16.5px}.pc-meta{font-size:13px;color:var(--ink-soft)}.swipe-wrap{max-width:440px;margin:0 auto;padding:0 16px}.swipe-stage{position:relative;height:min(62dvh,560px)}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;will-change:transform}.swipe-card:active{cursor:grabbing}.swipe-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.sc-body{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(180deg,transparent,rgba(10,7,15,.92) 66%)}.sc-name{font-family:var(--font-display);font-weight:500;font-size:24px}.sc-meta{color:var(--ink-soft);font-size:14.5px;margin-bottom:6px}.sc-bio{color:var(--ink-soft);font-size:14.5px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-dots{position:absolute;top:12px;left:0;right:0;display:flex;gap:5px;padding:0 14px}.sc-dots span{flex:1;height:3px;border-radius:2px;background:#ffffff47}.sc-dots span.on{background:#fff;box-shadow:0 0 6px #fff9}.swipe-stamp{position:absolute;top:26px;z-index:2;opacity:0;font-family:var(--font-display);font-weight:600;font-size:26px;padding:6px 20px;border-radius:12px;border:3px solid;transform:rotate(-12deg)}.swipe-stamp.like{left:20px;color:var(--success);border-color:var(--success);text-shadow:0 0 14px rgba(52,211,153,.6)}.swipe-stamp.nope{right:20px;color:var(--danger);border-color:var(--danger);transform:rotate(12deg);text-shadow:0 0 14px rgba(248,113,113,.6)}.swipe-actions{display:flex;justify-content:center;gap:22px;margin-top:22px}.swipe-btn{width:62px;height:62px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg-card-2);cursor:pointer;display:grid;place-items:center;transition:transform .18s var(--ease-spring),box-shadow .18s ease,border-color .18s ease}.swipe-btn:hover{transform:scale(1.1)}.swipe-btn:active{transform:scale(.92)}.swipe-btn.like:hover{border-color:var(--success);box-shadow:0 0 20px #34d39959}.swipe-btn.pass:hover{border-color:var(--danger);box-shadow:0 0 20px #f8717159}.match-avatars{position:relative;display:flex;justify-content:center;gap:34px;margin:22px 0 26px}.match-avatars img{width:86px;height:86px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:var(--glow-accent)}.match-thread{position:absolute;top:50%;left:50%;width:70px;height:20px;transform:translate(-50%,-50%)}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}@media (max-width: 540px){.match-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.match-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--line);transition:transform .22s var(--ease-out),border-color .22s ease}.match-card:hover{transform:translateY(-4px);border-color:#ff4d6d73}.match-card img{width:100%;aspect-ratio:1;object-fit:cover}.mc-body{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(180deg,transparent,rgba(10,7,15,.9));font-size:14.5px;font-weight:600}.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:0;height:calc(100dvh - var(--nav-h) - 40px);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-raised)}.conv-list{border-right:1px solid var(--line);overflow-y:auto}.conv-item{display:flex;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--line);transition:background .15s ease}.conv-item:hover{background:#ffffff08}.conv-item.active{background:var(--tint-accent)}.conv-item img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}.conv-name{font-weight:600;font-size:15px}.conv-preview{font-size:13px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);min-height:62px}.chat-header img{width:38px;height:38px;border-radius:50%;object-fit:cover}.chat-header .spacer{flex:1}.chat-messages{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:8px}.msg-bubble{max-width:72%;padding:10px 15px;border-radius:18px;font-size:15px;animation:msg-in .25s var(--ease-out);overflow-wrap:break-word}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}}.msg-mine{align-self:flex-end;background:var(--grad-thread);color:#1a0710;border-bottom-right-radius:5px}.msg-theirs{align-self:flex-start;background:var(--bg-card-2);border:1px solid var(--line);border-bottom-left-radius:5px}.msg-time{display:block;font-size:10.5px;opacity:.65;margin-top:3px}.chat-form{display:none;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.chat-form input{flex:1}.chat-empty{flex:1;display:grid;place-items:center;color:var(--ink-faint)}@media (max-width: 760px){.chat-layout{grid-template-columns:1fr;height:calc(100dvh - var(--nav-h) - var(--bottomnav-h) - 22px);border-radius:var(--radius-md)}.conv-list{border-right:none}.chat-layout.chatting .conv-list{display:none}.chat-layout:not(.chatting) .chat-pane{display:none}.chat-back{display:inline-flex!important}}.chat-back{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--ink-soft)}.pd-grid{display:grid;grid-template-columns:380px 1fr;gap:36px;align-items:start}@media (max-width: 780px){.pd-grid{grid-template-columns:1fr}}.pd-gallery{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-strong)}.pd-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover}.pd-thumbs{display:flex;gap:8px;margin-top:10px}.pd-thumbs img{width:56px;height:56px;border-radius:10px;object-fit:cover;cursor:pointer;border:2px solid transparent;opacity:.6;transition:all .15s ease}.pd-thumbs img.on{border-color:var(--accent);opacity:1}.pd-name{margin-bottom:4px}.pd-meta{color:var(--ink-soft);margin-bottom:16px}.pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.pd-actions{display:flex;gap:12px;flex-wrap:wrap}.pd-danger-row{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:16px}.pd-danger-row button{background:none;border:none;cursor:pointer;font-size:13.5px;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px;padding:0}.pd-danger-row button:hover{color:var(--danger)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-slot{position:relative;aspect-ratio:4/5;border-radius:var(--radius-sm);overflow:hidden;border:1.5px dashed var(--line-strong);background:var(--bg-raised);display:grid;place-items:center;cursor:pointer;color:var(--ink-faint);transition:border-color .15s ease,color .15s ease}.photo-slot:hover{border-color:var(--accent);color:var(--accent)}.photo-slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.photo-slot .remove{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;background:#0a070fbf;color:#fff;font-size:14px;line-height:1;display:grid;place-items:center}.photo-slot .primary-badge{position:absolute;bottom:6px;left:6px;z-index:2;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--grad-thread);color:#1a0710}