:root{--jade-0:#135c45;--jade-1:#0f4a37;--jade-2:#0b3d2e;--jade-3:#072a20;--gold:#e8c46a;--gold-2:#c99a35;--gold-3:#a5741d;--ivory:#fbf6e8;--ink:#f4efe1;--bone:#d8c69c;--muted:#a9c3b6;--cinnabar:#c8312c;--rouge:#d64541;--brown:#2b1d05;--line:rgba(255,255,255,.10);--glass:rgba(255,255,255,.06);--serif:"Cinzel","Cormorant Garamond",Georgia,serif;--body:"Cormorant Garamond",Georgia,serif;--ui:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--jade-3);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.55;overflow-x:hidden}html:before{z-index:-1;background:radial-gradient(120% 70% at 50% 0,var(--jade-0) 0,var(--jade-1) 35%,var(--jade-2) 70%,var(--jade-3) 100%)}body:before,html:before{content:"";position:fixed;inset:0;pointer-events:none;transform:translateZ(0)}body:before{opacity:.06;z-index:0;background-image:radial-gradient(circle at 25% 25%,#fff 1px,transparent 1.5px),radial-gradient(circle at 75% 75%,#fff 1px,transparent 1.5px);background-size:22px 22px}footer,header,main{position:relative;z-index:1}a{color:var(--gold)}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.04em;color:var(--ivory);margin:0 0 .4em}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05}h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}p.lead{font-family:var(--body);font-size:clamp(1.2rem,2.4vw,1.55rem);color:var(--bone)}.wrap{max-width:1080px}.narrow,.wrap{margin:0 auto;padding:0 16px}.narrow{max-width:640px}.nav{justify-content:space-between;padding:18px 0}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-family:var(--serif);font-size:1.3rem;color:var(--ivory);text-decoration:none;letter-spacing:.12em}.brand img{width:36px;height:36px;border-radius:50%;border:1px solid var(--gold-2);object-fit:cover}.navlinks{display:flex;gap:18px;align-items:center;font-size:.95rem}.navlinks a{opacity:.85}.btn,.navlinks a{color:var(--ink);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.08);font:700 1rem var(--ui);cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn.gold{background:linear-gradient(135deg,#f3d27c,var(--gold-2) 60%,var(--gold-3));color:var(--brown);border:0;box-shadow:0 10px 26px rgba(201,154,53,.35),inset 0 1px 0 rgba(255,255,255,.5)}.btn.rouge{background:linear-gradient(135deg,#e5605a,var(--cinnabar));color:#fff;border:0}.btn.small{padding:8px 14px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default;transform:none}.panel{background:linear-gradient(180deg,rgba(17,64,47,.85),rgba(10,44,33,.85));border:1px solid var(--line);border-radius:22px;padding:24px}.grid{display:grid;grid-gap:18px;gap:18px}@media (min-width:760px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}}label{display:block;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.22);color:var(--ivory);font:1rem var(--ui)}textarea{min-height:110px;resize:vertical;font-family:var(--body);font-size:1.15rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-2);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 16px;border-radius:99px;border:1px solid var(--line);background:var(--glass);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.95rem}.chip.on{background:var(--gold);color:var(--brown);border-color:var(--gold);font-weight:700}.check{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.95rem;color:var(--ink);text-transform:none;letter-spacing:0}.check input{margin-top:4px;accent-color:var(--gold-2)}.muted{color:var(--muted)}.err{color:#ffb3ad}.ok{color:#7ef0c4}.tarot{position:relative;width:240px;aspect-ratio:7/12;border-radius:16px;padding:10px;background:linear-gradient(160deg,#fffdf5,#ede1c2);box-shadow:3px 4px 0 #cdb98e,5px 7px 0 #9c8659,10px 18px 30px rgba(0,0,0,.5);color:var(--brown)}.tarot .frame{position:absolute;inset:10px;border:2px solid var(--gold-2);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.tarot .numeral{text-align:center;font-family:var(--serif);font-size:.8rem;letter-spacing:.25em;padding:6px 0 4px;color:var(--gold-3)}.tarot .art{flex:1 1;background:var(--jade-2) center /cover no-repeat;border-top:1px solid var(--gold-2);border-bottom:1px solid var(--gold-2)}.tarot .title{text-align:center;font-family:var(--serif);font-weight:700;font-size:1rem;letter-spacing:.12em;padding:8px 4px 2px}.tarot .sub{text-align:center;font-family:var(--body);font-style:italic;font-size:.95rem;padding:0 8px 8px;color:#5b4720}.tarot.back{background:linear-gradient(160deg,var(--jade-1),var(--jade-3));box-shadow:3px 4px 0 #0a2c21,5px 7px 0 #061d15,10px 18px 30px rgba(0,0,0,.5)}.tarot.back .frame{border-color:var(--gold);background:radial-gradient(circle at 50% 50%,rgba(232,196,106,.18),transparent 60%),repeating-conic-gradient(from 0deg,rgba(232,196,106,.12) 0 6deg,transparent 6deg 12deg);align-items:center;justify-content:center}.tarot.back .sigil{font-family:var(--serif);color:var(--gold);font-size:2.2rem;text-align:center;letter-spacing:.1em}.tarot.locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.meet{position:relative;height:440px;display:flex;align-items:center;justify-content:center}.meet .tarot{position:absolute;width:200px}.meet .left{animation:driftL 7s ease-in-out infinite}.meet .right{animation:driftR 7s ease-in-out infinite}.meet .thread{width:60%;height:2px;top:50%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:thread 7s ease-in-out infinite}.meet .spark,.meet .thread{position:absolute;opacity:0}.meet .spark{top:calc(50% - 30px);font-size:2.6rem;animation:spark 7s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(214,69,65,.8))}@keyframes driftL{0%,to{transform:translateX(-210px) rotate(-12deg) translateY(10px)}45%,62%{transform:translateX(-104px) rotate(-4deg) translateY(-6px)}}@keyframes driftR{0%,to{transform:translateX(210px) rotate(12deg) translateY(-10px)}45%,62%{transform:translateX(104px) rotate(4deg) translateY(-6px)}}@keyframes thread{0%,25%{opacity:0;transform:scaleX(.2)}45%,62%{opacity:1;transform:scaleX(1)}85%,to{opacity:0;transform:scaleX(.2)}}@keyframes spark{0%,44%{opacity:0;transform:scale(.4)}52%{opacity:1;transform:scale(1.15)}62%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(.6)}}@media (max-width:600px){.meet{height:340px}.meet .tarot{width:140px}@keyframes driftL{0%,to{transform:translateX(-110px) rotate(-12deg)}45%,62%{transform:translateX(-74px) rotate(-4deg)}}@keyframes driftR{0%,to{transform:translateX(110px) rotate(12deg)}45%,62%{transform:translateX(74px) rotate(4deg)}}}@media (prefers-reduced-motion:reduce){.meet .left,.meet .right,.meet .spark,.meet .thread{animation:none;opacity:1}}.steps{counter-reset:s;display:grid;grid-gap:18px;gap:18px}@media (min-width:760px){.steps{grid-template-columns:repeat(4,1fr)}}.step{counter-increment:s}.step:before{content:counter(s,upper-roman);font-family:var(--serif);color:var(--gold);font-size:1.4rem;display:block;margin-bottom:6px}section,section.narrow,section.wrap{padding-top:64px;padding-bottom:64px}section+section{padding-top:24px}footer{padding:40px 0 60px;color:var(--muted);text-align:center}footer,table{font-size:.9rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.tablewrap{overflow-x:auto}.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.75rem;font-weight:700;background:rgba(255,255,255,.1)}.badge.gold{background:var(--gold);color:var(--brown)}.badge.red{background:var(--cinnabar);color:#fff}.stat{font-family:var(--serif);font-size:2rem;color:var(--gold)}.mono,code{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;background:rgba(0,0,0,.3);padding:2px 6px;border-radius:6px;word-break:break-all}.stars,.stars2{position:fixed;left:0;right:0;top:-100vh;height:200vh;pointer-events:none;z-index:0;will-change:transform;contain:strict}.stars{background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff8,transparent),radial-gradient(1px 1px at 30% 70%,#fff6,transparent),radial-gradient(1.5px 1.5px at 55% 35%,#ffe7a6aa,transparent),radial-gradient(1px 1px at 80% 60%,#fff7,transparent),radial-gradient(2px 2px at 90% 15%,#ffe7a6,transparent),radial-gradient(1px 1px at 65% 90%,#fff6,transparent);background-size:420px 420px;animation:drift 120s linear infinite}.stars2{background-image:radial-gradient(1px 1px at 20% 50%,#fff5,transparent),radial-gradient(1px 1px at 70% 20%,#fff5,transparent),radial-gradient(1.5px 1.5px at 45% 80%,#e8c46a88,transparent);background-size:260px 260px;animation:drift 200s linear infinite reverse;opacity:.7}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(0,50%,0)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.seen{opacity:1;transform:none}.reveal.seen>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.reveal.seen>:nth-child(2){animation-delay:.08s}.reveal.seen>:nth-child(3){animation-delay:.16s}.reveal.seen>:nth-child(4){animation-delay:.24s}.reveal.seen>:nth-child(5){animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-in>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.hero-in>:nth-child(2){animation-delay:.1s}.hero-in>:nth-child(3){animation-delay:.2s}.hero-in>:nth-child(4){animation-delay:.35s}.hero-in>:nth-child(5){animation-delay:.5s}.shimmer{background:linear-gradient(100deg,var(--ivory) 30%,#fff2c4 45%,var(--gold) 50%,var(--ivory) 65%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:100% 0}50%{background-position:0 0}}.deck{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:30px;perspective:900px}.deck .tarot{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.deck .tarot:hover{transform:translateY(-10px) rotate(-2deg) rotateY(8deg)}.deck>:nth-child(odd){animation:float 6s ease-in-out infinite}.deck>:nth-child(2n){animation:float 6s ease-in-out -3s infinite}@keyframes float{0%,to{translate:0 0}50%{translate:0 -8px}}.btn.gold{position:relative;overflow:hidden}.btn.gold:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:sheen 4.5s ease-in-out infinite}@keyframes sheen{0%,70%{transform:translateX(-120%)}to{transform:translateX(120%)}}.breathe{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 0 rgba(232,196,106,0)}50%{box-shadow:0 0 0 6px rgba(232,196,106,.25)}}.flip{width:220px;aspect-ratio:7/12;perspective:1200px}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip.in .flip-inner{animation:flipIn 1.4s cubic-bezier(.3,.1,.2,1) .3s both}.flip .tarot{position:absolute;inset:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip .flip-front{transform:rotateY(180deg)}@keyframes flipIn{0%{transform:rotateY(0) scale(.9)}60%{transform:rotateY(200deg) scale(1.04)}to{transform:rotateY(180deg) scale(1)}}.chat{position:relative;z-index:1;display:flex;flex-direction:column;height:100dvh}.chat-head{display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);background:rgba(7,42,32,.96)}.chat-back{color:var(--ink);text-decoration:none;font-size:1.8rem;line-height:1;padding:0 4px}.chat-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--gold-2)}.chat-body{flex:1 1;overflow-y:auto;padding:18px 14px 8px;-webkit-overflow-scrolling:touch}.bubble-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px;animation:pop .35s cubic-bezier(.2,.9,.3,1.2) both}.bubble-row.user{align-items:flex-end}.bubble{max-width:84%;padding:11px 15px;border-radius:20px;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{background:linear-gradient(160deg,#fffdf5,#ede1c2);color:var(--brown);border-bottom-left-radius:6px;font-family:var(--body);font-size:1.15rem;line-height:1.4}.bubble.user{background:rgba(255,255,255,.1);border:1px solid var(--line);border-bottom-right-radius:6px}.typing{display:flex;gap:5px;padding:15px 18px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--gold-3);animation:dot 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.widget{margin-top:10px;width:100%;max-width:420px}.widget.panel{padding:16px}.pop{animation:pop .5s cubic-bezier(.2,.9,.3,1.2) .15s both}.quick{margin:4px 0 10px}.chat-input{display:flex;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(7,42,32,.97)}.chat-input input{font-size:16px;border-radius:99px}.chat-input .btn{padding:0;width:48px;height:48px;flex:none}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory}.hscroll>*{scroll-snap-align:start}.progress{height:6px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#fff2c4);border-radius:6px;transition:width 1s cubic-bezier(.2,.7,.2,1)}.btn.google{width:100%;background:#fff;color:#1f1f1f;border:0;gap:10px}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem;margin:12px 0}.or:after,.or:before{content:"";flex:1 1;height:1px;background:var(--line)}@media (max-width:600px){.nav{padding:12px 0}.brand{font-size:1.05rem}.brand img{width:30px;height:30px}.navlinks{gap:10px;font-size:.85rem}.navlinks .hide-sm{display:none}section,section.narrow,section.wrap{padding-top:40px;padding-bottom:40px}.panel{padding:18px;border-radius:18px}.deck .tarot{width:140px!important}.deck{gap:12px}.tarot .sub,.tarot .title{font-size:.8rem}.flip{width:180px}.btn{padding:13px 20px}.grid.two>div[style*=justify-content]{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}.pairs{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pair{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.pair-names{margin:6px 0;font-size:.95rem}.pair-reading{font-family:var(--body);font-style:italic;font-size:1.05rem;margin:0}.tablewrap table{min-width:860px}.spread-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;perspective:1200px;max-width:820px;margin:0 auto}.sc{all:unset;cursor:pointer;display:block;-webkit-tap-highlight-color:transparent}.sc-inner{position:relative;aspect-ratio:7/12;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.1,.2,1)}.sc.open .sc-inner{transform:rotateY(180deg)}.sc.dealt{animation:deal .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * .12s)}.sc.dealt .sc-inner{transform:rotateY(0);animation:dealflip .9s cubic-bezier(.3,.1,.2,1) both;animation-delay:calc(.5s + var(--i) * .22s)}@keyframes deal{0%{opacity:0;transform:translate(calc((2 - var(--i)) * 60%),40px) rotate(calc((var(--i) - 2) * -6deg))}to{opacity:1;transform:none}}@keyframes dealflip{to{transform:rotateY(180deg)}}.sc:not(.open):hover .sc-inner{transform:translateY(-6px) rotate(-1deg)}.sc-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.sc-back{background:radial-gradient(circle,rgba(232,196,106,.2),transparent 60%),repeating-conic-gradient(from 0deg,rgba(232,196,106,.13) 0 6deg,transparent 6deg 12deg),linear-gradient(160deg,var(--jade-1),var(--jade-3));border:2px solid var(--gold);display:grid;place-items:center;box-shadow:3px 5px 0 #061d15,0 12px 24px rgba(0,0,0,.45)}.sc-back span{color:var(--gold);font-size:1.6rem;animation:glow 2.4s ease-in-out infinite}@keyframes glow{0%,to{opacity:.6;text-shadow:none}50%{opacity:1;text-shadow:0 0 14px var(--gold)}}.sc-front{transform:rotateY(180deg);background:linear-gradient(160deg,#fffdf5,#ede1c2);padding:6px;display:flex;flex-direction:column;box-shadow:3px 5px 0 #9c8659,0 12px 24px rgba(0,0,0,.45)}.sc-art{flex:1 1;border:1.5px solid var(--gold-2);border-radius:7px;background:var(--jade-2) center /cover no-repeat}.sc-art.rev{transform:rotate(180deg)}.sc-name{color:var(--brown);font-weight:700;letter-spacing:.06em;padding:6px 2px 2px;line-height:1.15}.sc-name,.sc-pos{font-family:var(--serif);font-size:.72rem;text-align:center;text-transform:uppercase}.sc-pos{color:var(--gold);letter-spacing:.12em;margin-top:8px}.spread-hint{text-align:center;margin:14px 0 0}.spread-lines{list-style:none;padding:0;margin:18px auto 0;max-width:620px;display:grid;grid-gap:8px;gap:8px}.spread-lines li{display:grid;grid-gap:2px;gap:2px;font-size:.95rem}.spread-lines li b{color:var(--gold);font-family:var(--serif);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.spread-lines li span{font-family:var(--body);font-size:1.15rem;color:var(--ink)}.spread-reveal{margin-top:18px}.spread.compact .spread-row{gap:6px}.spread.compact .sc-name,.spread.compact .sc-pos{font-size:.55rem}.spread.compact .spread-lines li span{font-size:1rem}@media (max-width:600px){.spread-row{gap:6px}.sc-name{font-size:.55rem;padding-top:4px}.sc-pos{font-size:.52rem;letter-spacing:.04em}.sc-front{padding:3px}.sc-back span{font-size:1rem}}.welcome-step{max-width:820px;margin:0 auto;padding:48px 0 8px}.ws-num{font-family:var(--serif);color:var(--gold);font-size:1.6rem}.shuffle{position:relative;height:230px;margin-top:20px;display:flex;justify-content:center}.shuffle .tarot{position:absolute;width:120px;animation:riffle 3.6s cubic-bezier(.5,0,.3,1) infinite;animation-delay:calc(var(--k) * .12s)}@keyframes riffle{0%,to{transform:translateX(0) rotate(0)}25%{transform:translateX(calc((var(--k) - 2.5) * 46px)) rotate(calc((var(--k) - 2.5) * 7deg))}50%{transform:translateX(calc((2.5 - var(--k)) * 18px)) translateY(-14px) rotate(calc((2.5 - var(--k)) * 4deg))}75%{transform:translateX(0) rotate(0)}}@media (max-width:600px){.shuffle{height:180px}.shuffle .tarot{width:90px}@keyframes riffle{0%,to{transform:none}25%{transform:translateX(calc((var(--k) - 2.5) * 30px)) rotate(calc((var(--k) - 2.5) * 7deg))}75%{transform:none}}}.chip{transition:background .18s,border-color .18s,opacity .18s,transform .18s}.chip:hover{background:rgba(255,255,255,.16);border-color:rgba(232,196,106,.55)}.chip:active{transform:scale(.97)}.btn:hover{filter:brightness(1.08)}.btn:not(.gold):not(.rouge):not(.google):hover{background:rgba(255,255,255,.15)}.btn:active{transform:translateY(0) scale(.98)}.chip:focus-visible,a.btn:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.chat-shell{position:relative;z-index:1}@media (min-width:900px){.chat{max-width:none}.chat-body,.chat-head,.chat-input{padding-left:max(24px,calc((100vw - 820px) / 2));padding-right:max(24px,calc((100vw - 820px) / 2))}.bubble{max-width:76%}}.chat-body{overscroll-behavior:contain}.bubble-row{content-visibility:auto;contain-intrinsic-size:auto 80px}@media (hover:none){.stars2{display:none}}.attach{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;cursor:pointer;font-size:1.2rem;background:rgba(255,255,255,.07);border:1px solid var(--line);transition:background .18s}.attach:hover{background:rgba(255,255,255,.16)}.chat-media{max-width:240px;max-height:300px;border-radius:16px;border:2px solid var(--gold-2);margin-top:4px;object-fit:cover}.photos{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.photos img,.photos video{width:110px;height:140px;object-fit:cover;border-radius:12px;border:1px solid var(--gold-2)}