:root{--bg:#080a0e;--fg:#f7f9fb;--muted:#c5ccd4;--soft:#8b949e;--accent:#b9c5ff} *{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-text-size-adjust:100%} button{font:inherit;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;overflow:hidden;background:#080a0e}#stage{position:absolute;inset:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none} .card{position:absolute;inset:0;overflow:hidden;display:flex;align-items:flex-end;padding:calc(88px + env(safe-area-inset-top)) 20px calc(98px + env(safe-area-inset-bottom));isolation:isolate;opacity:1;transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.2,.78,.18,1),opacity .32s ease} .card.leave{transform:translate3d(0,-16%,0) scale(.985);opacity:0}.card.enter{transform:translate3d(0,9%,0) scale(1.01);opacity:0}.card.leave-back{transform:translate3d(0,16%,0) scale(.985);opacity:0}.card.enter-back{transform:translate3d(0,-9%,0) scale(1.01);opacity:0} .bg{position:absolute;z-index:-5;inset:-8%;background:radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 23%),radial-gradient(circle at 13% 76%,rgba(255,255,255,.055),transparent 32%),radial-gradient(circle at 46% 110%,color-mix(in srgb,var(--c1) 34%,transparent),transparent 36%),linear-gradient(145deg,var(--c1),var(--c2) 70%,#040609);animation:bgDrift 12s ease-in-out infinite alternate} .shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,.05) 34%,rgba(0,0,0,.44) 70%,rgba(0,0,0,.9)),radial-gradient(circle at 72% 18%,transparent 0 28%,rgba(0,0,0,.09) 58%,rgba(0,0,0,.27))} .topbar{position:fixed;z-index:40;left:0;right:0;top:0;padding:calc(15px + env(safe-area-inset-top)) 18px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(4,6,9,.7),transparent);pointer-events:none}.brand{font-weight:950;font-size:22px;letter-spacing:.16em}.collection-launch{pointer-events:auto;display:flex;position:relative;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(6,8,12,.48);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .18s ease,background .2s ease,border-color .2s ease}.collection-launch:active{transform:scale(.9)}.collection-launch svg{width:17px;height:17px}.collection-count{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#f7f9fb;color:#080a0e;border:2px solid rgba(8,10,14,.96);font-size:8px;font-weight:900;line-height:1;letter-spacing:0;box-shadow:0 4px 12px rgba(0,0,0,.28)} .user-auth-slot{pointer-events:auto;min-width:36px;height:36px;display:flex;align-items:center;justify-content:flex-end;position:relative}.user-auth-slot.signed-in{min-width:36px}.user-login-btn{height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(6,8,12,.48);color:#fff;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .18s ease,background .2s ease,border-color .2s ease}.user-login-btn:active{transform:scale(.92)}.user-login-btn svg{width:16px;height:16px}.user-login-btn.clerk-loading{opacity:.58}.user-login-btn:disabled{cursor:default} .content{position:relative;z-index:5;max-width:690px;padding-right:74px;text-shadow:0 2px 19px rgba(0,0,0,.22)}.kicker{display:flex;align-items:center;gap:0;margin-bottom:13px;font-size:11px;font-weight:820;letter-spacing:.14em;text-transform:uppercase;color:#e8ebef}.kicker:before{display:none!important;content:none!important} h1{margin:0 0 16px;max-width:11ch;font-size:clamp(40px,11.5vw,72px);line-height:.93;letter-spacing:-.055em;font-weight:790;text-wrap:balance}.copy{position:relative;min-height:120px}.hook,.detail{transition:opacity .2s ease,transform .24s ease,filter .24s ease}.hook{margin:0 0 13px;max-width:34ch;font-size:clamp(18px,4.9vw,27px);line-height:1.2;letter-spacing:-.023em;color:#f5f7f9;text-wrap:pretty}.detail{margin:0;max-width:52ch;font-size:14px;line-height:1.5;color:#cbd1d7;text-wrap:pretty}.detail:empty{display:none}.copy.switching .hook,.copy.switching .detail{opacity:0;transform:translateY(7px);filter:blur(5px)} .mode-flag{display:inline-flex;align-items:center;gap:7px;height:0;overflow:hidden;opacity:0;margin-bottom:0;font-size:9px;font-weight:850;letter-spacing:.12em;color:rgba(255,255,255,.72);transition:height .28s ease,opacity .28s ease,margin .28s ease}.mode-flag:before{content:"";width:18px;height:1px;background:currentColor}.card.deep .mode-flag,.card.take .mode-flag{height:18px;opacity:1;margin-bottom:8px}.card.take .mode-flag{color:color-mix(in srgb,var(--accent) 72%, white 28%)} .actions{position:absolute;z-index:20;right:12px;bottom:calc(98px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:11px;align-items:flex-end}.action{width:49px;height:49px;border-radius:50%;border:1px solid rgba(255,255,255,.19);background:rgba(5,7,10,.38);color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 29px rgba(0,0,0,.24);transition:transform .16s ease,background .18s ease,color .18s ease}.action:active{transform:scale(.88)}.action.active{background:#fff;color:#080a0e}.action svg{width:22px;height:22px} .take-wrap,.deep-wrap{position:relative;display:flex;justify-content:flex-end;align-items:center}.take-btn,.deep-btn{position:relative;width:49px;height:49px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(5,7,10,.5);color:white;display:grid;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible;box-shadow:0 11px 30px rgba(0,0,0,.27);transition:transform .16s ease,background .2s ease,color .2s ease}.take-btn:active,.deep-btn:active{transform:scale(.88)} .take-btn svg{width:25px;height:25px;overflow:visible}.take-btn .spark-core,.take-btn .spark-rays,.take-btn .spark-ring{transform-box:fill-box;transform-origin:center;transition:transform .42s cubic-bezier(.16,.82,.22,1),opacity .26s ease}.take-btn .spark-rays{opacity:.88}.take-btn .spark-ring{opacity:.3}.take-btn.active{background:rgba(255,255,255,.96);color:#0b0e13;border-color:#fff}.take-btn.active .spark-core{transform:scale(1.16)}.take-btn.active .spark-rays{transform:rotate(18deg) scale(1.1)}.take-btn.active .spark-ring{opacity:.6;transform:scale(1.08)}.take-btn.blazing svg{animation:takeIconBurst .72s cubic-bezier(.16,.84,.24,1)}.take-btn.blazing:before{content:"";position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 46%, white 22%),transparent 68%);mix-blend-mode:screen;animation:takeGlow .66s ease-out both;pointer-events:none}.take-btn.blazing:after{content:"";position:absolute;left:50%;top:50%;width:142px;height:142px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 70%, white 16%);animation:takeRing .7s cubic-bezier(.12,.76,.14,1) both;pointer-events:none}.take-orbit{position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(255,255,255,0);pointer-events:none}.take-btn.blazing .take-orbit{animation:takeOrbit .84s cubic-bezier(.16,.84,.24,1)} @keyframes takeIconBurst{0%{transform:scale(1)}28%{transform:scale(1.2) rotate(-10deg)}60%{transform:scale(.88) rotate(8deg)}100%{transform:scale(1)}}@keyframes takeGlow{0%{opacity:0;transform:scale(.45)}22%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}@keyframes takeRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.24)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.24)}}@keyframes takeOrbit{0%{border-color:rgba(255,255,255,0);transform:scale(.6)}32%{border-color:color-mix(in srgb,var(--accent) 75%, white 10%)}100%{border-color:rgba(255,255,255,0);transform:scale(1.28)}} .deep-btn svg{width:27px;height:27px;overflow:visible}.deep-btn .depth-layer,.deep-btn .depth-core{transform-box:fill-box;transform-origin:center;transition:transform .48s cubic-bezier(.16,.82,.22,1),opacity .32s ease}.deep-btn .depth-outer{opacity:.42}.deep-btn .depth-mid{opacity:.7}.deep-btn .depth-inner{opacity:.96}.deep-btn.active{background:rgba(255,255,255,.95);color:#0b0e13;border-color:#fff}.deep-btn.active .depth-outer{transform:scale(.72);opacity:.24}.deep-btn.active .depth-mid{transform:scale(.78);opacity:.54}.deep-btn.active .depth-inner{transform:scale(.88)}.deep-btn.active .depth-core{transform:scale(1.38)}.deep-btn.diving svg{animation:depthIconSink .78s cubic-bezier(.16,.84,.24,1)} @keyframes depthIconSink{0%{transform:scale(1)}34%{transform:scale(1.18) rotate(8deg)}62%{transform:scale(.82) rotate(-4deg)}100%{transform:scale(1)}} .deep-orbit{position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(255,255,255,.0);pointer-events:none}.deep-btn.diving .deep-orbit{animation:depthOrbit .9s cubic-bezier(.16,.84,.24,1)}.deep-btn.diving:before{content:"";position:absolute;inset:-36px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 68%);mix-blend-mode:screen;animation:depthPulse .75s ease-out both;pointer-events:none}.deep-btn.diving:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:150px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9),var(--accent),transparent);transform:translate(-50%,-50%) rotate(35deg);filter:drop-shadow(0 0 8px var(--accent));animation:depthBeam .72s ease-out both;pointer-events:none} .deep-sweep{position:fixed;z-index:17;left:-20vw;top:0;width:140vw;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),var(--accent),rgba(255,255,255,.9),transparent);box-shadow:0 0 24px var(--accent);opacity:0;pointer-events:none;transform:rotate(-10deg)}.deep-sweep.go{animation:deepSweep .68s cubic-bezier(.18,.78,.16,1)} .scene{position:absolute;z-index:4;top:calc(65px + env(safe-area-inset-top));right:-8px;width:218px;height:218px;pointer-events:none;filter:drop-shadow(0 20px 38px rgba(0,0,0,.28))}.scene svg{width:100%;height:100%;overflow:visible}.spin{transform-box:fill-box;transform-origin:center;animation:spin 11s linear infinite}.spin.slow{animation-duration:18s}.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.8s ease-in-out infinite}.float{transform-box:fill-box;transform-origin:center;animation:float 4.2s ease-in-out infinite}.dash{stroke-dasharray:13 10;animation:dash 3.3s linear infinite}.twinkle{transform-box:fill-box;transform-origin:center;animation:twinkle 2.5s ease-in-out infinite}.deep-scene{animation:deepScene .7s cubic-bezier(.16,.84,.24,1)}.scene.scene-cartier{width:232px;height:232px;right:-10px;top:calc(58px + env(safe-area-inset-top));filter:drop-shadow(0 24px 44px rgba(0,0,0,.34)) drop-shadow(0 0 30px rgba(155,21,36,.12))}.scene.scene-cartier:before{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(125,17,31,.17),rgba(239,211,162,.035) 36%,transparent 68%);filter:blur(8px);animation:ctAura 5.5s ease-in-out infinite}.cartier-cinematic{overflow:visible}.cartier-cinematic .ct-metal{filter:drop-shadow(0 0 7px rgba(239,211,162,.16))}.cartier-cinematic .ct-soft{opacity:.42}.cartier-cinematic .ct-faint{opacity:.22}.ct-float,.ct-rock,.ct-spin,.ct-spin-rev,.ct-glint,.ct-breathe,.ct-pulse,.ct-hand,.ct-hand-fast,.ct-screw,.ct-ring-a,.ct-ring-b,.ct-ring-c,.ct-tail,.ct-eye,.ct-bloom-a,.ct-bloom-b,.ct-bloom-c,.ct-prism,.ct-warp,.ct-slide-l,.ct-slide-r,.ct-disc,.ct-orbit-dot,.ct-stroke{transform-box:fill-box;transform-origin:center}.ct-float{animation:ctFloat 5.6s cubic-bezier(.45,0,.2,1) infinite}.ct-rock{animation:ctRock 6.2s ease-in-out infinite}.ct-spin{animation:ctSpin 15s linear infinite}.ct-spin-rev{animation:ctSpin 21s linear infinite reverse}.ct-breathe{animation:ctBreathe 4.2s ease-in-out infinite}.ct-pulse{animation:ctPulse 3.3s ease-in-out infinite}.ct-glint{animation:ctGlint 3.6s ease-in-out infinite}.ct-hand{animation:ctHand 12s linear infinite}.ct-hand-fast{animation:ctHand 3.8s linear infinite}.ct-screw{animation:ctScrew 7s ease-in-out infinite}.ct-ring-a{animation:ctRingA 8.2s ease-in-out infinite}.ct-ring-b{animation:ctRingB 9.4s ease-in-out infinite}.ct-ring-c{animation:ctRingC 10.5s ease-in-out infinite}.ct-tail{animation:ctTail 4.8s ease-in-out infinite}.ct-eye{animation:ctEye 3.1s ease-in-out infinite}.ct-bloom-a{animation:ctBloomA 5.4s ease-in-out infinite}.ct-bloom-b{animation:ctBloomB 6.2s ease-in-out infinite}.ct-bloom-c{animation:ctBloomC 5.8s ease-in-out infinite}.ct-prism{animation:ctPrism 6.4s ease-in-out infinite}.ct-warp{animation:ctWarp 5.6s cubic-bezier(.45,0,.2,1) infinite}.ct-slide-l{animation:ctSlideL 5.2s ease-in-out infinite}.ct-slide-r{animation:ctSlideR 5.2s ease-in-out infinite}.ct-disc{animation:ctDisc 10.5s linear infinite}.ct-orbit-dot{animation:ctOrbitDot 7.5s linear infinite}.ct-stroke{stroke-dasharray:18 160;animation:ctStroke 4.8s linear infinite}.ct-shimmer{stroke-dasharray:6 58;animation:ctShimmer 3.9s linear infinite}.ct-spark{animation:ctSpark 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ct-redglass{mix-blend-mode:screen}.ct-watch-shadow{filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.ct-jewel-shadow{filter:drop-shadow(0 0 12px rgba(239,211,162,.2))}.ct-emerald{filter:drop-shadow(0 0 7px rgba(54,207,135,.28))}.ct-ruby{filter:drop-shadow(0 0 7px rgba(230,60,88,.28))}.ct-sapphire{filter:drop-shadow(0 0 7px rgba(70,117,255,.3))}.ct-atelier,.ct-plinth,.ct-lightblade,.ct-guilloche,.ct-detail-orbit,.ct-detail-pulse,.ct-detail-shift{transform-box:fill-box;transform-origin:center}.ct-atelier{animation:ctAtelier 8.8s ease-in-out infinite}.ct-plinth{animation:ctPlinth 5.6s ease-in-out infinite}.ct-lightblade{animation:ctLightBlade 5.4s cubic-bezier(.45,0,.2,1) infinite;mix-blend-mode:screen}.ct-guilloche{animation:ctSpin 34s linear infinite}.ct-detail-orbit{animation:ctSpin 12s linear infinite}.ct-detail-pulse{animation:ctDetailPulse 3.8s ease-in-out infinite}.ct-detail-shift{animation:ctDetailShift 5.8s ease-in-out infinite}.ct-micro{filter:drop-shadow(0 0 5px rgba(239,211,162,.18))}.ct-surface{filter:drop-shadow(0 12px 16px rgba(0,0,0,.38))}.ct-facet-line{stroke-dasharray:4 18;animation:ctShimmer 4.7s linear infinite} .collect-fx-layer{position:fixed;z-index:115;inset:0;pointer-events:none;overflow:hidden}.collect-fx-vignette{position:fixed;inset:0;background:radial-gradient(circle at var(--fx-x,50%) var(--fx-y,40%),rgba(255,255,255,.1),transparent 26%),radial-gradient(circle at var(--fx-x,50%) var(--fx-y,40%),color-mix(in srgb,var(--fx-accent,#fff) 20%, transparent),transparent 45%);mix-blend-mode:screen;will-change:opacity}.collect-fx-sigil{position:fixed;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0,rgba(255,255,255,.03) 24%,transparent 55%),conic-gradient(from 0deg,transparent 0 10%,rgba(255,255,255,.26) 16%,transparent 24%,var(--fx-accent,#fff) 34%,transparent 44%,rgba(255,255,255,.22) 58%,transparent 70%,var(--fx-accent,#fff) 82%,transparent 100%);filter:blur(.2px) drop-shadow(0 0 24px color-mix(in srgb,var(--fx-accent,#fff) 50%, transparent));will-change:transform,opacity}.collect-fx-sigil:before,.collect-fx-sigil:after{content:"";position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(255,255,255,.42)}.collect-fx-sigil:after{inset:38px;border-color:color-mix(in srgb,var(--fx-accent,#fff) 65%, white 25%);opacity:.7}.collect-fx-pathsvg{position:fixed;inset:0;width:100%;height:100%;overflow:visible}.collect-fx-path{fill:none;stroke:url(#collectStroke);stroke-width:4.4;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 16px var(--fx-accent,#fff))}.collect-fx-path.alt{stroke-width:2.6;opacity:.75}.collect-fx-screenstar{position:fixed;width:7px;height:7px;border-radius:50%;background:var(--fx-accent,#fff);box-shadow:0 0 16px var(--fx-accent,#fff),0 0 40px rgba(255,255,255,.28);will-change:transform,opacity}.collect-fx-screenstar.alt{width:4px;height:4px;background:#fff}.collect-fx-glint{position:fixed;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),var(--fx-accent,#fff),rgba(255,255,255,.98),transparent);box-shadow:0 0 22px var(--fx-accent,#fff);opacity:0;will-change:transform,opacity}.collect-fx-glint.v{width:3px;height:148px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.98),var(--fx-accent,#fff),rgba(255,255,255,.98),transparent)}.collect-fx-border{position:fixed;inset:8px;border-radius:28px;border:1.5px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 54px color-mix(in srgb,var(--fx-accent,#fff) 36%, transparent);opacity:0;will-change:opacity,transform}.collect-fx-gem{position:fixed;width:64px;height:64px;filter:drop-shadow(0 0 26px var(--fx-accent,rgba(255,255,255,.85)));will-change:transform,opacity}.collect-fx-gem svg{width:100%;height:100%;display:block}.collect-fx-particle{position:fixed;width:7px;height:7px;border-radius:2px;background:var(--fx-accent,#fff);box-shadow:0 0 12px var(--fx-accent,#fff);will-change:transform,opacity}.collect-fx-particle.alt{width:4px;height:11px;border-radius:999px;background:#fff}.collect-fx-shard{position:fixed;width:14px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.1),var(--fx-accent,#fff),rgba(255,255,255,.1));box-shadow:0 0 12px var(--fx-accent,#fff);will-change:transform,opacity}.collect-fx-ring{position:fixed;width:58px;height:58px;border-radius:50%;border:1.8px solid rgba(255,255,255,.9);box-shadow:0 0 34px var(--fx-accent,rgba(255,255,255,.7));will-change:transform,opacity}.collect-fx-flash{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--fx-accent,rgba(255,255,255,.55)) 0,rgba(255,255,255,.18) 25%,transparent 68%);mix-blend-mode:screen;will-change:transform,opacity}.actions button.collect.collect-impact:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.75);animation:collectButtonRing .56s cubic-bezier(.15,.8,.2,1) both}.actions button.collect.collect-impact{animation:collectButtonImpact .56s cubic-bezier(.16,.85,.23,1) both} @keyframes collectButtonImpact{0%{transform:scale(.82)}45%{transform:scale(1.2);box-shadow:0 0 0 7px rgba(255,255,255,.08),0 0 36px rgba(255,255,255,.22)}100%{transform:scale(1)}}@keyframes collectButtonRing{0%{opacity:0;transform:scale(.55)}30%{opacity:1}100%{opacity:0;transform:scale(1.8)}} #app.collect-page-live .card .content{animation:collectPageContentStrong 1.04s cubic-bezier(.16,.84,.24,1)}#app.collect-page-live .card .scene{animation:collectPageSceneStrong 1.08s cubic-bezier(.16,.84,.24,1)}#app.collect-page-live .card .bg{animation:collectPageBgStrong 1s ease-out}@keyframes collectPageContentStrong{0%{transform:translateY(0) scale(1)}24%{transform:translateY(-10px) scale(1.04)}58%{transform:translateY(3px) scale(.986)}100%{transform:translateY(0) scale(1)}}@keyframes collectPageSceneStrong{0%{transform:scale(1);filter:drop-shadow(0 20px 38px rgba(0,0,0,.28))}24%{transform:scale(1.16);filter:drop-shadow(0 0 42px rgba(255,255,255,.36)) drop-shadow(0 0 92px color-mix(in srgb,var(--fx-accent,#fff) 48%, transparent))}100%{transform:scale(1);filter:drop-shadow(0 20px 38px rgba(0,0,0,.28))}}@keyframes collectPageBgStrong{0%{filter:brightness(1) saturate(1)}24%{filter:brightness(1.24) saturate(1.34)}60%{filter:brightness(1) saturate(1.1)}100%{filter:brightness(1) saturate(1)}}.toast{position:fixed;z-index:80;left:50%;top:calc(76px + env(safe-area-inset-top));transform:translate(-50%,-12px);max-width:88vw;padding:10px 14px;border-radius:999px;background:rgba(10,13,18,.9);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:800;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)} .progress{display:none!important}.hint{position:fixed;z-index:35;right:18px;bottom:calc(23px + env(safe-area-inset-bottom));font-size:10px;color:rgba(255,255,255,.5)} @keyframes bgDrift{0%{transform:scale(1.03) translate3d(-.6%,.4%,0)}100%{transform:scale(1.09) translate3d(.8%,-.8%,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.84)}50%{opacity:1;transform:scale(1.16)}}@keyframes float{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes dash{to{stroke-dashoffset:-46}}@keyframes twinkle{0%,100%{opacity:.18;transform:scale(.5)}50%{opacity:1;transform:scale(1.4)}} @keyframes depthOrbit{0%{opacity:0;transform:scale(.65);border-color:rgba(255,255,255,0)}30%{opacity:1;border-color:rgba(255,255,255,.8)}100%{opacity:0;transform:scale(1.8);border-color:rgba(255,255,255,0)}}@keyframes depthPulse{0%{opacity:0;transform:scale(.2)}35%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(1.35)}}@keyframes depthBeam{0%{opacity:0;transform:translate(-50%,-50%) rotate(35deg) scaleY(.1)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(35deg) scaleY(1.25)}}@keyframes deepSweep{0%{opacity:0;top:22%}20%{opacity:1}100%{opacity:0;top:78%}}@keyframes deepScene{0%{transform:scale(1)}30%{transform:scale(1.09);filter:drop-shadow(0 0 30px rgba(255,255,255,.28))}100%{transform:scale(1)}}@media(max-width:390px){.scene{width:184px;height:184px;top:calc(70px + env(safe-area-inset-top))}.content{padding-right:67px}h1{font-size:clamp(38px,11.2vw,61px)}.hook{font-size:clamp(17px,4.75vw,23px)}.detail{font-size:12.7px;line-height:1.48}.copy{min-height:166px}.deep-btn{width:49px;height:49px}} @keyframes ctAura{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.07)}}@keyframes ctFloat{0%,100%{transform:translateY(4px) rotate(-1.1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes ctRock{0%,100%{transform:rotate(-3deg) skewX(-1deg) scale(.985)}50%{transform:rotate(3deg) skewX(1deg) scale(1.02)}}@keyframes ctSpin{to{transform:rotate(360deg)}}@keyframes ctBreathe{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.055)}}@keyframes ctPulse{0%,100%{opacity:.38;transform:scale(.82)}50%{opacity:1;transform:scale(1.16)}}@keyframes ctGlint{0%,100%{opacity:.1;transform:scale(.45) rotate(0)}42%{opacity:1;transform:scale(1.35) rotate(45deg)}62%{opacity:.55;transform:scale(.92) rotate(70deg)}}@keyframes ctHand{to{transform:rotate(360deg)}}@keyframes ctScrew{0%,100%{transform:rotate(0deg);opacity:.7}50%{transform:rotate(90deg);opacity:1}}@keyframes ctRingA{0%,100%{transform:rotate(-18deg) scaleX(1) scaleY(.55)}50%{transform:rotate(20deg) scaleX(.88) scaleY(.76)}}@keyframes ctRingB{0%,100%{transform:rotate(42deg) scaleX(.9) scaleY(.68)}50%{transform:rotate(77deg) scaleX(1.03) scaleY(.5)}}@keyframes ctRingC{0%,100%{transform:rotate(102deg) scaleX(.84) scaleY(.72)}50%{transform:rotate(133deg) scaleX(1.02) scaleY(.54)}}@keyframes ctTail{0%,100%{transform:rotate(-7deg) translateY(1px)}50%{transform:rotate(8deg) translateY(-3px)}}@keyframes ctEye{0%,100%{opacity:.38;transform:scale(.9)}46%{opacity:1;transform:scale(1.2)}58%{opacity:.75;transform:scale(1)}}@keyframes ctBloomA{0%,100%{transform:rotate(-8deg) translateY(5px) scale(.92)}50%{transform:rotate(7deg) translateY(-4px) scale(1.08)}}@keyframes ctBloomB{0%,100%{transform:rotate(8deg) translateX(-3px) scale(.9)}50%{transform:rotate(-8deg) translateX(4px) scale(1.07)}}@keyframes ctBloomC{0%,100%{transform:rotate(-5deg) translate(2px,-1px) scale(.94)}50%{transform:rotate(8deg) translate(-3px,4px) scale(1.08)}}@keyframes ctPrism{0%,100%{transform:perspective(180px) rotateY(-14deg) rotateX(5deg) scale(.96)}50%{transform:perspective(180px) rotateY(15deg) rotateX(-6deg) scale(1.04)}}@keyframes ctWarp{0%,100%{transform:skewX(-5deg) rotate(-2deg) scaleX(.95)}50%{transform:skewX(6deg) rotate(2.5deg) scaleX(1.05)}}@keyframes ctSlideL{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}}@keyframes ctSlideR{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}@keyframes ctDisc{to{transform:rotate(360deg)}}@keyframes ctOrbitDot{to{transform:rotate(360deg)}}@keyframes ctStroke{to{stroke-dashoffset:-178}}@keyframes ctShimmer{to{stroke-dashoffset:-64}}@keyframes ctSpark{0%,100%{opacity:.08;transform:scale(.4) rotate(0)}48%{opacity:1;transform:scale(1.3) rotate(45deg)}64%{opacity:.55;transform:scale(.9) rotate(70deg)}}@keyframes ctAtelier{0%,100%{opacity:.52;transform:scale(.97) rotate(-1deg)}50%{opacity:.9;transform:scale(1.025) rotate(1deg)}}@keyframes ctPlinth{0%,100%{opacity:.28;transform:scaleX(.9) scaleY(.88)}50%{opacity:.58;transform:scaleX(1.07) scaleY(1.02)}}@keyframes ctLightBlade{0%{opacity:0;transform:translateX(-76px) rotate(17deg)}18%{opacity:.06}44%{opacity:.72}64%{opacity:.1}100%{opacity:0;transform:translateX(94px) rotate(17deg)}}@keyframes ctDetailPulse{0%,100%{opacity:.3;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes ctDetailShift{0%,100%{transform:translate(-3px,2px) rotate(-2deg)}50%{transform:translate(4px,-4px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.bg,.spin,.pulse,.float,.dash,.twinkle,.scene.scene-cartier:before,.cartier-cinematic *{animation:none!important}} .collection-shell{position:fixed;z-index:180;inset:0;display:none;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.09),transparent 28%),linear-gradient(160deg,#0a0d12,#101620 48%,#07090d);color:#fff;overflow:hidden}.collection-shell.open{display:block}.collection-shell:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.05),transparent 30%),radial-gradient(circle at 78% 80%,rgba(255,255,255,.04),transparent 28%);pointer-events:none}.collection-head{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:calc(17px + env(safe-area-inset-top)) 17px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,9,13,.52);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.collection-title{font-size:19px;font-weight:900;letter-spacing:.13em}.collection-meta{flex:1;font-size:9px;color:#7f8995;letter-spacing:.06em}.collection-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:21px}.collection-body{position:relative;z-index:2;height:calc(100% - 72px - env(safe-area-inset-top));overflow-y:auto;padding:18px 14px calc(30px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.collection-empty{height:70vh;display:grid;place-items:center;text-align:center;color:#7f8995;font-size:13px;line-height:1.5}.collection-empty strong{display:block;color:#fff;font-size:24px;margin-bottom:8px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{position:relative;min-height:190px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-align:left;background:linear-gradient(145deg,var(--cc1),var(--cc2));box-shadow:0 15px 34px rgba(0,0,0,.22);opacity:0;transform:translateY(26px) scale(.96)}.collection-card.show{animation:collectionCardIn .62s cubic-bezier(.16,.84,.24,1) forwards}.collection-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(255,255,255,.16),transparent 26%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.7))}.collection-card>*{position:relative;z-index:2}.collection-card .ccat{font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:5px}.collection-card strong{font-size:20px;line-height:1;letter-spacing:-.035em}.collection-card .mini-scene{position:absolute;z-index:1;right:-5px;top:24px;width:92px;height:92px;opacity:.75}.collection-card .mini-scene svg{width:100%;height:100%}.collection-transition{position:fixed;z-index:175;inset:0;pointer-events:none;display:none;overflow:hidden;perspective:1200px;background:rgba(4,6,9,0)}.collection-transition.go{display:block;animation:transitionVeil .92s ease-out forwards}.library-warp{position:absolute;inset:-12%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.12),transparent 20%),radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--warpAccent,#fff) 24%, transparent),transparent 42%);filter:blur(2px);opacity:0;animation:libraryWarp .92s cubic-bezier(.16,.84,.24,1) forwards}.library-glass-card{position:absolute;left:50%;top:48%;width:min(72vw,300px);height:min(55vh,430px);transform:translate(-50%,-50%);border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 75% 18%,rgba(255,255,255,.22),transparent 22%),linear-gradient(145deg,var(--glass1,#222),var(--glass2,#090b10));box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 50px color-mix(in srgb,var(--glassAccent,#fff) 18%, transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-style:preserve-3d;will-change:transform,opacity;animation:glassCardFold .92s cubic-bezier(.16,.84,.24,1) forwards}.library-glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.18) 44%,transparent 52%);transform:translateX(-120%);animation:glassSweep .72s .08s ease-out forwards}.glass-card-copy{position:absolute;left:20px;right:20px;bottom:22px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}.glass-card-copy small{display:block;margin-bottom:7px;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}.glass-card-copy strong{display:block;font-size:34px;line-height:.95;letter-spacing:-.045em}.library-echo{position:absolute;left:50%;top:48%;width:min(72vw,300px);height:min(55vh,430px);margin:0;border-radius:30px;border:1px solid rgba(255,255,255,.16);transform:translate(-50%,-50%) scale(1);opacity:0;will-change:transform,opacity}.library-echo.e1{animation:echoDepth1 .88s cubic-bezier(.16,.84,.24,1) forwards}.library-echo.e2{animation:echoDepth2 .88s .04s cubic-bezier(.16,.84,.24,1) forwards}.library-echo.e3{animation:echoDepth3 .88s .08s cubic-bezier(.16,.84,.24,1) forwards}.library-seam{position:absolute;left:50%;top:48%;width:min(76vw,330px);height:1px;transform:translate(-50%,-50%) scaleX(.08);background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),var(--seamAccent,#fff),rgba(255,255,255,.95),transparent);box-shadow:0 0 22px var(--seamAccent,#fff);opacity:0;animation:librarySeam .82s .18s cubic-bezier(.16,.84,.24,1) forwards}.collection-shell.open{display:block;animation:libraryUnfold .64s cubic-bezier(.16,.84,.24,1) both}.collection-exit-stage{animation:stageToLibrarySmooth .82s cubic-bezier(.16,.84,.24,1) forwards}.collection-enter-stage{animation:stageFromLibrary .58s cubic-bezier(.16,.84,.24,1) forwards}@keyframes transitionVeil{0%{background:rgba(4,6,9,0)}45%{background:rgba(4,6,9,.18)}100%{background:rgba(4,6,9,.48)}}@keyframes libraryWarp{0%{opacity:0;transform:scale(.75)}38%{opacity:.9;transform:scale(1.08)}100%{opacity:0;transform:scale(1.45)}}@keyframes glassCardFold{0%{opacity:.12;transform:translate(-50%,-50%) scale(3.2) rotateX(0) rotateY(0)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotateX(0) rotateY(0)}58%{opacity:1;transform:translate(-50%,-50%) scale(.82) rotateX(3deg) rotateY(-14deg)}78%{opacity:.92;transform:translate(-50%,-52%) scale(.62) rotateX(6deg) rotateY(58deg)}100%{opacity:0;transform:translate(-50%,-62%) scale(.12) rotateX(10deg) rotateY(84deg)}}@keyframes glassSweep{to{transform:translateX(130%)}}@keyframes echoDepth1{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.96)}44%{opacity:.36;transform:translate(-50%,-50%) scale(1.03)}100%{opacity:0;transform:translate(-50%,-54%) scale(.68)}}@keyframes echoDepth2{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.94)}44%{opacity:.28;transform:translate(-50%,-50%) scale(1.09)}100%{opacity:0;transform:translate(-50%,-56%) scale(.58)}}@keyframes echoDepth3{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.92)}44%{opacity:.2;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-58%) scale(.5)}}@keyframes librarySeam{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.08)}28%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}70%{opacity:.65;transform:translate(-50%,-50%) scaleX(.72)}100%{opacity:0;transform:translate(-50%,-50%) scaleX(.08)}}@keyframes stageToLibrarySmooth{0%{transform:scale(1);filter:blur(0);opacity:1}38%{transform:scale(.965);filter:blur(.3px);opacity:.96}100%{transform:scale(.86);filter:blur(5px);opacity:0}}@keyframes stageFromLibrary{0%{transform:scale(.86);filter:blur(5px);opacity:0}100%{transform:scale(1);filter:blur(0);opacity:1}}@keyframes libraryUnfold{0%{opacity:0;transform:scale(.92);filter:blur(12px);clip-path:inset(44% 42% 44% 42% round 30px)}45%{opacity:1;filter:blur(3px)}100%{opacity:1;transform:scale(1);filter:blur(0);clip-path:inset(0 0 0 0 round 0)}}@keyframes collectionCardIn{to{opacity:1;transform:translateY(0) scale(1)}} .kivoo-signed-in .collection-launch{display:flex!important}.kivoo-signed-in .xp-chip{display:flex!important} .collection-tools{position:sticky;z-index:9;top:-18px;margin:-2px -2px 16px;padding:4px 2px 13px;background:linear-gradient(to bottom,rgba(10,13,18,.98) 0%,rgba(10,13,18,.94) 70%,rgba(10,13,18,0) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .collection-tools-label{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;color:#8d96a2;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.collection-tools-label strong{color:#f4f7fa;font-size:10px;letter-spacing:.04em} .collection-filters{display:flex;gap:7px;overflow-x:auto;padding:0 1px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-filters::-webkit-scrollbar{display:none} .collection-filter{flex:0 0 auto;height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#aeb6c1;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:780;letter-spacing:.01em;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .16s ease}.collection-filter:active{transform:scale(.95)}.collection-filter.active{background:#f7f9fb;color:#0a0d12;border-color:#f7f9fb;box-shadow:0 9px 24px rgba(0,0,0,.22)}.collection-filter-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:8px;font-variant-numeric:tabular-nums}.collection-filter.active .collection-filter-count{background:rgba(10,13,18,.09)} .collection-grid{gap:12px!important}.collection-card{min-height:176px!important;border-radius:20px!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 12px 28px rgba(0,0,0,.19)!important}.collection-card strong{font-size:19px!important;line-height:1.02!important}.collection-card .ccat{font-size:8px!important;letter-spacing:.14em!important} @media(max-width:360px){.collection-body{padding-left:11px!important;padding-right:11px!important}.collection-grid{gap:9px!important}.collection-card{min-height:164px!important;padding:12px!important}.collection-card strong{font-size:17px!important}} .challenge-wrap,.take-wrap,.deep-wrap{position:relative;display:flex;justify-content:flex-end;align-items:center} .challenge-btn{position:relative;width:49px;height:49px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(5,7,10,.5);color:white;display:grid;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible;box-shadow:0 11px 30px rgba(0,0,0,.27);transition:transform .16s ease,background .2s ease,color .2s ease}.challenge-btn:active{transform:scale(.88)}.challenge-btn svg{width:28px;height:28px;overflow:visible}.challenge-btn .challenge-core,.challenge-btn .challenge-spokes,.challenge-btn .challenge-ring{transform-box:fill-box;transform-origin:center;transition:transform .42s cubic-bezier(.16,.82,.22,1),opacity .28s ease}.challenge-btn .challenge-spokes{opacity:.86}.challenge-btn .challenge-ring{opacity:.32}.challenge-btn.firing{background:rgba(255,255,255,.95);color:#0c1016;border-color:#fff}.challenge-btn .sword{transform-box:fill-box;transform-origin:center}.challenge-btn .challenge-ring{opacity:.18}.challenge-btn.firing .challenge-core{transform:translate(-1px,1px) rotate(-7deg) scale(1.08)}.challenge-btn.firing .challenge-spokes{transform:translate(1px,1px) rotate(7deg) scale(1.08)}.challenge-btn.firing .challenge-ring{opacity:.68;transform:scale(1.22)}.challenge-btn.firing svg{animation:challengeIconBurst .78s cubic-bezier(.16,.84,.24,1)}.challenge-btn:before,.challenge-btn:after{content:"";position:absolute;inset:-24px;border-radius:50%;pointer-events:none;opacity:0}.challenge-btn.firing:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%, white 22%),transparent 70%);mix-blend-mode:screen;animation:challengeGlow .7s ease-out both}.challenge-btn.firing:after{inset:-8px;border:1px dashed color-mix(in srgb,var(--accent) 74%, white 12%);animation:challengeHalo .82s cubic-bezier(.12,.76,.14,1) both}.challenge-pulse{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,255,255,0);pointer-events:none}.challenge-btn.firing .challenge-pulse{animation:challengePulse .82s cubic-bezier(.16,.84,.24,1)} @keyframes challengeIconBurst{0%{transform:scale(1)}26%{transform:scale(1.18) rotate(-10deg)}56%{transform:scale(.9) rotate(8deg)}100%{transform:scale(1)}}@keyframes challengeGlow{0%{opacity:0;transform:scale(.45)}20%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(1.52)}}@keyframes challengeHalo{0%{opacity:0;transform:scale(.58) rotate(0deg)}28%{opacity:1}100%{opacity:0;transform:scale(1.28) rotate(24deg)}}@keyframes challengePulse{0%{border-color:rgba(255,255,255,0);transform:scale(.7)}30%{border-color:color-mix(in srgb,var(--accent) 72%, white 12%)}100%{border-color:rgba(255,255,255,0);transform:scale(1.3)}} .challenge-shell{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;pointer-events:none;opacity:0;transition:opacity .28s ease}.challenge-shell.open{opacity:1;pointer-events:auto}.challenge-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 28%),linear-gradient(to bottom,rgba(4,6,10,.2),rgba(4,6,10,.9));backdrop-filter:blur(14px)}.challenge-panel{position:relative;width:min(100%,420px);padding:28px 22px 22px;border-radius:28px;background:linear-gradient(180deg,rgba(13,16,23,.95),rgba(8,10,14,.96));border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);transform:translateY(16px) scale(.96);opacity:0;overflow:hidden}.challenge-shell.open .challenge-panel{animation:challengePanelIn .42s cubic-bezier(.18,.82,.2,1) forwards}.challenge-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent,#b9c5ff) 18%, transparent),transparent 28%),linear-gradient(140deg,rgba(255,255,255,.04),transparent 36%);pointer-events:none}.challenge-topline{position:relative;font-size:10px;font-weight:900;letter-spacing:.18em;color:#d8dee6;text-transform:uppercase;margin-bottom:9px}.challenge-sub{position:relative;color:#8e97a0;font-size:12px;letter-spacing:.04em;margin-bottom:10px}.challenge-difficulty-stars{position:relative;display:flex;align-items:center;min-height:18px;margin:-2px 0 16px;color:color-mix(in srgb,var(--accent,#b9c5ff) 68%,white 32%);font-size:12px;font-weight:900;letter-spacing:4px;line-height:1;text-shadow:0 0 12px color-mix(in srgb,var(--accent,#b9c5ff) 42%,transparent),0 1px 8px rgba(0,0,0,.34);pointer-events:none;user-select:none}.challenge-shell.feedback-live .challenge-difficulty-stars{visibility:hidden}@media(max-height:620px){.challenge-difficulty-stars{font-size:11px;margin-bottom:14px}} .challenge-question{position:relative;margin:0 0 18px;font-size:clamp(22px,5.8vw,31px);line-height:1.08;letter-spacing:-.03em;color:#f7f9fb}.challenge-choices{position:relative;display:grid;gap:10px}.challenge-choice{position:relative;width:100%;text-align:left;padding:16px 16px 16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.03);color:#eef2f6;font-size:15px;line-height:1.34;letter-spacing:-.01em;transition:transform .22s ease,border-color .26s ease,background .26s ease,box-shadow .26s ease,opacity .26s ease,filter .26s ease}.challenge-choice:active{transform:scale(.985)}.challenge-choice .challenge-index{display:none}.challenge-choice.correct{border-color:#aaf1c7;background:rgba(103,255,171,.12);box-shadow:0 0 0 1px rgba(103,255,171,.1),0 0 28px rgba(103,255,171,.14)}.challenge-choice.wrong{border-color:#ff8f99;background:rgba(255,88,106,.13);box-shadow:0 0 0 1px rgba(255,88,106,.08),0 0 26px rgba(255,88,106,.14)}.challenge-choice.reveal{transform:translateX(0) scale(1.02)}.challenge-shell.answered .challenge-choice{opacity:.58;filter:saturate(.86)}.challenge-shell.answered .challenge-choice.correct,.challenge-shell.answered .challenge-choice.wrong{opacity:1;filter:none}.challenge-shell.correct .challenge-choice.correct{animation:choiceCorrect 1.5s cubic-bezier(.14,.82,.18,1) both}.challenge-shell.wrong .challenge-choice.wrong{animation:choiceWrong 1.35s cubic-bezier(.14,.82,.18,1) both}.challenge-shell.wrong .challenge-choice.correct{animation:choiceCorrectReveal 1.5s cubic-bezier(.14,.82,.18,1) both}.challenge-status{position:relative;min-height:18px;margin-top:14px;font-size:11px;font-weight:850;letter-spacing:.16em;color:#d8dee6;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease}.challenge-status.show{opacity:1;transform:translateY(0)}.challenge-shell.correct .challenge-panel{animation:challengeRight 1s cubic-bezier(.14,.82,.18,1)}.challenge-shell.wrong .challenge-panel{animation:challengeWrong 1s cubic-bezier(.14,.82,.18,1)}.challenge-shell.resolving .challenge-panel{animation:challengeResolve .95s cubic-bezier(.18,.78,.18,1) forwards}.challenge-shell.resolving .challenge-backdrop{animation:challengeBackdropOut .95s ease forwards}.challenge-shell.correct .challenge-panel:after,.challenge-shell.wrong .challenge-panel:after{content:"";position:absolute;inset:-22%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.06),transparent,color-mix(in srgb,var(--accent,#b9c5ff) 24%, transparent),transparent);mix-blend-mode:screen;animation:challengeSweep 1.05s ease-out both;pointer-events:none} @keyframes challengePanelIn{0%{opacity:0;transform:translateY(16px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes challengeRight{0%{transform:translateY(0) scale(1)}16%{transform:translateY(-4px) scale(1.022)}38%{transform:translateY(0) scale(1.042)}66%{transform:translateY(2px) scale(.998)}100%{transform:scale(1)}}@keyframes challengeWrong{0%{transform:translateX(0) rotate(0deg) scale(1)}16%{transform:translateX(-8px) rotate(-1.4deg) scale(1.008)}34%{transform:translateX(6px) rotate(1deg) scale(.998)}52%{transform:translateX(-4px) rotate(-.5deg)}72%{transform:translateX(2px) rotate(.3deg)}100%{transform:translateX(0) rotate(0deg) scale(1)}}@keyframes challengeResolve{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}18%{opacity:1;transform:translateY(-6px) scale(1.03)}55%{opacity:1;transform:translateY(-10px) scale(.94)}100%{opacity:0;transform:translateY(34px) scale(.76);filter:blur(14px)}}@keyframes challengeBackdropOut{0%{opacity:1}100%{opacity:0}}@keyframes challengeSweep{0%{opacity:0;transform:translateX(-18%) rotate(0deg)}22%{opacity:1}100%{opacity:0;transform:translateX(18%) rotate(90deg)}}@keyframes choiceCorrect{0%{transform:scale(1)}22%{transform:scale(1.03)}55%{transform:scale(1.045);box-shadow:0 0 0 1px rgba(103,255,171,.14),0 0 42px rgba(103,255,171,.24)}100%{transform:scale(1.02)}}@keyframes choiceWrong{0%{transform:translateX(0)}18%{transform:translateX(-8px)}36%{transform:translateX(6px)}56%{transform:translateX(-4px)}100%{transform:translateX(0)}}@keyframes choiceCorrectReveal{0%{transform:scale(1)}32%{transform:scale(1.02);box-shadow:0 0 0 1px rgba(103,255,171,.12),0 0 34px rgba(103,255,171,.2)}100%{transform:scale(1.01)}} .challenge-result{position:relative;overflow:hidden;margin-top:14px;max-height:0;padding:0 16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));opacity:0;transform:translateY(10px) scale(.98);transition:max-height .42s cubic-bezier(.2,.8,.2,1),padding .42s cubic-bezier(.2,.8,.2,1),opacity .26s ease,transform .42s cubic-bezier(.2,.8,.2,1),border-color .26s ease,box-shadow .26s ease}.challenge-result.show{max-height:200px;padding:16px;border-color:rgba(255,255,255,.12);opacity:1;transform:translateY(0) scale(1)}.challenge-result:before,.challenge-result:after{content:"";position:absolute;pointer-events:none;opacity:0}.challenge-result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:9px 14px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.challenge-result-line{margin-top:12px;font-size:18px;font-weight:820;letter-spacing:-.03em;color:#fff}.challenge-result-answer{margin-top:8px;font-size:13px;line-height:1.4;color:#d7dde6}.challenge-result.correct{border-color:rgba(103,255,171,.36);box-shadow:0 0 0 1px rgba(103,255,171,.08),0 16px 42px rgba(55,255,150,.16)}.challenge-result.correct .challenge-result-badge{background:linear-gradient(135deg,rgba(103,255,171,.28),rgba(103,255,171,.1));color:#dffff0;box-shadow:0 0 0 1px rgba(103,255,171,.16),0 0 28px rgba(103,255,171,.18);animation:resultBadgeCorrect .9s cubic-bezier(.14,.82,.18,1) both}.challenge-result.correct:before{left:-12%;top:-14%;width:124%;height:124%;background:conic-gradient(from 120deg,transparent,rgba(103,255,171,.08),transparent,rgba(255,255,255,.12),transparent);mix-blend-mode:screen;animation:resultCelebrateSweep 1.7s ease-out both;opacity:1}.challenge-result.correct:after{left:50%;top:50%;width:180px;height:180px;border-radius:50%;border:1px solid rgba(103,255,171,.34);transform:translate(-50%,-50%) scale(.28);animation:resultCelebrateRing 1.1s cubic-bezier(.14,.82,.18,1) both;opacity:1}.challenge-result.wrong{border-color:rgba(255,110,126,.34);box-shadow:0 0 0 1px rgba(255,110,126,.08),0 16px 40px rgba(255,90,110,.14)}.challenge-result.wrong .challenge-result-badge{background:linear-gradient(135deg,rgba(255,104,120,.24),rgba(255,104,120,.1));color:#ffe1e5;box-shadow:0 0 0 1px rgba(255,110,126,.16),0 0 24px rgba(255,110,126,.16);animation:resultBadgeWrong .9s cubic-bezier(.14,.82,.18,1) both}.challenge-result.wrong:before{left:-6%;right:-6%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,124,138,.85),transparent);transform:translateY(-50%) scaleX(.1);transform-origin:center;animation:resultWrongSlash .9s cubic-bezier(.16,.82,.18,1) both;opacity:1}.challenge-result.wrong:after{left:50%;top:50%;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,110,126,.26);transform:translate(-50%,-50%) scale(.18);animation:resultWrongRipple 1.05s cubic-bezier(.16,.82,.18,1) both;opacity:1}@keyframes resultBadgeCorrect{0%{transform:scale(.72) translateY(8px);opacity:0}52%{transform:scale(1.08) translateY(0);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes resultBadgeWrong{0%{transform:scale(.72) translateY(8px);opacity:0}36%{transform:scale(1.06) translateY(0);opacity:1}56%{transform:translateX(-5px)}74%{transform:translateX(4px)}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes resultCelebrateSweep{0%{transform:rotate(0deg) scale(.86);opacity:0}16%{opacity:1}100%{transform:rotate(78deg) scale(1.08);opacity:0}}@keyframes resultCelebrateRing{0%{transform:translate(-50%,-50%) scale(.24);opacity:.9}72%{transform:translate(-50%,-50%) scale(1.3);opacity:.26}100%{transform:translate(-50%,-50%) scale(1.56);opacity:0}}@keyframes resultWrongSlash{0%{transform:translateY(-50%) scaleX(.04);opacity:0}26%{opacity:1}58%{transform:translateY(-50%) scaleX(1.04);opacity:1}100%{transform:translateY(-50%) scaleX(1);opacity:0}}@keyframes resultWrongRipple{0%{transform:translate(-50%,-50%) scale(.18);opacity:.8}68%{transform:translate(-50%,-50%) scale(1.05);opacity:.22}100%{transform:translate(-50%,-50%) scale(1.34);opacity:0}}#app.challenge-reveal #stage .card{animation:challengeCardReveal 1.4s cubic-bezier(.16,.82,.18,1)}#app.challenge-reveal #stage .card .bg{animation:challengeBgReveal 1.4s ease-out}#app.challenge-reveal #stage .card .scene{animation:challengeSceneReveal 1.4s cubic-bezier(.16,.82,.18,1)}#app.challenge-reveal #stage .card .content{animation:challengeContentReveal 1.3s cubic-bezier(.16,.82,.18,1)}@keyframes challengeCardReveal{0%{transform:scale(1.05);filter:brightness(.76) blur(10px)}38%{transform:scale(1.028);filter:brightness(.94) blur(3px)}72%{transform:scale(1.01);filter:brightness(1.05) blur(0)}100%{transform:scale(1);filter:brightness(1) blur(0)}}@keyframes challengeBgReveal{0%{filter:brightness(.78) saturate(.84)}48%{filter:brightness(1.12) saturate(1.18)}100%{filter:brightness(1) saturate(1)}}@keyframes challengeSceneReveal{0%{transform:scale(1.11);opacity:.7;filter:drop-shadow(0 0 26px rgba(255,255,255,.14))}58%{transform:scale(1.02);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes challengeContentReveal{0%{opacity:0;transform:translateY(20px)}42%{opacity:.72;transform:translateY(6px)}76%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}} /* KIVOO interaction motion must remain visible even when device Reduce Motion is enabled. */ .challenge-btn.firing svg,.take-btn.blazing svg,.deep-btn.diving svg,.collect-impact,.challenge-shell.correct .challenge-panel,.challenge-shell.wrong .challenge-panel,.challenge-shell.resolving .challenge-panel,.challenge-result.show,.challenge-result.correct .challenge-result-badge,.challenge-result.wrong .challenge-result-badge,.collection-transition.go .glass-card,.collection-transition.go .glass-warp,#app.challenge-reveal #stage .card,#app.challenge-reveal #stage .scene,#app.challenge-reveal #stage .content{animation-play-state:running!important} .challenge-feedback{position:absolute;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px;text-align:center;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden;border-radius:inherit;background:rgba(8,10,14,.97);transform:scale(.96)}.challenge-feedback.live{visibility:visible}.challenge-feedback.correct-mode{background:radial-gradient(circle at 50% 34%,rgba(91,255,164,.19),transparent 34%),linear-gradient(180deg,#0d1713,#07100c 74%,#070b09)}.challenge-feedback.wrong-mode{background:radial-gradient(circle at 50% 34%,rgba(255,83,103,.18),transparent 35%),linear-gradient(180deg,#1a0e11,#10080a 74%,#0b0708)}.challenge-feedback-field{position:absolute;inset:0;pointer-events:none}.challenge-feedback-particle{position:absolute;left:50%;top:42%;width:4px;height:18px;border-radius:999px;background:currentColor;opacity:0;transform-origin:50% 100%;will-change:transform,opacity}.challenge-feedback.correct-mode .challenge-feedback-particle{color:#9dffcb}.challenge-feedback.wrong-mode .challenge-feedback-particle{color:#ff8f9e}.challenge-feedback-rings{position:absolute;left:50%;top:42%;width:210px;height:210px;transform:translate(-50%,-50%);pointer-events:none}.challenge-feedback-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid currentColor;opacity:0}.challenge-feedback.correct-mode .challenge-feedback-rings{color:rgba(118,255,182,.55)}.challenge-feedback.wrong-mode .challenge-feedback-rings{color:rgba(255,107,127,.5)}.challenge-feedback-mark{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:24px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.28))}.challenge-feedback-mark svg{width:100%;height:100%;overflow:visible}.challenge-feedback-mark .mark-ring{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.32}.challenge-feedback-mark .mark-stroke{fill:none;stroke:currentColor;stroke-width:5.2;stroke-linecap:round;stroke-linejoin:round}.challenge-feedback.correct-mode .challenge-feedback-mark{color:#a7ffd0}.challenge-feedback.wrong-mode .challenge-feedback-mark{color:#ff9aa9}.challenge-feedback-label{position:relative;font-size:34px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#fff;line-height:1}.challenge-feedback-copy{position:relative;margin-top:11px;font-size:16px;font-weight:700;letter-spacing:-.02em;color:#e8edf1}.challenge-feedback-answer{position:relative;margin-top:8px;max-width:300px;font-size:13px;line-height:1.45;color:#bfc7d0}.challenge-shell.feedback-live .challenge-topline,.challenge-shell.feedback-live .challenge-sub,.challenge-shell.feedback-live .challenge-question,.challenge-shell.feedback-live .challenge-choices,.challenge-shell.feedback-live .challenge-result,.challenge-shell.feedback-live .challenge-status{visibility:hidden}.challenge-shell.unlocking .challenge-backdrop{opacity:0;transition:opacity .7s ease} /* Clerk signed-in user menu must sit above KIVOO's fixed layers. */ .user-auth-slot .cl-rootBox{pointer-events:auto!important} .cl-modalBackdrop,.cl-modalContent{z-index:10000!important} .topbar-actions{display:flex;align-items:center;gap:8px;pointer-events:none}.topbar-actions>.collection-launch,.topbar-actions>.user-auth-slot{pointer-events:auto}@media(max-width:390px){.topbar-actions{gap:6px}} /* KIVOO XP */ .xp-chip{position:relative;display:flex;height:36px;min-width:54px;padding:0 10px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(6,8,12,.48);align-items:center;gap:7px;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);overflow:visible;pointer-events:none} .xp-mark{position:relative;width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto}.xp-mark svg{width:18px;height:18px;overflow:visible}.xp-mark .xp-spark-main{fill:none;stroke:rgba(255,255,255,.96);stroke-width:1.55;stroke-linejoin:round}.xp-mark .xp-spark-dot{fill:rgba(255,255,255,.72)} .xp-score{font-size:12px;line-height:1;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;min-width:12px;text-align:right} .xp-chip.xp-up{animation:xpChipUp .78s cubic-bezier(.16,.84,.24,1)}.xp-chip.xp-down{animation:xpChipDown .78s cubic-bezier(.16,.84,.24,1)} .xp-chip.xp-up .xp-mark{animation:xpMarkUp .78s cubic-bezier(.16,.84,.24,1)}.xp-chip.xp-down .xp-mark{animation:xpMarkDown .78s cubic-bezier(.16,.84,.24,1)} .xp-earned-inline{position:absolute;right:2px;top:calc(100% + 5px);display:grid;place-items:center;min-width:max-content;max-width:120px;padding:4px 8px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(10,14,21,.82);color:#fff;font-size:10px;line-height:1;font-weight:900;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px) scale(.92);transform-origin:top right;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);overflow:visible} .xp-earned-inline:before,.xp-earned-inline:after{content:"";position:absolute;pointer-events:none;opacity:0} .xp-earned-inline.fx-spark{background:linear-gradient(180deg,rgba(15,23,31,.92),rgba(7,12,18,.88));border-color:rgba(142,255,203,.28);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 26px rgba(94,255,173,.14),inset 0 1px 0 rgba(255,255,255,.05)} .xp-earned-inline.fx-spark:before,.xp-earned-inline.fx-spark:after{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 0 32%,rgba(146,255,205,.96) 33% 62%,rgba(146,255,205,0) 63%)} .xp-earned-inline.fx-spark:before{left:10px;top:50%}.xp-earned-inline.fx-spark:after{right:12px;top:28%} .xp-earned-inline.fx-ribbon{background:linear-gradient(135deg,rgba(46,70,104,.96),rgba(18,25,38,.94));border-color:rgba(157,197,255,.28);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 24px rgba(118,164,255,.14),inset 0 1px 0 rgba(255,255,255,.05)} .xp-earned-inline.fx-ribbon:before{inset:-1px;border-radius:999px;border:1px solid rgba(184,216,255,.14);opacity:1;transform:scaleX(.75);transform-origin:right center} .xp-earned-inline.fx-ribbon:after{left:8px;right:8px;bottom:-3px;height:1px;background:linear-gradient(90deg,rgba(132,189,255,0),rgba(132,189,255,.68),rgba(132,189,255,0));opacity:1;transform:scaleX(.4);transform-origin:center} .xp-earned-inline.fx-halo{background:linear-gradient(180deg,rgba(25,30,44,.95),rgba(10,15,21,.9));border-color:rgba(255,214,126,.24);box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 22px rgba(255,201,92,.12),inset 0 1px 0 rgba(255,255,255,.05)} .xp-earned-inline.fx-halo:before{left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:1px solid rgba(255,221,145,.52)} .xp-earned-inline.fx-halo:after{left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:1px solid rgba(145,213,255,.28)} .xp-earned-inline.show.fx-spark{animation:xpInlineSpark 1.7s cubic-bezier(.16,.84,.24,1) forwards}.xp-earned-inline.show.fx-spark:before{animation:xpSparkOrbitA 1.3s ease-out forwards}.xp-earned-inline.show.fx-spark:after{animation:xpSparkOrbitB 1.3s ease-out forwards} .xp-earned-inline.show.fx-ribbon{animation:xpInlineRibbon 1.7s cubic-bezier(.16,.84,.24,1) forwards}.xp-earned-inline.show.fx-ribbon:before{animation:xpRibbonFrame 1.25s cubic-bezier(.16,.84,.24,1) forwards}.xp-earned-inline.show.fx-ribbon:after{animation:xpRibbonSweep 1.05s ease-out forwards} .xp-earned-inline.show.fx-halo{animation:xpInlineHalo 1.7s cubic-bezier(.16,.84,.24,1) forwards}.xp-earned-inline.show.fx-halo:before{animation:xpHaloRingA 1.2s ease-out forwards}.xp-earned-inline.show.fx-halo:after{animation:xpHaloRingB 1.2s ease-out forwards} @keyframes xpInlineSpark{0%{opacity:0;transform:translateY(-6px) scale(.82)}14%{opacity:1;transform:translateY(0) scale(1.06)}26%{transform:translateY(-1px) scale(1)}70%{opacity:1;transform:translateY(-2px) scale(1)}100%{opacity:0;transform:translateY(-14px) scale(.96)}} @keyframes xpSparkOrbitA{0%{opacity:0;transform:translate(0,-50%) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(-10px,-14px) scale(1.15)}} @keyframes xpSparkOrbitB{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(10px,-10px) scale(1.05)}} @keyframes xpInlineRibbon{0%{opacity:0;transform:translateY(-2px) translateX(14px) skewX(-10deg) scale(.9)}18%{opacity:1;transform:translateY(0) translateX(0) skewX(-6deg) scale(1.03)}32%{transform:translateY(0) translateX(0) skewX(0deg) scale(1)}72%{opacity:1;transform:translateY(-2px) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(.98)}} @keyframes xpRibbonFrame{0%{opacity:.25;transform:scaleX(.65)}24%{opacity:1;transform:scaleX(1.02)}100%{opacity:0;transform:scaleX(1.08)}} @keyframes xpRibbonSweep{0%{opacity:0;transform:scaleX(.1)}18%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(.5)}} @keyframes xpInlineHalo{0%{opacity:0;transform:translateY(-3px) scale(.76)}16%{opacity:1;transform:translateY(0) scale(1.09)}30%{transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(-1px) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(.95)}} @keyframes xpHaloRingA{0%{opacity:0;transform:scale(.3)}18%{opacity:.95}100%{opacity:0;transform:scale(2.1)}} @keyframes xpHaloRingB{0%{opacity:0;transform:scale(.2)}24%{opacity:.78}100%{opacity:0;transform:scale(1.55)}} @keyframes xpChipUp{0%{transform:scale(1)}24%{transform:scale(1.08);border-color:rgba(135,255,192,.58);box-shadow:0 0 0 5px rgba(92,255,167,.07),0 0 30px rgba(92,255,167,.18)}62%{transform:scale(.98)}100%{transform:scale(1)}} @keyframes xpChipDown{0%{transform:scale(1)}20%{transform:translateX(-3px) scale(1.04);border-color:rgba(255,122,139,.55);box-shadow:0 0 0 5px rgba(255,91,110,.06),0 0 26px rgba(255,91,110,.16)}38%{transform:translateX(3px) scale(1.02)}58%{transform:translateX(-2px)}100%{transform:translateX(0) scale(1)}} @keyframes xpMarkUp{0%{transform:scale(1) rotate(0)}32%{transform:scale(1.3) rotate(18deg);filter:drop-shadow(0 0 8px rgba(130,255,190,.72))}100%{transform:scale(1) rotate(0);filter:none}} @keyframes xpMarkDown{0%{transform:scale(1) rotate(0)}26%{transform:scale(.86) rotate(-12deg);filter:drop-shadow(0 0 8px rgba(255,110,130,.62))}52%{transform:scale(1.1) rotate(8deg)}100%{transform:scale(1) rotate(0);filter:none}} /* KIVOO dedicated account page */ .user-account-btn{width:36px;height:36px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(6,8,12,.5);color:#fff;display:grid;place-items:center;overflow:hidden;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.user-account-btn:active{transform:scale(.9)}.user-account-btn:hover{border-color:rgba(255,255,255,.32);box-shadow:0 12px 34px rgba(0,0,0,.28)}.user-account-btn img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.user-account-initials{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#202631,#10141b);font-size:10px;font-weight:900;letter-spacing:.04em;color:#fff} .account-transition{position:fixed;z-index:186;inset:0;pointer-events:none;overflow:hidden;display:none}.account-transition.go{display:block}.account-transition:before{content:"";position:absolute;right:31px;top:calc(33px + env(safe-area-inset-top));width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#202734,#0a0d12 68%);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 56px rgba(255,255,255,.13);transform:translate(50%,-50%) scale(.5);opacity:.94}.account-transition.go:before{animation:accountBloom .7s cubic-bezier(.16,.84,.24,1) forwards}@keyframes accountBloom{0%{transform:translate(50%,-50%) scale(.45);opacity:.96}48%{opacity:1}100%{transform:translate(50%,-50%) scale(76);opacity:1}} #app.account-stage-out{animation:accountStageOut .68s cubic-bezier(.16,.84,.24,1) forwards}#app.account-stage-back{animation:accountStageBack .58s cubic-bezier(.16,.84,.24,1) both}@keyframes accountStageOut{0%{transform:scale(1);filter:blur(0);opacity:1}55%{transform:scale(.97);filter:blur(1px);opacity:.72}100%{transform:scale(.91);filter:blur(9px);opacity:0}}@keyframes accountStageBack{0%{transform:scale(.91);filter:blur(9px);opacity:0}100%{transform:scale(1);filter:blur(0);opacity:1}} .account-shell{position:fixed;z-index:190;inset:0;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle at 78% 4%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 10% 76%,rgba(85,111,160,.08),transparent 32%),linear-gradient(160deg,#0a0d12,#0e131b 52%,#07090d);color:#f7f9fb;overflow:hidden;transform:scale(1.018);filter:blur(6px)}.account-shell.open{visibility:visible;pointer-events:auto;animation:accountPageIn .62s .12s cubic-bezier(.16,.84,.24,1) both}.account-shell.closing{visibility:visible;pointer-events:none;animation:accountPageOut .45s cubic-bezier(.4,0,.2,1) both}@keyframes accountPageIn{0%{opacity:0;transform:scale(1.018) translateY(10px);filter:blur(7px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes accountPageOut{0%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.018) translateY(8px);filter:blur(7px)}} .account-page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(34px + env(safe-area-inset-bottom))}.account-head{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 18px 15px;background:linear-gradient(to bottom,rgba(8,10,15,.92),rgba(8,10,15,.68) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-brand{font-size:20px;font-weight:950;letter-spacing:.16em}.account-back{width:39px;height:39px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center}.account-back svg{width:19px;height:19px}.account-inner{width:min(100%,680px);margin:0 auto;padding:18px 18px 40px}.account-eyebrow{font-size:9px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#77818d;margin-bottom:11px}.account-title{margin:0;font-size:clamp(42px,12vw,68px);line-height:.92;letter-spacing:-.055em;font-weight:800}.account-identity{display:flex;align-items:center;gap:15px;margin-top:25px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.account-avatar{width:58px;height:58px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#131923;display:grid;place-items:center;font-size:17px;font-weight:900}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-name{font-size:19px;font-weight:780;letter-spacing:-.025em}.account-email{margin-top:4px;font-size:12px;color:#929da9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55vw}.account-verified{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#aeb8c4}.account-verified i{width:6px;height:6px;border-radius:50%;background:#a8e7c1;box-shadow:0 0 12px rgba(116,229,161,.36)} .account-xp{display:inline-flex;align-items:center;height:25px;margin-top:9px;padding:0 10px;border-radius:999px;border:1px solid rgba(125,158,255,.16);background:rgba(70,101,200,.08);color:#a9bcff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)} .account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.account-stat{min-height:92px;padding:14px 12px;border-radius:19px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035)}.account-stat strong{display:block;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.04em}.account-stat span{display:block;margin-top:8px;font-size:9px;line-height:1.28;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#747f8b}.account-section{margin-top:28px}.account-section-title{margin:0 0 9px 3px;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#68727e}.account-setting{width:100%;min-height:70px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(255,255,255,.035);color:#fff;display:flex;align-items:center;gap:13px;text-align:left;transition:background .18s ease,transform .16s ease,border-color .18s ease}.account-setting+.account-setting{margin-top:8px}.account-setting:active{transform:scale(.985)}.account-setting:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13)}.account-setting-icon{width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);display:grid;place-items:center;flex:0 0 auto}.account-setting-icon svg{width:19px;height:19px}.account-setting-copy{min-width:0;flex:1}.account-setting-copy strong{display:block;font-size:14px;font-weight:760;letter-spacing:-.01em}.account-setting-copy span{display:block;margin-top:4px;font-size:11px;line-height:1.3;color:#7e8995}.account-chevron{width:18px;height:18px;color:#67727e}.account-sync-dot{width:7px;height:7px;border-radius:50%;background:#94dbae;box-shadow:0 0 13px rgba(116,229,161,.3);margin-right:4px}.account-signout{margin-top:28px;width:100%;height:54px;border-radius:18px;border:1px solid rgba(255,119,132,.18);background:rgba(255,91,110,.07);color:#ff9aa6;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;transition:transform .16s ease,background .18s ease}.account-signout:active{transform:scale(.985)}.account-signout:hover{background:rgba(255,91,110,.11)}.account-footnote{margin:14px 6px 0;text-align:center;font-size:10px;line-height:1.4;color:#5f6974} @media(max-width:390px){.account-inner{padding-left:14px;padding-right:14px}.account-identity{padding:15px}.account-stat{padding:12px 10px}.account-stat strong{font-size:21px}.account-email{max-width:52vw}} /* First-visit KIVOO guide — precisely aligned + sequential */ .kivoo-intro{position:fixed;z-index:260;inset:0;display:none;pointer-events:none;color:#fff;overflow:hidden}.kivoo-intro.show{display:block}.intro-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.48),rgba(3,5,8,.22) 34%,rgba(3,5,8,.62));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:introVeilIn .5s ease both} .intro-item{opacity:0;transform:translateY(8px);filter:blur(5px)}.intro-item.visible{animation:introItemIn .48s cubic-bezier(.16,.84,.24,1) forwards} .intro-head{position:absolute;z-index:2;left:20px;top:calc(82px + env(safe-area-inset-top));max-width:292px}.intro-brand{font-size:10px;font-weight:900;letter-spacing:.22em;margin-bottom:8px;color:rgba(255,255,255,.68)}.intro-title{font-size:29px;font-weight:830;line-height:1.02;letter-spacing:-.045em}.intro-sub{margin-top:8px;font-size:11px;line-height:1.42;color:rgba(255,255,255,.62);max-width:260px}.intro-kivoo-word{display:inline-block;color:#c9d5ff;text-shadow:0 0 0 rgba(185,197,255,0);animation:introKivooAccent 2.4s cubic-bezier(.16,.84,.24,1) infinite;transform-origin:center bottom}@keyframes introKivooAccent{0%,100%{color:#c9d5ff;transform:translateY(0) scale(1);text-shadow:0 0 0 rgba(185,197,255,0)}38%{color:#ffffff;transform:translateY(-1px) scale(1.055);text-shadow:0 0 18px rgba(185,197,255,.58)}62%{color:#aebeff;transform:translateY(0) scale(1.025);text-shadow:0 0 11px rgba(185,197,255,.34)}} .intro-callout{position:absolute;z-index:3;right:76px;top:50%;width:min(236px,60vw);padding:9px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(7,10,15,.70);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);box-shadow:0 12px 30px rgba(0,0,0,.21);text-align:right;will-change:top,opacity,transform,filter}.intro-callout:after{content:"";position:absolute;right:-24px;top:50%;width:20px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.1))}.intro-callout strong{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:3px}.intro-callout span{display:block;font-size:10px;line-height:1.35;color:rgba(255,255,255,.7)}.intro-user{right:72px;width:202px}.intro-user:after{right:-36px;width:32px} .intro-swipe{position:absolute;z-index:3;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:32px auto;column-gap:9px;align-items:center;max-width:286px}.intro-swipe>span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(7,10,15,.58);font-size:18px;animation:introSwipeNudge 1.6s ease-in-out infinite}.intro-swipe strong{font-size:9px;letter-spacing:.17em}.intro-swipe small{font-size:10px;line-height:1.35;color:rgba(255,255,255,.62)} .kivoo-intro.show .kivoo-intro.out{animation:introOut .48s ease both} @keyframes introVeilIn{from{opacity:0}to{opacity:1}}@keyframes introItemIn{from{opacity:0;transform:translateY(8px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes introSwipeNudge{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}@keyframes introOut{to{opacity:0;filter:blur(4px)}} @media(max-height:720px){.intro-head{top:calc(68px + env(safe-area-inset-top))}.intro-callout{padding:7px 9px}.intro-callout span{font-size:9px}.intro-title{font-size:26px}} /* Challenge feedback v2 — success and failure intentionally feel different */ .challenge-feedback.correct-mode{ background: radial-gradient(circle at 50% 38%,rgba(122,255,189,.28),transparent 24%), radial-gradient(circle at 50% 44%,rgba(55,205,126,.13),transparent 52%), linear-gradient(180deg,#0b1d15,#06110c 72%,#050a07)!important; } .challenge-feedback.wrong-mode{ background: radial-gradient(circle at 50% 42%,rgba(255,64,89,.28),transparent 25%), radial-gradient(circle at 50% 48%,rgba(132,22,37,.22),transparent 55%), linear-gradient(180deg,#260d12,#12070a 70%,#090507)!important; } .challenge-feedback.correct-mode .challenge-feedback-mark{width:132px;height:132px;color:#aaffd2;filter:drop-shadow(0 0 22px rgba(119,255,184,.34)) drop-shadow(0 18px 34px rgba(0,0,0,.28))} .challenge-feedback.wrong-mode .challenge-feedback-mark{width:126px;height:126px;color:#ff8b9b;filter:drop-shadow(0 0 24px rgba(255,71,95,.34)) drop-shadow(0 18px 34px rgba(0,0,0,.34))} .challenge-feedback.correct-mode .challenge-feedback-label{font-size:38px;letter-spacing:.055em} .challenge-feedback.wrong-mode .challenge-feedback-label{font-size:36px;letter-spacing:.045em} .challenge-feedback-copy{font-size:17px!important} .challenge-feedback-answer{font-size:14px!important;font-weight:700!important;letter-spacing:.01em!important} .challenge-feedback.correct-mode .challenge-feedback-answer{color:#d8ffea!important} .challenge-feedback.wrong-mode .challenge-feedback-answer{color:#ffd5dc!important;font-size:17px!important} .challenge-feedback.correct-mode::before, .challenge-feedback.correct-mode::after, .challenge-feedback.wrong-mode::before, .challenge-feedback.wrong-mode::after{content:"";position:absolute;pointer-events:none;opacity:0} .challenge-feedback.correct-mode::before{left:50%;top:42%;width:80px;height:80px;border-radius:50%;border:2px solid rgba(144,255,201,.8);transform:translate(-50%,-50%) scale(.25);animation:kivooCorrectShock 1.15s cubic-bezier(.12,.78,.14,1) both} .challenge-feedback.correct-mode::after{inset:-25%;background:conic-gradient(from 0deg,transparent 0 8%,rgba(150,255,206,.16) 11%,transparent 15% 25%,rgba(255,255,255,.16) 29%,transparent 34% 52%,rgba(130,255,193,.14) 57%,transparent 62% 100%);mix-blend-mode:screen;animation:kivooCorrectSweep 1.35s ease-out both} .challenge-feedback.wrong-mode::before{left:-12%;top:50%;width:124%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,80,103,.18),#ff8394,rgba(255,80,103,.18),transparent);box-shadow:0 0 22px rgba(255,62,88,.8);transform:translateY(-50%) rotate(-13deg) scaleX(.08);animation:kivooWrongSlashA .76s cubic-bezier(.18,.82,.18,1) both} .challenge-feedback.wrong-mode::after{left:-12%;top:50%;width:124%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),#ff6378,rgba(255,255,255,.1),transparent);box-shadow:0 0 16px rgba(255,62,88,.58);transform:translateY(-50%) rotate(13deg) scaleX(.08);animation:kivooWrongSlashB .82s .08s cubic-bezier(.18,.82,.18,1) both} @keyframes kivooCorrectShock{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}20%{opacity:1}72%{opacity:.32;transform:translate(-50%,-50%) scale(3.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(4.2)}} @keyframes kivooCorrectSweep{0%{opacity:0;transform:rotate(-24deg) scale(.72)}18%{opacity:1}100%{opacity:0;transform:rotate(82deg) scale(1.15)}} @keyframes kivooWrongSlashA{0%{opacity:0;transform:translateY(-50%) rotate(-13deg) scaleX(.04)}24%{opacity:1}62%{opacity:1;transform:translateY(-50%) rotate(-13deg) scaleX(1.08)}100%{opacity:0;transform:translateY(-50%) rotate(-13deg) scaleX(.94)}} @keyframes kivooWrongSlashB{0%{opacity:0;transform:translateY(-50%) rotate(13deg) scaleX(.04)}24%{opacity:1}62%{opacity:.88;transform:translateY(-50%) rotate(13deg) scaleX(1.04)}100%{opacity:0;transform:translateY(-50%) rotate(13deg) scaleX(.9)}} /* Universal action-stack alignment */ .actions{--kivoo-action-size:clamp(46px,12.55vw,49px);--kivoo-action-gap:clamp(8px,1.55vh,11px);right:max(12px,calc(env(safe-area-inset-right) + 10px))!important;bottom:max(calc(88px + env(safe-area-inset-bottom)),11.5vh)!important;width:var(--kivoo-action-size)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:var(--kivoo-action-gap)!important} .actions>*{width:var(--kivoo-action-size)!important;height:var(--kivoo-action-size)!important;min-width:var(--kivoo-action-size)!important;min-height:var(--kivoo-action-size)!important;max-width:var(--kivoo-action-size)!important;max-height:var(--kivoo-action-size)!important;margin:0!important;flex:0 0 var(--kivoo-action-size)!important;align-self:center!important} .actions>.action,.actions .challenge-btn,.actions .take-btn,.actions .deep-btn{width:var(--kivoo-action-size)!important;height:var(--kivoo-action-size)!important;min-width:var(--kivoo-action-size)!important;min-height:var(--kivoo-action-size)!important;margin:0!important} .actions>.challenge-wrap,.actions>.take-wrap,.actions>.deep-wrap{display:grid!important;place-items:center!important;justify-content:center!important;align-items:center!important} @media(max-height:620px){.actions{--kivoo-action-size:44px;--kivoo-action-gap:7px;bottom:max(calc(70px + env(safe-area-inset-bottom)),9vh)!important}} @media(min-height:850px){.actions{bottom:max(calc(102px + env(safe-area-inset-bottom)),12vh)!important}} /* One-line challenge reaction + accuracy ring */ .challenge-feedback-label{font-size:clamp(34px,10vw,48px)!important;line-height:.95!important;margin:2px 0 0!important;max-width:92%!important;text-wrap:balance!important} .challenge-feedback-copy,.challenge-feedback-answer{display:none!important} .challenge-feedback-accuracy-note{margin-top:5px;font-size:7px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#93a1b3} /* Knowledge-adaptive KIVOO layer */ .knowledge-level{display:inline-flex;align-items:center;gap:5px;margin-left:2px;color:rgba(255,255,255,.62)} .knowledge-level:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.8} .account-knowledge-list{display:grid;gap:8px;margin-top:9px}.account-knowledge-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.028)}.account-knowledge-copy strong{display:block;font-size:12px;font-weight:760}.account-knowledge-copy span{display:block;margin-top:3px;font-size:10px;color:#76818d}.account-knowledge-band{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#aebcff;padding:7px 9px;border:1px solid rgba(147,166,255,.14);border-radius:999px;background:rgba(86,105,195,.07)} /* Challenge-link first-paint guard: never expose the answer card before the quiz. */ .challenge-boot{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(86,112,180,.14),transparent 30%),#080a0e;color:#f7f9fb;pointer-events:auto} .kivoo-challenge-boot .challenge-boot{display:flex} .kivoo-challenge-boot #app{visibility:hidden} .challenge-boot-inner{text-align:center;transform:translateY(-2vh)} .challenge-boot-brand{font-size:28px;font-weight:950;letter-spacing:.20em;margin-left:.20em} .challenge-boot-copy{margin-top:12px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.56)} .challenge-boot-dot{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.55);animation:challengeBootPulse 1.15s ease-in-out infinite} @keyframes challengeBootPulse{0%,100%{opacity:.28;transform:scale(.72)}50%{opacity:1;transform:scale(1.16)}} /* Collection / Market hub controls */ .collection-shell{background:radial-gradient(circle at 72% 8%,rgba(119,145,255,.10),transparent 30%),radial-gradient(circle at 12% 82%,rgba(255,255,255,.045),transparent 28%),linear-gradient(160deg,#090c11,#0e1420 48%,#06080c)} .collection-head{border-bottom:0;padding-bottom:10px}.collection-meta{letter-spacing:.12em;text-transform:uppercase}.collection-tabs{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 14px 10px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(4,7,11,.48);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)} .collection-tab{position:relative;height:43px;border:0;border-radius:14px;background:transparent;color:#8993a1;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transition:background .28s ease,color .28s ease,transform .18s ease,box-shadow .28s ease}.collection-tab:active{transform:scale(.97)}.collection-tab.active{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 22px rgba(0,0,0,.20)}.collection-tab.active:after{content:"";position:absolute;left:28%;right:28%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.58} .facet-label{display:inline-flex;align-items:center;min-height:20px;margin:0 0 10px;padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--accent) 7%,rgba(5,7,10,.32));color:color-mix(in srgb,var(--accent) 72%,white 28%);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} .collection-card .cfacet{display:block;margin:0 0 5px;font-size:7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--ccAccent,#fff) 72%,white 28%)} .data-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#fff;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.07),transparent 32%)} .data-loading i{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.92);animation:spin .9s linear infinite} .data-loading strong{font-size:18px;letter-spacing:.12em}.data-loading span{font-size:12px;color:rgba(255,255,255,.58)} .data-loading.data-error button{margin-top:10px;padding:11px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff} /* v7.5 — visual question difficulty on Kivoo cards */ .difficulty-stars{position:absolute;z-index:24;left:18px;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;align-items:center;min-height:18px;color:color-mix(in srgb,var(--accent) 68%,white 32%);font-size:12px;font-weight:900;letter-spacing:4px;line-height:1;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 42%,transparent),0 1px 8px rgba(0,0,0,.34);pointer-events:none;user-select:none}.knowledge-level,.facet-label,.collection-card .cfacet{display:none!important}@media(max-height:620px){.difficulty-stars{bottom:calc(18px + env(safe-area-inset-bottom));font-size:11px}} /* v7.5.2 — refined button-like challenge result feedback */ .challenge-feedback{background:rgba(8,10,14,.965)} .challenge-feedback.correct-mode{background:radial-gradient(circle at 50% 42%,rgba(91,255,164,.13),transparent 30%),linear-gradient(180deg,#0d1512,#080d0a 78%,#070a08)} .challenge-feedback.wrong-mode{background:radial-gradient(circle at 50% 42%,rgba(255,83,103,.12),transparent 30%),linear-gradient(180deg,#160d10,#0d0809 78%,#090607)} .challenge-feedback-mark{width:96px;height:96px;margin-bottom:18px} .challenge-feedback-label{font-size:30px;letter-spacing:.07em} .challenge-feedback-rings{top:43%;width:176px;height:176px} .challenge-feedback-particle{top:43%} /* v7.6.2 — cache-safe minimal crossbow + calm challenge feedback */ .challenge-btn svg{width:27px;height:27px} .challenge-btn .crossbow-body,.challenge-btn .crossbow-arrow{transform-box:fill-box;transform-origin:center} .challenge-btn.firing .challenge-core{transform:scale(1.07) rotate(-1deg)} .challenge-btn.firing .challenge-spokes{transform:translateY(-1.8px) scale(1.05);opacity:1} .challenge-btn.firing .challenge-ring{opacity:.58;transform:scale(1.18)} /* Soothing answer reveal: lighter typography, less visual aggression. */ .challenge-feedback-label{ font-size:29px!important; font-weight:540!important; letter-spacing:-.018em!important; text-transform:none!important; color:rgba(247,249,252,.96)!important; line-height:1.06!important; text-shadow:0 7px 22px rgba(0,0,0,.18)!important; } .challenge-feedback.correct-mode .challenge-feedback-label, .challenge-feedback.wrong-mode .challenge-feedback-label{ font-size:29px!important; letter-spacing:-.018em!important; } .challenge-feedback-mark{margin-bottom:19px!important} .challenge-feedback.correct-mode .challenge-feedback-mark, .challenge-feedback.wrong-mode .challenge-feedback-mark{ width:112px!important; height:112px!important; filter:drop-shadow(0 12px 26px rgba(0,0,0,.22))!important; } .challenge-feedback.correct-mode .challenge-feedback-mark{color:#b8f3d2!important} .challenge-feedback.wrong-mode .challenge-feedback-mark{color:#f1b7bf!important} .challenge-feedback-copy{font-size:14px!important;font-weight:480!important;letter-spacing:-.01em!important;color:#d8dee6!important} .challenge-feedback-answer{font-size:13px!important;font-weight:460!important;line-height:1.45!important;color:#c6ced8!important} .challenge-feedback.correct-mode .challenge-feedback-answer{color:#d9eee3!important} .challenge-feedback.wrong-mode .challenge-feedback-answer{color:#ead8db!important;font-size:13px!important} .challenge-feedback.correct-mode{background:radial-gradient(circle at 50% 42%,rgba(112,210,160,.09),transparent 30%),linear-gradient(180deg,#0c1310,#090d0b 78%,#070908)!important} .challenge-feedback.wrong-mode{background:radial-gradient(circle at 50% 42%,rgba(211,125,139,.08),transparent 30%),linear-gradient(180deg,#130d0f,#0d090a 78%,#090708)!important} .challenge-feedback.correct-mode::before,.challenge-feedback.correct-mode::after, .challenge-feedback.wrong-mode::before,.challenge-feedback.wrong-mode::after{opacity:.58} /* v7.7 — Discussion Takes + explicit stance controls */ .take-discussion-actions{display:none;position:relative;z-index:7;max-width:330px;margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:center;opacity:0;transform:translateY(7px);transition:opacity .28s ease,transform .32s cubic-bezier(.16,.84,.24,1)} .card.take .take-discussion-actions.available{display:grid;opacity:1;transform:translateY(0)} .take-vote-btn{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(6,9,13,.32);color:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:650;letter-spacing:.01em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease} .take-vote-btn:active{transform:scale(.96)} .take-vote-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-size:11px;line-height:1} .take-vote-btn.agree.active{color:#e4fff0;border-color:rgba(126,241,178,.42);background:rgba(84,219,145,.12);box-shadow:0 0 24px rgba(84,219,145,.08)} .take-vote-btn.disagree.active{color:#ffe9ed;border-color:rgba(255,139,157,.42);background:rgba(255,104,127,.11);box-shadow:0 0 24px rgba(255,104,127,.07)} .take-vote-btn.agree.active .take-vote-mark{border-color:rgba(126,241,178,.52);background:rgba(126,241,178,.10)} .take-vote-btn.disagree.active .take-vote-mark{border-color:rgba(255,139,157,.52);background:rgba(255,139,157,.10)} .take-discussion-actions small{grid-column:1/-1;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.035em;margin:1px 2px 0} .take-vote-btn.vote-pop{animation:takeVotePop .5s cubic-bezier(.16,.84,.24,1)} @keyframes takeVotePop{0%{transform:scale(.95)}36%{transform:scale(1.055);box-shadow:0 0 0 5px rgba(255,255,255,.045)}100%{transform:scale(1)}} .card.take .copy{min-height:auto} @media(max-width:390px){.take-discussion-actions{max-width:290px;margin-top:10px}.take-vote-btn{height:39px;font-size:10px}.take-discussion-actions small{font-size:8.5px}} @media(max-height:690px){.card.take .hook{font-size:clamp(15px,4.2vw,20px);line-height:1.18}.take-discussion-actions{margin-top:8px}.take-vote-btn{height:36px}} /* v7.7.2 — unbiased Take presentation fix. Internal perspective metadata remains hidden. */ .card.take .mode-flag:empty{height:0!important;opacity:0!important;margin-bottom:0!important;overflow:hidden!important} .take-discussion-actions{isolation:isolate} /* v7.8 — discussion profile */ .account-discussion-profile{display:grid;gap:9px;margin-top:9px}.account-trait-row{padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.022));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.account-trait-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-trait-top strong{font-size:12px;font-weight:720;letter-spacing:-.01em}.account-trait-top span{font-size:11px;font-weight:760;color:#c8d3ff}.account-trait-track{height:4px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.account-trait-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(166,184,255,.52),rgba(220,228,255,.92));box-shadow:0 0 12px rgba(174,190,255,.16);transition:width .55s cubic-bezier(.16,.84,.24,1)}.account-trait-copy{margin-top:7px;font-size:9.5px;line-height:1.38;color:#707b88}.account-profile-note{margin:9px 5px 0;font-size:9px;line-height:1.42;color:#59636e}.account-trait-empty{padding:15px;border:1px dashed rgba(255,255,255,.08);border-radius:16px;color:#6f7a86;font-size:10px;line-height:1.45}.take-discussion-actions small{display:none!important} /* v8.4: quality-curated long tail, stronger novelty mixing, explicit 10s dwell cap. */ /* v8.4 — resilient challenge feedback fallback animations */ .challenge-feedback.result-motion-right{animation:kivooResultRightSafe .58s cubic-bezier(.16,.84,.24,1) both!important} .challenge-feedback.result-motion-wrong{animation:kivooResultWrongSafe .62s cubic-bezier(.16,.84,.24,1) both!important} .challenge-feedback.result-motion-right .challenge-feedback-mark{animation:kivooMarkRightSafe .62s cubic-bezier(.16,.84,.24,1) both!important} .challenge-feedback.result-motion-wrong .challenge-feedback-mark{animation:kivooMarkWrongSafe .62s cubic-bezier(.16,.84,.24,1) both!important} .challenge-feedback.result-motion .challenge-feedback-label{animation:kivooLabelSafe .48s .08s cubic-bezier(.16,.82,.18,1) both!important} @keyframes kivooResultRightSafe{0%{opacity:0;transform:scale(.965);filter:brightness(.84)}36%{opacity:1;transform:scale(1.025);filter:brightness(1.15)}70%{transform:scale(.995);filter:brightness(1.03)}100%{opacity:1;transform:scale(1);filter:brightness(1)}} @keyframes kivooResultWrongSafe{0%{opacity:0;transform:translateX(0) scale(1.01)}24%{opacity:1;transform:translateX(-7px) scale(.99)}44%{transform:translateX(5px) scale(.995)}66%{transform:translateX(-2px)}100%{opacity:1;transform:translateX(0) scale(1)}} @keyframes kivooMarkRightSafe{0%{opacity:0;transform:scale(.58) rotate(-7deg)}46%{opacity:1;transform:scale(1.16) rotate(3deg)}74%{transform:scale(.95)}100%{opacity:1;transform:scale(1)}} @keyframes kivooMarkWrongSafe{0%{opacity:0;transform:scale(.68) rotate(6deg)}42%{opacity:1;transform:scale(1.12) rotate(-3deg)}72%{transform:scale(.96)}100%{opacity:1;transform:scale(1)}} @keyframes kivooLabelSafe{0%{opacity:0;transform:translateY(8px)}70%{opacity:1;transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}} /* v8.5 — challenge animation fallback lock: CSS is a complete fallback, WAAPI is only enhancement. */ .challenge-feedback.result-motion-right .challenge-feedback-particle{ animation:kivooParticleRightSafe .74s cubic-bezier(.16,.82,.18,1) var(--kivoo-particle-delay,0ms) both!important; } .challenge-feedback.result-motion-wrong .challenge-feedback-particle{ animation:kivooParticleWrongSafe .64s cubic-bezier(.16,.82,.18,1) var(--kivoo-particle-delay,0ms) both!important; } .challenge-feedback.result-motion-right .challenge-feedback-rings i{animation:kivooRingOutSafe .78s cubic-bezier(.16,.82,.18,1) both!important} .challenge-feedback.result-motion-right .challenge-feedback-rings i:nth-child(2){animation-delay:70ms!important}.challenge-feedback.result-motion-right .challenge-feedback-rings i:nth-child(3){animation-delay:140ms!important} .challenge-feedback.result-motion-wrong .challenge-feedback-rings i{animation:kivooRingInSafe .64s cubic-bezier(.16,.82,.18,1) both!important} .challenge-feedback.result-motion-wrong .challenge-feedback-rings i:nth-child(2){animation-delay:65ms!important}.challenge-feedback.result-motion-wrong .challenge-feedback-rings i:nth-child(3){animation-delay:130ms!important} .challenge-feedback.result-motion-right .mark-stroke,.challenge-feedback.result-motion-wrong .mark-stroke{stroke-dasharray:130;stroke-dashoffset:130;animation:kivooStrokeSafe .48s .10s cubic-bezier(.16,.82,.18,1) forwards!important} .challenge-feedback.result-motion-wrong .mark-b{animation-delay:.17s!important} @keyframes kivooParticleRightSafe{0%{opacity:0;transform:translate(-50%,-100%) rotate(var(--kivoo-particle-rot)) translateY(-6px) scaleY(.2)}22%{opacity:.95}100%{opacity:0;transform:translate(-50%,-100%) rotate(var(--kivoo-particle-rot)) translateY(calc(-1 * var(--kivoo-particle-distance))) scaleY(.12)}} @keyframes kivooParticleWrongSafe{0%{opacity:0;transform:translate(-50%,-100%) rotate(var(--kivoo-particle-rot)) translateY(-4px) scale(.25)}24%{opacity:.8}100%{opacity:0;transform:translate(-50%,-100%) rotate(var(--kivoo-particle-rot)) translateY(calc(-.72 * var(--kivoo-particle-distance))) scale(.08)}} @keyframes kivooRingOutSafe{0%{opacity:0;transform:scale(.42)}20%{opacity:.72;transform:scale(.72)}100%{opacity:0;transform:scale(1.62)}} @keyframes kivooRingInSafe{0%{opacity:0;transform:scale(1.14)}22%{opacity:.6}100%{opacity:0;transform:scale(.55)}} @keyframes kivooStrokeSafe{to{stroke-dashoffset:0}} /* v8.6 — deterministic challenge answer reveal (single CSS animation engine) */ .challenge-feedback{ opacity:0; visibility:hidden!important; transform:scale(.985); filter:none; } .challenge-feedback.live{ visibility:visible!important; } .challenge-feedback.result-motion-right, .challenge-feedback.result-motion-wrong{ visibility:visible!important; pointer-events:none!important; } .challenge-feedback.result-motion-right{ animation:kivooV86FeedbackRight .62s cubic-bezier(.16,.84,.24,1) both!important; } .challenge-feedback.result-motion-wrong{ animation:kivooV86FeedbackWrong .68s cubic-bezier(.16,.84,.24,1) both!important; } .challenge-feedback.result-exit{ animation:kivooV86FeedbackExit .72s cubic-bezier(.18,.78,.18,1) forwards!important; } @keyframes kivooV86FeedbackRight{ 0%{opacity:0;transform:scale(.965);filter:brightness(.88)} 34%{opacity:1;transform:scale(1.018);filter:brightness(1.12)} 68%{opacity:1;transform:scale(.996);filter:brightness(1.025)} 100%{opacity:1;transform:scale(1);filter:brightness(1)} } @keyframes kivooV86FeedbackWrong{ 0%{opacity:0;transform:translateX(0) scale(.985);filter:brightness(.95)} 24%{opacity:1;transform:translateX(-6px) scale(.995)} 45%{opacity:1;transform:translateX(4px) scale(1)} 66%{opacity:1;transform:translateX(-2px) scale(1)} 100%{opacity:1;transform:translateX(0) scale(1);filter:brightness(1)} } @keyframes kivooV86FeedbackExit{ 0%{opacity:1;transform:translateY(0) scale(1)} 45%{opacity:.94;transform:translateY(-3px) scale(.985)} 100%{opacity:0;transform:translateY(15px) scale(.925)} } .challenge-feedback.result-motion-right .challenge-feedback-mark{ animation:kivooV86MarkRight .66s .03s cubic-bezier(.16,.84,.24,1) both!important; } .challenge-feedback.result-motion-wrong .challenge-feedback-mark{ animation:kivooV86MarkWrong .68s .02s cubic-bezier(.16,.84,.24,1) both!important; } @keyframes kivooV86MarkRight{ 0%{opacity:0;transform:scale(.64) rotate(-5deg)} 46%{opacity:1;transform:scale(1.12) rotate(2deg)} 72%{transform:scale(.97)} 100%{opacity:1;transform:scale(1) rotate(0)} } @keyframes kivooV86MarkWrong{ 0%{opacity:0;transform:scale(.72) rotate(5deg)} 42%{opacity:1;transform:scale(1.08) rotate(-2deg)} 72%{transform:scale(.97)} 100%{opacity:1;transform:scale(1) rotate(0)} } .challenge-feedback.result-motion .challenge-feedback-label{ animation:kivooV86Label .48s .12s cubic-bezier(.16,.82,.18,1) both!important; } @keyframes kivooV86Label{ 0%{opacity:0;transform:translateY(9px)} 72%{opacity:1;transform:translateY(-1px)} 100%{opacity:1;transform:translateY(0)} } .challenge-feedback.result-motion-right .mark-stroke, .challenge-feedback.result-motion-wrong .mark-stroke{ stroke-dasharray:130!important; stroke-dashoffset:130!important; animation:kivooV86Stroke .48s .12s cubic-bezier(.16,.82,.18,1) forwards!important; } .challenge-feedback.result-motion-wrong .mark-b{animation-delay:.19s!important} @keyframes kivooV86Stroke{to{stroke-dashoffset:0}} .challenge-feedback-particle{ left:50%!important; top:42%!important; opacity:0; width:3px!important; height:13px!important; border-radius:999px!important; transform-origin:50% 100%!important; } .challenge-feedback.result-motion-right .challenge-feedback-particle{ animation:kivooV86ParticleRight .72s var(--particle-delay,0ms) cubic-bezier(.16,.82,.18,1) both!important; } .challenge-feedback.result-motion-wrong .challenge-feedback-particle{ animation:kivooV86ParticleWrong .62s var(--particle-delay,0ms) cubic-bezier(.16,.82,.18,1) both!important; } @keyframes kivooV86ParticleRight{ 0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(-10px) scale(.25)} 22%{opacity:.9} 100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(calc(-1 * var(--particle-distance))) scale(var(--particle-scale))} } @keyframes kivooV86ParticleWrong{ 0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(-7px) scale(.3)} 24%{opacity:.7} 100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(calc(-1 * var(--particle-distance))) scale(.12)} } .challenge-feedback.result-motion-right .challenge-feedback-rings i{ animation:kivooV86RingOut .78s cubic-bezier(.16,.82,.18,1) both!important; } .challenge-feedback.result-motion-wrong .challenge-feedback-rings i{ animation:kivooV86RingIn .66s cubic-bezier(.16,.82,.18,1) both!important; } .challenge-feedback.result-motion-wrong .challenge-feedback-rings i:nth-child(2){animation-delay:60ms!important} .challenge-feedback.result-motion-wrong .challenge-feedback-rings i:nth-child(3){animation-delay:120ms!important} @keyframes kivooV86RingOut{0%{opacity:0;transform:scale(.48)}20%{opacity:.62}100%{opacity:0;transform:scale(1.5)}} @keyframes kivooV86RingIn{0%{opacity:0;transform:scale(1.08)}22%{opacity:.46}100%{opacity:0;transform:scale(.62)}} /* Keep interaction animations active even when the OS reduces passive motion. */ @media(prefers-reduced-motion:reduce){ .challenge-feedback.result-motion-right, .challenge-feedback.result-motion-wrong, .challenge-feedback.result-motion .challenge-feedback-mark, .challenge-feedback.result-motion .challenge-feedback-label, .challenge-feedback.result-motion .challenge-feedback-particle, .challenge-feedback.result-motion .challenge-feedback-rings i, .challenge-feedback.result-motion .mark-stroke, .challenge-feedback.result-exit{animation-play-state:running!important} } /* v9.3 — question language + KIVOO word emphasis */ .question-kivoo-lead{ display:block; margin:0 0 9px; color:#aeb7c4; font-size:.50em; line-height:1.15; font-weight:650; letter-spacing:.025em; } .question-kivoo-word{ display:inline-block; color:#eef3ff; font-weight:820; letter-spacing:.06em; text-transform:uppercase; text-shadow:0 0 0 rgba(190,204,255,0); transform-origin:center; animation:kivooQuestionWord 2.15s ease-in-out infinite; } .question-kivoo-clue{ display:block; color:#f7f9fb; } @keyframes kivooQuestionWord{ 0%,100%{color:#eef3ff;transform:translateY(0) scale(1);text-shadow:0 0 0 rgba(190,204,255,0)} 42%{color:#d2dcff;transform:translateY(-1px) scale(1.035);text-shadow:0 0 13px rgba(176,194,255,.30)} 62%{color:#ffffff;transform:translateY(-1px) scale(1.015);text-shadow:0 0 8px rgba(220,229,255,.18)} } /* v9.3 — deterministic answer reveal: do not pin animated properties with !important */ .challenge-feedback.result-motion-right, .challenge-feedback.result-motion-wrong{ opacity:1; transform:none; will-change:opacity,transform,filter; } .challenge-feedback.result-motion-right .challenge-feedback-mark, .challenge-feedback.result-motion-wrong .challenge-feedback-mark, .challenge-feedback.result-motion .challenge-feedback-label, .challenge-feedback.result-motion .challenge-feedback-particle, .challenge-feedback.result-motion .challenge-feedback-rings i{ will-change:opacity,transform; } /* v9.5 — isolated challenge result overlay. Motion is driven frame-by-frame in JS. */ .challenge-answer-fx-v95{position:absolute;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;text-align:center;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;transform:scale(.97);will-change:opacity,transform} .challenge-answer-fx-v95 .v95-rings{position:absolute;left:50%;top:43%;width:190px;height:190px;transform:translate(-50%,-50%);pointer-events:none} .challenge-answer-fx-v95 .v95-ring{position:absolute;inset:0;border-radius:50%;border:1px solid currentColor;opacity:0;will-change:opacity,transform} .challenge-answer-fx-v95 .v95-particle{position:absolute;left:50%;top:43%;width:3px;height:12px;border-radius:999px;background:currentColor;opacity:0;transform-origin:center;will-change:opacity,transform} .challenge-answer-fx-v95 .v95-mark{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:18px;will-change:opacity,transform} .challenge-answer-fx-v95 .v95-mark svg{width:100%;height:100%;overflow:visible} .challenge-answer-fx-v95 .v95-mark-ring{fill:none;stroke:currentColor;stroke-width:1.35;opacity:.30} .challenge-answer-fx-v95 .v95-mark-stroke{fill:none;stroke:currentColor;stroke-width:4.7;stroke-linecap:round;stroke-linejoin:round} .challenge-answer-fx-v95 .v95-label{position:relative;font-size:29px;font-weight:560;letter-spacing:.005em;line-height:1.08;color:#f4f7fa;text-shadow:0 8px 20px rgba(0,0,0,.18);will-change:opacity,transform} .challenge-answer-fx-v95.correct{color:#b8ffdb;background:radial-gradient(circle at 50% 38%,rgba(98,238,165,.14),transparent 32%),linear-gradient(180deg,rgba(10,23,18,.985),rgba(6,13,10,.99))} .challenge-answer-fx-v95.wrong{color:#ffb5c0;background:radial-gradient(circle at 50% 38%,rgba(238,95,116,.12),transparent 32%),linear-gradient(180deg,rgba(24,11,14,.985),rgba(13,7,9,.99))} @media(max-height:620px){.challenge-answer-fx-v95 .v95-mark{width:94px;height:94px;margin-bottom:14px}.challenge-answer-fx-v95 .v95-label{font-size:25px}.challenge-answer-fx-v95 .v95-rings{width:160px;height:160px}} /* v9.8 — isolated root-level challenge answer reveal. No legacy challenge CSS can override these nodes. */ .challenge-answer-portal-v98{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;pointer-events:none;visibility:hidden;opacity:0;background:rgba(4,7,11,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .18s linear,background .34s ease,-webkit-backdrop-filter .34s ease,backdrop-filter .34s ease;overflow:hidden} .challenge-answer-portal-v98.v98-mounted{visibility:visible} .challenge-answer-portal-v98.v98-visible{opacity:1;background:rgba(4,7,11,.56);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)} .challenge-answer-v98-card{position:relative;z-index:3;width:min(74vw,270px);min-height:230px;border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transform:translateY(13px) scale(.82);background:linear-gradient(180deg,rgba(16,21,29,.94),rgba(7,10,15,.96));border:1px solid rgba(255,255,255,.11);box-shadow:0 32px 90px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.05);transition:opacity .22s ease,transform .52s cubic-bezier(.16,.86,.22,1),border-color .32s ease,box-shadow .32s ease} .challenge-answer-portal-v98.v98-visible .challenge-answer-v98-card{opacity:1;transform:translateY(0) scale(1)} .challenge-answer-portal-v98.v98-right .challenge-answer-v98-card{border-color:rgba(152,242,194,.22);box-shadow:0 32px 90px rgba(0,0,0,.40),0 0 54px rgba(92,218,156,.08),inset 0 1px 0 rgba(255,255,255,.05)} .challenge-answer-portal-v98.v98-wrong .challenge-answer-v98-card{border-color:rgba(255,172,186,.20);box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 54px rgba(225,92,115,.07),inset 0 1px 0 rgba(255,255,255,.05)} .challenge-answer-v98-mark{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.54) rotate(-7deg);transition:opacity .18s ease .04s,transform .54s cubic-bezier(.16,.9,.22,1) .04s;color:#c6f8dc;border:1px solid rgba(198,248,220,.28);background:radial-gradient(circle,rgba(110,230,170,.10),rgba(255,255,255,.015) 68%,transparent 70%);box-shadow:0 0 28px rgba(105,221,166,.08)} .v98-wrong .challenge-answer-v98-mark{color:#ffc3cc;border-color:rgba(255,195,204,.25);background:radial-gradient(circle,rgba(232,104,125,.09),rgba(255,255,255,.012) 68%,transparent 70%);box-shadow:0 0 28px rgba(232,104,125,.07);transform:scale(.54) rotate(7deg)} .challenge-answer-portal-v98.v98-visible .challenge-answer-v98-mark{opacity:1;transform:scale(1) rotate(0)} .challenge-answer-v98-mark svg{width:58px;height:58px;overflow:visible} .challenge-answer-v98-mark path{fill:none;stroke:currentColor;stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:96;stroke-dashoffset:96;transition:stroke-dashoffset .48s cubic-bezier(.2,.78,.18,1) .18s} .challenge-answer-portal-v98.v98-draw .challenge-answer-v98-mark path{stroke-dashoffset:0} .challenge-answer-v98-text{font-size:27px;font-weight:540;letter-spacing:-.025em;color:#f3f6f9;opacity:0;transform:translateY(7px);transition:opacity .26s ease .16s,transform .42s cubic-bezier(.2,.8,.2,1) .16s;text-align:center} .challenge-answer-portal-v98.v98-visible .challenge-answer-v98-text{opacity:1;transform:translateY(0)}.challenge-answer-v98-score{margin-top:-8px;font-size:17px;font-weight:850;letter-spacing:.035em;color:#baf3d4;opacity:0;transform:translateY(7px);transition:opacity .28s ease .25s,transform .42s cubic-bezier(.2,.8,.2,1) .25s;text-align:center}.v98-wrong .challenge-answer-v98-score{color:#ffb9c5}.challenge-answer-v98-stars{margin-top:-7px;min-height:16px;font-size:13px;font-weight:900;letter-spacing:4px;line-height:1;color:#baf3d4;text-shadow:0 0 14px rgba(107,225,167,.22);opacity:0;transform:translateY(6px) scale(.94);transition:opacity .28s ease .34s,transform .42s cubic-bezier(.2,.8,.2,1) .34s;text-align:center}.v98-wrong .challenge-answer-v98-stars{color:#ffb9c5;text-shadow:0 0 14px rgba(232,104,125,.18)}.challenge-answer-portal-v98.v98-visible .challenge-answer-v98-score,.challenge-answer-portal-v98.v98-visible .challenge-answer-v98-stars{opacity:1;transform:translateY(0) scale(1)} .challenge-answer-v98-halo{position:absolute;z-index:1;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:1px solid rgba(181,245,211,.28);opacity:0;transform:scale(.5);transition:opacity .65s ease,transform .92s cubic-bezier(.12,.74,.18,1)} .v98-wrong .challenge-answer-v98-halo{border-color:rgba(255,185,197,.24)} .challenge-answer-portal-v98.v98-burst .challenge-answer-v98-halo.h1{opacity:.04;transform:scale(2.1)} .challenge-answer-portal-v98.v98-burst .challenge-answer-v98-halo.h2{opacity:.02;transform:scale(2.8);transition-delay:.08s} .challenge-answer-v98-particles{position:absolute;z-index:2;left:50%;top:50%;width:1px;height:1px} .challenge-answer-v98-particle{position:absolute;left:0;top:0;width:3px;height:13px;border-radius:999px;background:#baf3d4;opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translateY(-18px) scaleY(.45);transition:opacity .5s ease,transform .78s cubic-bezier(.12,.76,.18,1)} .v98-wrong .challenge-answer-v98-particle{background:#ffb9c5} .challenge-answer-portal-v98.v98-burst .challenge-answer-v98-particle{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) translateY(var(--d)) scaleY(.9)} .challenge-answer-portal-v98.v98-exit{opacity:0;background:rgba(4,7,11,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)} .challenge-answer-portal-v98.v98-exit .challenge-answer-v98-card{opacity:0;transform:translateY(-8px) scale(.95);transition-duration:.34s} @media(max-height:620px){.challenge-answer-v98-card{min-height:210px;width:min(70vw,240px);border-radius:34px}.challenge-answer-v98-mark{width:82px;height:82px}.challenge-answer-v98-text{font-size:24px}.challenge-answer-v98-score{font-size:15px}.challenge-answer-v98-stars{font-size:12px}} /* v10.0 — KIVOO Market */ .collection-tabs{grid-template-columns:repeat(3,minmax(0,1fr))} .collection-body,.market-body{position:relative;z-index:2;height:calc(100% - 126px - env(safe-area-inset-top));overflow-y:auto;padding:10px 14px calc(30px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch} .collection-body[hidden],.market-body[hidden]{display:none!important} .market-body{color:#fff} .market-drop{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(244,212,163,.16);background:radial-gradient(circle at 78% 13%,rgba(244,212,163,.14),transparent 30%),radial-gradient(circle at 20% 72%,rgba(150,28,40,.18),transparent 37%),linear-gradient(155deg,#26080d,#120609 55%,#070507);box-shadow:0 28px 66px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.045);padding:24px 20px 20px;animation:marketDropIn .62s cubic-bezier(.16,.84,.24,1) both} .market-drop:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 80deg,transparent,rgba(242,211,162,.055),transparent,rgba(255,255,255,.025),transparent);animation:marketAura 18s linear infinite;pointer-events:none}.market-drop>*{position:relative;z-index:2} .market-eyebrow{font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#d9c4a4;margin-bottom:10px}.market-title{margin:0;max-width:9ch;font-size:40px;line-height:.92;letter-spacing:-.05em;font-weight:790}.market-copy{max-width:39ch;margin:13px 0 0;color:#b9a995;font-size:13px;line-height:1.5} .market-seal{position:absolute;right:13px;top:18px;width:126px;height:126px;border-radius:50%;border:1px solid rgba(241,207,155,.18);display:grid;place-items:center;color:#efd2a3;opacity:.86}.market-seal:before,.market-seal:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(241,207,155,.16)}.market-seal:before{inset:16px;animation:marketSealSpin 12s linear infinite}.market-seal:after{inset:34px;animation:marketSealSpin 8s linear infinite reverse}.market-seal span{font-size:34px;font-family:Georgia,serif;font-style:italic;transform:translateY(-1px);text-shadow:0 0 22px rgba(241,207,155,.24)} .market-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:23px}.market-preview i{height:48px;border-radius:12px;border:1px solid rgba(244,212,163,.12);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(119,17,27,.1));position:relative;overflow:hidden}.market-preview i:before{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:2px;background:linear-gradient(90deg,transparent,#eacb99,transparent);opacity:.45}.market-preview i:nth-child(2n){transform:translateY(4px)} .market-purchase-panel{margin-top:12px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.market-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.market-price strong{display:block;font-size:30px;line-height:1;letter-spacing:-.045em;color:#f1d3a3}.market-price span,.market-balance span{display:block;margin-top:5px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#7f756a}.market-balance{text-align:right}.market-balance strong{display:block;font-size:18px;color:#e9edf3}.market-buy{position:relative;width:100%;height:58px;margin-top:15px;border:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#f1d8ad,#c79758);color:#180b08;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 28px rgba(218,174,104,.10);transition:transform .18s ease,opacity .2s ease}.market-buy:active:not(:disabled){transform:scale(.975)}.market-buy:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.5) 46%,transparent 70%);transform:translateX(-120%);animation:marketButtonSweep 3.4s ease-in-out infinite}.market-buy:disabled{opacity:.46;filter:saturate(.55);box-shadow:none}.market-owned{background:linear-gradient(135deg,#f7f3eb,#ded1bb);color:#130b08}.market-fine{margin:12px 2px 0;color:#766d65;font-size:10px;line-height:1.45}.market-set-list{margin-top:14px;display:grid;gap:8px}.market-set-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:17px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.026)}.market-set-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(237,205,157,.22);color:#d8bb8e;font-size:9px;font-weight:900}.market-set-copy{min-width:0;flex:1}.market-set-copy strong{display:block;font-size:13px;font-weight:700;color:#e7e3dc}.market-set-copy span{display:block;margin-top:2px;font-size:9px;color:#726b64}.market-set-lock{width:23px;color:#8f8171}.market-view-collection{width:100%;height:50px;margin-top:12px;border-radius:17px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#fff;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .market-purchase-fx{position:fixed;z-index:420;inset:0;display:grid;place-items:center;pointer-events:none;background:rgba(5,3,4,0);backdrop-filter:blur(0);opacity:0;transition:opacity .22s ease,background .5s ease,backdrop-filter .5s ease}.market-purchase-fx.live{opacity:1;background:rgba(8,3,5,.78);backdrop-filter:blur(12px)}.market-purchase-gem{position:relative;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;color:#f1d6aa;transform:scale(.45);opacity:0;transition:transform .8s cubic-bezier(.16,.84,.24,1),opacity .35s ease}.market-purchase-fx.live .market-purchase-gem{transform:scale(1);opacity:1}.market-purchase-gem:before,.market-purchase-gem:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(241,214,170,.42)}.market-purchase-gem:after{inset:30px;border-style:dashed;animation:marketSealSpin 5s linear infinite}.market-purchase-gem strong{font-family:Georgia,serif;font-size:56px;font-style:italic;font-weight:400;text-shadow:0 0 26px rgba(241,214,170,.38)}.market-purchase-label{position:absolute;top:calc(50% + 122px);left:50%;transform:translateX(-50%) translateY(8px);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f0e5d3;opacity:0;transition:opacity .4s .26s ease,transform .45s .26s ease;white-space:nowrap}.market-purchase-fx.live .market-purchase-label{opacity:1;transform:translateX(-50%) translateY(0)} @keyframes marketDropIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes marketAura{to{transform:rotate(360deg)}}@keyframes marketSealSpin{to{transform:rotate(360deg)}}@keyframes marketButtonSweep{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(130%)}} @media(max-width:390px){.market-title{font-size:36px}.market-seal{width:108px;height:108px;right:8px}.market-preview i{height:43px}.collection-tab{font-size:9px;letter-spacing:.06em}} /* v10.8 star reveal upgrade */ .challenge-answer-v98-stars{ display:flex!important; align-items:center; justify-content:center; gap:8px; min-height:24px!important; letter-spacing:0!important; perspective:800px; } .challenge-answer-v98-star{ display:inline-block; font-size:16px; line-height:1; opacity:0; transform:translateY(10px) scale(.45) rotateX(70deg); filter:drop-shadow(0 0 0 rgba(0,0,0,0)); will-change:transform,opacity,filter; } .challenge-answer-portal-v98.v98-visible .challenge-answer-v98-star{ opacity:1; transform:translateY(0) scale(1) rotateX(0deg); transition: opacity .22s ease calc(.34s + var(--i) * .08s), transform .54s cubic-bezier(.16,.84,.22,1) calc(.34s + var(--i) * .08s), filter .4s ease calc(.34s + var(--i) * .08s); } .challenge-answer-portal-v98.v98-right .challenge-answer-v98-star{ color:#c9ffe0; text-shadow:0 0 12px rgba(126,255,190,.20),0 0 20px rgba(126,255,190,.12); } .challenge-answer-portal-v98.v98-wrong .challenge-answer-v98-star{ color:#ffd2d9; text-shadow:0 0 10px rgba(255,132,153,.16); } .challenge-answer-portal-v98.v98-right.v98-burst .challenge-answer-v98-star{ animation:kivooV108StarBloom .92s cubic-bezier(.16,.84,.22,1) calc(var(--i) * .09s) both; } .challenge-answer-portal-v98.v98-wrong.v98-burst .challenge-answer-v98-star{ animation:kivooV108StarRip .76s cubic-bezier(.16,.84,.22,1) calc(var(--i) * .06s) both; } @keyframes kivooV108StarBloom{ 0%{transform:translateY(0) scale(1) rotate(0deg);opacity:1;filter:drop-shadow(0 0 0 rgba(0,0,0,0));} 32%{transform:translateY(-7px) scale(1.26) rotate(calc((var(--i) - 1) * 8deg));opacity:1;filter:drop-shadow(0 0 14px rgba(170,255,214,.34));} 58%{transform:translateY(0) scale(.96) rotate(calc((var(--i) - 1) * -6deg));opacity:1;filter:drop-shadow(0 0 10px rgba(170,255,214,.20));} 100%{transform:translateY(0) scale(1) rotate(0deg);opacity:1;filter:drop-shadow(0 0 8px rgba(170,255,214,.16));} } @keyframes kivooV108StarRip{ 0%{transform:translateY(0) translateX(0) scale(1) rotate(0deg);opacity:1;filter:drop-shadow(0 0 8px rgba(255,145,165,.18));} 18%{transform:translateY(2px) translateX(0) scale(1.08) rotate(calc(var(--dir) * -7deg));opacity:1;} 58%{transform:translateY(-10px) translateX(calc(var(--dir) * 26px)) scale(.82) rotate(calc(var(--dir) * 20deg));opacity:.95;filter:drop-shadow(0 0 12px rgba(255,120,145,.24));} 100%{transform:translateY(-2px) translateX(calc(var(--dir) * 66px)) scale(.38) rotate(calc(var(--dir) * 48deg));opacity:0;filter:drop-shadow(0 0 0 rgba(255,120,145,0));} } @media(max-height:620px){ .challenge-answer-v98-star{font-size:14px;} } /* v11.5 readable Deep Dive — preserve body copy before headline scale */ .card.deep{padding-top:calc(62px + env(safe-area-inset-top));padding-bottom:calc(68px + env(safe-area-inset-bottom))} .card.deep .content{width:100%;max-width:720px;padding-right:66px} .card.deep .kicker{margin-bottom:7px;font-size:10px} .card.deep h1{margin-bottom:8px;max-width:13.8ch;font-size:clamp(29px,7.8vw,48px);line-height:.96} .card.deep .mode-flag{margin-bottom:5px;font-size:8.7px} .card.deep .copy{min-height:0!important;max-width:64ch} .card.deep .hook{max-width:58ch;margin-bottom:8px;font-size:clamp(15px,3.85vw,18.5px);line-height:1.29;letter-spacing:-.01em} .card.deep .detail{max-width:64ch;font-size:clamp(12.8px,3.25vw,14.6px);line-height:1.43} .card.deep.deep-long h1{font-size:clamp(27px,7.25vw,44px)} .card.deep.deep-long .hook{font-size:clamp(14.6px,3.62vw,17px);line-height:1.27} .card.deep.deep-long .detail{font-size:clamp(12.5px,3.12vw,14px);line-height:1.4} .card.deep.deep-xl h1{font-size:clamp(25px,6.8vw,40px);margin-bottom:6px} .card.deep.deep-xl .hook{font-size:clamp(14.1px,3.45vw,16px);line-height:1.25;margin-bottom:6px} .card.deep.deep-xl .detail{font-size:clamp(12.2px,3.02vw,13.6px);line-height:1.38} .card.deep.deep-xxl h1{font-size:clamp(23px,6.25vw,36px);margin-bottom:5px} .card.deep.deep-xxl .kicker{margin-bottom:4px} .card.deep.deep-xxl .mode-flag{margin-bottom:3px} .card.deep.deep-xxl .hook{font-size:clamp(13.6px,3.28vw,15.3px);line-height:1.23;margin-bottom:5px} .card.deep.deep-xxl .detail{font-size:clamp(11.9px,2.92vw,13.1px);line-height:1.35} .card.deep.deep-emergency h1{font-size:22px!important;line-height:.94!important;margin-bottom:4px!important} .card.deep.deep-emergency .kicker{font-size:9px!important;margin-bottom:3px!important} .card.deep.deep-emergency .mode-flag{font-size:8px!important;margin-bottom:2px!important} .card.deep.deep-emergency .hook{font-size:13.1px!important;line-height:1.21!important;margin-bottom:4px!important} .card.deep.deep-emergency .detail{font-size:12.1px!important;line-height:1.31!important} .card.deep.deep-max h1{font-size:20px!important} .card.deep.deep-max .hook{font-size:12.8px!important;line-height:1.19!important} .card.deep.deep-max .detail{font-size:12px!important;line-height:1.28!important} @media(max-width:390px){.card.deep .content{padding-right:60px}.card.deep{padding-left:17px;padding-right:17px}} @media(max-height:700px){ .card.deep{padding-top:calc(52px + env(safe-area-inset-top));padding-bottom:calc(58px + env(safe-area-inset-bottom))} .card.deep .kicker{margin-bottom:4px} .card.deep h1{margin-bottom:5px} .card.deep .mode-flag{margin-bottom:2px} .card.deep .hook{margin-bottom:4px} .card.deep.deep-long .hook{font-size:14px}.card.deep.deep-long .detail{font-size:12.2px} .card.deep.deep-xl .hook{font-size:13.6px}.card.deep.deep-xl .detail{font-size:11.9px} .card.deep.deep-xxl .hook{font-size:13.1px}.card.deep.deep-xxl .detail{font-size:12px} } /* Production navigation controls */ .topbar-left{display:flex;align-items:center;pointer-events:auto} .brand-home{appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;background:transparent;color:#fff;font-family:inherit;line-height:1;cursor:pointer;text-shadow:0 2px 18px rgba(0,0,0,.3);transition:transform .16s ease,opacity .16s ease} .brand-home:active{transform:scale(.95)}.brand-home:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:4px} .kivoo-home-text{cursor:pointer}.kivoo-home-text:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:4px;border-radius:4px} /* KIVOO Points panel v13.76 */ .xp-chip{pointer-events:auto;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit;transition:transform .18s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.xp-chip:active{transform:scale(.94)}.xp-chip:focus-visible{outline:2px solid rgba(255,255,255,.82);outline-offset:3px} .kivoo-points-open{overflow:hidden}.points-shell{position:fixed;z-index:260;inset:0;display:none;color:#fff}.points-shell.open{display:block}.points-backdrop{position:absolute;inset:0;border:0;background:rgba(2,4,8,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;animation:pointsBackdropIn .34s ease forwards}.points-panel{position:absolute;inset:0;background:radial-gradient(circle at 48% 12%,rgba(135,103,255,.18),transparent 27%),radial-gradient(circle at 84% 46%,rgba(47,210,181,.075),transparent 31%),linear-gradient(165deg,#090b11 0%,#0c1018 44%,#080a0f 100%);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(18px) scale(.985);animation:pointsPanelIn .52s cubic-bezier(.16,.84,.24,1) forwards}.points-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.026) 44%,transparent 51%);transform:translateX(-80%);animation:pointsSweep 1.4s .18s ease-out both}.points-head{position:sticky;z-index:8;top:0;display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 18px 15px;background:linear-gradient(to bottom,rgba(7,9,14,.94),rgba(7,9,14,.7) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.points-head>div{display:flex;align-items:baseline;gap:9px}.points-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.48)}.points-head strong{font-size:21px;letter-spacing:-.035em}.points-close{width:39px;height:39px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff;font-size:23px;line-height:1;display:grid;place-items:center;transition:transform .16s ease,background .18s ease}.points-close:active{transform:scale(.92)}.points-body{position:relative;z-index:2;padding:9px 16px calc(30px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.points-total-card{position:relative;min-height:276px;border-radius:31px;overflow:hidden;border:1px solid rgba(187,169,255,.24);background:radial-gradient(circle at 50% 30%,rgba(144,112,255,.28),transparent 35%),radial-gradient(circle at 82% 16%,rgba(255,255,255,.11),transparent 24%),linear-gradient(145deg,rgba(64,49,111,.62),rgba(15,18,30,.76) 55%,rgba(7,10,16,.94));box-shadow:0 26px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px 20px}.points-total-card:after{content:"";position:absolute;inset:auto -10% -45% -10%;height:65%;background:radial-gradient(ellipse,rgba(91,220,191,.085),transparent 67%);pointer-events:none}.points-orbit{position:relative;width:122px;height:122px;margin-bottom:12px;display:grid;place-items:center}.points-orbit>i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(193,180,255,.18);animation:pointsOrbit 8s linear infinite}.points-orbit>i:nth-child(2){inset:11px;animation-duration:6.4s;animation-direction:reverse;border-style:dashed;border-color:rgba(117,232,203,.19)}.points-orbit>i:nth-child(3){inset:25px;animation-duration:4.8s;border-color:rgba(255,255,255,.16)}.points-orbit>span{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#d7cdff;background:linear-gradient(145deg,rgba(183,162,255,.2),rgba(116,92,221,.08));border:1px solid rgba(208,197,255,.26);box-shadow:0 0 36px rgba(139,104,255,.2),inset 0 1px 0 rgba(255,255,255,.1);animation:pointsCore 3.8s ease-in-out infinite}.points-orbit svg{width:30px;height:30px}.points-total-copy{position:relative;z-index:2}.points-total-copy>span,.points-week-card span,.points-history-head span{display:block;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.46)}.points-total-copy>strong{display:block;font-size:clamp(62px,18vw,94px);line-height:.92;letter-spacing:-.075em;font-variant-numeric:tabular-nums;margin:6px 0 8px;text-shadow:0 0 38px rgba(167,145,255,.18)}.points-total-copy>small,.points-week-card small{display:block;font-size:11px;color:rgba(255,255,255,.46)}.points-week-card{display:grid;grid-template-columns:1fr 1px 1fr;gap:16px;align-items:center;margin-top:12px;padding:20px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.095);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.points-week-card>div:not(.points-week-divider){min-width:0}.points-week-card strong{display:block;font-size:31px;line-height:1;font-weight:900;letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:7px 0 7px}.points-week-card>div:first-child strong{color:#aef0d2;text-shadow:0 0 24px rgba(86,230,168,.12)}.points-week-divider{height:56px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12),transparent)}.points-history-card{margin-top:12px;padding:20px 16px 14px;border-radius:25px;border:1px solid rgba(255,255,255,.095);background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.points-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px 12px}.points-history-head strong{display:block;font-size:16px;letter-spacing:-.02em;margin-top:4px}.points-range{display:flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.points-range-btn{height:29px;min-width:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.45);font-size:9px;font-weight:900;letter-spacing:.08em;transition:background .18s ease,color .18s ease,transform .16s ease}.points-range-btn:active{transform:scale(.94)}.points-range-btn.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.points-chart{position:relative;height:186px;color:#a994ff;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 70% 32%,rgba(148,115,255,.07),transparent 38%),rgba(0,0,0,.11)}.points-chart svg{display:block;width:100%;height:100%;overflow:visible}.points-grid line{stroke:rgba(255,255,255,.065);stroke-width:.7}.points-area{fill:url(#pointsAreaGradient);stroke:none}.points-line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:url(#pointsLineGlow)}.points-last-halo{fill:currentColor;opacity:.13;animation:pointsDotPulse 2.2s ease-in-out infinite}.points-last-dot{fill:#fff;stroke:currentColor;stroke-width:2}.points-axis-labels text{fill:rgba(255,255,255,.35);font-size:8px;font-weight:700;letter-spacing:.02em}.points-chart-empty{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:rgba(255,255,255,.42);font-size:11px;line-height:1.5}.points-history-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 3px 1px;color:rgba(255,255,255,.38);font-size:9px;line-height:1.3}.points-history-foot strong{color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums;text-align:right}.points-shell:not(.open) .points-panel,.points-shell:not(.open) .points-backdrop{animation:none} @keyframes pointsBackdropIn{to{opacity:1}}@keyframes pointsPanelIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pointsSweep{0%{opacity:0;transform:translateX(-90%)}25%{opacity:1}100%{opacity:0;transform:translateX(105%)}}@keyframes pointsOrbit{to{transform:rotate(360deg)}}@keyframes pointsCore{0%,100%{transform:scale(.96);box-shadow:0 0 28px rgba(139,104,255,.14)}50%{transform:scale(1.045);box-shadow:0 0 42px rgba(139,104,255,.24)}}@keyframes pointsDotPulse{0%,100%{transform:scale(.7);transform-origin:center}50%{transform:scale(1.35);transform-origin:center}} @media(min-width:700px){.points-panel{inset:5vh max(18px,calc(50vw - 310px));border-radius:34px;border:1px solid rgba(255,255,255,.11);box-shadow:0 40px 120px rgba(0,0,0,.5);max-height:90vh}.points-body{padding-left:20px;padding-right:20px}.points-total-card{min-height:290px}} @media(prefers-reduced-motion:reduce){.points-backdrop,.points-panel,.points-panel:before,.points-orbit>i,.points-orbit>span,.points-last-halo{animation:none!important}.points-backdrop,.points-panel{opacity:1;transform:none}} /* KIVOO Points panel visual refinement v13.77 */ .points-total-card{min-height:304px;padding:25px 20px 24px;background:radial-gradient(circle at 50% 24%,rgba(162,129,255,.34),transparent 34%),radial-gradient(circle at 82% 13%,rgba(124,232,204,.10),transparent 28%),radial-gradient(circle at 16% 76%,rgba(75,102,255,.10),transparent 30%),linear-gradient(150deg,rgba(69,52,119,.72),rgba(15,18,31,.84) 55%,rgba(6,9,15,.96));border-color:rgba(201,186,255,.28);box-shadow:0 32px 90px rgba(0,0,0,.38),0 0 0 1px rgba(123,91,255,.04),inset 0 1px 0 rgba(255,255,255,.10)} .points-total-card:before{content:"";position:absolute;inset:11px;border-radius:23px;border:1px solid rgba(255,255,255,.04);pointer-events:none} .points-hero-field{position:absolute;inset:0;pointer-events:none;overflow:hidden} .points-hero-field>span{position:absolute;width:210px;height:210px;left:50%;top:54px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(166,137,255,.12),rgba(166,137,255,.035) 42%,transparent 70%);filter:blur(1px);animation:pointsHeroBreath 4.8s ease-in-out infinite} .points-hero-field>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 13px rgba(203,190,255,.85);opacity:.62;animation:pointsParticle 4.6s ease-in-out infinite} .points-hero-field>i:nth-child(1){left:20%;top:25%;animation-delay:-.8s}.points-hero-field>i:nth-child(2){right:20%;top:34%;width:3px;height:3px;animation-delay:-2.1s}.points-hero-field>i:nth-child(3){left:28%;bottom:26%;width:2px;height:2px;animation-delay:-3.4s}.points-hero-field>i:nth-child(4){right:27%;bottom:24%;animation-delay:-1.6s} .points-orbit{width:136px;height:136px;margin-bottom:4px;filter:drop-shadow(0 0 18px rgba(145,112,255,.08))} .points-orbit>i{border-color:rgba(208,195,255,.21)}.points-orbit>i:nth-child(2){border-color:rgba(115,233,202,.24)}.points-orbit>i:nth-child(3){border-color:rgba(255,255,255,.18)} .points-orbit>span{width:68px;height:68px;color:#ece7ff;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,rgba(184,161,255,.28),rgba(94,72,195,.11));border-color:rgba(222,211,255,.34);box-shadow:0 0 48px rgba(139,104,255,.26),0 0 90px rgba(139,104,255,.07),inset 0 1px 0 rgba(255,255,255,.16)} .points-orbit svg{width:32px;height:32px;filter:drop-shadow(0 0 10px rgba(217,207,255,.3))} .points-total-copy{margin-top:-2px}.points-total-copy>span{color:rgba(255,255,255,.54);letter-spacing:.19em}.points-total-copy>strong{font-size:clamp(68px,19vw,102px);margin:7px 0 0;line-height:.9;background:linear-gradient(180deg,#fff 14%,#e6ddff 66%,#b9a7ff 120%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 10px 28px rgba(115,88,223,.20))} .points-total-glowline{position:relative;z-index:3;width:122px;height:10px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:5px}.points-total-glowline i{height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(194,178,255,.75),transparent);box-shadow:0 0 10px rgba(159,128,255,.25)}.points-total-glowline i:nth-child(1),.points-total-glowline i:nth-child(3){width:26px;opacity:.5}.points-total-glowline i:nth-child(2){width:44px} .points-week-card{grid-template-columns:1fr 1fr;gap:10px;padding:0;border:0;background:transparent;box-shadow:none} .points-week-stat{position:relative;min-width:0;min-height:127px;padding:17px 15px 15px;border-radius:23px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.07),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.068),rgba(255,255,255,.022));box-shadow:inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden} .points-week-stat:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent)} .points-week-stat>div{min-width:0}.points-week-icon{width:31px;height:31px;margin-bottom:12px;border-radius:10px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#d9d1ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)} .points-week-earned .points-week-icon{color:#9af0cb;background:rgba(80,225,165,.075);border-color:rgba(89,229,170,.13)}.points-week-net .points-week-icon{color:#c9baff;background:rgba(147,116,255,.075);border-color:rgba(174,151,255,.13)} .points-week-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.points-week-card strong{font-size:32px;margin:6px 0 7px}.points-week-card small{font-size:10px;line-height:1.3}.points-week-divider{display:none} .points-history-card{padding:21px 16px 15px;border-radius:26px;background:radial-gradient(circle at 76% 22%,rgba(153,121,255,.065),transparent 34%),linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} .points-chart{height:205px;color:#a994ff;border:1px solid rgba(255,255,255,.045);background:radial-gradient(circle at 74% 25%,rgba(153,120,255,.10),transparent 34%),radial-gradient(circle at 90% 80%,rgba(78,222,183,.055),transparent 30%),linear-gradient(180deg,rgba(4,6,11,.28),rgba(4,6,11,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.022)} .points-grid line{stroke:rgba(255,255,255,.07);stroke-dasharray:2 4}.points-line{stroke:url(#pointsLineGradient);stroke-width:2.6;filter:url(#pointsLineGlow)}.points-area{fill:url(#pointsAreaGradient)} .points-last-guide{stroke:rgba(133,225,196,.15);stroke-width:.8;stroke-dasharray:2 4}.points-event-dot{fill:#b6a4ff;stroke:rgba(8,10,16,.95);stroke-width:1.3;opacity:.78}.points-last-halo{fill:#83e2c5;opacity:.15}.points-last-dot{fill:#fff;stroke:#83e2c5;stroke-width:2.2;filter:drop-shadow(0 0 5px rgba(118,230,197,.5))} .points-current-tag rect{fill:rgba(17,20,31,.92);stroke:rgba(142,226,203,.28);stroke-width:.8}.points-current-tag text{fill:#dffbf2;font-size:8.5px;font-weight:900;letter-spacing:.015em;font-variant-numeric:tabular-nums}.points-y-labels text{fill:rgba(255,255,255,.26);font-size:7.5px;font-weight:800}.points-axis-labels text{fill:rgba(255,255,255,.38);font-size:8px}.points-history-foot{padding-top:13px} @keyframes pointsHeroBreath{0%,100%{opacity:.72;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}} @keyframes pointsParticle{0%,100%{opacity:.25;transform:translateY(3px) scale(.8)}50%{opacity:.8;transform:translateY(-4px) scale(1.15)}} @media(max-width:380px){.points-total-card{min-height:286px}.points-orbit{width:124px;height:124px}.points-total-copy>strong{font-size:clamp(64px,18vw,88px)}.points-week-stat{padding:15px 13px;min-height:122px}.points-week-card strong{font-size:29px}.points-chart{height:192px}} @media(prefers-reduced-motion:reduce){.points-hero-field>span,.points-hero-field>i{animation:none!important}} /* KIVOO Points safe single-screen layout v13.79 Isolated to the Points overlay. Uses flex sizing rather than a full-height nested grid, avoiding mobile Safari percentage-height/grid overflow regressions. */ .points-panel{ overflow:hidden!important; overscroll-behavior:none; display:flex; flex-direction:column; height:100dvh; max-height:100dvh; } .points-head{ position:relative; top:auto; flex:0 0 auto; padding:calc(8px + env(safe-area-inset-top)) 14px 6px; } .points-close{width:34px;height:34px;font-size:21px} .points-body{ position:relative; z-index:2; flex:1 1 auto; min-height:0; width:100%; overflow:hidden; box-sizing:border-box; padding:4px 14px max(8px,env(safe-area-inset-bottom)); margin:0 auto; display:flex; flex-direction:column; gap:8px; } .points-total-card{ flex:0 0 clamp(150px,28dvh,240px); min-height:0!important; height:auto; margin:0!important; padding:clamp(8px,1.4dvh,14px) 16px; border-radius:clamp(21px,2.8dvh,29px); box-sizing:border-box; } .points-total-card:before{inset:8px;border-radius:19px} .points-orbit{ width:clamp(56px,9dvh,104px); height:clamp(56px,9dvh,104px); margin-bottom:clamp(0px,.4dvh,4px); } .points-orbit>i:nth-child(2){inset:9%} .points-orbit>i:nth-child(3){inset:20%} .points-orbit>span{ width:clamp(38px,5.6dvh,58px); height:clamp(38px,5.6dvh,58px); } .points-orbit svg{width:clamp(20px,2.8dvh,28px);height:clamp(20px,2.8dvh,28px)} .points-total-copy{margin-top:0} .points-total-copy>span{font-size:clamp(7px,1dvh,9px)} .points-total-copy>strong{ font-size:clamp(42px,8dvh,76px); margin:clamp(2px,.5dvh,5px) 0 0; line-height:.88; } .points-total-glowline{height:6px;margin-top:clamp(3px,.7dvh,7px)} .points-hero-field>span{ width:clamp(120px,21dvh,185px); height:clamp(120px,21dvh,185px); top:clamp(16px,3.5dvh,38px); } .points-week-card{ flex:0 0 clamp(88px,14dvh,118px); min-height:0!important; height:auto; margin:0!important; gap:8px; } .points-week-stat{ min-height:0!important; height:100%; padding:8px 10px; border-radius:19px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; box-sizing:border-box; } .points-week-icon{ width:clamp(23px,3.6dvh,29px); height:clamp(23px,3.6dvh,29px); margin-bottom:0; border-radius:9px; } .points-week-icon svg{width:clamp(13px,2dvh,17px);height:clamp(13px,2dvh,17px)} .points-week-stat>div{min-width:0;align-self:center} .points-week-card span{font-size:clamp(7px,.9dvh,8.5px);letter-spacing:.1em} .points-week-card strong{font-size:clamp(22px,4dvh,30px);margin:2px 0 2px} .points-week-card small{font-size:clamp(7px,1dvh,9px);line-height:1.12} .points-history-card{ flex:1 1 0; min-height:0!important; height:auto; margin:0!important; padding:clamp(8px,1.2dvh,12px) 12px clamp(6px,.9dvh,9px); border-radius:21px; display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; } .points-history-head{ flex:0 0 auto; min-height:0; gap:8px; padding:0 2px clamp(5px,.7dvh,8px); } .points-history-head span{font-size:clamp(7px,.9dvh,8.5px)} .points-history-head strong{font-size:clamp(12px,1.75dvh,15px);margin-top:2px} .points-range{padding:2px} .points-range-btn{height:clamp(22px,3.1dvh,27px);min-width:38px;padding:0 8px;font-size:8px} .points-chart{ flex:1 1 auto; min-height:0; height:auto!important; width:100%; border-radius:15px; } .points-history-foot{ flex:0 0 auto; min-height:0; padding:clamp(4px,.7dvh,8px) 2px 0; font-size:clamp(7px,.9dvh,8.5px); } @media(max-height:620px){ .points-head{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:4px} .points-head strong{font-size:18px}.points-kicker{font-size:8px} .points-close{width:30px;height:30px;font-size:19px} .points-body{padding-top:2px;gap:6px} .points-total-card{flex-basis:clamp(138px,27dvh,168px);padding:6px 13px} .points-orbit{width:52px;height:52px}.points-orbit>span{width:36px;height:36px}.points-orbit svg{width:19px;height:19px} .points-total-copy>strong{font-size:40px}.points-total-glowline{margin-top:2px;height:4px} .points-week-card{flex-basis:82px;gap:6px}.points-week-stat{padding:6px 7px;gap:6px} .points-week-icon{width:21px;height:21px}.points-week-icon svg{width:12px;height:12px} .points-week-card strong{font-size:20px}.points-week-card small{font-size:6.8px} .points-history-card{padding:6px 9px 5px}.points-history-head{padding-bottom:4px}.points-history-head strong{font-size:11px} .points-range-btn{height:20px;min-width:34px;padding:0 6px}.points-history-foot{padding-top:3px;font-size:6.8px} } @media(max-width:360px){ .points-body{padding-left:10px;padding-right:10px} .points-week-stat{padding-left:7px;padding-right:7px;gap:5px} .points-week-icon{width:21px;height:21px}.points-week-card small{font-size:6.8px} } @media(min-width:700px){ .points-panel{ height:auto; max-height:90dvh; overflow:hidden!important; } .points-body{padding:6px 20px 16px;gap:10px} .points-total-card{flex-basis:250px;min-height:0!important} .points-week-card{flex-basis:116px} } /* KIVOO animation sketch library v13.80 */ .kivoo-sketch .ks-constellation-spin,.kivoo-sketch .ks-helix-drift,.kivoo-sketch .ks-lattice-tilt,.kivoo-sketch .ks-lattice-scan,.kivoo-sketch .ks-vortex-spin,.kivoo-sketch .ks-vortex-rev,.kivoo-sketch .ks-core-pulse,.kivoo-sketch .ks-res-ring,.kivoo-sketch .ks-waveflow,.kivoo-sketch .ks-field-flow,.kivoo-sketch .ks-magnet-breathe,.kivoo-sketch .ks-particle-orbit,.kivoo-sketch .ks-chrono-ring,.kivoo-sketch .ks-chrono-hand,.kivoo-sketch .ks-chrono-hand-fast,.kivoo-sketch .ks-blueprint-draw,.kivoo-sketch .ks-blueprint-accent,.kivoo-sketch .ks-blueprint-scan,.kivoo-sketch .ks-neuron-drift,.kivoo-sketch .ks-neuron-flow,.kivoo-sketch .ks-node-pulse,.kivoo-sketch .ks-prism-rock,.kivoo-sketch .ks-prism-shimmer,.kivoo-sketch .ks-prism-ray,.kivoo-sketch .ks-helix-line,.kivoo-sketch .ks-trace,.kivoo-sketch .ks-star{transform-box:fill-box;transform-origin:center} .kivoo-sketch .ks-constellation-spin{animation:ksConstellationSpin 21s linear infinite} .kivoo-sketch .ks-trace{stroke-dasharray:8 12;animation:ksTrace 5.8s linear infinite} .kivoo-sketch .ks-star{animation:ksStar 3.8s ease-in-out infinite}.kivoo-sketch .ks-star:nth-child(2n){animation-delay:-1.2s}.kivoo-sketch .ks-star:nth-child(3n){animation-delay:-2.4s} .kivoo-sketch .ks-core-pulse{animation:ksCorePulse 3.4s ease-in-out infinite} .kivoo-sketch .ks-helix-drift{animation:ksHelixDrift 5.8s ease-in-out infinite} .kivoo-sketch .ks-helix-line{stroke-dasharray:22 12;animation:ksHelixFlow 5.2s linear infinite}.kivoo-sketch .ks-helix-line.alt{animation-direction:reverse;animation-duration:6.4s} .kivoo-sketch .ks-node-pulse{animation:ksNodePulse 3.2s ease-in-out infinite}.kivoo-sketch .ks-node-pulse:nth-child(2n){animation-delay:-1.1s}.kivoo-sketch .ks-node-pulse:nth-child(3n){animation-delay:-2.1s} .kivoo-sketch .ks-lattice-tilt{animation:ksLatticeTilt 7.6s ease-in-out infinite} .kivoo-sketch .ks-lattice-scan{animation:ksLatticeScan 4.4s cubic-bezier(.45,0,.2,1) infinite} .kivoo-sketch .ks-vortex-spin{animation:ksVortex 13s linear infinite}.kivoo-sketch .ks-vortex-rev{animation:ksVortex 9.5s linear infinite reverse} .kivoo-sketch .ks-res-ring{animation:ksResRing 4.3s ease-out infinite}.kivoo-sketch .ks-res-ring:nth-child(2){animation-delay:-1s}.kivoo-sketch .ks-res-ring:nth-child(3){animation-delay:-2s}.kivoo-sketch .ks-res-ring:nth-child(4){animation-delay:-3s} .kivoo-sketch .ks-waveflow{stroke-dasharray:20 11;animation:ksWaveFlow 4.8s linear infinite} .kivoo-sketch .ks-field-flow path{stroke-dasharray:18 12;animation:ksFieldFlow 5.5s linear infinite}.kivoo-sketch .ks-field-flow path:nth-child(2n){animation-direction:reverse;animation-duration:7s} .kivoo-sketch .ks-magnet-breathe{animation:ksMagnetBreath 3.8s ease-in-out infinite} .kivoo-sketch .ks-particle-orbit{transform-origin:110px 110px;animation:ksParticleOrbit 7s linear infinite} .kivoo-sketch .ks-chrono-ring{animation:ksChronoRing 17s linear infinite} .kivoo-sketch .ks-chrono-hand{transform-origin:110px 110px;animation:ksChronoHand 10s linear infinite}.kivoo-sketch .ks-chrono-hand-fast{transform-origin:110px 110px;animation:ksChronoHand 3.2s linear infinite} .kivoo-sketch .ks-blueprint-draw{stroke-dasharray:360;stroke-dashoffset:360;animation:ksBlueprintDraw 6.8s ease-in-out infinite} .kivoo-sketch .ks-blueprint-accent{stroke-dasharray:14 9;animation:ksTrace 4s linear infinite} .kivoo-sketch .ks-blueprint-scan{animation:ksBlueprintScan 4.5s ease-in-out infinite} .kivoo-sketch .ks-neuron-drift{animation:ksNeuronDrift 6.2s ease-in-out infinite} .kivoo-sketch .ks-neuron-flow{stroke-dasharray:16 10;animation:ksNeuronFlow 4.6s linear infinite}.kivoo-sketch .ks-neuron-flow.alt{animation-direction:reverse;animation-duration:5.8s} .kivoo-sketch .ks-prism-rock{animation:ksPrismRock 6.4s ease-in-out infinite} .kivoo-sketch .ks-prism-shimmer{stroke-dasharray:12 70;animation:ksPrismShimmer 4.2s linear infinite} .kivoo-sketch .ks-prism-ray{stroke-dasharray:36 80;animation:ksPrismRay 4.8s ease-in-out infinite}.kivoo-sketch .ks-prism-ray.alt{animation-delay:-2.1s} @keyframes ksConstellationSpin{to{transform:rotate(360deg)}} @keyframes ksTrace{to{stroke-dashoffset:-80}} @keyframes ksStar{0%,100%{opacity:.28;transform:scale(.62)}48%{opacity:1;transform:scale(1.3)}} @keyframes ksCorePulse{0%,100%{opacity:.34;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}} @keyframes ksHelixDrift{0%,100%{transform:translateY(4px) rotate(-1.5deg)}50%{transform:translateY(-6px) rotate(1.5deg)}} @keyframes ksHelixFlow{to{stroke-dashoffset:-68}} @keyframes ksNodePulse{0%,100%{opacity:.42;transform:scale(.78)}50%{opacity:1;transform:scale(1.26)}} @keyframes ksLatticeTilt{0%,100%{transform:skewY(-1.5deg) translateY(3px)}50%{transform:skewY(1.5deg) translateY(-4px)}} @keyframes ksLatticeScan{0%,100%{opacity:.18;transform:translateY(-31px) scale(.94)}48%{opacity:.86;transform:translateY(31px) scale(1.03)}} @keyframes ksVortex{to{transform:rotate(360deg)}} @keyframes ksResRing{0%{opacity:.05;transform:scale(.58)}38%{opacity:.78}100%{opacity:0;transform:scale(1.22)}} @keyframes ksWaveFlow{to{stroke-dashoffset:-62}} @keyframes ksFieldFlow{to{stroke-dashoffset:-60}} @keyframes ksMagnetBreath{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.035);opacity:1}} @keyframes ksParticleOrbit{to{transform:rotate(360deg)}} @keyframes ksChronoRing{to{transform:rotate(360deg)}} @keyframes ksChronoHand{to{transform:rotate(360deg)}} @keyframes ksBlueprintDraw{0%,12%{stroke-dashoffset:360;opacity:.18}45%,72%{stroke-dashoffset:0;opacity:.62}100%{stroke-dashoffset:-360;opacity:.12}} @keyframes ksBlueprintScan{0%,100%{opacity:0;transform:translateY(-34px)}22%{opacity:.75}70%{opacity:.55}88%{opacity:0;transform:translateY(92px)}} @keyframes ksNeuronDrift{0%,100%{transform:translate(2px,3px) rotate(-1deg)}50%{transform:translate(-3px,-4px) rotate(1deg)}} @keyframes ksNeuronFlow{to{stroke-dashoffset:-58}} @keyframes ksPrismRock{0%,100%{transform:perspective(180px) rotateY(-8deg) rotateX(4deg) scale(.97)}50%{transform:perspective(180px) rotateY(9deg) rotateX(-5deg) scale(1.035)}} @keyframes ksPrismShimmer{to{stroke-dashoffset:-82}} @keyframes ksPrismRay{0%,100%{opacity:.06;stroke-dashoffset:0}45%{opacity:.68}100%{stroke-dashoffset:-116}} @media(prefers-reduced-motion:reduce){.kivoo-sketch *{animation:none!important}} /* KIVOO Points simplification + daily movement v13.87 */ .points-week-card{grid-template-columns:1fr!important;gap:0!important} .points-week-stat{width:100%;grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px!important} .points-week-stat:before{content:"NET";grid-column:3;grid-row:1;align-self:start;padding:5px 7px;border-radius:999px;border:1px solid rgba(154,240,203,.13);background:rgba(80,225,165,.06);color:rgba(174,240,210,.66);font-size:7px;font-weight:900;letter-spacing:.12em} .points-week-earned .points-week-icon{width:clamp(29px,4.5dvh,38px);height:clamp(29px,4.5dvh,38px)} .points-week-earned>div{grid-column:2;grid-row:1} .points-week-card strong{font-size:clamp(26px,4.8dvh,36px)!important;color:#aef0d2!important;text-shadow:0 0 24px rgba(86,230,168,.12)} .points-week-card small{font-size:clamp(8px,1.1dvh,10px)!important;color:rgba(255,255,255,.46)} .points-chart-legend{display:flex;align-items:center;gap:12px;padding:0 3px clamp(4px,.6dvh,7px);color:rgba(255,255,255,.42);font-size:7.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .points-chart-legend span{display:flex;align-items:center;gap:5px} .points-chart-legend i{display:inline-block;width:12px;height:2px;border-radius:999px} .points-chart-legend i.balance{background:linear-gradient(90deg,#a994ff,#81e5c4);box-shadow:0 0 6px rgba(169,148,255,.22)} .points-chart-legend i.daily{height:7px;width:3px;background:#9af0cb;box-shadow:5px 0 0 rgba(255,137,159,.78)} .points-daily-zero{stroke:rgba(255,255,255,.13);stroke-width:.8;stroke-dasharray:2 3} .points-daily-bar{opacity:.9} .points-daily-positive{fill:#8ee8c5} .points-daily-negative{fill:#ff899f} .points-daily-label{fill:rgba(255,255,255,.30);font-size:6.7px;font-weight:900;letter-spacing:.10em} .points-chart{background:radial-gradient(circle at 72% 22%,rgba(153,120,255,.09),transparent 34%),radial-gradient(circle at 88% 82%,rgba(78,222,183,.05),transparent 28%),linear-gradient(180deg,rgba(4,6,11,.30),rgba(4,6,11,.14))} .points-history-card{padding-top:clamp(8px,1.05dvh,11px)} .points-history-head{padding-bottom:clamp(3px,.5dvh,6px)} .points-chart{min-height:0!important} @media(max-height:620px){ .points-week-card{flex-basis:76px!important} .points-week-stat{padding:5px 8px!important} .points-week-stat:before{font-size:6px;padding:4px 6px} .points-chart-legend{padding-bottom:2px;font-size:6.4px} } /* Retired Activities, Quiz and client leaderboard styles removed in v13.158. */ /* Porsche 911 Market album — precision-led cinematic sketches */ .scene.scene-porsche{width:246px;height:236px;right:-15px;top:calc(55px + env(safe-area-inset-top));filter:drop-shadow(0 24px 42px rgba(0,0,0,.38)) drop-shadow(0 0 26px rgba(214,171,96,.12))} .scene.scene-porsche:before{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(221,180,105,.14),rgba(255,255,255,.025) 36%,transparent 68%);filter:blur(9px);animation:p911Aura 5.8s ease-in-out infinite} .porsche-cinematic{overflow:visible}.porsche-cinematic *{transform-box:fill-box;transform-origin:center} .p911-car-float{animation:p911Float 5.8s cubic-bezier(.45,0,.2,1) infinite}.p911-wheel{animation:p911Wheel 4.2s linear infinite}.p911-gold-trace{stroke-dasharray:12 16;animation:p911Trace 4.6s linear infinite}.p911-number-morph{animation:p911Number 5.2s ease-in-out infinite}.p911-draw{stroke-dasharray:12 90;animation:p911Draw 3.8s linear infinite}.p911-engine-pulse{animation:p911EnginePulse 3.4s ease-in-out infinite}.p911-fan{animation:p911Wheel 5.2s linear infinite}.p911-air,.p911-airflow,.p911-coolant-flow{stroke-dasharray:8 13;animation:p911Air 3.2s linear infinite}.p911-roof-lift{animation:p911RoofLift 4.8s ease-in-out infinite}.p911-shine{animation:p911Shine 4.3s ease-in-out infinite}.p911-ducktail{animation:p911Ducktail 4.5s ease-in-out infinite}.p911-rear-view{animation:p911RearBreathe 5.2s ease-in-out infinite}.p911-lightbar{animation:p911Lightbar 2.8s ease-in-out infinite}.p911-turbo-rings{animation:p911Wheel 7.4s linear infinite}.p911-spoiler-rise{animation:p911Spoiler 4.4s ease-in-out infinite}.p911-tech-scan{stroke-dasharray:12 40;animation:p911Trace 3s linear infinite}.p911-aircooled{animation:p911EnginePulse 4s ease-in-out infinite}.p911-headlight-morph{animation:p911Headlight 4.8s ease-in-out infinite}.p911-coolant-pulse{animation:p911Pulse 2.6s ease-in-out infinite}.p911-gt-wing{animation:p911Wing 4.7s ease-in-out infinite}.p911-tach{animation:p911TachBreathe 4s ease-in-out infinite}.p911-tach-needle{animation:p911TachNeedle 2.7s cubic-bezier(.45,0,.2,1) infinite}.p911-centerline{stroke-dasharray:18 8;animation:p911Trace 2.6s linear infinite}.p911-evolution-lineup{animation:p911Evolution 6s ease-in-out infinite}.p911-timeline{stroke-dasharray:7 10;animation:p911Trace 4.2s linear infinite} @keyframes p911Aura{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}} @keyframes p911Float{0%,100%{transform:translateY(4px) rotate(-.8deg)}50%{transform:translateY(-7px) rotate(.8deg)}} @keyframes p911Wheel{to{transform:rotate(360deg)}} @keyframes p911Trace{to{stroke-dashoffset:-72}} @keyframes p911Number{0%,100%{opacity:.65;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}} @keyframes p911Draw{to{stroke-dashoffset:-102}} @keyframes p911EnginePulse{0%,100%{opacity:.68;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}} @keyframes p911Air{to{stroke-dashoffset:-42}} @keyframes p911RoofLift{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-9px);opacity:1}} @keyframes p911Shine{0%,100%{opacity:.2;transform:translateX(-3px)}50%{opacity:.9;transform:translateX(4px)}} @keyframes p911Ducktail{0%,100%{transform:rotate(-1.5deg) translateY(1px)}50%{transform:rotate(2deg) translateY(-3px)}} @keyframes p911RearBreathe{0%,100%{transform:scale(.97)}50%{transform:scale(1.025)}} @keyframes p911Lightbar{0%,100%{opacity:.35;filter:drop-shadow(0 0 2px rgba(197,42,50,.2))}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(197,42,50,.72))}} @keyframes p911Spoiler{0%,100%{transform:translateY(8px) rotate(3deg);opacity:.45}50%{transform:translateY(-4px) rotate(-1deg);opacity:1}} @keyframes p911Headlight{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.035)}} @keyframes p911Pulse{0%,100%{opacity:.32;transform:scale(.8)}50%{opacity:1;transform:scale(1.28)}} @keyframes p911Wing{0%,100%{transform:translateY(3px) rotate(.5deg)}50%{transform:translateY(-4px) rotate(-.5deg)}} @keyframes p911TachBreathe{0%,100%{opacity:.64;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}} @keyframes p911TachNeedle{0%,100%{transform:rotate(-18deg)}48%{transform:rotate(42deg)}68%{transform:rotate(29deg)}} @keyframes p911Evolution{0%,100%{transform:translateX(-3px);opacity:.72}50%{transform:translateX(5px);opacity:1}} @media(prefers-reduced-motion:reduce){.scene.scene-porsche:before,.porsche-cinematic *{animation:none!important}} /* Porsche 911 Market album — editorial sketchbook treatment v13.93 */ #app.porsche-editorial-live{background:#f4f0e8;color:#111} #app.porsche-editorial-live .topbar{background:linear-gradient(to bottom,rgba(246,242,234,.98),rgba(246,242,234,.82) 58%,transparent);color:#111} #app.porsche-editorial-live .brand{color:#111;text-shadow:none} #app.porsche-editorial-live .collection-launch,#app.porsche-editorial-live .user-login-btn,#app.porsche-editorial-live #app.porsche-editorial-live .collection-count{background:#111;color:#f7f2e9;border-color:#f7f2e9} .card.porsche-editorial{background:#f4f0e8;color:#111;padding-left:20px;padding-right:20px} .card.porsche-editorial .bg{inset:0;background-image:radial-gradient(circle at 11% 6%,rgba(247,243,236,.44),rgba(247,243,236,.16) 15%,transparent 28%),radial-gradient(circle at 95% 34%,rgba(247,243,236,.26),rgba(247,243,236,.08) 12%,transparent 22%),linear-gradient(180deg,rgba(247,243,236,.01) 0%,rgba(247,243,236,.01) 20%,rgba(247,243,236,.05) 35%,rgba(247,243,236,.12) 50%,rgba(243,238,229,.36) 66%,rgba(243,238,229,.76) 82%,#f3eee5 100%),var(--p911-bg);background-position:center center,center center,center center,var(--p911-pos,50% 43%);background-size:auto,auto,auto,var(--p911-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004)} .card.porsche-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.13;background-image:radial-gradient(rgba(30,26,21,.08) .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:multiply;pointer-events:none} .card.porsche-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(247,243,236,0) 0 34%,rgba(247,243,236,.02) 44%,rgba(247,243,236,.12) 56%,rgba(243,238,229,.42) 69%,rgba(243,238,229,.84) 83%,rgba(243,238,229,.96) 92%,#f3eee5 100%);pointer-events:none} .card.porsche-editorial .scene.scene-porsche{z-index:3;inset:0;width:100%;height:100%;filter:none;overflow:visible;pointer-events:none} .card.porsche-editorial .scene.scene-porsche:before{display:none} .p911-editorial-art{position:absolute;inset:0;overflow:visible;background:transparent;pointer-events:none} .p911-editorial-art img{display:none!important} .p911-editorial-badge{position:absolute;z-index:4;left:20px;top:16px;min-width:54px;height:36px;padding:0 11px;border:1px solid rgba(28,73,107,.58);display:grid;place-items:center;background:rgba(247,243,235,.72);color:#315f86;font-size:17px;font-weight:760;letter-spacing:.04em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)} .p911-editorial-line{position:absolute;z-index:4;left:20px;top:62px;width:74px;height:2px;background:#3d74a0;opacity:.75} .card.porsche-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#151515} .card.porsche-editorial .kicker{margin-bottom:8px;color:#3474a5;font-size:10px;letter-spacing:.12em} .card.porsche-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#3474a5;box-shadow:none} .card.porsche-editorial h1{max-width:12.5ch;margin-bottom:11px;color:#111;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,9.8vw,58px);font-weight:500;line-height:.91;letter-spacing:-.055em;text-wrap:balance} .card.porsche-editorial .copy{min-height:108px} .card.porsche-editorial .hook{max-width:35ch;margin-bottom:8px;color:#1f1f1f;font-size:clamp(16px,4.25vw,21px);line-height:1.24;letter-spacing:-.016em} .card.porsche-editorial .detail{color:#4d4a45;font-size:13px;line-height:1.46} .card.porsche-editorial .mode-flag{color:#3b6f98} .card.porsche-editorial .difficulty-stars{color:#315f86;text-shadow:none} .card.porsche-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.porsche-editorial .action,.card.porsche-editorial .take-btn,.card.porsche-editorial .deep-btn,.card.porsche-editorial .challenge-btn{background:rgba(250,247,241,.90);border-color:rgba(18,18,18,.16);color:#111;box-shadow:0 9px 24px rgba(51,42,30,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.porsche-editorial .action.active,.card.porsche-editorial .take-btn.active,.card.porsche-editorial .deep-btn.active{background:#111;color:#f7f2e9;border-color:#111} .card.porsche-editorial.deep .bg,.card.porsche-editorial.take .bg{filter:grayscale(.18) saturate(.82);opacity:.34}.card.porsche-editorial.deep .scene.scene-porsche,.card.porsche-editorial.take .scene.scene-porsche{opacity:1;filter:none} .card.porsche-editorial.deep .shade,.card.porsche-editorial.take .shade{background:linear-gradient(to bottom,rgba(247,243,236,.72),rgba(243,238,229,.97) 46%,#f3eee5 100%)} .card.porsche-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.porsche-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.porsche-editorial.take .content{left:18px;right:72px} @keyframes p911EditorialFloat{0%{transform:scale(1.02) translate3d(-.5%,0,0)}100%{transform:scale(1.045) translate3d(.7%,-.4%,0)}} @media(max-width:390px){.card.porsche-editorial .content{left:18px;right:70px}.card.porsche-editorial h1{font-size:clamp(34px,9.4vw,52px)}.card.porsche-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.porsche-editorial h1{font-size:clamp(30px,8.5vw,46px);margin-bottom:7px}.card.porsche-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.porsche-editorial .copy{min-height:92px}.card.porsche-editorial .kicker{margin-bottom:5px}} @media(prefers-reduced-motion:reduce){.p911-editorial-art img{animation:none!important}} /* Porsche album / market cover uses the supplied 911 photography */ .market-pack-art.porsche.porsche-photo{display:block;background:#0b0d10} .market-pack-art.porsche.porsche-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,10,.82),rgba(5,7,10,.05) 55%,rgba(5,7,10,.08));pointer-events:none} .market-pack-art.porsche.porsche-photo img{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block;transform:scale(1.015)} .p911-cover-stamp{position:absolute;z-index:2;right:15px;top:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.52);background:rgba(8,10,12,.26);color:#fff;font-size:13px;font-weight:850;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .collection-album-cover-v101.pack-porsche{background:linear-gradient(to top,rgba(7,8,10,.62),rgba(7,8,10,.08)),url('/design-packs/porsche-911/v4/card-01.webp') center 18%/cover no-repeat!important;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55)} .collection-album-cover-v101.pack-porsche i{display:none!important} .collection-card .mini-scene .p911-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee8de} .collection-card .mini-scene .p911-editorial-art img{width:100%;height:100%;object-fit:cover;animation:none;transform:none} .collection-card .mini-scene .p911-editorial-badge,.collection-card .mini-scene .p911-editorial-line{display:none} #app.cartier-editorial-live{background:#f5efe6;color:#17120f} #app.cartier-editorial-live .topbar{background:linear-gradient(to bottom,rgba(247,241,233,.98),rgba(247,241,233,.83) 58%,transparent);color:#17120f} #app.cartier-editorial-live .brand{color:#17120f;text-shadow:none} #app.cartier-editorial-live .collection-launch,#app.cartier-editorial-live .user-login-btn,#app.cartier-editorial-live #app.cartier-editorial-live .collection-count{background:#17120f;color:#f7f2e9;border-color:#f7f2e9} .card.cartier-editorial{background:#f5efe6;color:#17120f;padding-left:20px;padding-right:20px} .card.cartier-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 5%,rgba(247,241,233,.46),rgba(247,241,233,.18) 14%,transparent 28%),radial-gradient(circle at 96% 44%,rgba(247,241,233,.26),rgba(247,241,233,.08) 11%,transparent 23%),linear-gradient(180deg,rgba(248,243,236,.01) 0%,rgba(248,243,236,.01) 18%,rgba(248,243,236,.04) 34%,rgba(248,243,236,.11) 49%,rgba(244,238,229,.33) 64%,rgba(244,238,229,.77) 81%,#f4eee5 100%),var(--cartier-bg);background-position:center center,center center,center center,var(--cartier-pos,56% 44%);background-size:auto,auto,auto,var(--cartier-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.97) contrast(1.01)} .card.cartier-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.09;background-image:radial-gradient(rgba(31,24,18,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.cartier-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(248,243,236,0) 0 34%,rgba(248,243,236,.02) 44%,rgba(248,243,236,.12) 56%,rgba(244,238,229,.42) 69%,rgba(244,238,229,.84) 83%,rgba(244,238,229,.96) 92%,#f4eee5 100%);pointer-events:none} .card.cartier-editorial .scene.scene-cartier{display:none} .card.cartier-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#17120f} .card.cartier-editorial .kicker{margin-bottom:8px;color:#9b2334;font-size:10px;letter-spacing:.12em} .card.cartier-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#c38d4a;box-shadow:none} .card.cartier-editorial h1{max-width:13ch;margin-bottom:11px;color:#17120f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,8.4vw,48px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.cartier-editorial .copy{min-height:108px} .card.cartier-editorial .hook{max-width:35ch;margin-bottom:8px;color:#221d18;font-size:clamp(16px,4.2vw,21px);line-height:1.24;letter-spacing:-.016em} .card.cartier-editorial .detail{color:#5a5148;font-size:13px;line-height:1.46} .card.cartier-editorial .mode-flag{color:#9b2334} .card.cartier-editorial .difficulty-stars{color:#c38d4a;text-shadow:none} .card.cartier-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.cartier-editorial .action,.card.cartier-editorial .take-btn,.card.cartier-editorial .deep-btn,.card.cartier-editorial .challenge-btn{background:rgba(251,247,241,.90);border-color:rgba(41,24,18,.14);color:#17120f;box-shadow:0 9px 24px rgba(64,42,28,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.cartier-editorial .action.active,.card.cartier-editorial .take-btn.active,.card.cartier-editorial .deep-btn.active{background:#17120f;color:#f7f2e9;border-color:#17120f} .card.cartier-editorial.deep .bg,.card.cartier-editorial.take .bg{filter:grayscale(.12) saturate(.84);opacity:.42} .card.cartier-editorial.deep .shade,.card.cartier-editorial.take .shade{background:linear-gradient(to bottom,rgba(248,243,236,.70),rgba(244,238,229,.97) 46%,#f4eee5 100%)} .card.cartier-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.cartier-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.cartier-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.cartier-editorial .content{left:18px;right:70px}.card.cartier-editorial h1{font-size:clamp(30px,8.1vw,45px)}.card.cartier-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.cartier-editorial h1{font-size:clamp(28px,7.7vw,42px);margin-bottom:7px}.card.cartier-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.cartier-editorial .copy{min-height:92px}.card.cartier-editorial .kicker{margin-bottom:5px}} .market-pack-art.cartier.cartier-photo{display:block;background:#f1e7d8}.market-pack-art.cartier.cartier-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(16,7,9,.78),rgba(16,7,9,.08) 54%,rgba(16,7,9,.05));pointer-events:none}.market-pack-art.cartier.cartier-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;transform:scale(1.015)}.cartier-cover-stamp{position:absolute;z-index:2;right:14px;top:14px;padding:6px 10px;border:1px solid rgba(255,248,237,.6);background:rgba(15,6,8,.24);color:#fff8ed;font-size:10px;font-weight:850;letter-spacing:.18em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.collection-album-cover-v101.pack-cartier{background:linear-gradient(to top,rgba(16,7,9,.68),rgba(16,7,9,.10)),url('/design-packs/cartier/v3/card-06.webp') center 18%/cover no-repeat!important;color:#fff8ed;text-shadow:0 2px 12px rgba(0,0,0,.55)}.collection-album-cover-v101.pack-cartier .album-cover-wordmark{font-size:12px;letter-spacing:.18em;font-weight:850}.collection-album-cover-v101.pack-cartier i{display:none!important} #app.royal-editorial-live{background:#f4eee3;color:#17120f} #app.royal-editorial-live .topbar{background:linear-gradient(to bottom,rgba(246,239,231,.98),rgba(246,239,231,.83) 58%,transparent);color:#17120f} #app.royal-editorial-live .brand{color:#17120f;text-shadow:none} #app.royal-editorial-live .collection-launch,#app.royal-editorial-live .user-login-btn,#app.royal-editorial-live #app.royal-editorial-live .collection-count{background:#17120f;color:#f7f2e9;border-color:#f7f2e9} .card.royal-editorial{background:#f4eee3;color:#17120f;padding-left:20px;padding-right:20px} .card.royal-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 5%,rgba(247,241,233,.46),rgba(247,241,233,.18) 14%,transparent 28%),radial-gradient(circle at 96% 44%,rgba(247,241,233,.24),rgba(247,241,233,.07) 11%,transparent 23%),linear-gradient(180deg,rgba(248,243,236,.00) 0%,rgba(248,243,236,.01) 16%,rgba(248,243,236,.03) 30%,rgba(248,243,236,.08) 44%,rgba(244,238,229,.24) 57%,rgba(244,238,229,.58) 70%,rgba(244,238,229,.88) 84%,#f4eee3 100%),var(--royal-bg);background-position:center center,center center,center center,var(--royal-pos,50% 12%);background-size:auto,auto,auto,var(--royal-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.98) contrast(1.01)} .card.royal-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(31,24,18,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.royal-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(248,243,236,0) 0 26%,rgba(248,243,236,.02) 38%,rgba(248,243,236,.10) 52%,rgba(244,238,229,.34) 66%,rgba(244,238,229,.78) 81%,rgba(244,238,229,.95) 92%,#f4eee3 100%);pointer-events:none} .card.royal-editorial .scene.scene-royal{display:none} .card.royal-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#17120f} .card.royal-editorial .kicker{margin-bottom:8px;color:#5f2545;font-size:10px;letter-spacing:.12em} .card.royal-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#c39b54;box-shadow:none} .card.royal-editorial h1{max-width:12.9ch;margin-bottom:11px;color:#17120f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.15vw,46px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.royal-editorial .copy{min-height:108px} .card.royal-editorial .hook{max-width:35ch;margin-bottom:8px;color:#221d18;font-size:clamp(16px,4.15vw,20px);line-height:1.24;letter-spacing:-.016em} .card.royal-editorial .detail{color:#5b5147;font-size:13px;line-height:1.46} .card.royal-editorial .mode-flag{color:#5f2545} .card.royal-editorial .difficulty-stars{color:#c39b54;text-shadow:none} .card.royal-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.royal-editorial .action,.card.royal-editorial .take-btn,.card.royal-editorial .deep-btn,.card.royal-editorial .challenge-btn{background:rgba(251,247,241,.90);border-color:rgba(41,24,18,.14);color:#17120f;box-shadow:0 9px 24px rgba(64,42,28,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.royal-editorial .action.active,.card.royal-editorial .take-btn.active,.card.royal-editorial .deep-btn.active{background:#17120f;color:#f7f2e9;border-color:#17120f} .card.royal-editorial.deep .bg,.card.royal-editorial.take .bg{filter:grayscale(.08) saturate(.85);opacity:.44} .card.royal-editorial.deep .shade,.card.royal-editorial.take .shade{background:linear-gradient(to bottom,rgba(248,243,236,.70),rgba(244,238,229,.97) 46%,#f4eee3 100%)} .card.royal-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.royal-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.royal-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.royal-editorial .content{left:18px;right:70px}.card.royal-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.royal-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.royal-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.royal-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.royal-editorial .copy{min-height:92px}.card.royal-editorial .kicker{margin-bottom:5px}} .market-pack-art.royal.royal-photo{display:block;background:#f1e8da}.market-pack-art.royal.royal-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(16,11,13,.74),rgba(16,11,13,.08) 56%,rgba(16,11,13,.04));pointer-events:none}.market-pack-art.royal.royal-photo img{width:100%;height:100%;object-fit:cover;object-position:center 14%;display:block;transform:scale(1.015)}.royal-cover-stamp{position:absolute;z-index:2;right:14px;top:14px;padding:6px 10px;border:1px solid rgba(255,248,237,.6);background:rgba(15,6,8,.22);color:#fff8ed;font-size:8.5px;font-weight:850;letter-spacing:.16em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.collection-album-cover-v101.pack-royal{background:linear-gradient(to top,rgba(16,7,9,.64),rgba(16,7,9,.10)),url('/design-packs/british-royals/v2/cover.webp') center 18%/cover no-repeat!important;color:#fff8ed;text-shadow:0 2px 12px rgba(0,0,0,.55)}.collection-album-cover-v101.pack-royal .album-cover-wordmark{font-size:10px;letter-spacing:.17em;font-weight:850}.collection-album-cover-v101.pack-royal .album-cover-wordmark.royal{display:block;max-width:11ch;line-height:1.08;text-align:left}.collection-album-cover-v101.pack-royal i{display:none!important}.collection-card .mini-scene .royal-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee8de}.collection-card .mini-scene .royal-editorial-art img{width:100%;height:100%;object-fit:cover;animation:none;transform:none}.collection-card .mini-scene .royal-editorial-badge,.collection-card .mini-scene .royal-editorial-line{display:none}.album-royal-thumb{display:block;width:100%;height:118px;border-radius:16px;overflow:hidden;margin-bottom:10px;box-shadow:0 9px 24px rgba(0,0,0,.12)}.album-royal-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block} #app.space-editorial-live{background:#eef4f8;color:#16202b} #app.space-editorial-live .topbar{background:linear-gradient(to bottom,rgba(240,246,250,.98),rgba(240,246,250,.83) 58%,transparent);color:#16202b} #app.space-editorial-live .brand{color:#16202b;text-shadow:none} #app.space-editorial-live .collection-launch,#app.space-editorial-live .user-login-btn,#app.space-editorial-live #app.space-editorial-live .collection-count{background:#16202b;color:#f8fbfd;border-color:#f8fbfd} .card.space-editorial{background:#eef4f8;color:#16202b;padding-left:20px;padding-right:20px} .card.space-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 5%,rgba(247,250,252,.48),rgba(247,250,252,.20) 14%,transparent 28%),radial-gradient(circle at 96% 40%,rgba(247,250,252,.26),rgba(247,250,252,.08) 12%,transparent 23%),linear-gradient(180deg,rgba(243,248,252,.00) 0%,rgba(243,248,252,.01) 18%,rgba(243,248,252,.03) 32%,rgba(235,243,249,.12) 46%,rgba(229,238,246,.34) 60%,rgba(223,234,244,.66) 75%,rgba(218,231,242,.90) 88%,#dbe8f3 100%),var(--space-bg);background-position:center center,center center,center center,var(--space-pos,50% 18%);background-size:auto,auto,auto,var(--space-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.98) contrast(1.01)} .card.space-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(24,39,58,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.space-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(241,247,251,0) 0 28%,rgba(241,247,251,.03) 40%,rgba(236,243,249,.12) 55%,rgba(227,237,246,.38) 69%,rgba(221,233,243,.82) 84%,rgba(218,231,242,.96) 93%,#dbe8f3 100%);pointer-events:none} .card.space-editorial .scene.scene-space{display:none} .card.space-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#16202b} .card.space-editorial .kicker{margin-bottom:8px;color:#2d5d8d;font-size:10px;letter-spacing:.12em} .card.space-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#84a6c7;box-shadow:none} .card.space-editorial h1{max-width:13ch;margin-bottom:11px;color:#16202b;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.15vw,46px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.space-editorial .copy{min-height:108px} .card.space-editorial .hook{max-width:35ch;margin-bottom:8px;color:#213244;font-size:clamp(16px,4.15vw,20px);line-height:1.24;letter-spacing:-.016em} .card.space-editorial .detail{color:#56677b;font-size:13px;line-height:1.46} .card.space-editorial .mode-flag{color:#2d5d8d} .card.space-editorial .difficulty-stars{color:#7b9dbd;text-shadow:none} .card.space-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.space-editorial .action,.card.space-editorial .take-btn,.card.space-editorial .deep-btn,.card.space-editorial .challenge-btn{background:rgba(248,251,253,.92);border-color:rgba(22,32,43,.14);color:#16202b;box-shadow:0 9px 24px rgba(36,53,74,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.space-editorial .action.active,.card.space-editorial .take-btn.active,.card.space-editorial .deep-btn.active{background:#16202b;color:#f8fbfd;border-color:#16202b} .card.space-editorial.deep .bg,.card.space-editorial.take .bg{filter:grayscale(.06) saturate(.86);opacity:.45} .card.space-editorial.deep .shade,.card.space-editorial.take .shade{background:linear-gradient(to bottom,rgba(241,247,251,.72),rgba(219,232,243,.97) 46%,#dbe8f3 100%)} .card.space-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.space-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.space-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.space-editorial .content{left:18px;right:70px}.card.space-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.space-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.space-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.space-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.space-editorial .copy{min-height:92px}.card.space-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .space-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#dfeaf3}.collection-card .mini-scene .space-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .space-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(247,250,252,.9);border:1px solid rgba(22,32,43,.12);color:#2d5d8d;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .space-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(45,93,141,.52),rgba(45,93,141,0));display:block} #app.economy-editorial-live{background:#edf4ea;color:#163127} #app.economy-editorial-live .topbar{background:linear-gradient(to bottom,rgba(238,245,235,.98),rgba(238,245,235,.84) 58%,transparent);color:#163127} #app.economy-editorial-live .brand{color:#163127;text-shadow:none} #app.economy-editorial-live .collection-launch,#app.economy-editorial-live .user-login-btn,#app.economy-editorial-live #app.economy-editorial-live .collection-count{background:#163127;color:#f8fbf7;border-color:#f8fbf7} .card.economy-editorial{background:#edf4ea;color:#163127;padding-left:20px;padding-right:20px} .card.economy-editorial .bg{inset:0;background-image:radial-gradient(circle at 10% 7%,rgba(249,251,246,.56),rgba(249,251,246,.16) 17%,transparent 31%),radial-gradient(circle at 90% 22%,rgba(247,250,245,.30),rgba(247,250,245,.08) 12%,transparent 22%),linear-gradient(180deg,rgba(241,247,238,0) 0%,rgba(241,247,238,.02) 18%,rgba(241,247,238,.05) 34%,rgba(234,242,231,.16) 48%,rgba(228,238,226,.42) 62%,rgba(224,236,222,.74) 78%,rgba(221,234,219,.94) 90%,#e6f0e2 100%),var(--economy-bg);background-position:center center,center center,center center,var(--economy-pos,50% 11%);background-size:auto,auto,auto,var(--economy-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.98) contrast(1.01)} .card.economy-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(23,50,40,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.economy-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(241,247,238,0) 0 27%,rgba(241,247,238,.04) 41%,rgba(236,243,233,.14) 55%,rgba(229,238,226,.42) 69%,rgba(224,236,222,.84) 84%,rgba(221,234,219,.97) 93%,#e6f0e2 100%);pointer-events:none} .card.economy-editorial .scene.scene-economy{display:none} .card.economy-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#163127} .card.economy-editorial .kicker{margin-bottom:8px;color:#2f7256;font-size:10px;letter-spacing:.12em} .card.economy-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#90b89e;box-shadow:none} .card.economy-editorial h1{max-width:13ch;margin-bottom:11px;color:#163127;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.economy-editorial .copy{min-height:108px} .card.economy-editorial .hook{max-width:35ch;margin-bottom:8px;color:#1f3e31;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.economy-editorial .detail{color:#526658;font-size:13px;line-height:1.46} .card.economy-editorial .mode-flag{color:#2f7256} .card.economy-editorial .difficulty-stars{color:#7da088;text-shadow:none} .card.economy-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.economy-editorial .action,.card.economy-editorial .take-btn,.card.economy-editorial .deep-btn,.card.economy-editorial .challenge-btn{background:rgba(248,251,247,.92);border-color:rgba(22,49,39,.14);color:#163127;box-shadow:0 9px 24px rgba(35,69,53,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.economy-editorial .action.active,.card.economy-editorial .take-btn.active,.card.economy-editorial .deep-btn.active{background:#163127;color:#f8fbf7;border-color:#163127} .card.economy-editorial.deep .bg,.card.economy-editorial.take .bg{filter:grayscale(.06) saturate(.86);opacity:.43} .card.economy-editorial.deep .shade,.card.economy-editorial.take .shade{background:linear-gradient(to bottom,rgba(241,247,238,.74),rgba(230,240,226,.97) 46%,#e6f0e2 100%)} .card.economy-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.economy-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.economy-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.economy-editorial .content{left:18px;right:70px}.card.economy-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.economy-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.economy-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.economy-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.economy-editorial .copy{min-height:92px}.card.economy-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .economy-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#e2eddc}.collection-card .mini-scene .economy-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .economy-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(248,251,247,.92);border:1px solid rgba(22,49,39,.12);color:#2f7256;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .economy-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(47,114,86,.52),rgba(47,114,86,0));display:block} #app.literature-editorial-live{background:#0f0c0c;color:#efe4ce} #app.literature-editorial-live .topbar{background:linear-gradient(to bottom,rgba(15,12,12,.98),rgba(15,12,12,.82) 58%,transparent);color:#efe4ce} #app.literature-editorial-live .brand{color:#efe4ce;text-shadow:none} #app.literature-editorial-live .collection-launch,#app.literature-editorial-live .user-login-btn,#app.literature-editorial-live #app.literature-editorial-live .collection-count{background:#7e1f22;color:#f6eee0;border-color:#f6eee0} .card.literature-editorial{background:#0f0c0c;color:#efe4ce;padding-left:20px;padding-right:20px} .card.literature-editorial .bg{inset:0;background-image:radial-gradient(circle at 50% 4%,rgba(255,241,212,.10),rgba(255,241,212,.03) 18%,transparent 34%),radial-gradient(circle at 16% 17%,rgba(171,45,55,.12),transparent 24%),radial-gradient(circle at 86% 13%,rgba(95,118,55,.12),transparent 23%),linear-gradient(180deg,rgba(6,5,5,0) 0%,rgba(6,5,5,.02) 22%,rgba(8,7,7,.08) 36%,rgba(10,8,8,.22) 50%,rgba(11,9,9,.54) 66%,rgba(12,10,10,.86) 82%,rgba(13,11,11,.96) 92%,#0f0c0c 100%),var(--literature-bg);background-position:center center,center center,center center,center center,var(--literature-pos,50% 7%);background-size:auto,auto,auto,auto,var(--literature-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.94) contrast(1.03)} .card.literature-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.11;background-image:radial-gradient(rgba(239,228,206,.16) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:soft-light;pointer-events:none} .card.literature-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(9,8,8,0) 0 26%,rgba(9,8,8,.04) 38%,rgba(10,8,8,.12) 48%,rgba(11,9,9,.34) 60%,rgba(11,9,9,.72) 76%,rgba(12,10,10,.92) 88%,#0f0c0c 100%);pointer-events:none} .card.literature-editorial .scene.scene-literature{display:none} .card.literature-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#efe4ce} .card.literature-editorial .kicker{margin-bottom:8px;color:#d7b774;font-size:10px;letter-spacing:.12em} .card.literature-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#7e1f22;box-shadow:none} .card.literature-editorial h1{max-width:13ch;margin-bottom:11px;color:#f4ead6;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.literature-editorial .copy{min-height:108px} .card.literature-editorial .hook{max-width:34ch;margin-bottom:8px;color:#e8dcc7;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.literature-editorial .detail{color:#b9ae9d;font-size:13px;line-height:1.46} .card.literature-editorial .mode-flag{color:#d7b774} .card.literature-editorial .difficulty-stars{color:#8aa169;text-shadow:none} .card.literature-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.literature-editorial .action,.card.literature-editorial .take-btn,.card.literature-editorial .deep-btn,.card.literature-editorial .challenge-btn{background:rgba(28,20,20,.88);border-color:rgba(239,228,206,.13);color:#efe4ce;box-shadow:0 9px 24px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.literature-editorial .action.active,.card.literature-editorial .take-btn.active,.card.literature-editorial .deep-btn.active{background:#7e1f22;color:#f6eee0;border-color:#7e1f22} .card.literature-editorial.deep .bg,.card.literature-editorial.take .bg{filter:grayscale(.08) saturate(.82);opacity:.42} .card.literature-editorial.deep .shade,.card.literature-editorial.take .shade{background:linear-gradient(to bottom,rgba(14,12,12,.78),rgba(15,12,12,.97) 46%,#0f0c0c 100%)} .card.literature-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.literature-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.literature-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.literature-editorial .content{left:18px;right:70px}.card.literature-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.literature-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.literature-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.literature-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.literature-editorial .copy{min-height:92px}.card.literature-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .literature-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#181313}.collection-card .mini-scene .literature-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .literature-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(24,19,19,.88);border:1px solid rgba(239,228,206,.14);color:#d7b774;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .literature-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(215,183,116,.52),rgba(215,183,116,0));display:block} #app.sports-editorial-live{background:#f3eee5;color:#161616} #app.sports-editorial-live .topbar{background:linear-gradient(to bottom,rgba(245,240,232,.98),rgba(245,240,232,.84) 58%,transparent);color:#161616} #app.sports-editorial-live .brand{color:#161616;text-shadow:none} #app.sports-editorial-live .collection-launch,#app.sports-editorial-live .user-login-btn,#app.sports-editorial-live #app.sports-editorial-live .collection-count{background:#161616;color:#f8f3eb;border-color:#f8f3eb} .card.sports-editorial{background:#f3eee5;color:#161616;padding-left:20px;padding-right:20px} .card.sports-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(249,246,240,.58),rgba(249,246,240,.16) 18%,transparent 32%),radial-gradient(circle at 88% 16%,rgba(245,239,229,.32),rgba(245,239,229,.08) 12%,transparent 22%),linear-gradient(180deg,rgba(246,241,234,0) 0%,rgba(246,241,234,.02) 19%,rgba(246,241,234,.05) 34%,rgba(240,234,225,.14) 47%,rgba(236,229,219,.40) 62%,rgba(234,227,218,.74) 79%,rgba(233,226,217,.94) 90%,#f3eee5 100%),var(--sports-bg);background-position:center center,center center,center center,var(--sports-pos,72% 12%);background-size:auto,auto,auto,var(--sports-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.96) contrast(1.01)} .card.sports-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(34,29,23,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.sports-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(246,241,234,0) 0 28%,rgba(246,241,234,.03) 40%,rgba(241,235,227,.12) 52%,rgba(237,231,222,.38) 67%,rgba(234,228,219,.82) 83%,rgba(233,226,217,.97) 93%,#f3eee5 100%);pointer-events:none} .card.sports-editorial .scene.scene-sports{display:none} .card.sports-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#161616} .card.sports-editorial .kicker{margin-bottom:8px;color:#436f93;font-size:10px;letter-spacing:.12em} .card.sports-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#436f93;box-shadow:none} .card.sports-editorial h1{max-width:13ch;margin-bottom:11px;color:#111;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.sports-editorial .copy{min-height:108px} .card.sports-editorial .hook{max-width:34ch;margin-bottom:8px;color:#202020;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.sports-editorial .detail{color:#55514a;font-size:13px;line-height:1.46} .card.sports-editorial .mode-flag{color:#436f93} .card.sports-editorial .difficulty-stars{color:#436f93;text-shadow:none} .card.sports-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.sports-editorial .action,.card.sports-editorial .take-btn,.card.sports-editorial .deep-btn,.card.sports-editorial .challenge-btn{background:rgba(250,247,241,.92);border-color:rgba(22,22,22,.14);color:#161616;box-shadow:0 9px 24px rgba(54,43,32,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.sports-editorial .action.active,.card.sports-editorial .take-btn.active,.card.sports-editorial .deep-btn.active{background:#161616;color:#f8f3eb;border-color:#161616} .card.sports-editorial.deep .bg,.card.sports-editorial.take .bg{filter:grayscale(.08) saturate(.84);opacity:.42} .card.sports-editorial.deep .shade,.card.sports-editorial.take .shade, .card.science-editorial.deep .shade,.card.science-editorial.take .shade{background:linear-gradient(to bottom,rgba(245,240,232,.74),rgba(243,238,229,.97) 46%,#f3eee5 100%)} .card.sports-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.sports-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.sports-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.sports-editorial .content{left:18px;right:70px}.card.sports-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.sports-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.sports-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.sports-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.sports-editorial .copy{min-height:92px}.card.sports-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .sports-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#ede6db}.collection-card .mini-scene .sports-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .sports-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(250,247,241,.92);border:1px solid rgba(22,22,22,.12);color:#436f93;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .sports-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(67,111,147,.52),rgba(67,111,147,0));display:block} #app.science-editorial-live{background:#f2f0ea;color:#1b2732} #app.science-editorial-live .topbar{background:linear-gradient(to bottom,rgba(244,242,236,.98),rgba(244,242,236,.84) 58%,transparent);color:#1b2732} #app.science-editorial-live .brand{color:#1b2732;text-shadow:none} #app.science-editorial-live .collection-launch,#app.science-editorial-live .user-login-btn,#app.science-editorial-live #app.science-editorial-live .collection-count{background:#1b2732;color:#f7f5ef;border-color:#f7f5ef} .card.science-editorial{background:#f2f0ea;color:#15202a;padding-left:20px;padding-right:20px} .card.science-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(250,249,245,.62),rgba(250,249,245,.18) 18%,transparent 32%),radial-gradient(circle at 88% 16%,rgba(243,246,249,.32),rgba(243,246,249,.08) 12%,transparent 22%),linear-gradient(180deg,rgba(245,243,237,0) 0%,rgba(245,243,237,.02) 19%,rgba(245,243,237,.05) 34%,rgba(239,236,231,.14) 47%,rgba(234,232,227,.40) 62%,rgba(232,230,225,.74) 79%,rgba(232,229,224,.94) 90%,#f2f0ea 100%),var(--science-bg);background-position:center center,center center,center center,var(--science-pos,50% 8%);background-size:auto,auto,auto,var(--science-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.97) contrast(1.01)} .card.science-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(46,62,78,.09) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.science-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(245,243,237,0) 0 28%,rgba(245,243,237,.03) 40%,rgba(241,239,233,.12) 52%,rgba(237,235,230,.38) 67%,rgba(234,232,227,.82) 83%,rgba(232,229,224,.97) 93%,#f2f0ea 100%);pointer-events:none} .card.science-editorial .scene.scene-science{display:none} .card.science-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#15202a} .card.science-editorial .kicker{margin-bottom:8px;color:#4475a5;font-size:10px;letter-spacing:.12em} .card.science-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#4475a5;box-shadow:none} .card.science-editorial h1{max-width:13ch;margin-bottom:11px;color:#15202a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.science-editorial .copy{min-height:108px} .card.science-editorial .hook{max-width:34ch;margin-bottom:8px;color:#15202a;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.science-editorial .detail{color:#59636d;font-size:13px;line-height:1.46} .card.science-editorial .mode-flag{color:#4475a5} .card.science-editorial .difficulty-stars{color:#4475a5;text-shadow:none} .card.science-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.science-editorial .action,.card.science-editorial .take-btn,.card.science-editorial .deep-btn,.card.science-editorial .challenge-btn{background:rgba(249,248,244,.92);border-color:rgba(27,39,50,.14);color:#18222d;box-shadow:0 9px 24px rgba(47,61,78,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.science-editorial .action.active,.card.science-editorial .take-btn.active,.card.science-editorial .deep-btn.active{background:#1b2732;color:#f7f5ef;border-color:#1b2732} .card.science-editorial.deep .bg,.card.science-editorial.take .bg{filter:grayscale(.05) saturate(.88);opacity:.42} .card.science-editorial.deep .shade,.card.science-editorial.take .shade{background:linear-gradient(to bottom,rgba(244,242,236,.74),rgba(242,240,234,.97) 46%,#f2f0ea 100%)} .card.science-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.science-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.science-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.science-editorial .content{left:18px;right:70px}.card.science-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.science-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.science-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.science-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.science-editorial .copy{min-height:92px}.card.science-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .science-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eceae5}.collection-card .mini-scene .science-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .science-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(249,248,244,.92);border:1px solid rgba(27,39,50,.12);color:#4475a5;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .science-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(68,117,165,.52),rgba(68,117,165,0));display:block} /* v13.118 — preserve the classic KIVOO hierarchy in Deep Dive / Take. The title stays visible, mode copy remains directly beneath it, and the editorial art is retained. */ .card.porsche-editorial.deep .content,.card.porsche-editorial.take .content, .card.cartier-editorial.deep .content,.card.cartier-editorial.take .content, .card.royal-editorial.deep .content,.card.royal-editorial.take .content, .card.space-editorial.deep .content,.card.space-editorial.take .content, .card.economy-editorial.deep .content,.card.economy-editorial.take .content, .card.literature-editorial.deep .content,.card.literature-editorial.take .content, .card.sports-editorial.deep .content,.card.sports-editorial.take .content, .card.science-editorial.deep .content,.card.science-editorial.take .content{ top:auto!important; bottom:calc(98px + env(safe-area-inset-bottom))!important; left:20px!important; right:77px!important; width:auto!important; max-width:none!important; padding-right:0!important; overflow:visible!important; } .card.porsche-editorial.deep h1,.card.porsche-editorial.take h1, .card.cartier-editorial.deep h1,.card.cartier-editorial.take h1, .card.royal-editorial.deep h1,.card.royal-editorial.take h1, .card.space-editorial.deep h1,.card.space-editorial.take h1, .card.economy-editorial.deep h1,.card.economy-editorial.take h1, .card.literature-editorial.deep h1,.card.literature-editorial.take h1, .card.sports-editorial.deep h1,.card.sports-editorial.take h1, .card.science-editorial.deep h1,.card.science-editorial.take h1{ display:block!important; visibility:visible!important; opacity:1!important; } .card.porsche-editorial.deep .mode-flag,.card.porsche-editorial.take .mode-flag, .card.cartier-editorial.deep .mode-flag,.card.cartier-editorial.take .mode-flag, .card.royal-editorial.deep .mode-flag,.card.royal-editorial.take .mode-flag, .card.space-editorial.deep .mode-flag,.card.space-editorial.take .mode-flag, .card.economy-editorial.deep .mode-flag,.card.economy-editorial.take .mode-flag, .card.literature-editorial.deep .mode-flag,.card.literature-editorial.take .mode-flag, .card.sports-editorial.deep .mode-flag,.card.sports-editorial.take .mode-flag, .card.science-editorial.deep .mode-flag,.card.science-editorial.take .mode-flag{margin-top:0} /* Keep the approved background visible instead of washing it away when modes open. */ .card.porsche-editorial.deep .bg,.card.porsche-editorial.take .bg{opacity:.82;filter:grayscale(.04) saturate(.94)} .card.cartier-editorial.deep .bg,.card.cartier-editorial.take .bg{opacity:.78;filter:grayscale(.03) saturate(.94)} .card.royal-editorial.deep .bg,.card.royal-editorial.take .bg{opacity:.78;filter:grayscale(.03) saturate(.94)} .card.space-editorial.deep .bg,.card.space-editorial.take .bg{opacity:.80;filter:grayscale(.02) saturate(.94)} .card.economy-editorial.deep .bg,.card.economy-editorial.take .bg{opacity:.80;filter:grayscale(.02) saturate(.94)} .card.literature-editorial.deep .bg,.card.literature-editorial.take .bg{opacity:.72;filter:grayscale(.03) saturate(.90)} .card.sports-editorial.deep .bg,.card.sports-editorial.take .bg{opacity:.80;filter:grayscale(.02) saturate(.94)} .card.porsche-editorial.deep .shade,.card.porsche-editorial.take .shade{background:linear-gradient(to bottom,rgba(247,243,236,.06) 0 32%,rgba(247,243,236,.16) 46%,rgba(243,238,229,.55) 66%,rgba(243,238,229,.90) 82%,#f3eee5 100%)} .card.cartier-editorial.deep .shade,.card.cartier-editorial.take .shade{background:linear-gradient(to bottom,rgba(248,243,236,.06) 0 32%,rgba(248,243,236,.16) 46%,rgba(244,238,229,.55) 66%,rgba(244,238,229,.90) 82%,#f4eee5 100%)} .card.royal-editorial.deep .shade,.card.royal-editorial.take .shade{background:linear-gradient(to bottom,rgba(248,243,236,.06) 0 32%,rgba(248,243,236,.16) 46%,rgba(244,238,229,.55) 66%,rgba(244,238,229,.90) 82%,#f4eee3 100%)} .card.space-editorial.deep .shade,.card.space-editorial.take .shade{background:linear-gradient(to bottom,rgba(241,247,251,.05) 0 32%,rgba(236,243,249,.15) 46%,rgba(227,237,246,.55) 66%,rgba(221,233,243,.90) 82%,#dbe8f3 100%)} .card.economy-editorial.deep .shade,.card.economy-editorial.take .shade{background:linear-gradient(to bottom,rgba(241,247,238,.05) 0 32%,rgba(236,243,233,.15) 46%,rgba(229,238,226,.55) 66%,rgba(224,236,222,.90) 82%,#e6f0e2 100%)} .card.literature-editorial.deep .shade,.card.literature-editorial.take .shade{background:linear-gradient(to bottom,rgba(15,12,12,.06) 0 32%,rgba(15,12,12,.15) 46%,rgba(15,12,12,.56) 66%,rgba(15,12,12,.90) 82%,#0f0c0c 100%)} .card.sports-editorial.deep .shade,.card.sports-editorial.take .shade, .card.science-editorial.deep .shade,.card.science-editorial.take .shade{background:linear-gradient(to bottom,rgba(246,241,234,.05) 0 32%,rgba(241,235,227,.15) 46%,rgba(237,231,222,.55) 66%,rgba(234,228,219,.90) 82%,#f3eee5 100%)} @media(max-width:390px){ .card.porsche-editorial.deep .content,.card.porsche-editorial.take .content, .card.cartier-editorial.deep .content,.card.cartier-editorial.take .content, .card.royal-editorial.deep .content,.card.royal-editorial.take .content, .card.space-editorial.deep .content,.card.space-editorial.take .content, .card.economy-editorial.deep .content,.card.economy-editorial.take .content, .card.literature-editorial.deep .content,.card.literature-editorial.take .content, .card.sports-editorial.deep .content,.card.sports-editorial.take .content, .card.science-editorial.deep .content,.card.science-editorial.take .content{left:18px!important;right:70px!important} } .card.science-editorial.deep .bg,.card.science-editorial.take .bg{opacity:.80;filter:grayscale(.02) saturate(.94)} .card.science-editorial.deep .shade,.card.science-editorial.take .shade{background:linear-gradient(to bottom,rgba(245,243,237,.05) 0 32%,rgba(241,239,233,.15) 46%,rgba(237,235,230,.55) 66%,rgba(234,232,227,.90) 82%,#f2f0ea 100%)} #app.politics-editorial-live{background:#f4efe6;color:#171717} #app.politics-editorial-live .topbar{background:linear-gradient(to bottom,rgba(247,243,236,.98),rgba(247,243,236,.84) 58%,transparent);color:#171717} #app.politics-editorial-live .brand{color:#171717;text-shadow:none} #app.politics-editorial-live .collection-launch,#app.politics-editorial-live .user-login-btn,#app.politics-editorial-live #app.politics-editorial-live .collection-count{background:#26384d;color:#f8f4ec;border-color:#f8f4ec} .card.politics-editorial{background:#f4efe6;color:#171717;padding-left:20px;padding-right:20px} .card.politics-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(251,248,242,.62),rgba(251,248,242,.18) 18%,transparent 32%),radial-gradient(circle at 87% 15%,rgba(231,238,244,.26),rgba(231,238,244,.06) 12%,transparent 22%),linear-gradient(180deg,rgba(247,243,236,0) 0%,rgba(247,243,236,.02) 19%,rgba(247,243,236,.05) 34%,rgba(242,238,230,.14) 47%,rgba(238,233,224,.40) 62%,rgba(236,231,222,.74) 79%,rgba(235,230,221,.94) 90%,#f4efe6 100%),var(--politics-bg);background-position:center center,center center,center center,var(--politics-pos,54% 7%);background-size:auto,auto,auto,var(--politics-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.96) contrast(1.01)} .card.politics-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.07;background-image:radial-gradient(rgba(40,47,55,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.politics-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(247,243,236,0) 0 28%,rgba(247,243,236,.03) 40%,rgba(242,238,230,.12) 52%,rgba(238,233,224,.38) 67%,rgba(236,231,222,.82) 83%,rgba(235,230,221,.97) 93%,#f4efe6 100%);pointer-events:none} .card.politics-editorial .scene.scene-politics{display:none} .card.politics-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#171717} .card.politics-editorial .kicker{margin-bottom:8px;color:#536f8f;font-size:10px;letter-spacing:.12em} .card.politics-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#536f8f;box-shadow:none} .card.politics-editorial h1{max-width:13ch;margin-bottom:11px;color:#171717;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.politics-editorial .copy{min-height:108px} .card.politics-editorial .hook{max-width:34ch;margin-bottom:8px;color:#222;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.politics-editorial .detail{color:#5c5953;font-size:13px;line-height:1.46} .card.politics-editorial .mode-flag{color:#536f8f} .card.politics-editorial .difficulty-stars{color:#536f8f;text-shadow:none} .card.politics-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.politics-editorial .action,.card.politics-editorial .take-btn,.card.politics-editorial .deep-btn,.card.politics-editorial .challenge-btn{background:rgba(251,248,242,.92);border-color:rgba(31,31,31,.14);color:#171717;box-shadow:0 9px 24px rgba(65,55,42,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.politics-editorial .action.active,.card.politics-editorial .take-btn.active,.card.politics-editorial .deep-btn.active{background:#26384d;color:#f8f4ec;border-color:#26384d} .card.politics-editorial.deep .bg,.card.politics-editorial.take .bg{opacity:.80;filter:grayscale(.02) saturate(.94)} .card.politics-editorial.deep .shade,.card.politics-editorial.take .shade{background:linear-gradient(to bottom,rgba(247,243,236,.05) 0 32%,rgba(242,238,230,.15) 46%,rgba(238,233,224,.55) 66%,rgba(236,231,222,.90) 82%,#f4efe6 100%)} .card.politics-editorial.deep .content,.card.politics-editorial.take .content{top:auto!important;bottom:calc(98px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:visible!important} .card.politics-editorial.deep h1,.card.politics-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important} .card.politics-editorial.deep .mode-flag,.card.politics-editorial.take .mode-flag{margin-top:0} @media(max-width:390px){.card.politics-editorial .content,.card.politics-editorial.deep .content,.card.politics-editorial.take .content{left:18px!important;right:70px!important}.card.politics-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.politics-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.politics-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.politics-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.politics-editorial .copy{min-height:92px}.card.politics-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .politics-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee8df}.collection-card .mini-scene .politics-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .politics-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(251,248,242,.92);border:1px solid rgba(31,31,31,.12);color:#536f8f;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .politics-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(83,111,143,.52),rgba(83,111,143,0));display:block} /* v13.121 — History & Civilisation editorial pack */ #app.history-editorial-live{background:#f1eee8;color:#181818} #app.history-editorial-live .topbar{background:linear-gradient(to bottom,rgba(246,243,237,.98),rgba(246,243,237,.84) 58%,transparent);color:#181818} #app.history-editorial-live .brand{color:#181818;text-shadow:none} #app.history-editorial-live .collection-launch,#app.history-editorial-live .user-login-btn,#app.history-editorial-live #app.history-editorial-live .collection-count{background:#3f5261;color:#f8f5ef;border-color:#f8f5ef} .card.history-editorial{background:#f1eee8;color:#181818;padding-left:20px;padding-right:20px} .card.history-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(251,249,244,.64),rgba(251,249,244,.18) 18%,transparent 32%),radial-gradient(circle at 88% 15%,rgba(220,230,235,.28),rgba(220,230,235,.06) 13%,transparent 24%),linear-gradient(180deg,rgba(246,243,237,0) 0%,rgba(246,243,237,.02) 19%,rgba(246,243,237,.05) 34%,rgba(241,238,232,.14) 47%,rgba(237,234,228,.40) 62%,rgba(235,232,226,.74) 79%,rgba(234,231,225,.94) 90%,#f1eee8 100%),var(--history-bg);background-position:center center,center center,center center,var(--history-pos,50% 7%);background-size:auto,auto,auto,var(--history-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.94) contrast(1.01)} .card.history-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(48,53,57,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.history-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(246,243,237,0) 0 28%,rgba(246,243,237,.03) 40%,rgba(242,239,233,.12) 52%,rgba(238,235,229,.38) 67%,rgba(235,232,226,.82) 83%,rgba(234,231,225,.97) 93%,#f1eee8 100%);pointer-events:none} .card.history-editorial .scene.scene-history{display:none} .card.history-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#181818} .card.history-editorial .kicker{margin-bottom:8px;color:#526e7f;font-size:10px;letter-spacing:.12em} .card.history-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#9b6b58;box-shadow:none} .card.history-editorial h1{max-width:13ch;margin-bottom:11px;color:#181818;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.history-editorial .copy{min-height:108px} .card.history-editorial .hook{max-width:34ch;margin-bottom:8px;color:#232323;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.history-editorial .detail{color:#5e5a55;font-size:13px;line-height:1.46} .card.history-editorial .mode-flag{color:#6f806f} .card.history-editorial .difficulty-stars{color:#526e7f;text-shadow:none} .card.history-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.history-editorial .action,.card.history-editorial .take-btn,.card.history-editorial .deep-btn,.card.history-editorial .challenge-btn{background:rgba(250,248,243,.92);border-color:rgba(30,31,32,.14);color:#181818;box-shadow:0 9px 24px rgba(61,58,54,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.history-editorial .action.active,.card.history-editorial .take-btn.active,.card.history-editorial .deep-btn.active{background:#3f5261;color:#f8f5ef;border-color:#3f5261} .card.history-editorial.deep .bg,.card.history-editorial.take .bg{opacity:.80;filter:grayscale(.02) saturate(.93)} .card.history-editorial.deep .shade,.card.history-editorial.take .shade{background:linear-gradient(to bottom,rgba(246,243,237,.05) 0 32%,rgba(242,239,233,.15) 46%,rgba(238,235,229,.55) 66%,rgba(235,232,226,.90) 82%,#f1eee8 100%)} /* Explicit Deep Dive / Take hierarchy safeguard: title stays visible and copy stays below it. */ .card.history-editorial.deep .content,.card.history-editorial.take .content{top:auto!important;bottom:calc(98px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:visible!important} .card.history-editorial.deep h1,.card.history-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important} .card.history-editorial.deep .mode-flag,.card.history-editorial.take .mode-flag{margin-top:0} @media(max-width:390px){.card.history-editorial .content,.card.history-editorial.deep .content,.card.history-editorial.take .content{left:18px!important;right:70px!important}.card.history-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.history-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.history-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.history-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.history-editorial .copy{min-height:92px}.card.history-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .history-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eeeae3}.collection-card .mini-scene .history-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .history-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(250,248,243,.92);border:1px solid rgba(30,31,32,.12);color:#526e7f;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .history-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(82,110,127,.52),rgba(82,110,127,0));display:block} /* v13.122 — World, Nature & Environment editorial pack */ #app.world-nature-editorial-live{background:#eef2e8;color:#18251d} #app.world-nature-editorial-live .topbar{background:linear-gradient(to bottom,rgba(244,247,240,.98),rgba(244,247,240,.84) 58%,transparent);color:#18251d} #app.world-nature-editorial-live .brand{color:#18251d;text-shadow:none} #app.world-nature-editorial-live .collection-launch,#app.world-nature-editorial-live .user-login-btn,#app.world-nature-editorial-live #app.world-nature-editorial-live .collection-count{background:#315b45;color:#f7faf5;border-color:#f7faf5} .card.world-nature-editorial{background:#eef2e8;color:#18251d;padding-left:20px;padding-right:20px} .card.world-nature-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(250,249,244,.62),rgba(250,249,244,.18) 18%,transparent 32%),radial-gradient(circle at 90% 16%,rgba(214,230,217,.28),rgba(214,230,217,.06) 13%,transparent 24%),linear-gradient(180deg,rgba(245,246,240,0) 0%,rgba(245,246,240,.02) 19%,rgba(245,246,240,.05) 34%,rgba(239,242,235,.14) 47%,rgba(232,238,229,.40) 62%,rgba(228,235,225,.74) 79%,rgba(226,233,223,.94) 90%,#eef2e8 100%),var(--world-nature-bg);background-position:center center,center center,center center,var(--world-nature-pos,58% 7%);background-size:auto,auto,auto,var(--world-nature-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.98) contrast(1.01)} .card.world-nature-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(39,66,48,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.world-nature-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(245,246,240,0) 0 28%,rgba(245,246,240,.03) 40%,rgba(239,242,235,.12) 52%,rgba(232,238,229,.38) 67%,rgba(228,235,225,.82) 83%,rgba(226,233,223,.97) 93%,#eef2e8 100%);pointer-events:none} .card.world-nature-editorial .scene.scene-world-nature{display:none} .card.world-nature-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#18251d} .card.world-nature-editorial .kicker{margin-bottom:8px;color:#4f7d61;font-size:10px;letter-spacing:.12em} .card.world-nature-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#6e9b79;box-shadow:none} .card.world-nature-editorial h1{max-width:13ch;margin-bottom:11px;color:#18251d;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.world-nature-editorial .copy{min-height:108px} .card.world-nature-editorial .hook{max-width:34ch;margin-bottom:8px;color:#223127;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.world-nature-editorial .detail{color:#59665b;font-size:13px;line-height:1.46} .card.world-nature-editorial .mode-flag{color:#4f7d61} .card.world-nature-editorial .difficulty-stars{color:#4f7d61;text-shadow:none} .card.world-nature-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.world-nature-editorial .action,.card.world-nature-editorial .take-btn,.card.world-nature-editorial .deep-btn,.card.world-nature-editorial .challenge-btn{background:rgba(249,250,246,.92);border-color:rgba(31,50,38,.14);color:#18251d;box-shadow:0 9px 24px rgba(48,75,56,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.world-nature-editorial .action.active,.card.world-nature-editorial .take-btn.active,.card.world-nature-editorial .deep-btn.active{background:#315b45;color:#f7faf5;border-color:#315b45} .card.world-nature-editorial.deep .bg,.card.world-nature-editorial.take .bg{opacity:.82;filter:grayscale(.01) saturate(.96)} .card.world-nature-editorial.deep .shade,.card.world-nature-editorial.take .shade{background:linear-gradient(to bottom,rgba(245,246,240,.05) 0 32%,rgba(239,242,235,.15) 46%,rgba(232,238,229,.55) 66%,rgba(228,235,225,.90) 82%,#eef2e8 100%)} @media(max-width:390px){.card.world-nature-editorial .content{left:18px;right:70px}.card.world-nature-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.world-nature-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.world-nature-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.world-nature-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.world-nature-editorial .copy{min-height:92px}.card.world-nature-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .world-nature-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#e8eee4}.collection-card .mini-scene .world-nature-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .world-nature-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(249,250,246,.92);border:1px solid rgba(31,50,38,.12);color:#4f7d61;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .world-nature-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(79,125,97,.52),rgba(79,125,97,0));display:block} /* v13.122 hard Deep Dive / Take layout repair. Cause: bottom-anchored editorial content grew upward when mode copy became longer, pushing the title above the visible card. We now freeze the base title position, reserve a bounded reading region beneath it, and scroll only the copy when required. */ .card.porsche-editorial.deep .content,.card.porsche-editorial.take .content, .card.cartier-editorial.deep .content,.card.cartier-editorial.take .content, .card.royal-editorial.deep .content,.card.royal-editorial.take .content, .card.space-editorial.deep .content,.card.space-editorial.take .content, .card.economy-editorial.deep .content,.card.economy-editorial.take .content, .card.literature-editorial.deep .content,.card.literature-editorial.take .content, .card.sports-editorial.deep .content,.card.sports-editorial.take .content, .card.science-editorial.deep .content,.card.science-editorial.take .content, .card.politics-editorial.deep .content,.card.politics-editorial.take .content, .card.history-editorial.deep .content,.card.history-editorial.take .content, .card.world-nature-editorial.deep .content,.card.world-nature-editorial.take .content{ top:var(--kivoo-mode-top,42%)!important; bottom:calc(82px + env(safe-area-inset-bottom))!important; left:20px!important; right:77px!important; width:auto!important; max-width:none!important; padding-right:0!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; min-height:0!important; } .card.porsche-editorial.deep h1,.card.porsche-editorial.take h1, .card.cartier-editorial.deep h1,.card.cartier-editorial.take h1, .card.royal-editorial.deep h1,.card.royal-editorial.take h1, .card.space-editorial.deep h1,.card.space-editorial.take h1, .card.economy-editorial.deep h1,.card.economy-editorial.take h1, .card.literature-editorial.deep h1,.card.literature-editorial.take h1, .card.sports-editorial.deep h1,.card.sports-editorial.take h1, .card.science-editorial.deep h1,.card.science-editorial.take h1, .card.politics-editorial.deep h1,.card.politics-editorial.take h1, .card.history-editorial.deep h1,.card.history-editorial.take h1, .card.world-nature-editorial.deep h1,.card.world-nature-editorial.take h1{ display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important; } .card.porsche-editorial.deep .kicker,.card.porsche-editorial.take .kicker, .card.cartier-editorial.deep .kicker,.card.cartier-editorial.take .kicker, .card.royal-editorial.deep .kicker,.card.royal-editorial.take .kicker, .card.space-editorial.deep .kicker,.card.space-editorial.take .kicker, .card.economy-editorial.deep .kicker,.card.economy-editorial.take .kicker, .card.literature-editorial.deep .kicker,.card.literature-editorial.take .kicker, .card.sports-editorial.deep .kicker,.card.sports-editorial.take .kicker, .card.science-editorial.deep .kicker,.card.science-editorial.take .kicker, .card.politics-editorial.deep .kicker,.card.politics-editorial.take .kicker, .card.history-editorial.deep .kicker,.card.history-editorial.take .kicker, .card.world-nature-editorial.deep .kicker,.card.world-nature-editorial.take .kicker, .card.porsche-editorial.deep .mode-flag,.card.porsche-editorial.take .mode-flag, .card.cartier-editorial.deep .mode-flag,.card.cartier-editorial.take .mode-flag, .card.royal-editorial.deep .mode-flag,.card.royal-editorial.take .mode-flag, .card.space-editorial.deep .mode-flag,.card.space-editorial.take .mode-flag, .card.economy-editorial.deep .mode-flag,.card.economy-editorial.take .mode-flag, .card.literature-editorial.deep .mode-flag,.card.literature-editorial.take .mode-flag, .card.sports-editorial.deep .mode-flag,.card.sports-editorial.take .mode-flag, .card.science-editorial.deep .mode-flag,.card.science-editorial.take .mode-flag, .card.politics-editorial.deep .mode-flag,.card.politics-editorial.take .mode-flag, .card.history-editorial.deep .mode-flag,.card.history-editorial.take .mode-flag, .card.world-nature-editorial.deep .mode-flag,.card.world-nature-editorial.take .mode-flag{flex:0 0 auto!important} .card.porsche-editorial.deep .copy,.card.porsche-editorial.take .copy, .card.cartier-editorial.deep .copy,.card.cartier-editorial.take .copy, .card.royal-editorial.deep .copy,.card.royal-editorial.take .copy, .card.space-editorial.deep .copy,.card.space-editorial.take .copy, .card.economy-editorial.deep .copy,.card.economy-editorial.take .copy, .card.literature-editorial.deep .copy,.card.literature-editorial.take .copy, .card.sports-editorial.deep .copy,.card.sports-editorial.take .copy, .card.science-editorial.deep .copy,.card.science-editorial.take .copy, .card.politics-editorial.deep .copy,.card.politics-editorial.take .copy, .card.history-editorial.deep .copy,.card.history-editorial.take .copy, .card.world-nature-editorial.deep .copy,.card.world-nature-editorial.take .copy{ flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important; -webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px; } .card.take .take-discussion-actions{flex:0 0 auto!important} @media(max-width:390px){ .card.porsche-editorial.deep .content,.card.porsche-editorial.take .content, .card.cartier-editorial.deep .content,.card.cartier-editorial.take .content, .card.royal-editorial.deep .content,.card.royal-editorial.take .content, .card.space-editorial.deep .content,.card.space-editorial.take .content, .card.economy-editorial.deep .content,.card.economy-editorial.take .content, .card.literature-editorial.deep .content,.card.literature-editorial.take .content, .card.sports-editorial.deep .content,.card.sports-editorial.take .content, .card.science-editorial.deep .content,.card.science-editorial.take .content, .card.politics-editorial.deep .content,.card.politics-editorial.take .content, .card.history-editorial.deep .content,.card.history-editorial.take .content, .card.world-nature-editorial.deep .content,.card.world-nature-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important} } #app.psychology-editorial-live{background:#edf2f7;color:#172330} #app.psychology-editorial-live .topbar{background:linear-gradient(to bottom,rgba(239,244,249,.98),rgba(239,244,249,.84) 58%,transparent);color:#172330} #app.psychology-editorial-live .brand{color:#172330;text-shadow:none} #app.psychology-editorial-live .collection-launch,#app.psychology-editorial-live .user-login-btn,#app.psychology-editorial-live #app.psychology-editorial-live .collection-count{background:#172330;color:#f7faff;border-color:#f7faff} .card.psychology-editorial{background:#edf2f7;color:#172330;padding-left:20px;padding-right:20px} .card.psychology-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(249,252,255,.64),rgba(249,252,255,.18) 18%,transparent 32%),radial-gradient(circle at 88% 16%,rgba(235,242,249,.38),rgba(235,242,249,.10) 12%,transparent 22%),linear-gradient(180deg,rgba(241,246,251,0) 0%,rgba(241,246,251,.02) 19%,rgba(241,246,251,.05) 34%,rgba(234,240,246,.14) 47%,rgba(230,236,243,.40) 62%,rgba(227,234,242,.74) 79%,rgba(225,232,240,.94) 90%,#edf2f7 100%),var(--psychology-bg);background-position:center center,center center,center center,var(--psychology-pos,54% 8%);background-size:auto,auto,auto,var(--psychology-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.95) contrast(1.01)} .card.psychology-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(44,74,104,.09) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.psychology-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(241,246,251,0) 0 28%,rgba(241,246,251,.03) 40%,rgba(236,242,247,.12) 52%,rgba(231,237,244,.38) 67%,rgba(227,234,242,.82) 83%,rgba(225,232,240,.97) 93%,#edf2f7 100%);pointer-events:none} .card.psychology-editorial .scene.scene-psychology{display:none} .card.psychology-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#172330} .card.psychology-editorial .kicker{margin-bottom:8px;color:#4f78a7;font-size:10px;letter-spacing:.12em} .card.psychology-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#4f78a7;box-shadow:none} .card.psychology-editorial h1{max-width:13ch;margin-bottom:11px;color:#172330;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.psychology-editorial .copy{min-height:108px} .card.psychology-editorial .hook{max-width:34ch;margin-bottom:8px;color:#1f2d3c;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.psychology-editorial .detail{color:#5d6976;font-size:13px;line-height:1.46} .card.psychology-editorial .mode-flag{color:#4f78a7} .card.psychology-editorial .difficulty-stars{color:#4f78a7;text-shadow:none} .card.psychology-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.psychology-editorial .action,.card.psychology-editorial .take-btn,.card.psychology-editorial .deep-btn,.card.psychology-editorial .challenge-btn{background:rgba(247,250,253,.92);border-color:rgba(23,35,48,.14);color:#172330;box-shadow:0 9px 24px rgba(56,83,115,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.psychology-editorial .action.active,.card.psychology-editorial .take-btn.active,.card.psychology-editorial .deep-btn.active{background:#172330;color:#f7faff;border-color:#172330} .card.psychology-editorial.deep .bg,.card.psychology-editorial.take .bg{opacity:.82;filter:grayscale(.02) saturate(.92)} .card.psychology-editorial.deep .shade,.card.psychology-editorial.take .shade{background:linear-gradient(to bottom,rgba(241,246,251,.05) 0 32%,rgba(236,242,247,.15) 46%,rgba(231,237,244,.55) 66%,rgba(227,234,242,.90) 82%,#edf2f7 100%)} @media(max-width:390px){.card.psychology-editorial .content{left:18px;right:70px}.card.psychology-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.psychology-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.psychology-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.psychology-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.psychology-editorial .copy{min-height:92px}.card.psychology-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .psychology-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#e7eef6}.collection-card .mini-scene .psychology-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .psychology-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(247,250,253,.92);border:1px solid rgba(23,35,48,.12);color:#4f78a7;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .psychology-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(79,120,167,.52),rgba(79,120,167,0));display:block} .card.psychology-editorial.deep .content,.card.psychology-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.psychology-editorial.deep h1,.card.psychology-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.psychology-editorial.deep .kicker,.card.psychology-editorial.take .kicker,.card.psychology-editorial.deep .mode-flag,.card.psychology-editorial.take .mode-flag{flex:0 0 auto!important} .card.psychology-editorial.deep .copy,.card.psychology-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.psychology-editorial.deep .content,.card.psychology-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} #app.computing-ai-editorial-live{background:#edf4f6;color:#132630} #app.computing-ai-editorial-live .topbar{background:linear-gradient(to bottom,rgba(239,246,248,.98),rgba(239,246,248,.84) 58%,transparent);color:#132630} #app.computing-ai-editorial-live .brand{color:#132630;text-shadow:none} #app.computing-ai-editorial-live .collection-launch,#app.computing-ai-editorial-live .user-login-btn,#app.computing-ai-editorial-live #app.computing-ai-editorial-live .collection-count{background:#163b4a;color:#f6fbfc;border-color:#f6fbfc} .card.computing-ai-editorial{background:#edf4f6;color:#132630;padding-left:20px;padding-right:20px} .card.computing-ai-editorial .bg{inset:0;background-image:radial-gradient(circle at 12% 7%,rgba(249,253,253,.64),rgba(249,253,253,.18) 18%,transparent 32%),radial-gradient(circle at 88% 16%,rgba(225,242,242,.36),rgba(225,242,242,.08) 12%,transparent 22%),linear-gradient(180deg,rgba(239,247,248,0) 0%,rgba(239,247,248,.02) 19%,rgba(239,247,248,.05) 34%,rgba(233,242,244,.14) 47%,rgba(228,238,241,.40) 62%,rgba(225,235,239,.74) 79%,rgba(223,233,237,.94) 90%,#edf4f6 100%),var(--computing-ai-bg);background-position:center center,center center,center center,var(--computing-ai-pos,56% 8%);background-size:auto,auto,auto,var(--computing-ai-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(.98) contrast(1.01)} .card.computing-ai-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.06;background-image:radial-gradient(rgba(27,82,99,.09) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.computing-ai-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(239,247,248,0) 0 28%,rgba(239,247,248,.03) 40%,rgba(234,243,244,.12) 52%,rgba(229,239,241,.38) 67%,rgba(225,235,239,.82) 83%,rgba(223,233,237,.97) 93%,#edf4f6 100%);pointer-events:none} .card.computing-ai-editorial .scene.scene-computing-ai{display:none} .card.computing-ai-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#132630} .card.computing-ai-editorial .kicker{margin-bottom:8px;color:#2e7290;font-size:10px;letter-spacing:.12em} .card.computing-ai-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#3d8a83;box-shadow:none} .card.computing-ai-editorial h1{max-width:13ch;margin-bottom:11px;color:#132630;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.computing-ai-editorial .copy{min-height:108px} .card.computing-ai-editorial .hook{max-width:34ch;margin-bottom:8px;color:#1b313b;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.computing-ai-editorial .detail{color:#536973;font-size:13px;line-height:1.46} .card.computing-ai-editorial .mode-flag{color:#2e7290} .card.computing-ai-editorial .difficulty-stars{color:#2e7290;text-shadow:none} .card.computing-ai-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.computing-ai-editorial .action,.card.computing-ai-editorial .take-btn,.card.computing-ai-editorial .deep-btn,.card.computing-ai-editorial .challenge-btn{background:rgba(247,251,252,.92);border-color:rgba(19,38,48,.14);color:#132630;box-shadow:0 9px 24px rgba(42,83,103,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.computing-ai-editorial .action.active,.card.computing-ai-editorial .take-btn.active,.card.computing-ai-editorial .deep-btn.active{background:#163b4a;color:#f6fbfc;border-color:#163b4a} .card.computing-ai-editorial.deep .bg,.card.computing-ai-editorial.take .bg{opacity:.82;filter:grayscale(.01) saturate(.96)} .card.computing-ai-editorial.deep .shade,.card.computing-ai-editorial.take .shade{background:linear-gradient(to bottom,rgba(239,247,248,.05) 0 32%,rgba(234,243,244,.15) 46%,rgba(229,239,241,.55) 66%,rgba(225,235,239,.90) 82%,#edf4f6 100%)} @media(max-width:390px){.card.computing-ai-editorial .content{left:18px;right:70px}.card.computing-ai-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.computing-ai-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.computing-ai-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.computing-ai-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.computing-ai-editorial .copy{min-height:92px}.card.computing-ai-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .computing-ai-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#e6f0f2}.collection-card .mini-scene .computing-ai-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .computing-ai-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(247,251,252,.92);border:1px solid rgba(19,38,48,.12);color:#2e7290;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .computing-ai-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(46,114,144,.52),rgba(46,114,144,0));display:block} .card.computing-ai-editorial.deep .content,.card.computing-ai-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.computing-ai-editorial.deep h1,.card.computing-ai-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.computing-ai-editorial.deep .kicker,.card.computing-ai-editorial.take .kicker,.card.computing-ai-editorial.deep .mode-flag,.card.computing-ai-editorial.take .mode-flag{flex:0 0 auto!important} .card.computing-ai-editorial.deep .copy,.card.computing-ai-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.computing-ai-editorial.deep .content,.card.computing-ai-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} #app.philosophy-editorial-live{background:#f2ece1;color:#203046} #app.philosophy-editorial-live .topbar{background:linear-gradient(to bottom,rgba(245,239,229,.98),rgba(245,239,229,.84) 58%,transparent);color:#203046} #app.philosophy-editorial-live .brand{color:#203046;text-shadow:none} #app.philosophy-editorial-live .collection-launch,#app.philosophy-editorial-live .user-login-btn,#app.philosophy-editorial-live #app.philosophy-editorial-live .collection-count{background:#203046;color:#faf7f0;border-color:#faf7f0} .card.philosophy-editorial{background:#f2ece1;color:#203046;padding-left:20px;padding-right:20px} .card.philosophy-editorial .bg{inset:0;background-image:radial-gradient(circle at 16% 8%,rgba(255,250,241,.60),rgba(255,250,241,.16) 18%,transparent 32%),radial-gradient(circle at 86% 18%,rgba(139,163,177,.20),rgba(139,163,177,.04) 14%,transparent 24%),linear-gradient(180deg,rgba(242,236,225,0) 0%,rgba(242,236,225,.02) 18%,rgba(242,236,225,.05) 34%,rgba(239,232,221,.14) 47%,rgba(236,229,219,.42) 62%,rgba(233,226,217,.78) 79%,rgba(232,224,214,.95) 90%,#f2ece1 100%),var(--philosophy-bg);background-position:center center,center center,center center,var(--philosophy-pos,60% 7%);background-size:auto,auto,auto,var(--philosophy-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(1.01) contrast(1.01)} .card.philosophy-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.045;background-image:radial-gradient(rgba(48,64,82,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.philosophy-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(242,236,225,0) 0 28%,rgba(242,236,225,.03) 40%,rgba(238,231,221,.12) 52%,rgba(234,227,217,.40) 67%,rgba(231,224,215,.83) 83%,rgba(230,222,213,.97) 93%,#f2ece1 100%);pointer-events:none} .card.philosophy-editorial .scene.scene-philosophy{display:none} .card.philosophy-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#203046} .card.philosophy-editorial .kicker{margin-bottom:8px;color:#617d96;font-size:10px;letter-spacing:.12em} .card.philosophy-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#a46f5b;box-shadow:none} .card.philosophy-editorial h1{max-width:13ch;margin-bottom:11px;color:#203046;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.philosophy-editorial .copy{min-height:108px} .card.philosophy-editorial .hook{max-width:34ch;margin-bottom:8px;color:#243344;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.philosophy-editorial .detail{color:#5f6d79;font-size:13px;line-height:1.46} .card.philosophy-editorial .mode-flag{color:#617d96} .card.philosophy-editorial .difficulty-stars{color:#617d96;text-shadow:none} .card.philosophy-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.philosophy-editorial .action,.card.philosophy-editorial .take-btn,.card.philosophy-editorial .deep-btn,.card.philosophy-editorial .challenge-btn{background:rgba(251,248,242,.92);border-color:rgba(32,48,70,.13);color:#203046;box-shadow:0 9px 24px rgba(72,80,92,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.philosophy-editorial .action.active,.card.philosophy-editorial .take-btn.active,.card.philosophy-editorial .deep-btn.active{background:#203046;color:#faf7f0;border-color:#203046} .card.philosophy-editorial.deep .bg,.card.philosophy-editorial.take .bg{opacity:.82;filter:grayscale(.01) saturate(.97)} .card.philosophy-editorial.deep .shade,.card.philosophy-editorial.take .shade{background:linear-gradient(to bottom,rgba(242,236,225,.05) 0 32%,rgba(238,231,221,.16) 46%,rgba(234,227,217,.55) 66%,rgba(231,224,215,.91) 82%,#f2ece1 100%)} @media(max-width:390px){.card.philosophy-editorial .content{left:18px;right:70px}.card.philosophy-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.philosophy-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.philosophy-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.philosophy-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.philosophy-editorial .copy{min-height:92px}.card.philosophy-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .philosophy-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee6d7}.collection-card .mini-scene .philosophy-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .philosophy-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(251,248,242,.92);border:1px solid rgba(32,48,70,.12);color:#617d96;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .philosophy-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(97,125,150,.52),rgba(97,125,150,0));display:block} .card.philosophy-editorial.deep .content,.card.philosophy-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.philosophy-editorial.deep h1,.card.philosophy-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.philosophy-editorial.deep .kicker,.card.philosophy-editorial.take .kicker,.card.philosophy-editorial.deep .mode-flag,.card.philosophy-editorial.take .mode-flag{flex:0 0 auto!important} .card.philosophy-editorial.deep .copy,.card.philosophy-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.philosophy-editorial.deep .content,.card.philosophy-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} #app.fashion-editorial-live{background:#f7efe8;color:#4c2b2f} #app.fashion-editorial-live .topbar{background:linear-gradient(to bottom,rgba(249,242,235,.98),rgba(249,242,235,.84) 58%,transparent);color:#4c2b2f} #app.fashion-editorial-live .brand{color:#4c2b2f;text-shadow:none} #app.fashion-editorial-live .collection-launch,#app.fashion-editorial-live .user-login-btn,#app.fashion-editorial-live #app.fashion-editorial-live .collection-count{background:#d86c57;color:#fff7f3;border-color:#fff7f3} .card.fashion-editorial{background:#f7efe8;color:#4c2b2f;padding-left:20px;padding-right:20px} .card.fashion-editorial .bg{inset:0;background-image:radial-gradient(circle at 16% 8%,rgba(255,251,247,.62),rgba(255,251,247,.14) 18%,transparent 33%),radial-gradient(circle at 87% 18%,rgba(210,149,124,.22),rgba(210,149,124,.04) 14%,transparent 24%),linear-gradient(180deg,rgba(247,239,232,0) 0%,rgba(247,239,232,.02) 18%,rgba(247,239,232,.05) 34%,rgba(244,232,225,.16) 47%,rgba(241,228,221,.46) 63%,rgba(239,225,218,.80) 79%,rgba(238,223,216,.95) 90%,#f7efe8 100%),var(--fashion-bg);background-position:center center,center center,center center,var(--fashion-pos,66% 8%);background-size:auto,auto,auto,var(--fashion-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(1.04) contrast(1.01)} .card.fashion-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(rgba(105,67,60,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.fashion-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(247,239,232,0) 0 28%,rgba(247,239,232,.03) 40%,rgba(243,233,226,.14) 53%,rgba(240,229,223,.42) 68%,rgba(236,224,218,.84) 83%,rgba(235,223,217,.97) 93%,#f7efe8 100%);pointer-events:none} .card.fashion-editorial .scene.scene-fashion{display:none} .card.fashion-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#4c2b2f} .card.fashion-editorial .kicker{margin-bottom:8px;color:#b5644d;font-size:10px;letter-spacing:.12em} .card.fashion-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#d9a777;box-shadow:none} .card.fashion-editorial h1{max-width:13ch;margin-bottom:11px;color:#4c2b2f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.fashion-editorial .copy{min-height:108px} .card.fashion-editorial .hook{max-width:34ch;margin-bottom:8px;color:#56373b;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.fashion-editorial .detail{color:#7f655f;font-size:13px;line-height:1.46} .card.fashion-editorial .mode-flag{color:#b5644d} .card.fashion-editorial .difficulty-stars{color:#b5644d;text-shadow:none} .card.fashion-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.fashion-editorial .action,.card.fashion-editorial .take-btn,.card.fashion-editorial .deep-btn,.card.fashion-editorial .challenge-btn{background:rgba(255,250,246,.92);border-color:rgba(76,43,47,.13);color:#4c2b2f;box-shadow:0 9px 24px rgba(107,71,58,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.fashion-editorial .action.active,.card.fashion-editorial .take-btn.active,.card.fashion-editorial .deep-btn.active{background:#d86c57;color:#fff7f3;border-color:#d86c57} .card.fashion-editorial.deep .bg,.card.fashion-editorial.take .bg{opacity:.84;filter:saturate(.98)} .card.fashion-editorial.deep .shade,.card.fashion-editorial.take .shade{background:linear-gradient(to bottom,rgba(247,239,232,.05) 0 32%,rgba(243,233,226,.18) 46%,rgba(240,229,223,.57) 67%,rgba(236,224,218,.91) 82%,#f7efe8 100%)} @media(max-width:390px){.card.fashion-editorial .content{left:18px;right:70px}.card.fashion-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.fashion-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.fashion-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.fashion-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.fashion-editorial .copy{min-height:92px}.card.fashion-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .fashion-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#f4e8de}.collection-card .mini-scene .fashion-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .fashion-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,250,246,.92);border:1px solid rgba(76,43,47,.12);color:#b5644d;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .fashion-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(181,100,77,.52),rgba(181,100,77,0));display:block} .card.fashion-editorial.deep .content,.card.fashion-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.fashion-editorial.deep h1,.card.fashion-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.fashion-editorial.deep .kicker,.card.fashion-editorial.take .kicker,.card.fashion-editorial.deep .mode-flag,.card.fashion-editorial.take .mode-flag{flex:0 0 auto!important} .card.fashion-editorial.deep .copy,.card.fashion-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.fashion-editorial.deep .content,.card.fashion-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} #app.film-editorial-live{background:#f5efe7;color:#162d3c} #app.film-editorial-live .topbar{background:linear-gradient(to bottom,rgba(248,243,236,.98),rgba(248,243,236,.84) 58%,transparent);color:#162d3c} #app.film-editorial-live .brand{color:#162d3c;text-shadow:none} #app.film-editorial-live .collection-launch,#app.film-editorial-live .user-login-btn,#app.film-editorial-live #app.film-editorial-live .collection-count{background:#d84d38;color:#fff9f3;border-color:#fff9f3} .card.film-editorial{background:#f5efe7;color:#162d3c;padding-left:20px;padding-right:20px} .card.film-editorial .bg{inset:0;background-image:radial-gradient(circle at 14% 7%,rgba(255,252,247,.66),rgba(255,252,247,.17) 18%,transparent 33%),radial-gradient(circle at 89% 17%,rgba(34,132,145,.18),rgba(34,132,145,.04) 14%,transparent 24%),linear-gradient(180deg,rgba(245,239,231,0) 0%,rgba(245,239,231,.02) 18%,rgba(245,239,231,.05) 34%,rgba(241,235,226,.14) 47%,rgba(236,231,223,.42) 63%,rgba(232,228,221,.78) 79%,rgba(231,226,220,.95) 90%,#f5efe7 100%),var(--film-bg);background-position:center center,center center,center center,var(--film-pos,66% 7%);background-size:auto,auto,auto,var(--film-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(1.04) contrast(1.01)} .card.film-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.045;background-image:radial-gradient(rgba(25,62,79,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.film-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(245,239,231,0) 0 28%,rgba(245,239,231,.03) 40%,rgba(240,235,227,.13) 52%,rgba(236,231,223,.41) 67%,rgba(232,228,221,.83) 83%,rgba(231,226,220,.97) 93%,#f5efe7 100%);pointer-events:none} .card.film-editorial .scene.scene-film{display:none} .card.film-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#162d3c} .card.film-editorial .kicker{margin-bottom:8px;color:#167f91;font-size:10px;letter-spacing:.12em} .card.film-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#d84d38;box-shadow:none} .card.film-editorial h1{max-width:13ch;margin-bottom:11px;color:#162d3c;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.film-editorial .copy{min-height:108px} .card.film-editorial .hook{max-width:34ch;margin-bottom:8px;color:#203b4a;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.film-editorial .detail{color:#65737b;font-size:13px;line-height:1.46} .card.film-editorial .mode-flag{color:#167f91} .card.film-editorial .difficulty-stars{color:#d84d38;text-shadow:none} .card.film-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.film-editorial .action,.card.film-editorial .take-btn,.card.film-editorial .deep-btn,.card.film-editorial .challenge-btn{background:rgba(251,248,243,.93);border-color:rgba(22,45,60,.14);color:#162d3c;box-shadow:0 9px 24px rgba(31,70,91,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.film-editorial .action.active,.card.film-editorial .take-btn.active,.card.film-editorial .deep-btn.active{background:#d84d38;color:#fff9f3;border-color:#d84d38} .card.film-editorial.deep .bg,.card.film-editorial.take .bg{opacity:.84;filter:saturate(.99)} .card.film-editorial.deep .shade,.card.film-editorial.take .shade{background:linear-gradient(to bottom,rgba(245,239,231,.05) 0 32%,rgba(240,235,227,.18) 46%,rgba(236,231,223,.57) 67%,rgba(232,228,221,.91) 82%,#f5efe7 100%)} @media(max-width:390px){.card.film-editorial .content{left:18px;right:70px}.card.film-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.film-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.film-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.film-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.film-editorial .copy{min-height:92px}.card.film-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .film-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#efe6dc}.collection-card .mini-scene .film-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .film-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(251,248,243,.92);border:1px solid rgba(22,45,60,.12);color:#167f91;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .film-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(216,77,56,.52),rgba(216,77,56,0));display:block} .collection-card .mini-scene .tv-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#ede6e1}.collection-card .mini-scene .tv-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .tv-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(252,248,244,.92);border:1px solid rgba(48,40,53,.12);color:#7a4f71;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .tv-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(122,79,113,.52),rgba(122,79,113,0));display:block} .card.film-editorial.deep .content,.card.film-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.film-editorial.deep h1,.card.film-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.film-editorial.deep .kicker,.card.film-editorial.take .kicker,.card.film-editorial.deep .mode-flag,.card.film-editorial.take .mode-flag{flex:0 0 auto!important} .card.film-editorial.deep .copy,.card.film-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.film-editorial.deep .content,.card.film-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} #app.food-editorial-live{background:#f7eee6;color:#4b3129} #app.food-editorial-live .topbar{background:linear-gradient(to bottom,rgba(250,243,236,.98),rgba(250,243,236,.84) 58%,transparent);color:#4b3129} #app.food-editorial-live .brand{color:#4b3129;text-shadow:none} #app.food-editorial-live .collection-launch,#app.food-editorial-live .user-login-btn,#app.food-editorial-live #app.food-editorial-live .collection-count{background:#d2694f;color:#fff7f2;border-color:#fff7f2} .card.food-editorial{background:#f7eee6;color:#4b3129;padding-left:20px;padding-right:20px} .card.food-editorial .bg{inset:0;background-image:radial-gradient(circle at 16% 8%,rgba(255,251,247,.64),rgba(255,251,247,.14) 18%,transparent 33%),radial-gradient(circle at 87% 18%,rgba(192,140,94,.22),rgba(192,140,94,.04) 14%,transparent 24%),linear-gradient(180deg,rgba(247,238,230,0) 0%,rgba(247,238,230,.02) 18%,rgba(247,238,230,.05) 34%,rgba(244,232,223,.16) 47%,rgba(241,228,218,.46) 63%,rgba(239,225,215,.80) 79%,rgba(238,223,213,.95) 90%,#f7eee6 100%),var(--food-bg);background-position:center center,center center,center center,var(--food-pos,64% 9%);background-size:auto,auto,auto,var(--food-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(1.03) contrast(1.01)} .card.food-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(rgba(104,69,54,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.food-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(247,238,230,0) 0 28%,rgba(247,238,230,.03) 40%,rgba(243,232,224,.14) 53%,rgba(240,228,220,.42) 68%,rgba(236,224,216,.84) 83%,rgba(235,223,215,.97) 93%,#f7eee6 100%);pointer-events:none} .card.food-editorial .scene.scene-food{display:none} .card.food-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#4b3129} .card.food-editorial .kicker{margin-bottom:8px;color:#bf6a48;font-size:10px;letter-spacing:.12em} .card.food-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#7b9461;box-shadow:none} .card.food-editorial h1{max-width:13ch;margin-bottom:11px;color:#4b3129;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.food-editorial .copy{min-height:108px} .card.food-editorial .hook{max-width:34ch;margin-bottom:8px;color:#5a3b31;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.food-editorial .detail{color:#7b655c;font-size:13px;line-height:1.46} .card.food-editorial .mode-flag{color:#bf6a48} .card.food-editorial .difficulty-stars{color:#bf6a48;text-shadow:none} .card.food-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.food-editorial .action,.card.food-editorial .take-btn,.card.food-editorial .deep-btn,.card.food-editorial .challenge-btn{background:rgba(255,250,246,.92);border-color:rgba(75,49,41,.13);color:#4b3129;box-shadow:0 9px 24px rgba(112,76,56,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.food-editorial .action.active,.card.food-editorial .take-btn.active,.card.food-editorial .deep-btn.active{background:#d2694f;color:#fff7f2;border-color:#d2694f} .card.food-editorial.deep .bg,.card.food-editorial.take .bg{opacity:.84;filter:saturate(.98)} .card.food-editorial.deep .shade,.card.food-editorial.take .shade{background:linear-gradient(to bottom,rgba(247,238,230,.05) 0 32%,rgba(243,232,224,.18) 46%,rgba(240,228,220,.57) 67%,rgba(236,224,216,.91) 82%,#f7eee6 100%)} @media(max-width:390px){.card.food-editorial .content{left:18px;right:70px}.card.food-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.food-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.food-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.food-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.food-editorial .copy{min-height:92px}.card.food-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .food-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#f4e8de}.collection-card .mini-scene .food-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .food-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,250,246,.92);border:1px solid rgba(75,49,41,.12);color:#bf6a48;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .food-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(191,106,72,.52),rgba(191,106,72,0));display:block} .card.food-editorial.deep .content,.card.food-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.food-editorial.deep h1,.card.food-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.food-editorial.deep .kicker,.card.food-editorial.take .kicker,.card.food-editorial.deep .mode-flag,.card.food-editorial.take .mode-flag{flex:0 0 auto!important} .card.food-editorial.deep .copy,.card.food-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.food-editorial.deep .content,.card.food-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} /* v13.129 — Points editorial redesign: Science × Film × Fashion */ .points-shell{color:#1d252c} .points-backdrop{background:rgba(25,25,28,.42);-webkit-backdrop-filter:blur(18px) saturate(.88);backdrop-filter:blur(18px) saturate(.88)} .points-panel{background:radial-gradient(circle at 94% 8%,rgba(86,127,153,.10),transparent 24%),radial-gradient(circle at 10% 88%,rgba(218,101,74,.08),transparent 24%),linear-gradient(180deg,#f7f2e9 0%,#f1ece4 54%,#eee9e1 100%);color:#1d252c;box-shadow:0 38px 110px rgba(29,30,34,.30)} .points-panel:before{background:linear-gradient(112deg,transparent 0 40%,rgba(255,255,255,.42) 46%,transparent 52%);opacity:.44} .points-head{background:linear-gradient(to bottom,rgba(247,242,233,.98),rgba(247,242,233,.88) 74%,rgba(247,242,233,.54));border-bottom:1px solid rgba(42,49,54,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)} .points-head>div{gap:8px}.points-kicker{color:#6a8495;font-size:9px;letter-spacing:.18em}.points-head strong{color:#181d21;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em} .points-close{border-color:rgba(36,43,48,.12);background:rgba(255,255,255,.64);color:#2b3034;box-shadow:0 6px 18px rgba(46,40,34,.07)} .points-body{z-index:2} .points-total-card{align-items:flex-start;justify-content:flex-end;text-align:left;background:linear-gradient(148deg,rgba(255,255,255,.94),rgba(252,248,242,.92));border-color:rgba(52,57,60,.10);box-shadow:0 22px 56px rgba(70,59,48,.11),inset 0 1px 0 #fff;padding-left:18px;padding-right:18px;overflow:hidden} .points-total-card:after{height:54%;inset:auto -8% -28% 30%;background:radial-gradient(ellipse,rgba(218,102,75,.08),transparent 70%)} .points-total-card:before{border-color:rgba(80,75,69,.06)} .points-hero-field,.points-orbit{display:none!important} .points-editorial-collage{position:absolute;z-index:1;top:10px;right:10px;width:min(49%,190px);height:92px;pointer-events:none} .points-art{position:absolute;top:0;width:72px;height:82px;margin:0;border-radius:13px;background-position:center top;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(43,48,52,.10);box-shadow:0 9px 22px rgba(54,46,38,.12);overflow:hidden;transform-origin:50% 90%} .points-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 35%,rgba(247,242,233,.16) 68%,rgba(247,242,233,.82) 100%)} .points-art span{position:absolute;z-index:2;left:7px;bottom:6px;font-size:5.5px;font-weight:950;letter-spacing:.14em;color:rgba(31,38,43,.58)} .points-art-science{right:98px;background-image:url('/design-packs/science/v1/sci-bg-004-science-collage.webp');transform:rotate(-4deg)} .points-art-film{right:49px;background-image:url('/design-packs/film/v1/film-bg-003-sci-fi-dream.webp');transform:translateY(2px) rotate(1.5deg);z-index:2} .points-art-fashion{right:0;background-image:url('/design-packs/fashion/v1/fashion-bg-001-coral-couture.webp');transform:rotate(4deg);z-index:3} .points-total-copy{position:relative;z-index:3;max-width:62%}.points-total-copy>span,.points-week-card span,.points-history-head span{color:#7a766f}.points-total-copy>span{color:#5f7d91}.points-total-copy>strong{color:#1d2226;text-shadow:none;margin-bottom:4px}.points-total-copy>small{color:#888078;font-size:9px;line-height:1.25;max-width:22ch} .points-total-glowline{position:relative;z-index:3;width:96px;display:flex;gap:5px;justify-content:flex-start;margin-top:7px}.points-total-glowline i{display:block;height:2px;border-radius:10px}.points-total-glowline i:nth-child(1){width:38px;background:#627f92}.points-total-glowline i:nth-child(2){width:25px;background:#df7455}.points-total-glowline i:nth-child(3){width:18px;background:#d3a24e} .points-week-card{position:relative;border:1px solid rgba(49,55,59,.09);background:rgba(255,255,255,.64);border-radius:21px;box-shadow:0 12px 30px rgba(73,61,51,.065),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden} .points-week-card:after{content:"";position:absolute;right:-8px;top:-18px;width:122px;height:122px;background:url('/design-packs/fashion/v1/fashion-bg-002-watercolour-couture.webp') 72% 4%/cover no-repeat;opacity:.10;filter:saturate(.85);mask-image:linear-gradient(to left,#000,transparent);-webkit-mask-image:linear-gradient(to left,#000,transparent);pointer-events:none} .points-week-stat{position:relative;z-index:2;background:transparent!important;border:0!important;box-shadow:none!important}.points-week-stat:before{border-color:rgba(85,121,94,.14);background:rgba(104,145,111,.07);color:#668570}.points-week-icon{border:1px solid rgba(82,111,126,.12);background:rgba(92,126,146,.07);color:#58798d}.points-week-card strong{color:#557c69!important;text-shadow:none!important}.points-week-card small{color:#8b827a!important} .points-history-card{position:relative;border-color:rgba(49,55,59,.09);background:rgba(255,255,255,.62);box-shadow:0 12px 30px rgba(73,61,51,.055),inset 0 1px 0 rgba(255,255,255,.88)} .points-history-card:before{content:"";position:absolute;right:-4px;top:-10px;width:118px;height:118px;background:url('/design-packs/science/v1/sci-bg-001-equations-board.webp') 68% 7%/cover no-repeat;opacity:.07;mask-image:radial-gradient(circle at 70% 20%,#000 0 45%,transparent 74%);-webkit-mask-image:radial-gradient(circle at 70% 20%,#000 0 45%,transparent 74%);pointer-events:none} .points-history-card>*{position:relative;z-index:2}.points-history-head strong{color:#242a2f}.points-range{background:rgba(68,73,76,.04);border-color:rgba(44,49,52,.08)}.points-range-btn{color:#8a8179}.points-range-btn.active{background:#5c798c;color:#fff;box-shadow:0 5px 12px rgba(70,98,115,.13)} .points-chart-legend{color:#867e76}.points-chart-legend i.balance{background:linear-gradient(90deg,#5d7f94,#d66f52);box-shadow:none}.points-chart-legend i.daily{background:#668e79;box-shadow:5px 0 0 rgba(217,111,84,.82)} .points-chart{color:#5e8095;border:1px solid rgba(51,57,60,.07);background:linear-gradient(180deg,rgba(244,239,232,.86),rgba(251,248,244,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)} .points-grid line{stroke:rgba(44,52,57,.08)}.points-axis-labels text{fill:rgba(64,69,73,.44)}.points-chart-empty{color:#8a8279}.points-daily-zero{stroke:rgba(44,52,57,.12)}.points-daily-positive{fill:#698d79}.points-daily-negative{fill:#d96f54}.points-daily-label{fill:rgba(63,69,72,.38)} .points-history-foot{color:#8a8179}.points-history-foot strong{color:#4c5357} @media(max-height:620px){.points-editorial-collage{height:70px;width:154px}.points-art{width:58px;height:63px;border-radius:10px}.points-art-science{right:80px}.points-art-film{right:40px}.points-total-copy>small{display:none}} @media(max-width:360px){.points-editorial-collage{width:144px}.points-art{width:54px}.points-art-science{right:74px}.points-art-film{right:37px}.points-total-copy{max-width:58%}} @media(prefers-reduced-motion:reduce){.points-panel:before{animation:none!important}.points-art{transform:none!important}} /* v13.130 — Points knowledge-ledger redesign */ .points-panel{ background: linear-gradient(180deg,rgba(248,242,231,.90),rgba(244,236,223,.88)), url('/design-packs/points/v1/points-bg-001-knowledge-ledger.webp') center top/cover no-repeat!important; color:#302b27!important; box-shadow:0 38px 110px rgba(34,31,28,.28)!important; } .points-panel:before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%,transparent 78%,rgba(242,233,218,.18)); opacity:1!important; } .points-head{ z-index:5; background:linear-gradient(to bottom,rgba(248,242,231,.96),rgba(248,242,231,.80) 78%,rgba(248,242,231,.22))!important; border-bottom:1px solid rgba(88,71,53,.08)!important; -webkit-backdrop-filter:blur(10px) saturate(.92)!important; backdrop-filter:blur(10px) saturate(.92)!important; } .points-kicker{color:#9a7440!important;letter-spacing:.2em!important} .points-head strong{color:#322a23!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.04em!important} .points-close{background:rgba(255,251,244,.74)!important;border-color:rgba(74,59,45,.12)!important;color:#3d332b!important;box-shadow:0 6px 18px rgba(68,52,38,.08)!important} .points-body{z-index:3!important;max-width:640px} .points-total-card{ align-items:flex-start!important; justify-content:flex-end!important; text-align:left!important; background:linear-gradient(148deg,rgba(255,252,246,.84),rgba(250,243,231,.71))!important; border:1px solid rgba(100,79,55,.12)!important; box-shadow:0 16px 40px rgba(86,64,45,.10),inset 0 1px 0 rgba(255,255,255,.88)!important; padding-left:18px!important; padding-right:18px!important; overflow:hidden!important; -webkit-backdrop-filter:blur(7px) saturate(.96); backdrop-filter:blur(7px) saturate(.96); } .points-total-card:before{border-color:rgba(113,88,58,.07)!important} .points-total-card:after{ content:""; position:absolute; right:-24px; top:-25px; width:190px; height:150px; background:radial-gradient(circle at 60% 40%,rgba(179,135,71,.12),transparent 66%); pointer-events:none; } .points-hero-field,.points-orbit,.points-editorial-collage{display:none!important} .points-total-copy{position:relative;z-index:3;max-width:72%!important} .points-total-copy>span{color:#8d6f47!important;letter-spacing:.13em!important} .points-total-copy>strong{color:#322a23!important;text-shadow:none!important} .points-total-copy>small{color:#7d7267!important;font-size:9px!important;line-height:1.3!important} .points-total-glowline{position:relative;z-index:3;width:110px!important;justify-content:flex-start!important;gap:5px!important} .points-total-glowline i:nth-child(1){background:#b38549!important;width:42px!important}.points-total-glowline i:nth-child(2){background:#7d9584!important;width:28px!important}.points-total-glowline i:nth-child(3){background:#9a715b!important;width:18px!important} .points-week-card{ position:relative!important; border:1px solid rgba(94,73,51,.10)!important; background:rgba(255,251,245,.69)!important; border-radius:21px!important; box-shadow:0 10px 28px rgba(79,59,42,.07),inset 0 1px 0 rgba(255,255,255,.82)!important; overflow:hidden!important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); } .points-week-card:after{ content:""; position:absolute; right:-24px; top:-40px; width:170px; height:150px; background:radial-gradient(circle,rgba(90,120,102,.10),transparent 68%); pointer-events:none; } .points-week-icon{border:1px solid rgba(111,83,52,.12)!important;background:rgba(175,132,73,.08)!important;color:#96713e!important} .points-week-card span{color:#7b7066!important}.points-week-card strong{color:#5f7d69!important;text-shadow:none!important}.points-week-card small{color:#81766c!important} .points-history-card{ position:relative!important; border:1px solid rgba(94,73,51,.10)!important; background:rgba(255,251,245,.68)!important; box-shadow:0 10px 28px rgba(79,59,42,.065),inset 0 1px 0 rgba(255,255,255,.82)!important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); } .points-history-card:before{display:none!important} .points-history-head span{color:#7d7369!important}.points-history-head strong{color:#332e29!important} .points-range{background:rgba(112,91,68,.05)!important;border-color:rgba(91,72,54,.09)!important}.points-range-btn{color:#897d70!important}.points-range-btn.active{background:#8d744f!important;color:#fffaf3!important;box-shadow:0 5px 12px rgba(108,79,47,.14)!important} .points-chart-legend{color:#85796c!important;padding-bottom:7px!important}.points-chart-legend i.balance{background:linear-gradient(90deg,#9a7440,#6f8a78)!important;box-shadow:none!important}.points-chart-legend i.daily{display:none!important} .points-chart{ color:#8b6e4d!important; border:1px solid rgba(96,76,54,.08)!important; background:linear-gradient(180deg,rgba(248,242,232,.72),rgba(255,252,247,.70))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important; } .points-grid line{stroke:rgba(77,68,59,.075)!important}.points-axis-labels text,.points-y-labels text{fill:rgba(76,68,60,.46)!important}.points-event-dot{fill:#a27b49!important}.points-last-guide{stroke:rgba(112,88,58,.15)!important}.points-last-dot{fill:#886942!important}.points-last-halo{fill:rgba(142,110,67,.12)!important}.points-current-tag rect{fill:rgba(72,62,52,.88)!important}.points-current-tag text{fill:#fffaf2!important} .points-history-foot{color:#81766b!important}.points-history-foot strong{color:#567464!important} @media(max-height:620px){.points-total-copy>small{display:none!important}} /* v13.132 feed spacing simplification: lower content + controls, no stars/hint/challenge control */ .hint,.difficulty-stars{display:none!important} #stage .card{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important} #stage .card.deep,#stage .card.take{padding-bottom:calc(58px + env(safe-area-inset-bottom))!important} #stage .card[class*="-editorial"] .content{bottom:calc(62px + env(safe-area-inset-bottom))!important} #stage .card[class*="-editorial"].deep .content,#stage .card[class*="-editorial"].take .content{bottom:calc(54px + env(safe-area-inset-bottom))!important} #stage .card .actions{bottom:max(calc(52px + env(safe-area-inset-bottom)),6.5vh)!important} #stage .card .challenge-wrap,#stage .card .challenge-btn{display:none!important} @media(max-height:620px){ #stage .card{padding-bottom:calc(50px + env(safe-area-inset-bottom))!important} #stage .card.deep,#stage .card.take{padding-bottom:calc(46px + env(safe-area-inset-bottom))!important} #stage .card[class*="-editorial"] .content{bottom:calc(50px + env(safe-area-inset-bottom))!important} #stage .card[class*="-editorial"].deep .content,#stage .card[class*="-editorial"].take .content{bottom:calc(44px + env(safe-area-inset-bottom))!important} #stage .card .actions{bottom:calc(44px + env(safe-area-inset-bottom))!important} } @media(min-height:850px){ #stage .card .actions{bottom:max(calc(58px + env(safe-area-inset-bottom)),6.5vh)!important} } /* v13.144 Fine Art editorial pack */ #app.art-editorial-live{background:#f1e7d5;color:#30261d} #app.art-editorial-live .topbar{background:linear-gradient(to bottom,rgba(247,240,226,.98),rgba(247,240,226,.84) 58%,transparent);color:#30261d} #app.art-editorial-live .brand{color:#30261d;text-shadow:none} #app.art-editorial-live .collection-launch,#app.art-editorial-live .user-login-btn,#app.art-editorial-live #app.art-editorial-live .collection-count{background:#385b62;color:#fffaf0;border-color:#fffaf0} .card.art-editorial{background:#f1e7d5;color:#30261d;padding-left:20px;padding-right:20px} .card.art-editorial .bg{inset:0;background-image:radial-gradient(circle at 14% 7%,rgba(255,249,235,.48),rgba(255,249,235,.10) 18%,transparent 32%),linear-gradient(180deg,rgba(241,231,213,0) 0%,rgba(241,231,213,.015) 22%,rgba(241,231,213,.05) 38%,rgba(239,228,210,.18) 52%,rgba(236,225,207,.48) 68%,rgba(235,223,205,.83) 83%,rgba(237,226,209,.96) 93%,#f1e7d5 100%),var(--art-bg);background-position:center center,center center,var(--art-pos,50% 6%);background-size:auto,auto,var(--art-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.04) contrast(1.015)} .card.art-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.045;background-image:radial-gradient(rgba(80,59,39,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.art-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(244,235,219,0) 0 30%,rgba(244,235,219,.025) 42%,rgba(240,229,212,.13) 54%,rgba(237,225,208,.43) 69%,rgba(235,223,206,.86) 84%,rgba(237,226,209,.98) 94%,#f1e7d5 100%);pointer-events:none} .card.art-editorial .scene.scene-art{display:none} .card.art-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#30261d} .card.art-editorial .kicker{margin-bottom:8px;color:#54777a;font-size:10px;letter-spacing:.12em} .card.art-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#b27a46;box-shadow:none} .card.art-editorial h1{max-width:13ch;margin-bottom:11px;color:#30261d;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.art-editorial .copy{min-height:108px} .card.art-editorial .hook{max-width:34ch;margin-bottom:8px;color:#3c3025;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.art-editorial .detail{color:#75685d;font-size:13px;line-height:1.46} .card.art-editorial .mode-flag{color:#54777a} .card.art-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.art-editorial .action,.card.art-editorial .take-btn,.card.art-editorial .deep-btn{background:rgba(255,250,239,.92);border-color:rgba(69,52,37,.14);color:#30261d;box-shadow:0 9px 24px rgba(88,64,40,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.art-editorial .action.active,.card.art-editorial .take-btn.active,.card.art-editorial .deep-btn.active{background:#385b62;color:#fffaf0;border-color:#385b62} .card.art-editorial.deep .bg,.card.art-editorial.take .bg{opacity:.84;filter:saturate(1.01) contrast(1.01);animation:artModeBackground .72s cubic-bezier(.16,.84,.24,1)} .card.art-editorial.deep .shade,.card.art-editorial.take .shade{background:linear-gradient(to bottom,rgba(244,235,219,.04) 0 33%,rgba(240,229,212,.16) 48%,rgba(237,225,208,.57) 68%,rgba(235,223,206,.92) 84%,#f1e7d5 100%)} @keyframes artModeBackground{0%{transform:translateZ(0) scale(1.003);filter:saturate(1.04) contrast(1.015)}38%{transform:translateZ(0) scale(1.026);filter:saturate(1.09) contrast(1.02)}100%{transform:translateZ(0) scale(1.003);filter:saturate(1.01) contrast(1.01)}} @media(max-width:390px){.card.art-editorial .content{left:18px;right:70px}.card.art-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.art-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.art-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.art-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.art-editorial .copy{min-height:92px}.card.art-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .art-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee2cd}.collection-card .mini-scene .art-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .art-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,250,239,.92);border:1px solid rgba(69,52,37,.12);color:#54777a;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .art-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(84,119,122,.52),rgba(84,119,122,0));display:block} /* World & Travel editorial pack */ #app.world-travel-editorial-live{background:#f3eee6;color:#26383d} #app.world-travel-editorial-live .topbar{background:linear-gradient(to bottom,rgba(249,245,238,.98),rgba(249,245,238,.84) 58%,transparent);color:#26383d} #app.world-travel-editorial-live .brand{color:#26383d;text-shadow:none} #app.world-travel-editorial-live .collection-launch,#app.world-travel-editorial-live .user-login-btn,#app.world-travel-editorial-live #app.world-travel-editorial-live .collection-count{background:#537b83;color:#fffaf4;border-color:#fffaf4} .card.world-travel-editorial{background:#f3eee6;color:#26383d;padding-left:20px;padding-right:20px} .card.world-travel-editorial .bg{inset:0;background-image:radial-gradient(circle at 15% 7%,rgba(255,252,246,.58),rgba(255,252,246,.13) 18%,transparent 32%),radial-gradient(circle at 88% 15%,rgba(119,170,183,.18),rgba(119,170,183,.03) 14%,transparent 24%),linear-gradient(180deg,rgba(243,238,230,0) 0%,rgba(243,238,230,.015) 20%,rgba(243,238,230,.05) 36%,rgba(240,235,228,.18) 52%,rgba(238,233,226,.48) 68%,rgba(237,232,224,.84) 83%,rgba(240,235,228,.97) 93%,#f3eee6 100%),var(--world-travel-bg);background-position:center center,center center,center center,var(--world-travel-pos,65% 7%);background-size:auto,auto,auto,var(--world-travel-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.02) contrast(1.01)} .card.world-travel-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(rgba(58,81,87,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.world-travel-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(246,241,234,0) 0 30%,rgba(246,241,234,.025) 42%,rgba(242,237,230,.13) 54%,rgba(239,234,227,.43) 69%,rgba(238,233,226,.86) 84%,rgba(240,235,228,.98) 94%,#f3eee6 100%);pointer-events:none} .card.world-travel-editorial .scene.scene-world-travel{display:none} .card.world-travel-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#26383d} .card.world-travel-editorial .kicker{margin-bottom:8px;color:#5d858c;font-size:10px;letter-spacing:.12em} .card.world-travel-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#c98d68;box-shadow:none} .card.world-travel-editorial h1{max-width:13ch;margin-bottom:11px;color:#26383d;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.world-travel-editorial .copy{min-height:108px} .card.world-travel-editorial .hook{max-width:34ch;margin-bottom:8px;color:#34474c;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.world-travel-editorial .detail{color:#6f7774;font-size:13px;line-height:1.46} .card.world-travel-editorial .mode-flag{color:#5d858c} .card.world-travel-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.world-travel-editorial .action,.card.world-travel-editorial .take-btn,.card.world-travel-editorial .deep-btn{background:rgba(255,251,245,.92);border-color:rgba(38,56,61,.13);color:#26383d;box-shadow:0 9px 24px rgba(64,85,91,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.world-travel-editorial .action.active,.card.world-travel-editorial .take-btn.active,.card.world-travel-editorial .deep-btn.active{background:#537b83;color:#fffaf4;border-color:#537b83} .card.world-travel-editorial.deep .bg,.card.world-travel-editorial.take .bg{opacity:.84;filter:saturate(.99) contrast(1.01);animation:worldTravelModeBackground .72s cubic-bezier(.16,.84,.24,1)} .card.world-travel-editorial.deep .shade,.card.world-travel-editorial.take .shade{background:linear-gradient(to bottom,rgba(246,241,234,.04) 0 33%,rgba(242,237,230,.16) 48%,rgba(239,234,227,.57) 68%,rgba(238,233,226,.92) 84%,#f3eee6 100%)} @keyframes worldTravelModeBackground{0%{transform:translateZ(0) scale(1.003)}38%{transform:translateZ(0) scale(1.024)}100%{transform:translateZ(0) scale(1.003)}} @media(max-width:390px){.card.world-travel-editorial .content{left:18px;right:70px}.card.world-travel-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.world-travel-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.world-travel-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.world-travel-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.world-travel-editorial .copy{min-height:92px}.card.world-travel-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .world-travel-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee8df}.collection-card .mini-scene .world-travel-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .world-travel-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,251,245,.92);border:1px solid rgba(38,56,61,.12);color:#5d858c;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .world-travel-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(93,133,140,.52),rgba(93,133,140,0));display:block} /* Culture & Belief editorial pack */ #app.culture-belief-editorial-live{background:#f3eee3;color:#2d3e40} #app.culture-belief-editorial-live .topbar{background:linear-gradient(to bottom,rgba(250,246,237,.98),rgba(250,246,237,.84) 58%,transparent);color:#2d3e40} #app.culture-belief-editorial-live .brand{color:#2d3e40;text-shadow:none} #app.culture-belief-editorial-live .collection-launch,#app.culture-belief-editorial-live .user-login-btn,#app.culture-belief-editorial-live #app.culture-belief-editorial-live .collection-count{background:#5e898d;color:#fffaf1;border-color:#fffaf1} .card.culture-belief-editorial{background:#f3eee3;color:#2d3e40;padding-left:20px;padding-right:20px} .card.culture-belief-editorial .bg{inset:0;background-image:radial-gradient(circle at 14% 7%,rgba(255,252,245,.60),rgba(255,252,245,.13) 18%,transparent 32%),radial-gradient(circle at 88% 14%,rgba(93,157,166,.16),rgba(93,157,166,.025) 14%,transparent 24%),linear-gradient(180deg,rgba(243,238,227,0) 0%,rgba(243,238,227,.012) 22%,rgba(243,238,227,.05) 38%,rgba(241,235,224,.18) 52%,rgba(239,233,221,.49) 68%,rgba(238,232,220,.84) 83%,rgba(241,235,224,.97) 93%,#f3eee3 100%),var(--culture-belief-bg);background-position:center center,center center,center center,var(--culture-belief-pos,65% 6%);background-size:auto,auto,auto,var(--culture-belief-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.035) contrast(1.008)} .card.culture-belief-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.038;background-image:radial-gradient(rgba(62,83,82,.075) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.culture-belief-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(247,242,233,0) 0 30%,rgba(247,242,233,.025) 42%,rgba(243,237,227,.13) 54%,rgba(240,234,223,.43) 69%,rgba(239,233,221,.86) 84%,rgba(241,235,224,.98) 94%,#f3eee3 100%);pointer-events:none} .card.culture-belief-editorial .scene.scene-culture-belief{display:none} .card.culture-belief-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#2d3e40} .card.culture-belief-editorial .kicker{margin-bottom:8px;color:#5d858c;font-size:10px;letter-spacing:.12em} .card.culture-belief-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#c39a58;box-shadow:none} .card.culture-belief-editorial h1{max-width:13ch;margin-bottom:11px;color:#2d3e40;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.culture-belief-editorial .copy{min-height:108px} .card.culture-belief-editorial .hook{max-width:34ch;margin-bottom:8px;color:#3a4b4d;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.culture-belief-editorial .detail{color:#727971;font-size:13px;line-height:1.46} .card.culture-belief-editorial .mode-flag{color:#5d858c} .card.culture-belief-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.culture-belief-editorial .action,.card.culture-belief-editorial .take-btn,.card.culture-belief-editorial .deep-btn{background:rgba(255,252,245,.92);border-color:rgba(54,78,80,.13);color:#2d3e40;box-shadow:0 9px 24px rgba(88,77,56,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.culture-belief-editorial .action.active,.card.culture-belief-editorial .take-btn.active,.card.culture-belief-editorial .deep-btn.active{background:#5e898d;color:#fffaf1;border-color:#5e898d} .card.culture-belief-editorial.deep .bg,.card.culture-belief-editorial.take .bg{opacity:.84;filter:saturate(1.01) contrast(1.01);animation:cultureBeliefModeBackground .72s cubic-bezier(.16,.84,.24,1)} .card.culture-belief-editorial.deep .shade,.card.culture-belief-editorial.take .shade{background:linear-gradient(to bottom,rgba(247,242,233,.04) 0 33%,rgba(243,237,227,.16) 48%,rgba(240,234,223,.57) 68%,rgba(239,233,221,.92) 84%,#f3eee3 100%)} @keyframes cultureBeliefModeBackground{0%{transform:translateZ(0) scale(1.003)}38%{transform:translateZ(0) scale(1.024)}100%{transform:translateZ(0) scale(1.003)}} @media(max-width:390px){.card.culture-belief-editorial .content{left:18px;right:70px}.card.culture-belief-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.culture-belief-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.culture-belief-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.culture-belief-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.culture-belief-editorial .copy{min-height:92px}.card.culture-belief-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .culture-belief-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee8dd}.collection-card .mini-scene .culture-belief-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .culture-belief-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,252,245,.92);border:1px solid rgba(54,78,80,.12);color:#5d858c;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .culture-belief-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(195,154,88,.55),rgba(93,133,140,.08),rgba(93,133,140,0));display:block} #app.car-editorial-live{background:#f2ece2;color:#233a39} #app.car-editorial-live .topbar{background:linear-gradient(to bottom,rgba(249,245,237,.98),rgba(249,245,237,.84) 58%,transparent);color:#233a39} #app.car-editorial-live .brand{color:#233a39;text-shadow:none} #app.car-editorial-live .collection-launch,#app.car-editorial-live .user-login-btn,#app.car-editorial-live #app.car-editorial-live .collection-count{background:#476e75;color:#fffaf3;border-color:#fffaf3} .card.car-editorial{background:#f2ece2;color:#233a39;padding-left:20px;padding-right:20px} .card.car-editorial .bg{inset:0;background-image:radial-gradient(circle at 11% 7%,rgba(255,254,248,.56),rgba(255,254,248,.12) 18%,transparent 31%),radial-gradient(circle at 88% 15%,rgba(62,110,121,.12),rgba(62,110,121,.02) 14%,transparent 24%),linear-gradient(180deg,rgba(242,236,226,0) 0%,rgba(242,236,226,.012) 26%,rgba(242,236,226,.045) 41%,rgba(241,237,229,.17) 56%,rgba(240,236,228,.44) 70%,rgba(239,235,227,.80) 84%,rgba(241,237,229,.97) 94%,#f2ece2 100%),var(--car-bg);background-position:center center,center center,center center,var(--car-pos,52% 6%);background-size:auto,auto,auto,var(--car-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.02) contrast(1.01)} .card.car-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.036;background-image:radial-gradient(rgba(36,58,57,.075) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.car-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(248,244,236,0) 0 31%,rgba(248,244,236,.018) 43%,rgba(244,239,231,.11) 55%,rgba(241,236,228,.40) 69%,rgba(240,235,227,.84) 84%,rgba(241,237,229,.98) 94%,#f2ece2 100%);pointer-events:none} .card.car-editorial .scene.scene-car{display:none} .card.car-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#233a39} .card.car-editorial .kicker{margin-bottom:8px;color:#537d86;font-size:10px;letter-spacing:.12em} .card.car-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#bf9558;box-shadow:none} .card.car-editorial h1{max-width:13ch;margin-bottom:11px;color:#233a39;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.car-editorial .copy{min-height:108px} .card.car-editorial .hook{max-width:34ch;margin-bottom:8px;color:#2e4748;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.car-editorial .detail{color:#6d7772;font-size:13px;line-height:1.46} .card.car-editorial .mode-flag{color:#537d86} .card.car-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.car-editorial .action,.card.car-editorial .take-btn,.card.car-editorial .deep-btn{background:rgba(255,252,246,.92);border-color:rgba(35,58,57,.13);color:#233a39;box-shadow:0 9px 24px rgba(55,78,77,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.car-editorial .action.active,.card.car-editorial .take-btn.active,.card.car-editorial .deep-btn.active{background:#476e75;color:#fffaf3;border-color:#476e75} .card.car-editorial.deep .bg,.card.car-editorial.take .bg{opacity:.85;filter:saturate(1.00) contrast(1.01)} .card.car-editorial.deep .shade,.card.car-editorial.take .shade{background:linear-gradient(to bottom,rgba(248,244,236,.04) 0 34%,rgba(244,239,231,.14) 49%,rgba(241,236,228,.54) 68%,rgba(240,235,227,.92) 84%,#f2ece2 100%)} .card.car-editorial.deep .content{top:calc(68px + env(safe-area-inset-top));bottom:calc(70px + env(safe-area-inset-bottom));left:18px;right:72px;overflow:hidden} .card.car-editorial.deep h1{font-size:clamp(27px,7.2vw,43px)} .card.car-editorial.take .content{left:18px;right:72px} @media(max-width:390px){.card.car-editorial .content{left:18px;right:70px}.card.car-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.car-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.car-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.car-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.car-editorial .copy{min-height:92px}.card.car-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .car-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#ebe5db}.collection-card .mini-scene .car-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .car-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,252,246,.92);border:1px solid rgba(35,58,57,.12);color:#537d86;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .car-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(191,149,88,.56),rgba(83,125,134,.10),rgba(83,125,134,0));display:block} /* Technology & Future editorial pack */ #app.technology-future-editorial-live{background:#f2efe5;color:#243b35} #app.technology-future-editorial-live .topbar{background:linear-gradient(to bottom,rgba(249,247,239,.98),rgba(249,247,239,.84) 58%,transparent);color:#243b35} #app.technology-future-editorial-live .brand{color:#243b35;text-shadow:none} #app.technology-future-editorial-live .collection-launch,#app.technology-future-editorial-live .user-login-btn,#app.technology-future-editorial-live #app.technology-future-editorial-live .collection-count{background:#3f7564;color:#fffdf5;border-color:#fffdf5} .card.technology-future-editorial{background:#f2efe5;color:#243b35;padding-left:20px;padding-right:20px} .card.technology-future-editorial .bg{inset:0;background-image:radial-gradient(circle at 11% 7%,rgba(255,254,248,.54),rgba(255,254,248,.11) 18%,transparent 31%),radial-gradient(circle at 89% 15%,rgba(46,111,88,.11),rgba(46,111,88,.02) 14%,transparent 24%),linear-gradient(180deg,rgba(242,239,229,0) 0%,rgba(242,239,229,.008) 28%,rgba(242,239,229,.04) 43%,rgba(241,238,228,.16) 57%,rgba(240,237,227,.45) 70%,rgba(240,237,227,.80) 84%,rgba(241,238,229,.96) 94%,#f2efe5 100%),var(--technology-future-bg);background-position:center center,center center,center center,var(--technology-future-pos,57% 5%);background-size:auto,auto,auto,var(--technology-future-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.015) contrast(1.008)} .card.technology-future-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.034;background-image:radial-gradient(rgba(37,75,63,.075) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.technology-future-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(248,246,238,0) 0 31%,rgba(248,246,238,.018) 43%,rgba(244,241,232,.10) 55%,rgba(241,238,228,.39) 69%,rgba(240,237,227,.83) 84%,rgba(241,238,229,.98) 94%,#f2efe5 100%);pointer-events:none} .card.technology-future-editorial .scene.scene-technology-future{display:none} .card.technology-future-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#243b35} .card.technology-future-editorial .kicker{margin-bottom:8px;color:#467d6d;font-size:10px;letter-spacing:.12em} .card.technology-future-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#b89455;box-shadow:none} .card.technology-future-editorial h1{max-width:13ch;margin-bottom:11px;color:#243b35;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.technology-future-editorial .copy{min-height:108px} .card.technology-future-editorial .hook{max-width:34ch;margin-bottom:8px;color:#314841;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.technology-future-editorial .detail{color:#6b756f;font-size:13px;line-height:1.46} .card.technology-future-editorial .mode-flag{color:#467d6d} .card.technology-future-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.technology-future-editorial .action,.card.technology-future-editorial .take-btn,.card.technology-future-editorial .deep-btn{background:rgba(255,253,247,.92);border-color:rgba(39,73,62,.13);color:#243b35;box-shadow:0 9px 24px rgba(56,78,67,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.technology-future-editorial .action.active,.card.technology-future-editorial .take-btn.active,.card.technology-future-editorial .deep-btn.active{background:#3f7564;color:#fffdf5;border-color:#3f7564} .card.technology-future-editorial.deep .bg,.card.technology-future-editorial.take .bg{opacity:.85;filter:saturate(1.00) contrast(1.01);animation:technologyFutureModeBackground .72s cubic-bezier(.16,.84,.24,1)} .card.technology-future-editorial.deep .shade,.card.technology-future-editorial.take .shade{background:linear-gradient(to bottom,rgba(248,246,238,.04) 0 34%,rgba(244,241,232,.14) 49%,rgba(241,238,228,.54) 68%,rgba(240,237,227,.92) 84%,#f2efe5 100%)} @keyframes technologyFutureModeBackground{0%{transform:translateZ(0) scale(1.003)}38%{transform:translateZ(0) scale(1.024)}100%{transform:translateZ(0) scale(1.003)}} @media(max-width:390px){.card.technology-future-editorial .content{left:18px;right:70px}.card.technology-future-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.technology-future-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.technology-future-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.technology-future-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.technology-future-editorial .copy{min-height:92px}.card.technology-future-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .technology-future-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#ecebe2}.collection-card .mini-scene .technology-future-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .technology-future-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,253,247,.92);border:1px solid rgba(39,73,62,.12);color:#467d6d;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .technology-future-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(184,148,85,.56),rgba(70,125,109,.10),rgba(70,125,109,0));display:block} /* v13.144 mode-layout repair: editorial cards use the original KIVOO Deep Dive / Take composition and motion. This removes the scroll-box mode that was clipping one-paragraph Deep Dives on iOS and short screens. */ #stage .card[class*="-editorial"].deep .content, #stage .card[class*="-editorial"].take .content{ position:relative!important; top:auto!important;left:auto!important;right:auto!important;bottom:auto!important; width:100%!important;max-width:720px!important; padding-right:66px!important; overflow:visible!important; display:block!important; min-height:0!important; } #stage .card[class*="-editorial"].deep .copy, #stage .card[class*="-editorial"].take .copy{ min-height:0!important;max-height:none!important;overflow:visible!important; padding-right:0!important;padding-bottom:0!important; } #stage .card[class*="-editorial"].deep h1, #stage .card[class*="-editorial"].take h1{display:block!important;visibility:visible!important;opacity:1!important} #stage .card[class*="-editorial"].deep .kicker, #stage .card[class*="-editorial"].take .kicker, #stage .card[class*="-editorial"].deep .mode-flag, #stage .card[class*="-editorial"].take .mode-flag{display:flex!important;flex:none!important} @media(max-width:390px){ #stage .card[class*="-editorial"].deep .content, #stage .card[class*="-editorial"].take .content{padding-right:60px!important} } /* KIVOO v13.196 — one glass-control palette for the action rail and top controls. */ #app{ --kivoo-control-glass-bg:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045)); --kivoo-control-glass-bg-active:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.08)); --kivoo-control-glass-border:rgba(255,255,255,.31); --kivoo-control-glass-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(0,0,0,.045),0 8px 24px rgba(0,0,0,.105); } #app .collection-launch, #app .user-login-btn, #app .user-account-btn, #app .xp-chip{ background:var(--kivoo-control-glass-bg)!important; border-color:var(--kivoo-control-glass-border)!important; color:inherit!important; -webkit-backdrop-filter:blur(15px) saturate(145%)!important; backdrop-filter:blur(15px) saturate(145%)!important; box-shadow:var(--kivoo-control-glass-shadow)!important; } #app .collection-launch:active, #app .user-login-btn:active, #app .user-account-btn:active, #app .xp-chip:active{background:var(--kivoo-control-glass-bg-active)!important} #app .collection-launch svg, #app .user-login-btn svg, #app .xp-chip svg, #app .xp-chip .xp-score, #app .user-login-btn span{color:inherit!important} /* KIVOO v13.153 — glass action rail + prominent engagement reward */ #stage .card .action, #stage .card .take-btn, #stage .card .deep-btn{ background:var(--kivoo-control-glass-bg)!important; border-color:var(--kivoo-control-glass-border)!important; -webkit-backdrop-filter:blur(15px) saturate(145%)!important; backdrop-filter:blur(15px) saturate(145%)!important; box-shadow:var(--kivoo-control-glass-shadow)!important; } #stage .card .action:active, #stage .card .take-btn:active, #stage .card .deep-btn:active{ background:var(--kivoo-control-glass-bg-active)!important; } #stage .card .action.active, #stage .card .take-btn.active, #stage .card .deep-btn.active{ background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.12))!important; border-color:rgba(255,255,255,.50)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 0 1px rgba(0,0,0,.05),0 10px 28px rgba(0,0,0,.13),0 0 22px color-mix(in srgb,var(--accent) 16%, transparent)!important; } #stage .card .action svg, #stage .card .take-btn svg, #stage .card .deep-btn svg{ filter:drop-shadow(0 1px 4px rgba(0,0,0,.18)); } .xp-earned-inline{ right:-7px!important; top:calc(100% + 4px)!important; width:82px!important; height:64px!important; min-width:82px!important; max-width:none!important; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; overflow:visible!important; display:grid!important; place-items:center!important; transform-origin:70% 0!important; } .xp-earned-number{ position:relative; z-index:5; display:block; font-size:29px; line-height:1; font-weight:950; letter-spacing:-.055em; font-variant-numeric:tabular-nums; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.42),0 0 13px rgba(255,255,255,.34),0 0 26px rgba(125,255,194,.28); } .xp-earned-flare{ position:absolute; z-index:2; left:50%;top:50%; width:52px;height:52px; margin:-26px 0 0 -26px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.34) 0 8%,rgba(130,255,196,.22) 9% 25%,rgba(130,255,196,.07) 26% 45%,transparent 67%); filter:blur(.2px) drop-shadow(0 0 18px rgba(104,255,184,.30)); pointer-events:none; } .xp-earned-inline:before, .xp-earned-inline:after{ content:""!important; position:absolute!important; left:50%!important;top:50%!important; margin:0!important; border-radius:50%!important; background:transparent!important; pointer-events:none!important; } .xp-earned-inline:before{ width:44px!important;height:44px!important; border:1.5px solid rgba(151,255,207,.64)!important; box-shadow:0 0 18px rgba(94,255,176,.24)!important; } .xp-earned-inline:after{ width:64px!important;height:64px!important; border:1px solid rgba(255,255,255,.32)!important; box-shadow:0 0 24px rgba(255,255,255,.10)!important; } .xp-earned-inline.show{ animation:xpGainHero 1.85s cubic-bezier(.14,.86,.2,1) forwards!important; } .xp-earned-inline.show .xp-earned-number{animation:xpGainNumber 1.55s cubic-bezier(.12,.82,.18,1) forwards} .xp-earned-inline.show .xp-earned-flare{animation:xpGainFlare 1.35s ease-out forwards} .xp-earned-inline.show:before{animation:xpGainRingA 1.35s cubic-bezier(.1,.78,.16,1) forwards!important} .xp-earned-inline.show:after{animation:xpGainRingB 1.55s cubic-bezier(.1,.78,.16,1) forwards!important} .xp-earned-inline.fx-ribbon .xp-earned-number{text-shadow:0 2px 8px rgba(0,0,0,.42),0 0 14px rgba(139,194,255,.48),0 0 30px rgba(111,166,255,.30)} .xp-earned-inline.fx-ribbon .xp-earned-flare{background:radial-gradient(circle,rgba(255,255,255,.34) 0 8%,rgba(138,191,255,.24) 9% 26%,rgba(111,166,255,.07) 27% 46%,transparent 68%);filter:drop-shadow(0 0 20px rgba(111,166,255,.32))} .xp-earned-inline.fx-halo .xp-earned-number{text-shadow:0 2px 8px rgba(0,0,0,.42),0 0 14px rgba(255,220,143,.50),0 0 30px rgba(255,193,91,.28)} .xp-earned-inline.fx-halo .xp-earned-flare{background:radial-gradient(circle,rgba(255,255,255,.36) 0 8%,rgba(255,220,143,.24) 9% 26%,rgba(255,193,91,.08) 27% 46%,transparent 68%);filter:drop-shadow(0 0 20px rgba(255,193,91,.30))} @keyframes xpGainHero{ 0%{opacity:0;transform:translate3d(5px,-3px,0) scale(.50) rotate(-7deg)} 13%{opacity:1;transform:translate3d(0,4px,0) scale(1.18) rotate(2deg)} 26%{transform:translate3d(0,0,0) scale(.98) rotate(0)} 66%{opacity:1;transform:translate3d(-2px,-7px,0) scale(1.02)} 100%{opacity:0;transform:translate3d(-5px,-34px,0) scale(.88)} } @keyframes xpGainNumber{ 0%{transform:scale(.58);filter:blur(2px)} 18%{transform:scale(1.22);filter:blur(0)} 34%{transform:scale(.96)} 52%{transform:scale(1.04)} 100%{transform:scale(1)} } @keyframes xpGainFlare{ 0%{opacity:0;transform:scale(.20)} 16%{opacity:1;transform:scale(1.18)} 48%{opacity:.80;transform:scale(.92)} 100%{opacity:0;transform:scale(1.68)} } @keyframes xpGainRingA{ 0%{opacity:0;transform:translate(-50%,-50%) scale(.18)} 14%{opacity:.95} 100%{opacity:0;transform:translate(-50%,-50%) scale(2.15)} } @keyframes xpGainRingB{ 0%{opacity:0;transform:translate(-50%,-50%) scale(.20) rotate(0deg)} 24%{opacity:.70} 100%{opacity:0;transform:translate(-50%,-50%) scale(1.58) rotate(90deg)} } @media(prefers-reduced-motion:reduce){ .xp-earned-inline.show,.xp-earned-inline.show .xp-earned-number,.xp-earned-inline.show .xp-earned-flare,.xp-earned-inline.show:before,.xp-earned-inline.show:after{animation:none!important} .xp-earned-inline.show{opacity:1!important;transform:none!important} } /* v13.154 account artwork / translucent glass redesign */ .account-shell{background:linear-gradient(180deg,rgba(239,225,195,.10),rgba(25,24,20,.16)),url('/assets/v13.274.0/img/account/renaissance-account-bg.webp') center top/cover no-repeat fixed!important;color:#201c17!important} .account-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(250,243,225,.12),rgba(239,226,198,.04) 42%,rgba(35,29,22,.10))} .account-page{position:relative;z-index:1} .account-head{background:rgba(241,228,201,.22)!important;border-bottom:1px solid rgba(71,57,40,.16);-webkit-backdrop-filter:blur(13px) saturate(.88)!important;backdrop-filter:blur(13px) saturate(.88)!important} .account-brand,.account-title,.account-name{color:#242019!important;text-shadow:0 1px 0 rgba(255,255,255,.25)} .account-eyebrow,.account-section-title{color:rgba(48,42,34,.70)!important} .account-email,.account-setting-copy span,.account-footnote,.account-profile-note{color:rgba(48,42,34,.70)!important} .account-verified{color:rgba(48,42,34,.76)!important} .account-back{color:#29231c!important;border-color:rgba(57,46,34,.22)!important;background:rgba(250,244,229,.28)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .account-identity,.account-stat,.account-setting,.account-knowledge-row,.account-discussion-profile{border-color:rgba(72,57,39,.20)!important;background:linear-gradient(145deg,rgba(250,244,229,.40),rgba(238,223,194,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 28px rgba(55,43,29,.06)!important;-webkit-backdrop-filter:blur(11px) saturate(.88)!important;backdrop-filter:blur(11px) saturate(.88)!important} .account-stat strong,.account-stat span,.account-setting,.account-setting-copy strong,.account-knowledge-row{color:#29231c!important} .account-stat span{color:rgba(48,42,34,.65)!important} .account-setting-icon{color:#30291f!important;border-color:rgba(72,57,39,.18)!important;background:rgba(250,244,229,.25)!important} .account-chevron{color:rgba(48,42,34,.62)!important} .account-avatar{border-color:rgba(72,57,39,.25)!important;background:rgba(245,234,211,.55)!important;color:#2b251e!important} .account-xp{border-color:rgba(68,79,80,.24)!important;background:rgba(225,229,214,.26)!important;color:#445b58!important} .account-signout{border-color:rgba(114,62,56,.24)!important;background:rgba(244,229,210,.28)!important;color:#7b413a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .account-setting:hover{background:rgba(250,244,229,.50)!important;border-color:rgba(72,57,39,.28)!important} @media(max-width:600px){.account-shell{background-position:center top!important;background-attachment:scroll!important}.account-inner{padding-top:12px}} /* v13.155 — account artwork cache-bust + true glass treatment */ #accountShell.account-shell{ background-image: linear-gradient(180deg,rgba(247,239,219,.06) 0%,rgba(245,235,213,.02) 56%,rgba(42,34,25,.10) 100%), url('/assets/v13.274.0/img/account/renaissance-account-bg.webp')!important; background-size:cover!important; background-position:center top!important; background-repeat:no-repeat!important; background-color:#d7c29a!important; color:#28231c!important; } #accountShell.account-shell::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background:linear-gradient(90deg,rgba(248,241,225,.05),rgba(248,241,225,.00) 45%,rgba(248,241,225,.05)); } #accountShell .account-page{position:relative;z-index:1;background:transparent!important} #accountShell .account-head{ background:rgba(238,224,196,.22)!important; border-bottom:1px solid rgba(70,55,38,.16)!important; -webkit-backdrop-filter:blur(14px) saturate(.82)!important; backdrop-filter:blur(14px) saturate(.82)!important; } #accountShell .account-inner{background:transparent!important} #accountShell .account-brand,#accountShell .account-title,#accountShell .account-name, #accountShell .account-stat strong,#accountShell .account-setting-copy strong, #accountShell .account-knowledge-copy strong,#accountShell .account-trait-top strong{color:#28231c!important} #accountShell .account-eyebrow,#accountShell .account-section-title,#accountShell .account-email, #accountShell .account-setting-copy span,#accountShell .account-footnote,#accountShell .account-profile-note, #accountShell .account-knowledge-copy span,#accountShell .account-trait-copy{color:rgba(48,40,31,.72)!important} #accountShell .account-verified{color:rgba(48,40,31,.78)!important} #accountShell .account-back{ color:#2b251d!important;background:rgba(249,242,226,.34)!important; border-color:rgba(73,57,39,.20)!important; -webkit-backdrop-filter:blur(16px) saturate(.85)!important;backdrop-filter:blur(16px) saturate(.85)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 8px 22px rgba(55,42,26,.07)!important; } #accountShell .account-identity,#accountShell .account-stat,#accountShell .account-setting, #accountShell .account-knowledge-row,#accountShell .account-trait-row,#accountShell .account-trait-empty{ background:linear-gradient(145deg,rgba(250,244,230,.38),rgba(232,215,182,.17))!important; border:1px solid rgba(76,59,39,.18)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 10px 28px rgba(48,36,22,.055)!important; -webkit-backdrop-filter:blur(10px) saturate(.82)!important; backdrop-filter:blur(10px) saturate(.82)!important; } #accountShell .account-discussion-profile{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #accountShell .account-setting{color:#28231c!important} #accountShell .account-setting-icon{ color:#30291f!important;background:rgba(250,244,230,.26)!important;border-color:rgba(76,59,39,.16)!important; } #accountShell .account-chevron{color:rgba(48,40,31,.60)!important} #accountShell .account-avatar{background:rgba(248,239,217,.52)!important;border-color:rgba(76,59,39,.22)!important;color:#28231c!important} #accountShell .account-xp{background:rgba(218,224,202,.30)!important;border-color:rgba(67,91,83,.22)!important;color:#405c54!important} #accountShell .account-knowledge-band{background:rgba(221,225,201,.28)!important;border-color:rgba(72,91,75,.20)!important;color:#40564a!important} #accountShell .account-trait-top span{color:#56675e!important} #accountShell .account-trait-track{background:rgba(62,51,37,.12)!important} #accountShell .account-trait-track i{background:linear-gradient(90deg,rgba(88,111,94,.55),rgba(110,130,105,.88))!important;box-shadow:none!important} #accountShell .account-signout{ background:rgba(244,226,205,.30)!important;border-color:rgba(126,71,62,.22)!important;color:#854d43!important; -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important; } #accountShell .account-setting:hover{background:rgba(252,247,235,.48)!important;border-color:rgba(76,59,39,.26)!important} @media(max-width:600px){ #accountShell.account-shell{background-attachment:scroll!important;background-position:center top!important} } /* v13.157 two-tab hub + locked seven-control introduction */ .collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important} html.kivoo-intro-lock,body.kivoo-intro-lock{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important} .kivoo-intro{pointer-events:auto!important;touch-action:none;overscroll-behavior:none;isolation:isolate} .kivoo-intro .intro-veil{pointer-events:auto} .intro-close{position:absolute;z-index:8;right:calc(14px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.23);background:rgba(6,9,13,.62);color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:24px;line-height:1;cursor:pointer;opacity:0;transform:scale(.86);animation:introCloseIn .42s .22s cubic-bezier(.16,.84,.24,1) forwards} .intro-close:active{transform:scale(.92)} @keyframes introCloseIn{to{opacity:1;transform:scale(1)}} .intro-head{top:calc(238px + env(safe-area-inset-top));max-width:248px;pointer-events:none} .intro-title{font-size:27px}.intro-sub{max-width:230px} .intro-top-callout{position:absolute;z-index:5;width:116px;min-height:48px;padding:8px 9px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(7,10,15,.74);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);box-shadow:0 10px 28px rgba(0,0,0,.22);text-align:center;pointer-events:none;will-change:left,top,opacity,transform,filter} .intro-top-callout:before{content:"";position:absolute;left:50%;top:-13px;width:1px;height:10px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.78))} .intro-top-callout strong{display:block;font-size:8px;letter-spacing:.14em;margin-bottom:3px}.intro-top-callout span{display:block;font-size:9px;line-height:1.25;color:rgba(255,255,255,.68)} .intro-callout{pointer-events:none} @media(max-width:390px){.intro-head{top:calc(232px + env(safe-area-inset-top));max-width:225px}.intro-title{font-size:25px}.intro-top-callout{width:108px;padding:7px 8px}.intro-top-callout span{font-size:8.5px}.intro-callout{width:min(218px,57vw)}} @media(max-height:720px){.intro-head{top:calc(220px + env(safe-area-inset-top));max-width:215px}.intro-title{font-size:24px}.intro-top-callout{min-height:44px}.intro-swipe{bottom:calc(12px + env(safe-area-inset-bottom))}} /* v13.161 — commercial Market shell */ .collection-shell.market-view{ background:#eeedde url('/assets/v13.274.0/img/market/market-commercial-bg.webp') center top/cover no-repeat fixed!important; color:#203029!important; } .collection-shell.market-view:before{ inset:0!important; background:linear-gradient(180deg,rgba(250,248,238,.20),rgba(246,244,233,.12) 34%,rgba(240,239,226,.30) 76%,rgba(242,241,229,.52))!important; opacity:1!important; } .collection-shell.market-view:after{ content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle at 18% 13%,rgba(105,151,126,.10),transparent 28%),radial-gradient(circle at 88% 30%,rgba(201,171,104,.10),transparent 25%); } .collection-shell.market-view .collection-head{ background:rgba(248,246,237,.38)!important;border-bottom:1px solid rgba(66,87,73,.13)!important; -webkit-backdrop-filter:blur(18px) saturate(1.04)!important;backdrop-filter:blur(18px) saturate(1.04)!important; } .collection-shell.market-view .collection-title{color:#1f3028!important;text-shadow:0 1px 0 rgba(255,255,255,.40)} .collection-shell.market-view .collection-meta{color:rgba(45,67,56,.66)!important} .collection-shell.market-view .collection-close{background:rgba(255,255,255,.30)!important;border-color:rgba(65,87,72,.16)!important;color:#21342a!important;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)} .collection-shell.market-view .collection-tabs{background:rgba(249,247,239,.34)!important;border-color:rgba(67,89,73,.14)!important;-webkit-backdrop-filter:blur(18px) saturate(1.03)!important;backdrop-filter:blur(18px) saturate(1.03)!important;box-shadow:0 10px 28px rgba(49,66,54,.06)} .collection-shell.market-view .collection-tab{background:transparent!important;color:rgba(46,65,55,.68)!important} .collection-shell.market-view .collection-tab.active{background:rgba(255,255,255,.48)!important;color:#1e3027!important;box-shadow:0 6px 15px rgba(48,65,54,.07)} .collection-shell.market-view .market-body{color:#203029!important;padding-top:14px!important} /* v13.162 — account insight dashboard + direct interest picker */ #accountShell .account-inner{padding-top:6px!important} #accountShell .account-identity{margin-top:8px!important} #accountShell .account-eyebrow,#accountShell .account-title{display:none!important} #accountShell .account-insight-section{margin-top:22px} #accountShell .account-top-interests,#accountShell .account-personality-profile{display:grid;gap:8px} #accountShell .account-interest-row,#accountShell .account-personality-row,#accountShell .account-insight-empty{ display:flex;align-items:center;gap:12px;min-height:78px;padding:13px 14px;border-radius:19px; background:linear-gradient(145deg,rgba(250,244,230,.40),rgba(232,215,182,.16));border:1px solid rgba(76,59,39,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 9px 25px rgba(48,36,22,.05); -webkit-backdrop-filter:blur(10px) saturate(.84);backdrop-filter:blur(10px) saturate(.84) } #accountShell .account-interest-rank,#accountShell .account-personality-rank{font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:rgba(68,83,72,.58);flex:0 0 24px} #accountShell .account-interest-copy,#accountShell .account-personality-copy{min-width:0;flex:1} #accountShell .account-interest-copy strong{display:block;font-size:14px;line-height:1.12;letter-spacing:-.018em;color:#28231c} #accountShell .account-interest-copy span{display:block;margin-top:4px;font-size:9px;line-height:1.28;color:rgba(48,40,31,.65)} #accountShell .account-interest-track,#accountShell .account-personality-track{height:3px;margin-top:9px;border-radius:99px;background:rgba(61,50,37,.10);overflow:hidden} #accountShell .account-interest-track i,#accountShell .account-personality-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(82,109,91,.55),rgba(82,109,91,.94))} #accountShell .account-interest-direct{flex:0 0 auto;padding:5px 7px;border-radius:999px;border:1px solid rgba(67,91,78,.18);background:rgba(223,231,211,.26);font-size:7px;font-weight:900;letter-spacing:.12em;color:#40594c} #accountShell .account-personality-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px} #accountShell .account-personality-top strong{font-size:14px;line-height:1.1;color:#28231c} #accountShell .account-personality-top span{font-size:10px;font-weight:850;color:#536b5e} #accountShell .account-personality-copy small{display:block;margin-top:4px;font-size:9px;line-height:1.2;color:rgba(48,40,31,.63)} #accountShell .account-insight-empty{display:block;min-height:0;padding:15px} #accountShell .account-insight-empty strong{display:block;font-size:13px;color:#28231c} #accountShell .account-insight-empty span{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:rgba(48,40,31,.66)} #accountShell .account-direct-interest-section{margin-top:24px} #accountShell .account-interest-launch{width:100%;min-height:86px;padding:15px 14px 15px 16px;border-radius:21px;border:1px solid rgba(72,91,77,.20);background:linear-gradient(145deg,rgba(232,239,219,.35),rgba(248,240,220,.22));color:#28231c;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 30px rgba(49,39,25,.06);-webkit-backdrop-filter:blur(11px) saturate(.88);backdrop-filter:blur(11px) saturate(.88)} #accountShell .account-interest-launch:active{transform:scale(.988)} #accountShell .account-interest-launch-copy{min-width:0;flex:1} #accountShell .account-interest-launch-copy strong{display:block;font-size:15px;letter-spacing:-.02em;color:#243027} #accountShell .account-interest-launch-copy span{display:block;margin-top:5px;font-size:10px;line-height:1.35;color:rgba(48,40,31,.68)} #accountShell .account-interest-launch-meta{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.28);border:1px solid rgba(72,91,77,.16);font-size:8px;font-weight:850;letter-spacing:.06em;color:#40594c} #accountShell .account-interest-launch>svg{width:17px;height:17px;flex:0 0 auto;color:rgba(49,65,55,.68)} #accountShell.interest-picker-open .account-page{overflow:hidden!important} .account-interest-picker{position:absolute;z-index:12;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease} .account-interest-picker.open{visibility:visible;opacity:1;pointer-events:auto} .account-interest-picker-backdrop{position:absolute;inset:0;background:rgba(35,31,24,.30);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} .account-interest-picker-panel{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:min(82vh,720px);border-radius:28px;border:1px solid rgba(78,67,48,.20);background:linear-gradient(160deg,rgba(250,246,234,.92),rgba(235,225,204,.88));box-shadow:0 28px 80px rgba(41,31,20,.22),inset 0 1px 0 rgba(255,255,255,.62);overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(24px) saturate(.92);backdrop-filter:blur(24px) saturate(.92);transform:translateY(22px) scale(.985);transition:transform .28s cubic-bezier(.16,.84,.24,1)} .account-interest-picker.open .account-interest-picker-panel{transform:translateY(0) scale(1)} .account-interest-picker-head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 12px} .account-interest-picker-head>div{min-width:0;flex:1}.account-interest-picker-head small{display:block;font-size:7px;font-weight:900;letter-spacing:.17em;color:#65766b}.account-interest-picker-head h2{margin:5px 0 0;font-size:25px;line-height:1;letter-spacing:-.04em;color:#27241d}.account-interest-picker-head p{margin:7px 0 0;max-width:42ch;font-size:10px;line-height:1.4;color:rgba(51,45,36,.67)} .account-interest-picker-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(74,64,47,.16);background:rgba(255,255,255,.34);color:#312c23;font-size:22px;line-height:1;display:grid;place-items:center;flex:0 0 auto} .account-interest-search-wrap{display:flex;align-items:center;gap:9px;margin:0 16px;padding:0 12px;height:44px;border-radius:15px;border:1px solid rgba(72,84,72,.16);background:rgba(255,255,255,.35)} .account-interest-search-wrap svg{width:17px;height:17px;color:#667469}.account-interest-search-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#2e2a22;font:600 12px Inter,system-ui,sans-serif}.account-interest-search-wrap input::placeholder{color:rgba(66,61,50,.45)} .account-interest-picker-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 8px;font-size:9px;font-weight:750;color:#5d6e62}.account-interest-picker-status button{border:0;background:transparent;padding:4px;color:#6e5948;font:800 8px Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase} .account-interest-options{min-height:0;flex:1;overflow-y:auto;padding:0 14px 16px;-webkit-overflow-scrolling:touch} .account-interest-group{margin-top:13px}.account-interest-group:first-child{margin-top:3px}.account-interest-group h3{margin:0 3px 7px;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(67,78,69,.62)}.account-interest-group>div{display:grid;gap:6px} .account-interest-option{width:100%;min-height:44px;padding:9px 10px 9px 12px;border-radius:14px;border:1px solid rgba(75,87,74,.13);background:rgba(255,255,255,.25);color:#2b2922;display:flex;align-items:center;gap:10px;text-align:left}.account-interest-option span{min-width:0;flex:1;font-size:11px;line-height:1.25;font-weight:650}.account-interest-option i{width:24px;height:24px;border-radius:50%;border:1px solid rgba(77,94,81,.18);display:grid;place-items:center;font-style:normal;font-size:13px;color:#53675b;background:rgba(255,255,255,.25)}.account-interest-option.selected{background:rgba(215,228,207,.42);border-color:rgba(71,101,82,.26)}.account-interest-option.selected i{background:#5d7868;border-color:#5d7868;color:#fff} .account-interest-no-results{padding:34px 12px;text-align:center;font-size:11px;color:rgba(58,52,43,.58)} .account-interest-picker-footer{padding:11px 14px 14px;border-top:1px solid rgba(76,64,47,.10);background:rgba(244,237,222,.58)} .account-interest-save{width:100%;height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#5e796a,#3f5b4d);color:#fff;font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 12px 28px rgba(53,75,62,.18)} @media(min-width:650px){.account-interest-picker-panel{left:50%;right:auto;width:min(620px,calc(100vw - 40px));transform:translate(-50%,22px) scale(.985)}.account-interest-picker.open .account-interest-picker-panel{transform:translate(-50%,0) scale(1)}.account-interest-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v13.164 — minimalist direct-interest picker */ #accountShell .account-direct-interest-section{margin-top:22px} #accountShell .account-interest-launch{ min-height:68px;padding:13px 14px 13px 15px;border-radius:18px; border:1px solid rgba(68,77,66,.16);background:rgba(249,246,237,.32); box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); } #accountShell .account-interest-launch-copy strong{font-size:14px;font-weight:720;letter-spacing:-.015em} #accountShell .account-interest-launch-copy span{margin-top:3px;font-size:9.5px;line-height:1.3;color:rgba(48,40,31,.62)} #accountShell .account-interest-launch-meta{padding:0;border:0;background:transparent;font-size:8px;font-weight:750;color:rgba(55,72,61,.68);white-space:nowrap} #accountShell .account-interest-launch>svg{width:15px;height:15px;color:rgba(49,65,55,.50)} .account-interest-picker{transition:opacity .16s ease,visibility .16s ease} .account-interest-picker-backdrop{background:rgba(30,27,22,.20);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .account-interest-picker-panel{ left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:min(74vh,650px); border-radius:24px;border:1px solid rgba(77,68,54,.14);background:rgba(247,243,232,.96); box-shadow:0 20px 55px rgba(38,31,23,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px); transform:translateY(14px);transition:transform .20s cubic-bezier(.2,.75,.25,1) } .account-interest-picker.open .account-interest-picker-panel{transform:translateY(0)} .account-interest-picker-head{align-items:center;padding:18px 18px 11px;border-bottom:0} .account-interest-picker-head small{display:none!important} .account-interest-picker-head h2{margin:0;font-size:21px;font-weight:730;line-height:1.02;letter-spacing:-.03em;color:#28251f} .account-interest-picker-head p{margin:4px 0 0;font-size:9.5px;line-height:1.3;color:rgba(50,45,37,.55)} .account-interest-picker-close{width:32px;height:32px;border:0;background:transparent;color:#3d382f;font-size:24px} .account-interest-search-wrap{height:42px;margin:0 16px;padding:0 11px;border-radius:13px;border:1px solid rgba(69,77,66,.13);background:rgba(255,255,255,.45)} .account-interest-search-wrap svg{width:15px;height:15px;color:rgba(73,84,75,.55)} .account-interest-search-wrap input{font-size:11.5px;font-weight:560;color:#2d2a24} .account-interest-picker-status{padding:9px 18px 7px;font-size:8.5px;font-weight:650;color:rgba(66,78,69,.62)} .account-interest-picker-status button{font-size:8px;font-weight:700;color:rgba(82,66,54,.58);letter-spacing:.05em;text-transform:none} .account-interest-options{padding:0 14px 12px} .account-interest-group{margin-top:14px} .account-interest-group:first-child{margin-top:4px} .account-interest-group h3{margin:0 3px 7px;font-size:7.5px;font-weight:780;letter-spacing:.10em;color:rgba(63,73,65,.52)} .account-interest-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .account-interest-option{ min-height:42px;padding:8px 9px 8px 10px;border-radius:12px;border:1px solid rgba(72,82,70,.11); background:rgba(255,255,255,.30);gap:7px;transition:background .12s ease,border-color .12s ease } .account-interest-option span{font-size:10.2px;line-height:1.18;font-weight:600;color:#302d27} .account-interest-option i{width:20px;height:20px;border-radius:50%;font-size:11px;border:1px solid rgba(77,94,81,.16);background:transparent;color:rgba(76,92,81,.70)} .account-interest-option.selected{background:rgba(214,224,207,.56);border-color:rgba(74,95,79,.22)} .account-interest-option.selected i{background:#5f7768;border-color:#5f7768;color:#fff} .account-interest-no-results{padding:30px 10px;font-size:10px} .account-interest-picker-footer{padding:10px 14px 13px;border-top:1px solid rgba(77,67,52,.08);background:rgba(247,243,232,.92)} .account-interest-save{height:46px;border-radius:14px;background:#50695b;box-shadow:none;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:none} @media(min-width:650px){ .account-interest-picker-panel{width:min(560px,calc(100vw - 48px));transform:translate(-50%,14px)} .account-interest-picker.open .account-interest-picker-panel{transform:translate(-50%,0)} } @media(max-width:350px){.account-interest-group>div{grid-template-columns:1fr}} /* v13.165 account identity cleanup */ #accountVerified,#accountXP{display:none!important} /* v13.166 — dedicated TV category/editorial treatment */ #app.tv-editorial-live{background:#f3ece8;color:#302835} #app.tv-editorial-live .topbar{background:linear-gradient(to bottom,rgba(248,243,239,.98),rgba(248,243,239,.84) 58%,transparent);color:#302835} #app.tv-editorial-live .brand{color:#302835;text-shadow:none} #app.tv-editorial-live .collection-launch,#app.tv-editorial-live .user-login-btn,#app.tv-editorial-live #app.tv-editorial-live .collection-count{background:#7a4f71;color:#fffaf7;border-color:#fffaf7} .card.tv-editorial{background:#f3ece8;color:#302835;padding-left:20px;padding-right:20px} .card.tv-editorial .bg{inset:0;background-image:radial-gradient(circle at 13% 7%,rgba(255,252,249,.67),rgba(255,252,249,.16) 18%,transparent 33%),radial-gradient(circle at 88% 17%,rgba(122,79,113,.16),rgba(122,79,113,.035) 15%,transparent 25%),linear-gradient(180deg,rgba(243,236,232,0) 0%,rgba(243,236,232,.02) 18%,rgba(243,236,232,.06) 34%,rgba(241,234,230,.17) 48%,rgba(238,232,228,.47) 64%,rgba(238,232,228,.82) 80%,rgba(240,234,230,.96) 91%,#f3ece8 100%),var(--tv-bg);background-position:center center,center center,center center,var(--tv-pos,65% 7%);background-size:auto,auto,auto,var(--tv-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.004);filter:saturate(1.03) contrast(1.01)} .card.tv-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(rgba(81,56,78,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.tv-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(243,236,232,0) 0 28%,rgba(243,236,232,.035) 40%,rgba(241,234,230,.15) 52%,rgba(238,232,228,.44) 67%,rgba(238,232,228,.84) 83%,rgba(240,234,230,.97) 93%,#f3ece8 100%);pointer-events:none} .card.tv-editorial .scene.scene-tv{display:none} .card.tv-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#302835} .card.tv-editorial .kicker{margin-bottom:8px;color:#7a4f71;font-size:10px;letter-spacing:.12em} .card.tv-editorial h1{max-width:13ch;margin-bottom:11px;color:#302835;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.tv-editorial .copy{min-height:108px} .card.tv-editorial .hook{max-width:34ch;margin-bottom:8px;color:#45384a;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.tv-editorial .detail{color:#746a73;font-size:13px;line-height:1.46} .card.tv-editorial .mode-flag{color:#7a4f71} .card.tv-editorial .difficulty-stars{color:#a96f62;text-shadow:none} .card.tv-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.tv-editorial .action,.card.tv-editorial .take-btn,.card.tv-editorial .deep-btn,.card.tv-editorial .challenge-btn{background:rgba(252,248,244,.93);border-color:rgba(48,40,53,.14);color:#302835;box-shadow:0 9px 24px rgba(79,55,77,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.tv-editorial .action.active,.card.tv-editorial .take-btn.active,.card.tv-editorial .deep-btn.active{background:#7a4f71;color:#fffaf7;border-color:#7a4f71} .card.tv-editorial.deep .bg,.card.tv-editorial.take .bg{opacity:.84;filter:saturate(.98)} .card.tv-editorial.deep .shade,.card.tv-editorial.take .shade{background:linear-gradient(to bottom,rgba(243,236,232,.05) 0 32%,rgba(241,234,230,.19) 46%,rgba(238,232,228,.59) 67%,rgba(238,232,228,.92) 82%,#f3ece8 100%)} .card.tv-editorial.deep .content,.card.tv-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.tv-editorial.deep h1,.card.tv-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.tv-editorial.deep .kicker,.card.tv-editorial.take .kicker,.card.tv-editorial.deep .mode-flag,.card.tv-editorial.take .mode-flag{flex:0 0 auto!important} .card.tv-editorial.deep .copy,.card.tv-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.tv-editorial .content{left:18px;right:70px}.card.tv-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.tv-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}.card.tv-editorial.deep .content,.card.tv-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} @media(max-height:690px){.card.tv-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.tv-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.tv-editorial .copy{min-height:92px}.card.tv-editorial .kicker{margin-bottom:5px}} /* Music & Media editorial system · v13.187.0 */ #app.music-media-editorial-live{background:radial-gradient(circle at top,rgba(245,239,229,.34),rgba(14,16,20,0) 52%),var(--app-bg,#0f1116)} .card.music-media-editorial{background:linear-gradient(180deg,#f2ebdf 0%,#efe5d6 100%);color:#231d18;overflow:hidden} .card.music-media-editorial .bg{background:linear-gradient(180deg,rgba(251,248,241,.04),rgba(243,236,223,.06)),var(--music-media-bg) var(--music-media-pos,50% 6%)/var(--music-media-size,cover) no-repeat;transform:scale(1.018)} .card.music-media-editorial .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,242,233,.12) 0%,rgba(245,239,229,.10) 18%,rgba(243,236,225,.72) 48%,rgba(241,233,221,.92) 62%,rgba(239,229,214,.985) 78%,#eee4d5 100%)} .card.music-media-editorial:before{content:"";position:absolute;inset:0;background:radial-gradient(130% 70% at 50% 0%,rgba(105,130,160,.12),transparent 42%),radial-gradient(110% 48% at 24% 13%,rgba(204,168,93,.10),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%);pointer-events:none;z-index:1} .card.music-media-editorial .shade{background:linear-gradient(180deg,rgba(31,24,18,.03) 0%,rgba(31,24,18,.07) 26%,rgba(31,24,18,.10) 40%,rgba(31,24,18,.14) 100%)} .card.music-media-editorial .scene.scene-music-media{display:none} .card.music-media-editorial .content{z-index:6;color:#241d17;text-shadow:none} .card.music-media-editorial .kicker{color:#8f7650;background:rgba(255,250,244,.78);border:1px solid rgba(143,118,80,.18);box-shadow:0 8px 22px rgba(70,54,37,.08)} .card.music-media-editorial h1{color:#201913;text-shadow:none} .card.music-media-editorial .hook,.card.music-media-editorial .detail{color:rgba(54,43,32,.94);text-shadow:none} .card.music-media-editorial .mode-flag{color:#6f5e49} .card.music-media-editorial .actions,.card.music-media-editorial .take-discussion-actions{z-index:7} .card.music-media-editorial .actions button,.card.music-media-editorial .take-discussion-actions .take-vote-btn{background:rgba(255,250,244,.72);color:#2b221b;border:1px solid rgba(128,106,76,.18);box-shadow:0 12px 28px rgba(82,63,45,.10),inset 0 1px 0 rgba(255,255,255,.5)} .card.music-media-editorial .actions button:hover,.card.music-media-editorial .take-discussion-actions .take-vote-btn:hover{background:rgba(255,251,247,.92)} .card.music-media-editorial .actions button.active,.card.music-media-editorial .take-discussion-actions .take-vote-btn.active,.card.music-media-editorial .take-discussion-actions .take-vote-btn[aria-pressed='true']{background:rgba(224,205,164,.78);border-color:rgba(126,101,67,.28);color:#261d14} .card.music-media-editorial .take-vote-mark{color:#8f6c3d} .card.music-media-editorial .meta,.card.music-media-editorial .progress{color:#6b5b49} /* v13.172 — own Collection reader marker */ .own-collection-label-v172{ position:absolute;z-index:18;left:max(19px,calc(env(safe-area-inset-left) + 16px));bottom:calc(24px + env(safe-area-inset-bottom)); display:flex;align-items:center;gap:9px;pointer-events:none;user-select:none; color:rgba(255,255,255,.82);text-shadow:0 1px 8px rgba(0,0,0,.58),0 0 20px rgba(0,0,0,.24); font-family:Georgia,"Times New Roman",serif;font-size:12px;line-height:1;font-weight:700;letter-spacing:.04em; -webkit-font-smoothing:antialiased; } .own-collection-label-v172>span{display:none} .own-collection-label-v172>em{font-style:normal;font-weight:700;white-space:nowrap} .card.porsche-editorial .own-collection-label-v172,.card.cartier-editorial .own-collection-label-v172,.card.royal-editorial .own-collection-label-v172,.card.space-editorial .own-collection-label-v172,.card.economy-editorial .own-collection-label-v172,.card.literature-editorial .own-collection-label-v172,.card.sports-editorial .own-collection-label-v172,.card.science-editorial .own-collection-label-v172,.card.politics-editorial .own-collection-label-v172,.card.history-editorial .own-collection-label-v172,.card.world-nature-editorial .own-collection-label-v172,.card.psychology-editorial .own-collection-label-v172,.card.computing-ai-editorial .own-collection-label-v172,.card.technology-future-editorial .own-collection-label-v172,.card.philosophy-editorial .own-collection-label-v172,.card.fashion-editorial .own-collection-label-v172,.card.food-editorial .own-collection-label-v172,.card.tv-editorial .own-collection-label-v172,.card.film-editorial .own-collection-label-v172,.card.art-editorial .own-collection-label-v172,.card.music-media-editorial .own-collection-label-v172,.card.world-travel-editorial .own-collection-label-v172,.card.culture-belief-editorial .own-collection-label-v172,.card.car-editorial .own-collection-label-v172{ color:rgba(39,47,43,.72);text-shadow:0 1px 0 rgba(255,255,255,.58),0 0 16px rgba(255,255,255,.38) } @media(max-height:620px){.own-collection-label-v172{bottom:calc(18px + env(safe-area-inset-bottom));font-size:11px}} /* v13.176 smooth first-feed gate: the first visible Kivoo is rendered only after Clerk/account state has resolved. The gate covers the whole app so neither a provisional card nor its category-specific chrome can flash on screen. */ .feed-startup-gate{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 30%),#080a0e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s cubic-bezier(.22,.72,.24,1),visibility 0s linear .16s} .feed-startup-inner{display:grid;justify-items:center;transform:translateY(-1vh);color:#f7f9fb;text-align:center} .feed-startup-brand{font-family:inherit;font-size:22px;font-weight:950;line-height:1;letter-spacing:.16em;color:#f7f9fb;text-shadow:0 2px 18px rgba(0,0,0,.3);animation:kivooStartupBrand 1.15s ease-in-out infinite alternate} .feed-startup-brand:after{content:"";display:block;width:34px;height:1px;margin:14px auto 0;background:linear-gradient(90deg,transparent,rgba(247,249,251,.42),transparent);transform-origin:center;animation:kivooStartupLine 1.15s ease-in-out infinite alternate} html.kivoo-feed-startup .feed-startup-gate{opacity:1;visibility:visible;pointer-events:auto;transition:none} html.kivoo-feed-startup #stage>.card{visibility:hidden!important} html.kivoo-feed-startup.kivoo-feed-startup-releasing #stage>.card{visibility:visible!important} html.kivoo-feed-startup-releasing .feed-startup-gate{visibility:visible;pointer-events:auto} html.kivoo-feed-startup-fade .feed-startup-gate{opacity:0;transition:opacity .16s cubic-bezier(.22,.72,.24,1)} @keyframes kivooStartupBrand{from{opacity:.76;transform:translateY(1px)}to{opacity:1;transform:translateY(-1px)}} @keyframes kivooStartupLine{from{opacity:.28;transform:scaleX(.72)}to{opacity:.62;transform:scaleX(1)}} @media(prefers-reduced-motion:reduce){.feed-startup-gate{transition:none!important}.feed-startup-brand,.feed-startup-brand:after{animation:none!important}} /* v13.197 Music & Media unified with KIVOO editorial system */ #app.music-media-editorial-live{background:#f3ede3;color:#2f2418} #app.music-media-editorial-live .topbar{background:linear-gradient(to bottom,rgba(249,244,236,.98),rgba(249,244,236,.84) 58%,transparent);color:#2f2418} #app.music-media-editorial-live .brand{color:#2f2418;text-shadow:none} #app.music-media-editorial-live .collection-count{background:#9c7a4b;color:#fff8ef;border-color:#fff8ef} .card.music-media-editorial{background:#f3ede3;color:#2f2418;padding-left:20px;padding-right:20px} .card.music-media-editorial .bg{inset:0;background-image:radial-gradient(circle at 16% 8%,rgba(255,251,245,.58),rgba(255,251,245,.12) 18%,transparent 32%),radial-gradient(circle at 88% 16%,rgba(142,163,186,.16),rgba(142,163,186,.03) 14%,transparent 24%),linear-gradient(180deg,rgba(243,237,227,0) 0%,rgba(243,237,227,.018) 18%,rgba(243,237,227,.05) 36%,rgba(240,233,223,.18) 52%,rgba(238,231,220,.48) 68%,rgba(236,229,218,.84) 83%,rgba(237,230,219,.98) 94%,#f3ede3 100%),var(--music-media-bg);background-position:center center,center center,center center,var(--music-media-pos,62% 8%);background-size:auto,auto,auto,var(--music-media-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.02) contrast(1.01)} .card.music-media-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(rgba(62,51,38,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.music-media-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(246,240,231,0) 0 30%,rgba(246,240,231,.025) 42%,rgba(242,235,226,.13) 54%,rgba(239,232,223,.43) 69%,rgba(237,230,220,.86) 84%,rgba(238,231,221,.98) 94%,#f3ede3 100%);pointer-events:none} .card.music-media-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#2f2418} .card.music-media-editorial .kicker{margin-bottom:8px;color:#8b6c43;font-size:10px;letter-spacing:.12em;background:none;border:0;box-shadow:none;padding:0} .card.music-media-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#9fa6b4;box-shadow:none} .card.music-media-editorial h1{max-width:13ch;margin-bottom:11px;color:#2f2418;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.music-media-editorial .copy{min-height:108px} .card.music-media-editorial .hook{max-width:34ch;margin-bottom:8px;color:#433426;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.music-media-editorial .detail{color:#70675d;font-size:13px;line-height:1.46} .card.music-media-editorial .mode-flag{color:#8b6c43} .card.music-media-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.music-media-editorial .action,.card.music-media-editorial .take-btn,.card.music-media-editorial .deep-btn,.card.music-media-editorial .challenge-btn,.card.music-media-editorial .take-discussion-actions .take-vote-btn{background:rgba(255,251,245,.92);border:1px solid rgba(47,36,24,.13);color:#2f2418;box-shadow:0 9px 24px rgba(82,63,45,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.music-media-editorial .action.active,.card.music-media-editorial .take-btn.active,.card.music-media-editorial .deep-btn.active,.card.music-media-editorial .take-discussion-actions .take-vote-btn.active,.card.music-media-editorial .take-discussion-actions .take-vote-btn[aria-pressed='true']{background:#9c7a4b;color:#fff8ef;border-color:#9c7a4b} .card.music-media-editorial .take-vote-mark{color:#8b6c43} .card.music-media-editorial .meta,.card.music-media-editorial .progress{color:#70675d} .card.music-media-editorial.deep .bg,.card.music-media-editorial.take .bg{opacity:.84;filter:saturate(.99) contrast(1.01)} .card.music-media-editorial.deep .shade,.card.music-media-editorial.take .shade{background:linear-gradient(to bottom,rgba(246,240,231,.04) 0 33%,rgba(242,235,226,.16) 48%,rgba(239,232,223,.57) 68%,rgba(237,230,220,.92) 84%,#f3ede3 100%)} @media(max-width:390px){.card.music-media-editorial .content{left:18px;right:70px}.card.music-media-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.music-media-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.music-media-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.music-media-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.music-media-editorial .copy{min-height:92px}.card.music-media-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .music-media-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#eee6d9}.collection-card .mini-scene .music-media-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .music-media-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,251,245,.92);border:1px solid rgba(47,36,24,.12);color:#8b6c43;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .music-media-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(139,108,67,.52),rgba(139,108,67,0));display:block} .card.music-media-editorial.deep .content,.card.music-media-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.music-media-editorial.deep h1,.card.music-media-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.music-media-editorial.deep .kicker,.card.music-media-editorial.take .kicker,.card.music-media-editorial.deep .mode-flag,.card.music-media-editorial.take .mode-flag{flex:0 0 auto!important} .card.music-media-editorial.deep .copy,.card.music-media-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.music-media-editorial.deep .content,.card.music-media-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} /* v13.198 collect confirmation follows the pressed Collect button palette */ .toast.collect-toast{background:var(--toast-match-bg,rgba(5,7,10,.82))!important;color:var(--toast-match-color,#fff)!important;border:1px solid var(--toast-match-border,rgba(255,255,255,.19))!important;box-shadow:var(--toast-match-shadow,0 10px 29px rgba(0,0,0,.24))!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;padding:11px 16px!important;border-radius:16px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.01em!important;text-shadow:none!important} /* v13.199 — cleaner, more prominent account page */ #accountShell .account-inner{max-width:620px!important;padding-left:18px!important;padding-right:18px!important;padding-bottom:42px!important} #accountShell .account-identity{padding:18px!important;border:1px solid rgba(67,50,31,.28)!important;background:linear-gradient(145deg,rgba(255,249,235,.72),rgba(235,216,178,.34))!important;box-shadow:0 12px 34px rgba(55,42,25,.10),inset 0 1px 0 rgba(255,255,255,.70)!important} #accountShell .account-name{font-size:24px!important;font-weight:820!important;letter-spacing:-.035em!important;color:#211c16!important} #accountShell .account-email{font-size:11.5px!important;font-weight:650!important;color:rgba(40,33,25,.70)!important} #accountShell .account-stats{gap:15px!important;margin-top:14px!important} #accountShell .account-stat{min-height:104px!important;padding:17px 14px!important;border-radius:18px!important;border:1px solid rgba(67,50,31,.26)!important;background:linear-gradient(145deg,rgba(255,249,235,.68),rgba(235,216,178,.30))!important;box-shadow:0 10px 28px rgba(55,42,25,.09),inset 0 1px 0 rgba(255,255,255,.66)!important} #accountShell .account-stat strong{font-size:30px!important;font-weight:860!important;color:#211c16!important} #accountShell .account-stat span{margin-top:9px!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em!important;color:rgba(40,33,25,.72)!important} #accountShell .account-section{margin-top:26px!important} #accountShell .account-section-title{margin:0 0 10px 2px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;color:rgba(38,31,23,.78)!important} #accountShell .account-top-interests{gap:9px!important} #accountShell .account-interest-row,#accountShell .account-insight-empty{min-height:76px!important;padding:14px 15px!important;border-radius:17px!important;border:1px solid rgba(67,50,31,.24)!important;background:linear-gradient(145deg,rgba(255,249,235,.72),rgba(235,216,178,.30))!important;box-shadow:0 9px 26px rgba(55,42,25,.08),inset 0 1px 0 rgba(255,255,255,.66)!important} #accountShell .account-interest-rank{font-size:11px!important;font-weight:900!important;color:rgba(63,81,68,.76)!important;flex-basis:28px!important} #accountShell .account-interest-copy strong{font-size:16px!important;font-weight:800!important;line-height:1.15!important;color:#211c16!important} #accountShell .account-interest-copy>span{display:none!important} #accountShell .account-interest-track{height:5px!important;margin-top:11px!important;background:rgba(57,47,34,.14)!important} #accountShell .account-interest-track i{background:linear-gradient(90deg,#637d6b,#405d4d)!important} #accountShell .account-interest-direct{padding:6px 8px!important;font-size:7.5px!important;font-weight:900!important;color:#30483b!important;background:rgba(214,226,205,.62)!important;border-color:rgba(58,82,68,.25)!important} #accountShell .account-insight-empty strong{font-size:15px!important;font-weight:800!important} #accountShell .account-personality-profile,#accountShell .account-profile-note{display:none!important} #accountShell .account-interest-launch{min-height:72px!important;padding:15px 16px!important;border-radius:17px!important;border:1px solid rgba(62,79,66,.25)!important;background:linear-gradient(145deg,rgba(232,239,219,.72),rgba(248,240,220,.46))!important;box-shadow:0 10px 28px rgba(49,39,25,.08),inset 0 1px 0 rgba(255,255,255,.62)!important} #accountShell .account-interest-launch-copy strong{font-size:16px!important;font-weight:820!important;color:#233027!important} #accountShell .account-interest-launch-copy span{display:none!important} #accountShell .account-interest-launch-meta{font-size:9.5px!important;font-weight:850!important;color:#3d594a!important} #accountShell .account-setting{min-height:72px!important;padding:15px 16px!important;border-radius:17px!important;border:1px solid rgba(67,50,31,.24)!important;background:linear-gradient(145deg,rgba(255,249,235,.68),rgba(235,216,178,.28))!important;box-shadow:0 9px 26px rgba(55,42,25,.07),inset 0 1px 0 rgba(255,255,255,.64)!important} #accountShell .account-setting-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:rgba(255,250,239,.54)!important} #accountShell .account-setting-icon svg{width:20px!important;height:20px!important} #accountShell .account-setting-copy strong{font-size:15px!important;font-weight:820!important;color:#211c16!important} #accountShell .account-setting-copy span{margin-top:3px!important;font-size:10px!important;font-weight:720!important;color:rgba(40,33,25,.62)!important} #accountShell .account-signout{height:56px!important;border-radius:17px!important;font-size:12px!important;font-weight:900!important} #accountShell .account-footnote{display:none!important} .account-interest-picker-head p{display:none!important} @media(max-width:390px){ #accountShell .account-inner{padding-left:14px!important;padding-right:14px!important} #accountShell .account-stat{min-height:96px!important;padding:15px 10px!important} #accountShell .account-stat strong{font-size:27px!important} #accountShell .account-stat span{font-size:9px!important} #accountShell .account-interest-copy strong{font-size:15px!important} } /* v13.202 Architecture editorial collection */ #app.architecture-editorial-live{background:#f2ede4;color:#29373b} #app.architecture-editorial-live .topbar{background:linear-gradient(to bottom,rgba(248,245,238,.98),rgba(248,245,238,.84) 58%,transparent);color:#29373b} #app.architecture-editorial-live .brand{color:#29373b;text-shadow:none} #app.architecture-editorial-live .collection-count{background:#52899a;color:#fffaf2;border-color:#fffaf2} .card.architecture-editorial{background:#f2ede4;color:#29373b;padding-left:20px;padding-right:20px} .card.architecture-editorial .bg{inset:0;background-image:radial-gradient(circle at 14% 7%,rgba(255,253,248,.62),rgba(255,253,248,.14) 18%,transparent 32%),radial-gradient(circle at 88% 14%,rgba(87,145,163,.17),rgba(87,145,163,.03) 15%,transparent 25%),linear-gradient(180deg,rgba(242,237,228,0) 0%,rgba(242,237,228,.018) 20%,rgba(242,237,228,.05) 37%,rgba(239,234,226,.18) 52%,rgba(237,232,224,.48) 68%,rgba(235,230,222,.84) 83%,rgba(238,233,225,.98) 94%,#f2ede4 100%),var(--architecture-bg);background-position:center center,center center,center center,var(--architecture-pos,64% 6%);background-size:auto,auto,auto,var(--architecture-size,cover);background-repeat:no-repeat;animation:none;transform:translateZ(0) scale(1.003);filter:saturate(1.02) contrast(1.01)} .card.architecture-editorial .bg:after{content:"";position:absolute;inset:0;opacity:.04;background-image:radial-gradient(rgba(49,73,79,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply;pointer-events:none} .card.architecture-editorial .shade{z-index:2;background:linear-gradient(to bottom,rgba(246,242,234,0) 0 30%,rgba(246,242,234,.025) 42%,rgba(242,237,229,.13) 54%,rgba(239,234,226,.43) 69%,rgba(237,232,224,.86) 84%,rgba(239,234,226,.98) 94%,#f2ede4 100%);pointer-events:none} .card.architecture-editorial .scene.scene-architecture{display:none} .card.architecture-editorial .content{position:absolute;z-index:5;left:20px;right:77px;bottom:calc(98px + env(safe-area-inset-bottom));max-width:none;padding-right:0;text-shadow:none;color:#29373b} .card.architecture-editorial .kicker{margin-bottom:8px;color:#4f8493;font-size:10px;letter-spacing:.12em} .card.architecture-editorial .kicker:before{width:24px;height:2px;border-radius:0;background:#c69b64;box-shadow:none} .card.architecture-editorial h1{max-width:13ch;margin-bottom:11px;color:#29373b;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,8.05vw,45px);font-weight:500;line-height:.94;letter-spacing:-.05em;text-wrap:balance} .card.architecture-editorial .copy{min-height:108px} .card.architecture-editorial .hook{max-width:34ch;margin-bottom:8px;color:#34474d;font-size:clamp(16px,4.1vw,20px);line-height:1.24;letter-spacing:-.016em} .card.architecture-editorial .detail{color:#707875;font-size:13px;line-height:1.46} .card.architecture-editorial .mode-flag{color:#4f8493} .card.architecture-editorial .difficulty-stars{color:#4f8493;text-shadow:none} .card.architecture-editorial .actions{bottom:calc(98px + env(safe-area-inset-bottom))} .card.architecture-editorial .action,.card.architecture-editorial .take-btn,.card.architecture-editorial .deep-btn,.card.architecture-editorial .challenge-btn,.card.architecture-editorial .take-discussion-actions .take-vote-btn{background:rgba(255,252,246,.90);border-color:rgba(41,55,59,.13);color:#29373b;box-shadow:0 9px 24px rgba(65,86,91,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)} .card.architecture-editorial .action.active,.card.architecture-editorial .take-btn.active,.card.architecture-editorial .deep-btn.active,.card.architecture-editorial .take-discussion-actions .take-vote-btn.active,.card.architecture-editorial .take-discussion-actions .take-vote-btn[aria-pressed='true']{background:#52899a;color:#fffaf2;border-color:#52899a} .card.architecture-editorial.deep .bg,.card.architecture-editorial.take .bg{opacity:.84;filter:saturate(.99) contrast(1.01)} .card.architecture-editorial.deep .shade,.card.architecture-editorial.take .shade{background:linear-gradient(to bottom,rgba(246,242,234,.04) 0 33%,rgba(242,237,229,.16) 48%,rgba(239,234,226,.57) 68%,rgba(237,232,224,.92) 84%,#f2ede4 100%)} @media(max-width:390px){.card.architecture-editorial .content{left:18px;right:70px}.card.architecture-editorial h1{font-size:clamp(28px,7.8vw,43px)}.card.architecture-editorial .hook{font-size:clamp(15.5px,4.05vw,19px)}} @media(max-height:690px){.card.architecture-editorial h1{font-size:clamp(27px,7.4vw,41px);margin-bottom:7px}.card.architecture-editorial .hook{font-size:15px;line-height:1.2;margin-bottom:6px}.card.architecture-editorial .copy{min-height:92px}.card.architecture-editorial .kicker{margin-bottom:5px}} .collection-card .mini-scene .architecture-editorial-art{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#ede8df}.collection-card .mini-scene .architecture-editorial-art img{width:100%;height:100%;object-fit:cover;display:block;transform:none}.collection-card .mini-scene .architecture-editorial-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:999px;background:rgba(255,252,246,.92);border:1px solid rgba(41,55,59,.12);color:#4f8493;font-size:8px;font-weight:800;letter-spacing:.14em}.collection-card .mini-scene .architecture-editorial-line{position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,rgba(79,132,147,.52),rgba(79,132,147,0));display:block} .card.architecture-editorial.deep .content,.card.architecture-editorial.take .content{top:var(--kivoo-mode-top,42%)!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:20px!important;right:77px!important;width:auto!important;max-width:none!important;padding-right:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} .card.architecture-editorial.deep h1,.card.architecture-editorial.take h1{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important} .card.architecture-editorial.deep .kicker,.card.architecture-editorial.take .kicker,.card.architecture-editorial.deep .mode-flag,.card.architecture-editorial.take .mode-flag{flex:0 0 auto!important} .card.architecture-editorial.deep .copy,.card.architecture-editorial.take .copy{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:3px;padding-bottom:4px} @media(max-width:390px){.card.architecture-editorial.deep .content,.card.architecture-editorial.take .content{left:18px!important;right:70px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}} /* v13.204 — small readability/contrast pass */ .card .kicker{font-size:11px!important} .card.porsche-editorial .own-collection-label-v172,.card.cartier-editorial .own-collection-label-v172,.card.royal-editorial .own-collection-label-v172,.card.space-editorial .own-collection-label-v172,.card.economy-editorial .own-collection-label-v172,.card.literature-editorial .own-collection-label-v172,.card.sports-editorial .own-collection-label-v172,.card.science-editorial .own-collection-label-v172,.card.politics-editorial .own-collection-label-v172,.card.history-editorial .own-collection-label-v172,.card.world-nature-editorial .own-collection-label-v172,.card.psychology-editorial .own-collection-label-v172,.card.computing-ai-editorial .own-collection-label-v172,.card.technology-future-editorial .own-collection-label-v172,.card.philosophy-editorial .own-collection-label-v172,.card.fashion-editorial .own-collection-label-v172,.card.food-editorial .own-collection-label-v172,.card.tv-editorial .own-collection-label-v172,.card.film-editorial .own-collection-label-v172,.card.art-editorial .own-collection-label-v172,.card.music-media-editorial .own-collection-label-v172,.card.world-travel-editorial .own-collection-label-v172,.card.culture-belief-editorial .own-collection-label-v172,.card.car-editorial .own-collection-label-v172,.card.architecture-editorial .own-collection-label-v172{color:rgba(24,29,27,.94)!important;text-shadow:0 1px 0 rgba(255,255,255,.46),0 0 12px rgba(255,255,255,.22)!important} #accountShell .account-section-title{color:#2b241c!important} /* v13.208 account deletion */ #accountShell .account-delete-setting{color:#7d312d!important;border-color:rgba(126,52,47,.28)!important;background:linear-gradient(145deg,rgba(255,244,234,.72),rgba(236,201,181,.30))!important} #accountShell .account-delete-setting .account-setting-icon{color:#8d3732!important;border-color:rgba(126,52,47,.22)!important;background:rgba(255,244,234,.54)!important} #accountShell .account-delete-setting .account-setting-copy strong{color:#762f2b!important} #accountShell .account-delete-setting .account-chevron{color:#8b4a45!important} #accountShell .account-delete-setting:hover{background:linear-gradient(145deg,rgba(255,246,237,.82),rgba(238,202,183,.38))!important;border-color:rgba(126,52,47,.36)!important} .account-delete-dialog{position:fixed;z-index:45;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease} .account-delete-dialog.open{visibility:visible;opacity:1;pointer-events:auto} .account-delete-backdrop{position:absolute;inset:0;background:rgba(25,20,16,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .account-delete-panel{position:relative;z-index:2;width:min(100%,390px);padding:25px 22px 21px;border-radius:20px;border:1px solid rgba(102,71,51,.24);background:rgba(251,244,229,.97);color:#2b2119;box-shadow:0 28px 80px rgba(45,31,21,.24);text-align:center} .account-delete-mark{width:40px;height:40px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:rgba(145,55,50,.09);border:1px solid rgba(145,55,50,.18);color:#8e3934;font-size:24px;font-weight:500;line-height:1} .account-delete-panel h2{margin:0;font-size:22px;line-height:1.1;font-weight:850;letter-spacing:-.03em;color:#241c16} .account-delete-panel p{max-width:31ch;margin:10px auto 20px;font-size:12px;line-height:1.48;font-weight:620;color:rgba(43,33,25,.70)} .account-delete-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px} .account-delete-actions button{min-height:48px;border-radius:14px;font-family:inherit;font-size:11px;font-weight:850;letter-spacing:.03em;cursor:pointer} .account-delete-cancel{border:1px solid rgba(67,50,31,.18);background:rgba(255,252,245,.76);color:#33291f} .account-delete-confirm{border:1px solid rgba(126,52,47,.28);background:#8b3732;color:#fff8f3;box-shadow:0 8px 20px rgba(126,52,47,.16)} .account-delete-actions button:disabled{opacity:.55;cursor:default} @media(max-width:390px){.account-delete-dialog{padding:16px}.account-delete-panel{padding:22px 18px 18px}.account-delete-panel h2{font-size:20px}} /* v13.210 — Collection gallery major upgrade */ .collection-shell.collection-view{background:radial-gradient(circle at 82% 4%,rgba(130,156,178,.12),transparent 25%),radial-gradient(circle at 8% 86%,rgba(193,170,127,.10),transparent 28%),linear-gradient(165deg,#f4f2eb,#ebe9e1 62%,#e5e3db)!important;color:#202522!important} .collection-shell.collection-view:before{inset:0!important;background:linear-gradient(115deg,rgba(255,255,255,.32),transparent 32%,transparent 70%,rgba(255,255,255,.18))!important;opacity:.72} .collection-shell.collection-view .collection-head{border-bottom:1px solid rgba(36,47,42,.10)!important;background:rgba(244,242,235,.82)!important;color:#202522!important;-webkit-backdrop-filter:blur(22px) saturate(1.05)!important;backdrop-filter:blur(22px) saturate(1.05)!important} .collection-shell.collection-view .collection-title{color:#18211d!important;text-shadow:none!important} .collection-shell.collection-view .collection-meta{color:rgba(34,47,41,.58)!important;font-weight:760} .collection-shell.collection-view .collection-close{background:rgba(255,255,255,.56)!important;border-color:rgba(38,50,44,.12)!important;color:#1e2a24!important;box-shadow:0 7px 20px rgba(43,49,44,.07)} .collection-shell.collection-view .collection-tabs{background:rgba(238,236,227,.64)!important;border-color:rgba(39,51,45,.11)!important;box-shadow:0 8px 24px rgba(48,55,49,.04)!important} .collection-shell.collection-view .collection-tab{color:rgba(37,49,43,.61)!important;background:transparent!important} .collection-shell.collection-view .collection-tab.active{background:#fffef9!important;color:#1d2822!important;box-shadow:0 6px 17px rgba(46,53,47,.08)!important} .collection-shell.collection-view .collection-body{padding:20px 14px calc(38px + env(safe-area-inset-bottom))!important;color:#202522!important} .collection-browser-v210{width:100%;max-width:1180px;margin:0 auto} .collection-shell.collection-view .collection-tools{top:-20px!important;margin:-3px -3px 18px!important;padding:7px 3px 15px!important;background:linear-gradient(to bottom,rgba(244,242,235,.98) 0%,rgba(244,242,235,.96) 75%,rgba(244,242,235,0) 100%)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important} .collection-shell.collection-view .collection-tools-label{margin:0 2px 10px!important;color:rgba(42,55,48,.55)!important} .collection-shell.collection-view .collection-tools-label span{font-size:10px;font-weight:900;letter-spacing:.15em} .collection-shell.collection-view .collection-tools-label strong{color:#26332d!important;font-size:10px!important} .collection-search-row-v210{display:flex;align-items:center;margin-bottom:10px} .collection-search-v210{position:relative;width:100%;min-width:0;height:48px;display:flex;align-items:center;border:1px solid rgba(42,55,48,.13);border-radius:16px;background:rgba(255,255,252,.82);box-shadow:0 8px 24px rgba(46,54,48,.055),inset 0 1px 0 rgba(255,255,255,.88);overflow:hidden} .collection-search-v210>svg{flex:0 0 auto;width:19px;height:19px;margin-left:14px;color:#66736d} .collection-search-v210>input{appearance:none;-webkit-appearance:none;min-width:0;flex:1;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#1f2924;font-size:16px;font-weight:650;letter-spacing:-.012em} .collection-search-v210>input::placeholder{color:#8c9691;font-weight:580} .collection-search-v210>input::-webkit-search-cancel-button{display:none} .collection-search-v210>button{flex:0 0 auto;width:40px;height:40px;margin-right:4px;border:0;border-radius:12px;background:transparent;color:#6d7973;font-size:22px;line-height:1;display:grid;place-items:center} .collection-search-v210>button[hidden]{display:none!important} .collection-search-v210:focus-within{border-color:rgba(65,92,79,.33);box-shadow:0 0 0 3px rgba(80,112,96,.08),0 8px 24px rgba(46,54,48,.055)} .collection-shell.collection-view .collection-filters{gap:7px!important;padding:0 1px 3px!important} .collection-shell.collection-view .collection-filter{height:36px!important;padding:0 13px!important;border-color:rgba(44,58,51,.12)!important;background:rgba(255,255,252,.53)!important;color:#657169!important;box-shadow:none!important} .collection-shell.collection-view .collection-filter.active{background:#23342b!important;color:#f9faf6!important;border-color:#23342b!important;box-shadow:0 7px 18px rgba(35,52,43,.15)!important} .collection-shell.collection-view .collection-filter-count{background:rgba(37,53,44,.07)!important;color:inherit!important} .collection-shell.collection-view .collection-filter.active .collection-filter-count{background:rgba(255,255,255,.14)!important} .collection-shell.collection-view .collection-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;align-items:start} .collection-shell.collection-view .collection-card{display:block!important;width:100%!important;min-height:0!important;padding:0!important;border-radius:19px!important;overflow:hidden!important;border:1px solid rgba(42,55,48,.10)!important;background:#fffdf8!important;color:#1f2924!important;text-align:left!important;box-shadow:0 10px 28px rgba(48,54,49,.08)!important;opacity:0;transform:translateY(18px) scale(.985)} .collection-shell.collection-view .collection-card[hidden]{display:none!important} .collection-shell.collection-view .collection-card:before{display:none!important;content:none!important} .collection-shell.collection-view .collection-card.show{animation:collectionCardIn .52s cubic-bezier(.16,.84,.24,1) forwards} .collection-card-art-v210{position:relative!important;z-index:1!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;background:linear-gradient(145deg,var(--cc1),var(--cc2));border-bottom:1px solid rgba(39,51,45,.08)} .collection-card-art-v210 .mini-scene{position:absolute!important;z-index:1!important;inset:0!important;left:0!important;right:auto!important;top:0!important;width:100%!important;height:100%!important;opacity:1!important;transform:none!important;display:block!important} .collection-card-art-v210 .mini-scene>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;overflow:hidden!important;background-color:#eeeae1!important} .collection-card-art-v210 .mini-scene img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center top!important;transform:scale(1.06)!important;transform-origin:center top!important;filter:none!important;animation:none!important;background:#eeeae1} .collection-card-art-v210 .mini-scene svg{display:block!important;width:112%!important;height:178%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center top!important;transform:translate(-5.35%,0)!important;transform-origin:center top!important;margin:0!important} .collection-card-art-v210 .mini-scene [class*="editorial-badge"],.collection-card-art-v210 .mini-scene [class*="editorial-line"]{display:none!important} .collection-card-copy-v210{position:relative!important;z-index:2!important;display:block!important;min-height:79px;padding:11px 12px 13px!important;background:#fffdf8!important} .collection-shell.collection-view .collection-card .ccat{display:block!important;margin:0 0 6px!important;color:#758079!important;font-size:8px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .collection-shell.collection-view .collection-card strong{display:block!important;color:#1d2521!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;font-size:15px!important;font-weight:790!important;line-height:1.09!important;letter-spacing:-.025em!important;text-wrap:balance} .collection-no-results-v210{padding:54px 20px 66px;text-align:center;color:#7c8781} .collection-no-results-v210[hidden]{display:none!important}.collection-no-results-v210 strong{display:block;margin-bottom:6px;color:#2c3731;font-size:20px}.collection-no-results-v210 span{font-size:12px} .collection-shell.collection-view .collection-section-label-v101{color:#647069!important;margin-bottom:10px!important}.collection-shell.collection-view .collection-section-label-v101 span:last-child{color:#89938e} .collection-shell.collection-view .collection-albums-v101{width:100%;max-width:1180px;margin:0 auto 20px} @media(min-width:700px){.collection-shell.collection-view .collection-body{padding-left:20px!important;padding-right:20px!important}.collection-shell.collection-view .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.collection-card-copy-v210{min-height:84px;padding:13px 14px 15px!important}.collection-shell.collection-view .collection-card strong{font-size:16px!important}} @media(min-width:1040px){.collection-shell.collection-view .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.collection-search-row-v210{max-width:620px}.collection-shell.collection-view .collection-card{border-radius:21px!important}.collection-shell.collection-view .collection-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(48,54,49,.12)!important}} @media(max-width:370px){.collection-shell.collection-view .collection-grid{gap:9px!important}.collection-card-copy-v210{min-height:72px;padding:10px 10px 11px!important}.collection-shell.collection-view .collection-card strong{font-size:14px!important}.collection-search-v210{height:46px}} /* v13.212 — Collection tiles intentionally show the upper half of each Kivoo background. */ /* v13.218 — Points: visit streak + single 30-day history */ .points-total-copy>small{max-width:30ch!important;font-size:10px!important;line-height:1.35!important;color:#756b62!important} .points-streak-card{display:block!important;padding:0!important} .points-streak-stat{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:112px!important;padding:15px 16px!important} .points-streak-stat:before{content:none!important;display:none!important} .points-streak-icon{margin:0!important;width:38px!important;height:38px!important;border-radius:13px!important;color:#9a6f36!important;background:rgba(178,128,62,.09)!important} .points-streak-main{align-self:center!important} .points-streak-main>span{font-size:8px!important;letter-spacing:.12em!important} .points-streak-main>strong{display:flex!important;align-items:baseline!important;gap:4px!important;margin:4px 0 4px!important;font-size:34px!important;color:#5f7d69!important} .points-streak-main>strong b,.points-streak-best>strong b{font:inherit;color:inherit} .points-streak-main>strong i,.points-streak-best>strong i{font-style:normal;font-size:.42em;font-weight:800;letter-spacing:0;color:#81766c} .points-streak-main>small{font-size:9px!important;line-height:1.2!important} .points-streak-best{align-self:stretch!important;min-width:126px;padding-left:15px;border-left:1px solid rgba(94,73,51,.10);display:flex;flex-direction:column;justify-content:center;align-items:flex-start} .points-streak-best>span{max-width:14ch;font-size:7px!important;line-height:1.25!important;letter-spacing:.08em!important} .points-streak-best>strong{display:flex!important;align-items:baseline!important;gap:3px!important;margin-top:5px!important;font-size:20px!important;line-height:1!important;color:#8b6e4d!important} .points-range-static{padding:0!important;border:0!important;background:transparent!important} .points-range-label{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;height:27px;padding:0 10px;border-radius:999px;background:rgba(141,116,79,.10);border:1px solid rgba(91,72,54,.09);color:#7b6d5f!important;font-size:8px!important;font-weight:900!important;letter-spacing:.10em!important} @media(max-width:420px){.points-streak-stat{grid-template-columns:auto minmax(0,1fr)!important}.points-streak-best{grid-column:2;padding:9px 0 0!important;margin-top:7px;border-left:0!important;border-top:1px solid rgba(94,73,51,.09);min-width:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;width:100%}.points-streak-best>span{max-width:none!important}.points-streak-best>strong{margin:0!important;font-size:18px!important}} @media(max-height:620px){.points-streak-stat{min-height:82px!important;padding:8px 10px!important}.points-streak-icon{width:28px!important;height:28px!important}.points-streak-main>strong{font-size:25px!important}.points-streak-best{padding-left:10px}.points-streak-main>small{display:none!important}} /* v13.221 — Points graph copy simplified */ .points-history-head-simple{justify-content:flex-start!important;padding-bottom:10px!important}.points-history-head-simple>strong{font-size:16px!important;margin:0!important;color:rgba(255,255,255,.88)!important;letter-spacing:-.02em!important}.points-history-card .points-chart-legend,.points-history-card .points-history-foot,.points-history-card .points-range{display:none!important} /* v13.222 — responsive introduction anchors and larger explanation copy */ .intro-top-callout{ width:min(158px,calc(100vw - 24px))!important; min-height:56px!important; padding:10px 11px!important; text-align:center!important; left:auto;right:auto; --intro-anchor-x:50%;--intro-line-len:16px; } .intro-top-callout strong{font-size:10px!important;line-height:1.1!important;letter-spacing:.13em!important;margin-bottom:5px!important} .intro-top-callout span{font-size:11.5px!important;line-height:1.34!important;color:rgba(255,255,255,.82)!important} .intro-top-callout:before{ content:""!important;position:absolute!important;left:var(--intro-anchor-x)!important;top:calc(-1 * var(--intro-line-len))!important; width:1.5px!important;height:var(--intro-line-len)!important;transform:translateX(-50%)!important; background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.25))!important; } .intro-top-callout:after{ content:""!important;position:absolute!important;left:var(--intro-anchor-x)!important;top:calc(-1 * var(--intro-line-len) - 3px)!important; width:0!important;height:0!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-bottom:7px solid rgba(255,255,255,.96)!important;border-top:0!important; transform:translateX(-50%)!important;background:transparent!important; } .intro-callout{ width:min(258px,calc(100vw - 96px))!important; padding:11px 13px!important;text-align:right!important;right:auto!important;left:auto; --intro-line-len:22px; } .intro-callout strong{font-size:10.5px!important;line-height:1.1!important;letter-spacing:.14em!important;margin-bottom:5px!important} .intro-callout span{font-size:12px!important;line-height:1.38!important;color:rgba(255,255,255,.84)!important} .intro-callout:after{ content:""!important;position:absolute!important;right:calc(-1 * var(--intro-line-len))!important;left:auto!important;top:50%!important; width:var(--intro-line-len)!important;height:1.5px!important;transform:translateY(-50%)!important; background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.94))!important; } .intro-callout:before{ content:""!important;position:absolute!important;right:calc(-1 * var(--intro-line-len) - 3px)!important;left:auto!important;top:50%!important; width:0!important;height:0!important;border-top:4px solid transparent!important;border-bottom:4px solid transparent!important;border-left:7px solid rgba(255,255,255,.96)!important;border-right:0!important; transform:translateY(-50%)!important;background:transparent!important; } .intro-callout.intro-connect-left{text-align:left!important} .intro-callout.intro-connect-left:after{left:calc(-1 * var(--intro-line-len))!important;right:auto!important;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.25))!important} .intro-callout.intro-connect-left:before{left:calc(-1 * var(--intro-line-len) - 3px)!important;right:auto!important;border-top:4px solid transparent!important;border-bottom:4px solid transparent!important;border-right:7px solid rgba(255,255,255,.96)!important;border-left:0!important;transform:translateY(-50%)!important} .intro-sub{font-size:13px!important;line-height:1.45!important;color:rgba(255,255,255,.76)!important} .intro-swipe small{font-size:11.5px!important;line-height:1.4!important;color:rgba(255,255,255,.76)!important} @media(max-width:390px){ .intro-top-callout{width:min(146px,calc(100vw - 20px))!important;padding:9px 10px!important} .intro-top-callout span{font-size:10.8px!important} .intro-callout{width:min(238px,calc(100vw - 88px))!important;padding:10px 11px!important} .intro-callout span{font-size:11.4px!important} } @media(max-height:700px){ .intro-top-callout{min-height:50px!important;padding:8px 9px!important} .intro-top-callout span{font-size:10.5px!important} .intro-callout{padding:8px 10px!important} .intro-callout span{font-size:11px!important} } /* v13.224 — Points graph labels restored + account summary simplified */ #accountShell .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* v13.225 — User page uses the exact Points page background treatment */ #accountShell.account-shell{ background: linear-gradient(180deg,rgba(248,242,231,.90),rgba(244,236,223,.88)), url('/design-packs/points/v1/points-bg-001-knowledge-ledger.webp') center top/cover no-repeat!important; background-color:#f4ecdf!important; color:#28231c!important; } #accountShell.account-shell::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%,transparent 78%,rgba(242,233,218,.18))!important; } @media(max-width:600px){ #accountShell.account-shell{background-position:center top!important;background-attachment:scroll!important} } /* v13.226 — Points title contrast + one-at-a-time intro */ .points-history-head-simple>strong{color:#242a2f!important} .intro-top-callout:after{display:none!important;content:none!important} .intro-callout:before{display:none!important;content:none!important} .intro-item.leaving{animation:introItemOutV13226 .32s cubic-bezier(.4,0,.2,1) forwards!important} @keyframes introItemOutV13226{from{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-5px);filter:blur(4px)}} /* v13.228 — points icon parity + interactive account identity */ #app .xp-chip .xp-mark{color:inherit!important} #app .xp-chip .xp-mark .xp-spark-main{stroke:currentColor!important} #app .xp-chip .xp-mark .xp-spark-dot{fill:currentColor!important} #accountShell .account-identity{width:100%;font:inherit;color:inherit;text-align:left;appearance:none;-webkit-appearance:none;cursor:pointer;transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease} #accountShell .account-identity:active{transform:scale(.988)} #accountShell .account-identity:focus-visible{outline:2px solid rgba(48,67,54,.58);outline-offset:3px} #accountShell .account-direct-interest-section{margin-top:26px!important} #accountShell .account-insight-section{margin-top:18px!important} /* v13.230 — recurring logged-out sign-up invitation */ .signup-nudge-shell{position:fixed;inset:0;z-index:2147482100;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s} .signup-nudge-shell.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease} .signup-nudge-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,18,.44),rgba(8,12,22,.72));backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)} .signup-nudge-card{position:relative;overflow:hidden;display:flex;flex-direction:column;width:min(454px,calc(100vw - 34px));max-height:calc(100% - 24px);padding:20px 22px 22px;border-radius:30px;background:linear-gradient(180deg,rgba(248,241,230,.96),rgba(241,232,220,.98));border:1px solid rgba(28,58,105,.18);box-shadow:0 34px 90px rgba(5,15,32,.34),0 10px 26px rgba(23,43,77,.12),inset 0 1px 0 rgba(255,255,255,.92);color:#172033;text-align:left;transform:translateY(12px) scale(.982);transition:transform .28s cubic-bezier(.2,.8,.2,1)} .signup-nudge-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 9% 14%,rgba(255,139,63,.22),transparent 25%),radial-gradient(circle at 88% 10%,rgba(68,124,216,.16),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 30%);pointer-events:none} .signup-nudge-card:after{content:"";position:absolute;inset:auto -22% -24% auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(40,94,183,.18),rgba(40,94,183,0) 70%);filter:blur(12px);pointer-events:none} .signup-nudge-shell.open .signup-nudge-card{transform:translateY(0) scale(1)} .signup-nudge-brand-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;margin:0 44px 14px 0} .signup-nudge-brand{display:inline-flex;align-items:center;color:#17345c;font:950 20px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.72)} .signup-nudge-card h2{position:relative;z-index:2;margin:0 38px 10px 0;font-size:31px;line-height:1.02;letter-spacing:-.05em;font-weight:860;color:#172033} .signup-nudge-copy{position:relative;z-index:2;margin:0 0 18px;font-size:15px;line-height:1.42;color:#556171;font-weight:560;max-width:30ch} .signup-nudge-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border:1px solid rgba(19,39,72,.08);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.8);color:#32435a;font:400 24px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 10px 20px rgba(13,29,54,.08);cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease} .signup-nudge-close:hover{background:#fff;box-shadow:0 12px 24px rgba(13,29,54,.12)} .signup-nudge-close:active{transform:scale(.94)} .signup-nudge-benefits{position:relative;z-index:2;list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px} .signup-nudge-benefits li{position:relative;padding-left:34px;font-size:16px;line-height:1.3;font-weight:720;letter-spacing:-.018em;color:#22314a} .signup-nudge-benefits li:before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#2f73ff,#1d56d8);box-shadow:0 8px 18px rgba(29,86,216,.24),inset 0 1px 0 rgba(255,255,255,.3)} .signup-nudge-benefits li:after{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900} .signup-nudge-cta{appearance:none;-webkit-appearance:none;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 18px;border:0;border-radius:18px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#245fe0,#163fb3);background-size:cover;background-position:center 56%;color:#fff;font:900 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.34);box-shadow:0 18px 34px rgba(22,63,179,.30),inset 0 1px 0 rgba(255,255,255,.28);cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease} .signup-nudge-shell.open .signup-nudge-cta{background-image:linear-gradient(180deg,rgba(13,36,87,.16),rgba(13,36,87,.34)),url('/assets/v13.316.1/img/signup-nudge/scream-abstract.webp')} .signup-nudge-cta:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 42%,rgba(0,0,0,.08));pointer-events:none;z-index:-1} .signup-nudge-cta:hover{filter:saturate(1.04) brightness(1.02);box-shadow:0 20px 38px rgba(22,63,179,.36),inset 0 1px 0 rgba(255,255,255,.28)} .signup-nudge-cta:active{transform:translateY(1px) scale(.992)} .signup-nudge-cta:focus-visible,.signup-nudge-close:focus-visible{outline:2px solid rgba(22,63,179,.72);outline-offset:3px} body.signup-nudge-open{overflow:hidden} @media(max-width:480px){.signup-nudge-shell{padding:12px}.signup-nudge-card{width:min(392px,calc(100vw - 24px));padding:18px 18px 18px;border-radius:24px}.signup-nudge-brand-row{margin-bottom:12px}.signup-nudge-brand{font-size:18px;letter-spacing:.15em}.signup-nudge-card h2{font-size:28px;margin-right:34px}.signup-nudge-copy{font-size:14.5px;margin-bottom:18px}.signup-nudge-benefits{gap:10px;margin-bottom:18px}.signup-nudge-benefits li{font-size:15px;padding-left:31px}.signup-nudge-benefits li:before,.signup-nudge-benefits li:after{width:20px;height:20px}.signup-nudge-cta{min-height:52px;font-size:14px}} @media(max-height:590px){.signup-nudge-card{padding-top:14px;padding-bottom:14px}.signup-nudge-brand-row{margin-bottom:8px}.signup-nudge-card h2{font-size:24px;margin-bottom:7px}.signup-nudge-copy{font-size:13.5px;margin-bottom:12px}.signup-nudge-benefits{gap:8px;margin-bottom:14px}.signup-nudge-benefits li{font-size:14px}.signup-nudge-cta{min-height:48px}} /* v13.237 — unified control-colour notices, calmer account typography, stronger streak flame */ .toast.control-toast, .toast.collect-toast{ max-width:min(88vw,420px)!important; padding:11px 15px!important; border-radius:16px!important; background:var(--toast-match-bg,var(--kivoo-control-glass-bg,rgba(10,13,18,.78)))!important; color:var(--toast-match-color,#fff)!important; border:1px solid var(--toast-match-border,var(--kivoo-control-glass-border,rgba(255,255,255,.24)))!important; box-shadow:var(--toast-match-shadow,var(--kivoo-control-glass-shadow,0 10px 29px rgba(0,0,0,.22)))!important; -webkit-backdrop-filter:blur(20px) saturate(145%)!important; backdrop-filter:blur(20px) saturate(145%)!important; white-space:normal!important; text-align:center!important; line-height:1.32!important; font-size:11.5px!important; font-weight:650!important; letter-spacing:.005em!important; text-shadow:none!important; } .toast.collect-toast{font-weight:720!important} #accountShell .account-name{font-size:22px!important;font-weight:650!important;letter-spacing:-.025em!important} #accountShell .account-email{font-weight:500!important} #accountShell .account-stat strong{font-size:28px!important;font-weight:680!important} #accountShell .account-stat span{font-weight:600!important;letter-spacing:.045em!important} #accountShell .account-section-title{font-size:10px!important;font-weight:620!important;letter-spacing:.085em!important;color:rgba(43,36,28,.68)!important} #accountShell .account-interest-rank{font-weight:650!important;color:rgba(63,81,68,.64)!important} #accountShell .account-interest-copy strong{font-size:15px!important;font-weight:640!important;letter-spacing:-.01em!important} #accountShell .account-interest-direct{font-weight:650!important;letter-spacing:.08em!important} #accountShell .account-interest-launch-copy strong{font-size:15px!important;font-weight:650!important} #accountShell .account-interest-launch-meta{font-weight:600!important} #accountShell .account-setting-copy strong{font-size:14px!important;font-weight:650!important} #accountShell .account-signout{font-weight:650!important;letter-spacing:.02em!important} #accountShell .account-insight-empty strong{font-weight:650!important} @media(max-width:390px){ #accountShell .account-stat strong{font-size:26px!important} #accountShell .account-interest-copy strong{font-size:14.5px!important} } .points-streak-icon{ width:48px!important;height:48px!important;margin:0!important;border-radius:16px!important; display:grid!important;place-items:center!important; color:#a45f26!important; background:linear-gradient(145deg,rgba(246,190,104,.34),rgba(180,103,42,.13))!important; border:1px solid rgba(160,91,37,.22)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 9px 24px rgba(126,75,35,.13)!important; } .points-streak-icon .points-streak-flame{width:31px!important;height:35px!important;display:block;overflow:visible;filter:drop-shadow(0 4px 7px rgba(126,72,29,.22))} .points-streak-icon .streak-flame-outer{fill:url(#kivooStreakFlameOuter)} .points-streak-icon .streak-flame-inner{fill:url(#kivooStreakFlameInner)} .points-streak-icon .streak-flame-spark{fill:#c87932;opacity:.88} @media(max-height:620px){ .points-streak-icon{width:36px!important;height:36px!important;border-radius:12px!important} .points-streak-icon .points-streak-flame{width:24px!important;height:27px!important} } /* v13.253 — streak mark refresh only; v13.250 UI otherwise unchanged */ .points-streak-icon{ width:48px!important;height:48px!important;border-radius:15px!important; display:grid!important;place-items:center!important; background:rgba(255,250,239,.78)!important; border:1px solid rgba(137,82,39,.18)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 20px rgba(95,64,38,.10)!important; color:#9b572b!important; } .points-streak-icon .points-streak-flame{ width:34px!important;height:38px!important;display:block;overflow:visible; filter:drop-shadow(0 4px 6px rgba(101,58,29,.16))!important; } .points-streak-icon .streak-flame-body{fill:url(#kivooStreakFlameBody)} .points-streak-icon .streak-flame-cut{fill:#fff5df} .points-streak-icon .streak-flame-line{fill:none;stroke:#8f4b28;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.75} .points-streak-icon .streak-flame-spark{fill:#c97635} @media(max-height:620px){ .points-streak-icon{width:36px!important;height:36px!important;border-radius:12px!important} .points-streak-icon .points-streak-flame{width:25px!important;height:28px!important} } /* v13.254 — points progress graph and streak icon refresh */ .points-history-head-simple>strong{color:rgba(255,255,255,.9)!important} .points-chart{position:relative;height:214px!important;border-radius:22px!important;border:1px solid rgba(126,140,170,.12)!important;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.09),transparent 26%),radial-gradient(circle at 82% 20%,rgba(141,122,255,.13),transparent 30%),radial-gradient(circle at 88% 82%,rgba(92,225,190,.08),transparent 28%),linear-gradient(180deg,rgba(8,11,18,.42),rgba(8,11,18,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -14px 34px rgba(0,0,0,.08)!important} .points-chart::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 36%)} .points-chart svg{position:relative;z-index:1} .points-grid line{stroke:rgba(255,255,255,.08)!important;stroke-dasharray:0!important} .points-line{stroke:url(#pointsLineGradient)!important;stroke-width:3.2!important;stroke-linecap:round;stroke-linejoin:round} .points-area{fill:url(#pointsAreaGradient)!important} .points-event-dot{fill:#e8f8f1;stroke:rgba(130,220,190,.82);stroke-width:1.2} .points-last-guide{stroke:rgba(222,235,255,.14)!important;stroke-dasharray:4 5} .points-last-halo{fill:rgba(141,222,198,.16)!important} .points-last-dot{fill:#ffffff!important;stroke:#8ce2c4!important;stroke-width:2.4!important} .points-y-labels text{fill:#171717!important;font-size:7.3px!important;font-weight:800!important} .points-axis-labels text{fill:#171717!important;font-size:8px!important;font-weight:800!important} .points-current-tag rect{fill:rgba(18,23,35,.94)!important;stroke:rgba(142,226,203,.34)!important;stroke-width:.9!important} .points-current-tag text{fill:#ebfff7!important;font-size:8.6px!important;font-weight:900!important} .points-chart-empty{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;padding:28px 26px!important;color:rgba(255,255,255,.5)!important;font-size:11px!important;line-height:1.5!important} .points-chart-empty strong{display:block;color:rgba(255,255,255,.78);font-size:13px;letter-spacing:-.02em} .points-chart-empty span{max-width:24ch} .points-streak-icon{width:49px!important;height:49px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,rgba(255,248,235,.92),rgba(245,222,192,.78))!important;border:1px solid rgba(149,91,40,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(100,67,37,.10)!important;color:#a35a22!important} .points-streak-icon .points-streak-flame{width:34px!important;height:38px!important;display:block;overflow:visible;filter:drop-shadow(0 4px 7px rgba(117,69,32,.18))!important} .points-streak-icon .streak-flame-outer{fill:url(#kivooStreakOuter)!important} .points-streak-icon .streak-flame-inner{fill:#fff6e1!important} .points-streak-icon .streak-flame-core{fill:#ffd27e!important} .points-streak-icon .streak-flame-mark{fill:none;stroke:#9a5526;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.78} .points-streak-icon .streak-flame-spark{fill:#d77e34!important} @media(max-height:620px){.points-chart{height:192px!important}.points-streak-icon{width:37px!important;height:37px!important;border-radius:12px!important}.points-streak-icon .points-streak-flame{width:24px!important;height:27px!important}} /* v13.256 — verified share reward + contextual share nudge */ .share-reward-nudge{position:fixed;z-index:2147481800;opacity:0;visibility:hidden;transform:translateX(8px) scale(.98);transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s;padding:15px 42px 15px 16px;border-radius:18px;background:linear-gradient(145deg,rgba(255,253,248,.97),rgba(246,239,226,.96));border:1px solid rgba(105,87,66,.16);box-shadow:0 18px 48px rgba(32,28,22,.22),inset 0 1px 0 rgba(255,255,255,.88);color:#2c261e;pointer-events:auto} .share-reward-nudge.show{opacity:1;visibility:visible;transform:translateX(0) scale(1);transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1)} .share-reward-nudge strong{display:block;margin:0 0 4px;font-size:15px;line-height:1.1;font-weight:850;letter-spacing:-.025em;color:#282119}.share-reward-nudge span{display:block;font-size:12.5px;line-height:1.35;font-weight:610;color:#706353}.share-reward-nudge>i{position:absolute;right:-10px;top:var(--share-tip-y,34px);width:20px;height:20px;background:rgba(249,244,234,.98);border-top:1px solid rgba(105,87,66,.16);border-right:1px solid rgba(105,87,66,.16);transform:translateY(-50%) rotate(45deg);box-shadow:4px -4px 10px rgba(32,28,22,.035)} .share-reward-nudge-close{position:absolute;right:9px;top:9px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(72,59,44,.06);color:#665746;font-size:19px;line-height:1;display:grid;place-items:center;padding:0}.share-reward-nudge-close:active{transform:scale(.92)} #stage .card .actions .share.share-reward-highlight{animation:kivooShareRewardPulse 1.15s ease-in-out 4;box-shadow:0 0 0 5px rgba(255,245,218,.18),0 10px 30px rgba(0,0,0,.16)!important} @keyframes kivooShareRewardPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}} @media(max-width:390px){.share-reward-nudge{padding:13px 38px 13px 14px;border-radius:16px}.share-reward-nudge strong{font-size:14px}.share-reward-nudge span{font-size:12px}} /* v13.257 — KIVOO of the Day + full-card post-sign-up welcome */ .kivoo-of-day-label{position:absolute;z-index:8;left:20px;bottom:calc(65px + env(safe-area-inset-bottom));font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.82);text-shadow:0 2px 12px rgba(0,0,0,.34);pointer-events:none} .card[class*="-editorial"].kivoo-of-day .kivoo-of-day-label{color:rgba(40,35,30,.72);text-shadow:0 1px 0 rgba(255,255,255,.45)} .card.literature-editorial.kivoo-of-day .kivoo-of-day-label{color:rgba(255,245,224,.78);text-shadow:0 2px 12px rgba(0,0,0,.3)} @media(max-width:390px){.kivoo-of-day-label{left:18px;bottom:calc(61px + env(safe-area-inset-bottom));font-size:8.5px}} /* v13.260 — KIVOO of the Day typography reset */ .kivoo-of-day-label{ position:absolute!important; z-index:38!important; top:calc(70px + env(safe-area-inset-top))!important; right:18px!important; left:auto!important; bottom:auto!important; display:flex!important; align-items:baseline!important; justify-content:flex-end!important; gap:10px!important; width:auto!important; max-width:calc(100% - 104px)!important; pointer-events:none!important; white-space:nowrap!important; color:rgba(255,255,255,.92)!important; text-shadow:0 2px 14px rgba(0,0,0,.30)!important; font-family:inherit!important; font-size:initial!important; font-weight:initial!important; letter-spacing:normal!important; text-transform:none!important; } .kivoo-of-day-brand{ font-family:inherit!important; font-size:17px!important; line-height:1!important; font-weight:950!important; letter-spacing:.16em!important; text-transform:uppercase!important; } .kivoo-of-day-title{ font-family:Georgia,"Times New Roman",serif!important; font-size:20px!important; line-height:1!important; font-weight:500!important; letter-spacing:-.035em!important; word-spacing:.56em!important; text-transform:none!important; } .card[class*="-editorial"].kivoo-of-day .kivoo-of-day-label{color:rgba(38,32,27,.80)!important;text-shadow:0 1px 0 rgba(255,255,255,.45)!important} .card.literature-editorial.kivoo-of-day .kivoo-of-day-label{color:rgba(255,242,218,.92)!important;text-shadow:0 2px 14px rgba(0,0,0,.34)!important} .card.kivoo-of-day .copy{margin-bottom:26px!important} @media(max-width:390px){ .kivoo-of-day-label{top:calc(66px + env(safe-area-inset-top))!important;right:16px!important;gap:8px!important;max-width:calc(100% - 92px)!important} .kivoo-of-day-brand{font-size:15px!important} .kivoo-of-day-title{font-size:18px!important;word-spacing:.375em!important} } @media(max-height:690px){ .kivoo-of-day-label{top:calc(62px + env(safe-area-inset-top))!important} .kivoo-of-day-brand{font-size:14px!important} .kivoo-of-day-title{font-size:17px!important} } /* v13.263 — post-sign-up Welcome uses exact KIVOO geometry + intro callouts */ .kivoo-welcome-shell{position:fixed!important;z-index:2147482500!important;inset:0!important;display:none!important;overflow:hidden!important;background:#eadbc5!important;color:#28231d!important;opacity:0!important;transition:opacity .18s ease!important} .kivoo-welcome-shell.show{display:block!important;opacity:1!important}.kivoo-welcome-shell.closing{opacity:0!important} .kivoo-welcome-card{position:absolute!important;inset:0!important;display:block!important;overflow:hidden!important;color:#2b261f!important;background:linear-gradient(150deg,#f7efe4 0%,#eadac3 50%,#dcbf98 100%)!important;--c1:#f7efe4;--c2:#dcbf98;--accent:#987457} .kivoo-welcome-card>.bg{position:absolute!important;z-index:0!important;inset:0!important;background:linear-gradient(150deg,#f8f0e6 0%,#eadac3 48%,#d8bc96 100%)!important} .kivoo-welcome-card>.bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 13%,rgba(255,255,255,.66),transparent 24%),radial-gradient(circle at 20% 84%,rgba(139,96,54,.11),transparent 31%),linear-gradient(118deg,transparent 0 42%,rgba(255,255,255,.14) 48%,transparent 55%)} .kivoo-welcome-card>.shade{position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent 35%,rgba(82,60,38,.055))!important;pointer-events:none!important} .kivoo-welcome-topbar{position:absolute!important;z-index:40!important;left:0!important;right:0!important;top:0!important;padding:calc(15px + env(safe-area-inset-top)) 18px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(248,240,228,.86),rgba(248,240,228,.34) 58%,transparent)!important} .kivoo-welcome-brand{font-weight:950!important;font-size:22px!important;line-height:1!important;letter-spacing:.16em!important;color:#252019!important} .kivoo-welcome-top-actions{display:flex!important;align-items:center!important;gap:8px!important;pointer-events:none!important} .kivoo-welcome-control{pointer-events:none!important;transition:transform .28s cubic-bezier(.16,.84,.24,1),box-shadow .28s ease,background .28s ease!important} .kivoo-welcome-control.welcome-focus{transform:scale(1.08)!important;box-shadow:0 0 0 5px rgba(72,101,86,.10),0 12px 30px rgba(70,51,32,.13),inset 0 1px 0 rgba(255,255,255,.72)!important;background:rgba(255,255,255,.60)!important} .kivoo-welcome-top-actions .xp-chip,.kivoo-welcome-top-actions .collection-launch,.kivoo-welcome-user{color:#342e27!important;background:rgba(255,255,255,.34)!important;border:1px solid rgba(65,52,38,.16)!important;box-shadow:0 8px 22px rgba(91,65,39,.08),inset 0 1px 0 rgba(255,255,255,.66)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important} .kivoo-welcome-top-actions .xp-chip{display:flex!important}.kivoo-welcome-top-actions .collection-launch{display:flex!important}.kivoo-welcome-top-actions .collection-count{background:#342e27!important;color:#fffaf2!important;border-color:#eadbc5!important} .kivoo-welcome-user{width:36px!important;height:36px!important;border-radius:999px!important;display:grid!important;place-items:center!important}.kivoo-welcome-user svg{width:17px!important;height:17px!important} .kivoo-welcome-content{position:absolute!important;z-index:5!important;left:20px!important;right:77px!important;bottom:calc(98px + env(safe-area-inset-bottom))!important;max-width:690px!important;padding-right:0!important;text-shadow:none!important;color:#29241e!important} .kivoo-welcome-content h1{margin:0 0 16px!important;max-width:11ch!important;font-family:inherit!important;font-size:clamp(40px,11.5vw,72px)!important;line-height:.93!important;letter-spacing:-.055em!important;font-weight:790!important;color:#29241e!important;text-wrap:balance!important} .kivoo-welcome-content .hook{margin:0!important;max-width:34ch!important;font-size:clamp(18px,4.9vw,27px)!important;line-height:1.2!important;letter-spacing:-.023em!important;color:#5c4d3e!important;text-wrap:pretty!important} .kivoo-welcome-content .intro-kivoo-word{color:#3f5d50!important;animation:introKivooAccentWelcome 2.4s cubic-bezier(.16,.84,.24,1) infinite!important} @keyframes introKivooAccentWelcome{0%,100%{color:#3f5d50;transform:translateY(0) scale(1);text-shadow:0 0 0 rgba(81,113,96,0)}38%{color:#213a30;transform:translateY(-1px) scale(1.055);text-shadow:0 0 18px rgba(97,131,113,.28)}62%{color:#6a8678;transform:translateY(0) scale(1.025);text-shadow:0 0 11px rgba(97,131,113,.18)}} .kivoo-welcome-actions-rail{z-index:20!important;pointer-events:none!important}.kivoo-welcome-actions-rail .action,.kivoo-welcome-actions-rail .take-btn,.kivoo-welcome-actions-rail .deep-btn{color:#342e27!important;background:rgba(255,255,255,.34)!important;border-color:rgba(65,52,38,.16)!important;box-shadow:0 9px 24px rgba(91,65,39,.08),inset 0 1px 0 rgba(255,255,255,.64)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important} .kivoo-welcome-callout{z-index:60!important;pointer-events:none!important} .kivoo-welcome-card .intro-top-callout,.kivoo-welcome-card .intro-callout{background:rgba(30,27,23,.82)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 13px 32px rgba(69,48,29,.18)!important} .kivoo-welcome-card .intro-top-callout span,.kivoo-welcome-card .intro-callout span{color:rgba(255,255,255,.82)!important} .kivoo-welcome-card .intro-item{opacity:0;transform:translateY(8px);filter:blur(5px)}.kivoo-welcome-card .intro-item.visible{animation:introItemIn .38s cubic-bezier(.16,.84,.24,1) forwards}.kivoo-welcome-card .intro-item.leaving{animation:introItemOutV13226 .26s cubic-bezier(.4,0,.2,1) forwards!important} @media(max-width:390px){.kivoo-welcome-topbar{padding-left:18px!important;padding-right:14px!important}.kivoo-welcome-top-actions{gap:6px!important}.kivoo-welcome-content{left:18px!important;right:70px!important;padding-right:0!important}.kivoo-welcome-content h1{font-size:clamp(38px,11.2vw,61px)!important}.kivoo-welcome-content .hook{font-size:clamp(17px,4.75vw,23px)!important}.kivoo-welcome-card .intro-top-callout{width:min(146px,calc(100vw - 20px))!important}.kivoo-welcome-card .intro-callout{width:min(238px,calc(100vw - 88px))!important}} @media(max-height:690px){.kivoo-welcome-content h1{font-size:clamp(34px,9.2vw,52px)!important;margin-bottom:11px!important}.kivoo-welcome-content .hook{font-size:16px!important}.kivoo-welcome-actions-rail{--kivoo-action-size:44px!important;--kivoo-action-gap:7px!important}} @media(prefers-reduced-motion:reduce){.kivoo-welcome-content .intro-kivoo-word{animation:none!important}.kivoo-welcome-card .intro-item{animation:none!important}.kivoo-welcome-shell{transition:none!important}} /* v13.264 — KIVOO of the Day bottom-left; Clerk UserProfile reverted to v13.260/default presentation */ .kivoo-of-day-label{ top:auto!important; right:auto!important; left:20px!important; bottom:calc(62px + env(safe-area-inset-bottom))!important; justify-content:flex-start!important; max-width:calc(100% - 94px)!important; } @media(max-width:390px){ .kivoo-of-day-label{top:auto!important;right:auto!important;left:18px!important;bottom:calc(58px + env(safe-area-inset-bottom))!important;max-width:calc(100% - 86px)!important} } @media(max-height:690px){ .kivoo-of-day-label{top:auto!important;bottom:calc(54px + env(safe-area-inset-bottom))!important} } /* v13.265 — slower welcome pacing, elevated welcome title, clean progress empty state, geometric streak mark */ .kivoo-welcome-content{ top:clamp(calc(145px + env(safe-area-inset-top)),24vh,245px)!important; bottom:auto!important; transform:none!important; } .kivoo-welcome-content h1{margin-bottom:14px!important} @media(max-width:390px){.kivoo-welcome-content{top:clamp(calc(132px + env(safe-area-inset-top)),23vh,218px)!important}} @media(max-height:690px){.kivoo-welcome-content{top:calc(116px + env(safe-area-inset-top))!important}} #pointsHistoryTitle{color:#171512!important;text-shadow:none!important} .points-history-head-simple>strong{color:#171512!important} .points-chart.is-empty-progress{ height:auto!important;min-height:82px!important; border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important; } .points-chart.is-empty-progress::before{display:none!important} .points-chart.is-empty-progress .points-chart-empty{ min-height:82px!important;height:auto!important;padding:16px 2px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;text-align:left!important;color:#171512!important;background:transparent!important; } .points-chart.is-empty-progress .points-chart-empty strong{color:#171512!important;font-size:14px!important;font-weight:700!important} .points-chart.is-empty-progress .points-chart-empty span{display:none!important} .points-streak-icon{ width:49px!important;height:49px!important;border-radius:16px!important;display:grid!important;place-items:center!important; background:rgba(255,255,255,.44)!important;border:1px solid rgba(66,74,68,.15)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 9px 22px rgba(65,73,68,.09)!important;color:#4f6f61!important; } .points-streak-icon .points-streak-symbol{width:34px!important;height:34px!important;display:block!important;overflow:visible!important;filter:drop-shadow(0 4px 7px rgba(53,74,65,.12))!important} .points-streak-symbol .streak-orbit{fill:none;stroke:currentColor;stroke-width:1.05;stroke-dasharray:3.5 4.2;opacity:.45;transform-origin:18px 18px;animation:kivooStreakOrbit 10s linear infinite} .points-streak-symbol .streak-diamond-outer{fill:none;stroke:currentColor;stroke-width:1.35;opacity:.72} .points-streak-symbol .streak-diamond-mid{fill:none;stroke:currentColor;stroke-width:1.55;opacity:.9} .points-streak-symbol .streak-diamond-core{fill:currentColor;opacity:.92} .points-streak-symbol .streak-node{fill:#9c7751;opacity:.88} @keyframes kivooStreakOrbit{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.points-streak-symbol .streak-orbit{animation:none!important}} @media(max-height:620px){.points-streak-icon{width:37px!important;height:37px!important;border-radius:12px!important}.points-streak-icon .points-streak-symbol{width:25px!important;height:25px!important}} /* v13.269 — Collect depth interaction; KIVOO of the Day uses the pre-highlight treatment */ .collect-depth-layer{position:fixed;z-index:118;inset:0;pointer-events:none;overflow:hidden;--collect-accent:#fff} .collect-depth-diamond{position:fixed;width:62px;height:62px;border:1.5px solid color-mix(in srgb,var(--collect-accent) 74%,white 26%);box-shadow:0 0 22px color-mix(in srgb,var(--collect-accent) 38%,transparent);transform:translate(-50%,-50%) rotate(45deg) scale(.45);opacity:0} .collect-depth-diamond.mid{width:92px;height:92px;border-width:1.2px;opacity:0}.collect-depth-diamond.outer{width:126px;height:126px;border-width:1px;opacity:0} .collect-depth-orbit{position:fixed;width:154px;height:154px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--collect-accent) 54%,white 20%);transform:translate(-50%,-50%) scale(.52) rotate(0deg);opacity:0;box-shadow:0 0 28px color-mix(in srgb,var(--collect-accent) 20%,transparent)} .collect-depth-core{position:fixed;width:18px;height:18px;transform:translate(-50%,-50%) rotate(45deg) scale(.2);border-radius:3px;background:color-mix(in srgb,var(--collect-accent) 66%,white 34%);box-shadow:0 0 18px var(--collect-accent),0 0 36px rgba(255,255,255,.22);opacity:0} .collect-depth-beam{position:fixed;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--collect-accent) 76%,white 24%),rgba(255,255,255,.92),transparent);filter:drop-shadow(0 0 8px var(--collect-accent));opacity:0} .collect-depth-node{position:fixed;width:7px;height:7px;border-radius:2px;background:color-mix(in srgb,var(--collect-accent) 72%,white 28%);box-shadow:0 0 12px var(--collect-accent);opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.2)} .actions button.collect.collect-depth-active{animation:collectDepthButton .88s cubic-bezier(.16,.84,.24,1) both} .actions button.collect.collect-depth-active:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent,#fff) 70%,white 30%);animation:collectDepthButtonRing .9s cubic-bezier(.16,.84,.24,1) both} #app.collect-depth-live .card .scene{animation:collectDepthScene .92s cubic-bezier(.16,.84,.24,1)} #app.collect-depth-live .card .content{animation:collectDepthContent .92s cubic-bezier(.16,.84,.24,1)} @keyframes collectDepthButton{0%{transform:scale(.82)}32%{transform:scale(1.12)}58%{transform:scale(.96)}100%{transform:scale(1)}} @keyframes collectDepthButtonRing{0%{opacity:0;transform:scale(.45)}28%{opacity:1}100%{opacity:0;transform:scale(1.9)}} @keyframes collectDepthScene{0%{transform:scale(1)}28%{transform:scale(1.08);filter:drop-shadow(0 0 26px color-mix(in srgb,var(--accent,#fff) 38%,transparent))}100%{transform:scale(1)}} @keyframes collectDepthContent{0%{transform:translateY(0)}30%{transform:translateY(-5px)}100%{transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.actions button.collect.collect-depth-active,#app.collect-depth-live .card .scene,#app.collect-depth-live .card .content{animation:none!important}} /* v13.270 — persistent onboarding title/callouts + press-and-hold pause */ .kivoo-intro,.kivoo-welcome-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} .kivoo-intro.intro-held *,.kivoo-welcome-shell.intro-held *{animation-play-state:paused!important} .kivoo-intro .intro-head{opacity:1!important;transform:none!important;filter:none!important} .kivoo-intro .intro-title{font-size:clamp(31px,8vw,44px)!important;line-height:.98!important;max-width:8.5ch!important} .kivoo-intro .intro-sub{margin-top:12px!important;font-size:clamp(16px,4.35vw,21px)!important;line-height:1.18!important;max-width:15ch!important;color:rgba(255,255,255,.88)!important;letter-spacing:-.018em!important} .kivoo-intro .kivoo-welcome-content .hook{font-size:clamp(21px,5.5vw,31px)!important;line-height:1.12!important;max-width:22ch!important;font-weight:690!important;color:#4d4237!important} .kivoo-welcome-content h1{margin-bottom:17px!important} @media(max-width:390px){.kivoo-intro .intro-title{font-size:30px!important}.kivoo-intro .intro-sub{font-size:17px!important}.kivoo-welcome-content .hook{font-size:21px!important}} .kivoo-intro.show{pointer-events:auto!important} /* v13.276 — minimal KIVOO of the Day collision handling. Normal card copy keeps its standard position. Only the Agree/Disagree row moves, and only when runtime geometry says it is too close to the KIVOO of the Day label. */ .card.kivoo-of-day .kivoo-of-day-label{z-index:38!important} .card.kivoo-of-day.take .take-discussion-actions.kotd-collision-nudge.available{ transform:translateY(calc(-1 * var(--kotd-vote-nudge,0px)))!important; transition:opacity .28s ease,transform .22s cubic-bezier(.16,.84,.24,1)!important; } /* v13.283 — points graph visually belongs to its display card; no separate grey tile. */ .points-history-card .points-chart{ background:transparent!important; border-color:rgba(96,76,54,.055)!important; box-shadow:none!important; } .points-history-card .points-chart::before{display:none!important} /* v13.285 — interactive points progress graph */ .points-history-card .points-chart:not(.is-empty-progress){ cursor:crosshair; touch-action:pan-y; outline:none; } .points-history-card .points-chart:not(.is-empty-progress):focus-visible{ box-shadow:0 0 0 3px rgba(121,99,69,.13)!important; } .points-hover-guide{stroke:rgba(104,82,54,.24);stroke-width:.9;stroke-dasharray:3 4;pointer-events:none} .points-hover-halo{fill:rgba(145,111,68,.15);pointer-events:none} .points-hover-dot{fill:#fffaf3;stroke:#8e6c45;stroke-width:2.2;filter:drop-shadow(0 2px 5px rgba(81,61,39,.22));pointer-events:none} .points-event-dot{transition:r .14s ease,opacity .14s ease,fill .14s ease} .points-event-dot.is-active{r:3.5;fill:#8f6b42!important;opacity:1!important} .points-chart-tooltip{ position:absolute;z-index:4;min-width:126px;max-width:min(176px,64%);padding:9px 11px;border-radius:13px; border:1px solid rgba(83,67,48,.12);background:rgba(252,248,241,.96);color:#211d18; box-shadow:0 10px 28px rgba(57,47,37,.15),inset 0 1px 0 rgba(255,255,255,.85); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none; opacity:0;visibility:hidden;transform:translate(-50%,calc(-100% - 11px));transition:opacity .12s ease; font-variant-numeric:tabular-nums; } .points-chart-tooltip.show{opacity:1;visibility:visible} .points-chart-tooltip.edge-left{left:8px!important;transform:translate(0,calc(-100% - 11px))} .points-chart-tooltip.edge-right{left:auto!important;right:8px;transform:translate(0,calc(-100% - 11px))} .points-chart-tooltip.edge-top{transform:translate(-50%,11px)} .points-chart-tooltip.edge-top.edge-left,.points-chart-tooltip.edge-top.edge-right{transform:translate(0,11px)} .points-chart-tooltip strong{display:block;font-size:10px;font-weight:850;letter-spacing:.01em;color:#55483a;white-space:nowrap} .points-chart-tooltip span{display:block;margin-top:3px;line-height:1.22;white-space:normal} .points-tooltip-balance{font-size:12px;font-weight:850;color:#171512} .points-tooltip-change{font-size:9px;font-weight:700;color:#746658} @media(max-width:360px){ .points-chart-tooltip{min-width:116px;max-width:58%;padding:8px 9px} .points-tooltip-balance{font-size:11px} .points-tooltip-change{font-size:8.5px} } @media(prefers-reduced-motion:reduce){.points-event-dot,.points-chart-tooltip{transition:none!important}} /* v13.287 — hierarchical account interest picker */ .account-interest-picker-head{align-items:center!important} .account-interest-picker-back{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:rgba(255,255,255,.38);color:#3d382f;display:grid;place-items:center;padding:0} .account-interest-picker-back[hidden]{display:none!important} .account-interest-picker-back svg{width:18px;height:18px} .account-interest-broad-grid{display:grid;grid-template-columns:1fr;gap:8px;padding-top:4px} .account-interest-broad{width:100%;min-height:68px;padding:12px 12px 12px 14px;border-radius:16px;border:1px solid rgba(75,87,74,.14);background:rgba(255,255,255,.32);color:#2b2922;display:flex;align-items:center;gap:10px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease} .account-interest-broad:active{transform:scale(.99)} .account-interest-broad.has-selection{background:rgba(215,228,207,.50);border-color:rgba(71,101,82,.26)} .account-interest-broad-copy{min-width:0;flex:1} .account-interest-broad-copy strong{display:block;font-size:13px;line-height:1.15;font-weight:700;letter-spacing:-.015em;color:#2c2923} .account-interest-broad-copy small{display:block;margin-top:5px;font-size:8.5px;line-height:1.2;font-weight:600;color:rgba(61,68,59,.56)} .account-interest-broad-meta{flex:0 0 auto;max-width:86px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.42);border:1px solid rgba(72,91,77,.13);font-size:8px;line-height:1.1;font-weight:700;color:rgba(55,72,61,.72);text-align:center} .account-interest-broad.has-selection .account-interest-broad-meta{background:rgba(92,119,103,.12);border-color:rgba(72,98,81,.18);color:#40594c} .account-interest-broad>svg{width:16px;height:16px;flex:0 0 auto;color:rgba(49,65,55,.48)} .account-interest-subnav{position:sticky;top:0;z-index:3;margin:0 -2px 8px;padding:5px 2px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,rgba(246,240,226,.98) 0%,rgba(246,240,226,.95) 76%,rgba(246,240,226,0) 100%)} .account-interest-subnav>div{min-width:0;flex:1} .account-interest-subnav strong{display:block;font-size:10px;line-height:1.15;font-weight:750;color:#353128} .account-interest-subnav span{display:block;margin-top:3px;font-size:8.5px;line-height:1.2;color:rgba(66,78,69,.58)} .account-interest-toggle-all{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(69,88,74,.17);background:rgba(255,255,255,.45);color:#40594c;font:700 9px/1 Inter,system-ui,sans-serif;white-space:nowrap} @media(min-width:520px){.account-interest-broad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-interest-broad{min-height:74px}} @media(max-width:350px){.account-interest-broad{padding-left:12px}.account-interest-broad-meta{max-width:72px;font-size:7.5px;padding-left:6px;padding-right:6px}.account-interest-toggle-all{padding:0 9px}} @media(min-width:650px){ .account-interest-picker-panel{left:50%!important;right:auto!important;width:min(560px,calc(100vw - 48px));transform:translate(-50%,14px)} .account-interest-picker.open .account-interest-picker-panel{transform:translate(-50%,0)} } /* v13.288 — empty progress watermark and behavior-only interest display polish */ .points-history-card .points-chart.is-empty-progress{ height:168px!important;min-height:148px!important;overflow:hidden!important; border:1px solid rgba(96,76,54,.055)!important;background:transparent!important;box-shadow:none!important; } .points-history-card .points-chart.is-empty-progress::before{display:none!important} .points-history-card .points-chart.is-empty-progress .points-chart-watermark{ width:100%!important;height:100%!important;min-height:148px!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; background:transparent!important;pointer-events:none!important;user-select:none!important; } .points-history-card .points-chart.is-empty-progress .points-chart-watermark strong{ margin:0!important;color:rgba(49,39,30,.10)!important; font:500 clamp(38px,11vw,58px)/1 Georgia,"Times New Roman",serif!important; letter-spacing:.20em!important;text-indent:.20em!important;white-space:nowrap!important; } @media(max-height:620px){.points-history-card .points-chart.is-empty-progress{height:148px!important;min-height:132px!important}.points-history-card .points-chart.is-empty-progress .points-chart-watermark{min-height:132px!important}} /* v13.309 — saved/Market album reader marker uses the exact KIVOO of the Day typography. */ .own-collection-label-v172.kivoo-collection-label-v309{ gap:10px!important;font-family:inherit!important;font-size:initial!important;font-weight:initial!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important; } .own-collection-label-v172.kivoo-collection-label-v309>span{display:inline-block!important} @media(max-width:390px){.own-collection-label-v172.kivoo-collection-label-v309{gap:8px!important}.own-collection-label-v172.kivoo-collection-label-v309 .kivoo-of-day-brand{font-size:15px!important}.own-collection-label-v172.kivoo-collection-label-v309 .kivoo-of-day-title{font-size:18px!important;word-spacing:.375em!important}} @media(max-height:690px){.own-collection-label-v172.kivoo-collection-label-v309 .kivoo-of-day-brand{font-size:14px!important}.own-collection-label-v172.kivoo-collection-label-v309 .kivoo-of-day-title{font-size:17px!important}} /* v13.311 — sign-up consent notice and slightly lower primary registration action. */ .kivoo-clerk-host-signup .kivoo-signup-primary-action{margin-top:5px!important} .kivoo-clerk-host-signup .kivoo-signup-consent{margin:1px 2px 0!important;text-align:center;color:rgba(77,67,53,.64);font:600 8.5px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;letter-spacing:.005em} .kivoo-clerk-host-signup .kivoo-signup-consent a{color:#85601f!important;font-weight:800!important;text-decoration:underline;text-decoration-thickness:.7px;text-underline-offset:2px} .kivoo-clerk-host-signup .kivoo-signup-consent a:focus-visible{outline:1px solid rgba(164,122,44,.42);outline-offset:2px;border-radius:2px} @media(max-width:390px){.kivoo-clerk-host-signup .kivoo-signup-primary-action{margin-top:4px!important}.kivoo-clerk-host-signup .kivoo-signup-consent{font-size:8px;line-height:1.4}} /* v13.312 — Cartier album previews use the same current v3 artwork as the live pack cards. */ body .album-kivoo-v101.pack-cartier .album-kivoo-art-v210>.mini-scene>img.cartier-current-preview-v312{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:var(--cartier-preview-pos,56% 30%)!important;transform:none!important;transform-origin:center!important;filter:none!important;animation:none!important;background:#f5efe6!important} /* v13.315 — final first-visit swipe cue, shown inside the existing final intro window. */ .kivoo-intro .intro-swipe{left:18px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;max-width:260px!important} .kivoo-intro .intro-swipe strong{font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase;color:#fff!important} /* v13.330 — post-sign-up Welcome Points control color parity. Welcome lives outside #app, so explicitly inherit the same dark control color used by Collection and Account instead of the base white XP styles. */ .kivoo-welcome-top-actions .xp-chip, .kivoo-welcome-top-actions .xp-chip .xp-score, .kivoo-welcome-top-actions .xp-chip .xp-mark, .kivoo-welcome-top-actions .xp-chip svg{ color:#342e27!important; } .kivoo-welcome-top-actions .xp-chip .xp-mark .xp-spark-main{ stroke:currentColor!important; } .kivoo-welcome-top-actions .xp-chip .xp-mark .xp-spark-dot{ fill:currentColor!important; } /* v13.331 — smoother post-sign-up Welcome choreography. Controls remain part of the existing Welcome page but reveal progressively. Matching explanation copy is one-at-a-time, then a final Scroll to Explore cue appears. */ .kivoo-welcome-shell{transition:opacity .48s cubic-bezier(.16,.84,.24,1)!important} .kivoo-welcome-shell.show .kivoo-welcome-brand{animation:kivooWelcomeBaseIn .62s .08s cubic-bezier(.16,.84,.24,1) both} .kivoo-welcome-shell.show .kivoo-welcome-content{animation:kivooWelcomeBaseIn .72s .16s cubic-bezier(.16,.84,.24,1) both} @keyframes kivooWelcomeBaseIn{from{opacity:0;transform:translateY(8px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}} .kivoo-welcome-control{opacity:0!important;filter:blur(4px);transition:opacity .52s ease,filter .52s ease,transform .32s cubic-bezier(.16,.84,.24,1),box-shadow .28s ease,background .28s ease!important} .kivoo-welcome-control.welcome-visible{opacity:1!important;filter:blur(0)!important} .kivoo-welcome-card .intro-item.visible{animation:kivooWelcomeCalloutIn .48s cubic-bezier(.16,.84,.24,1) forwards!important} .kivoo-welcome-card .intro-item.leaving{animation:kivooWelcomeCalloutOut .40s cubic-bezier(.4,0,.2,1) forwards!important} @keyframes kivooWelcomeCalloutIn{from{opacity:0;transform:translateY(7px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}} @keyframes kivooWelcomeCalloutOut{from{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-5px);filter:blur(4px)}} .kivoo-welcome-scroll{position:absolute;z-index:65;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:32px auto;column-gap:9px;align-items:center;max-width:286px;color:#342e27!important;pointer-events:none} .kivoo-welcome-scroll>span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(65,52,38,.18);background:rgba(255,255,255,.42);box-shadow:0 8px 22px rgba(91,65,39,.08),inset 0 1px 0 rgba(255,255,255,.68);font-size:18px;animation:kivooWelcomeScrollNudge 1.6s ease-in-out infinite} .kivoo-welcome-scroll strong{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#342e27!important} @keyframes kivooWelcomeScrollNudge{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}} @media(prefers-reduced-motion:reduce){.kivoo-welcome-shell.show .kivoo-welcome-brand,.kivoo-welcome-shell.show .kivoo-welcome-content,.kivoo-welcome-control,.kivoo-welcome-card .intro-item,.kivoo-welcome-scroll>span{animation:none!important;transition:none!important;filter:none!important}}