/* V13 cleaned from index-HOWU4c2026.css */
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;}::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}:before,:after{--tw-content: "";}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-.25em;}sup{top:-.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none;}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}progress{vertical-align:baseline;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}fieldset{margin:0;padding:0;}legend{padding:0;}ol,ul,menu{list-style:none;margin:0;padding:0;}dialog{padding:0;}textarea{resize:vertical;}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role=button]{cursor:pointer;}:disabled{cursor:default;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}[hidden]:where(:not([hidden=until-found])){display:none;}.\!visible{visibility:visible;}.visible{visibility:visible;}.invisible{visibility:hidden;}.static{position:static;}.fixed{position:fixed;}.absolute{position:absolute;}.relative{position:relative;}.inset-0{inset:0;}.bottom-4{bottom:1rem;}.left-3{left:.75rem;}.right-0{right:0;}.right-2{right:.5rem;}.right-4{right:1rem;}.top-1\/2{top:50%;}.top-2{top:.5rem;}.top-4{top:1rem;}.z-10{z-index:10;}.z-50{z-index:50;}.mx-4{margin-left:1rem;margin-right:1rem;}.mx-auto{margin-left:auto;margin-right:auto;}.my-8{margin-top:2rem;margin-bottom:2rem;}.my-auto{margin-top:auto;margin-bottom:auto;}.mb-1{margin-bottom:.25rem;}.mb-2{margin-bottom:.5rem;}.mb-3{margin-bottom:.75rem;}.mb-4{margin-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.mb-8{margin-bottom:2rem;}.ml-2{margin-left:.5rem;}.ml-3{margin-left:.75rem;}.ml-4{margin-left:1rem;}.mr-1{margin-right:.25rem;}.mr-2{margin-right:.5rem;}.mt-0\.5{margin-top:.125rem;}.mt-1{margin-top:.25rem;}.mt-2{margin-top:.5rem;}.mt-3{margin-top:.75rem;}.mt-4{margin-top:1rem;}.mt-6{margin-top:1.5rem;}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.block{display:block;}.inline-block{display:inline-block;}.inline{display:inline;}.flex{display:flex;}.inline-flex{display:inline-flex;}.table{display:table;}.grid{display:grid;}.inline-grid{display:inline-grid;}.hidden{display:none;}.h-10{height:2.5rem;}.h-12{height:3rem;}.h-16{height:4rem;}.h-20{height:5rem;}.h-3{height:.75rem;}.h-3\.5{height:.875rem;}.h-4{height:1rem;}.h-40{height:10rem;}.h-5{height:1.25rem;}.h-6{height:1.5rem;}.h-7{height:1.75rem;}.h-8{height:2rem;}.h-full{height:100%;}.max-h-96{max-height:24rem;}.max-h-\[600px\]{max-height:600px;}.max-h-\[60px\]{max-height:60px;}.max-h-\[80vh\]{max-height:80vh;}.max-h-\[90px\]{max-height:90px;}.min-h-screen{min-height:100vh;}.w-10{width:2.5rem;}.w-12{width:3rem;}.w-16{width:4rem;}.w-2\/3{width:66.666667%;}.w-20{width:5rem;}.w-24{width:6rem;}.w-3{width:.75rem;}.w-3\.5{width:.875rem;}.w-3\/4{width:75%;}.w-32{width:8rem;}.w-4{width:1rem;}.w-5{width:1.25rem;}.w-6{width:1.5rem;}.w-7{width:1.75rem;}.w-8{width:2rem;}.w-full{width:100%;}.min-w-0{min-width:0px;}.min-w-\[300px\]{min-width:300px;}.max-w-6xl{max-width:72rem;}.max-w-full{max-width:100%;}.max-w-md{max-width:28rem;}.max-w-sm{max-width:24rem;}.flex-1{flex:1 1 0%;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;}.animate-spin{animation:spin 1s linear infinite;}.cursor-not-allowed{cursor:not-allowed;}.cursor-pointer{cursor:pointer;}.resize-none{resize:none;}.resize{resize:both;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.place-items-center{place-items:center;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:.25rem;}.gap-2{gap:.5rem;}.gap-3{gap:.75rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse));}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse));}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-pre-wrap{white-space:pre-wrap;}.rounded{border-radius:.25rem;}.rounded-2xl{border-radius:1rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:.5rem;}.rounded-md{border-radius:.375rem;}.rounded-xl{border-radius:.75rem;}.border{border-width:1px;}.border-2{border-width:2px;}.border-b{border-bottom-width:1px;}.border-b-2{border-bottom-width:2px;}.border-t{border-top-width:1px;}.border-dashed{border-style:dashed;}.border-blue-500\/30{border-color:#3b82f64d;}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));}.border-cyan-500\/30{border-color:#06b6d44d;}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1));}.border-green-500\/30{border-color:#22c55e4d;}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1));}.border-orange-500\/20{border-color:#f9731633;}.border-orange-500\/30{border-color:#f973164d;}.border-purple-500\/30{border-color:#a855f74d;}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));}.border-red-500\/20{border-color:#ef444433;}.border-red-500\/30{border-color:#ef44444d;}.border-red-500\/50{border-color:#ef444480;}.border-red-600\/50{border-color:#dc262680;}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1));}.border-white\/30{border-color:#ffffff4d;}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1));}.border-yellow-500\/30{border-color:#eab3084d;}.border-yellow-600\/50{border-color:#ca8a0480;}.border-t-cyan-500{--tw-border-opacity: 1;border-top-color:rgb(6 182 212 / var(--tw-border-opacity, 1));}.border-t-purple-500{--tw-border-opacity: 1;border-top-color:rgb(168 85 247 / var(--tw-border-opacity, 1));}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1));}.bg-black\/50{background-color:#00000080;}.bg-black\/60{background-color:#0009;}.bg-black\/80{background-color:#000c;}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));}.bg-blue-500\/10{background-color:#3b82f61a;}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));}.bg-gray-700\/50{background-color:#37415180;}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1));}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));}.bg-green-500\/10{background-color:#22c55e1a;}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));}.bg-green-900\/50{background-color:#14532d80;}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1));}.bg-orange-500\/10{background-color:#f973161a;}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1));}.bg-purple-500\/10{background-color:#a855f71a;}.bg-purple-500\/20{background-color:#a855f733;}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));}.bg-red-500\/10{background-color:#ef44441a;}.bg-red-500\/15{background-color:#ef444426;}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));}.bg-red-900\/20{background-color:#7f1d1d33;}.bg-red-900\/50{background-color:#7f1d1d80;}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));}.bg-white\/20{background-color:#fff3;}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1));}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1));}.bg-yellow-500\/10{background-color:#eab3081a;}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops));}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-gray-800{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-orange-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-orange-500\/10{--tw-gradient-from: rgb(249 115 22 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-orange-500\/20{--tw-gradient-from: rgb(249 115 22 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-red-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-red-500\/10{--tw-gradient-from: rgb(239 68 68 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-yellow-300{--tw-gradient-from: #fde047 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.from-yellow-900\/20{--tw-gradient-from: rgb(113 63 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.via-pink-500{--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position);}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position);}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position);}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position);}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position);}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position);}.to-orange-900\/20{--tw-gradient-to: rgb(124 45 18 / .2) var(--tw-gradient-to-position);}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position);}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position);}.to-red-400{--tw-gradient-to: #f87171 var(--tw-gradient-to-position);}.to-red-500\/10{--tw-gradient-to: rgb(239 68 68 / .1) var(--tw-gradient-to-position);}.to-red-500\/20{--tw-gradient-to: rgb(239 68 68 / .2) var(--tw-gradient-to-position);}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);}.to-red-600\/10{--tw-gradient-to: rgb(220 38 38 / .1) var(--tw-gradient-to-position);}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position);}.bg-clip-text{-webkit-background-clip:text;background-clip:text;}.fill-current{fill:currentColor;}.object-contain{-o-object-fit:contain;object-fit:contain;}.object-cover{-o-object-fit:cover;object-fit:cover;}.p-0\.5{padding:.125rem;}.p-1{padding:.25rem;}.p-1\.5{padding:.375rem;}.p-2{padding:.5rem;}.p-3{padding:.75rem;}.p-4{padding:1rem;}.p-6{padding:1.5rem;}.p-8{padding:2rem;}.px-2{padding-left:.5rem;padding-right:.5rem;}.px-2\.5{padding-left:.625rem;padding-right:.625rem;}.px-3{padding-left:.75rem;padding-right:.75rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem;}.py-1{padding-top:.25rem;padding-bottom:.25rem;}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-2{padding-top:.5rem;padding-bottom:.5rem;}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem;}.py-3{padding-top:.75rem;padding-bottom:.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pb-2{padding-bottom:.5rem;}.pb-3{padding-bottom:.75rem;}.pb-4{padding-bottom:1rem;}.pl-10{padding-left:2.5rem;}.pr-4{padding-right:1rem;}.text-left{text-align:left;}.text-center{text-align:center;}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:.75rem;line-height:1rem;}.font-bold{font-weight:700;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.lowercase{text-transform:lowercase;}.leading-relaxed{line-height:1.625;}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1));}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1));}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1));}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1));}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1));}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1));}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1));}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1));}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1));}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1));}.text-transparent{color:transparent;}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1));}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1));}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1));}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1));}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1));}.underline{text-decoration-line:underline;}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1));}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1));}.opacity-0{opacity:0;}.opacity-50{opacity:.5;}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}.duration-200{transition-duration:.2s;}.duration-300{transition-duration:.3s;}:root{--pc-bg: #F7FBFF;--pc-surface: #ffffff;--pc-surface-2: #EAF8FC;--pc-surface-3: #EEF4FA;--pc-text: #001C47;--pc-text-soft: #325187;--pc-text-faint: #8CBDD7;--pc-border: #CFDFEA;--pc-border-soft: #E1ECF3;--pc-accent: #3592DA;--pc-accent-strong: #635492;--pc-danger: #ed4956;--pc-success: #20a464;--pc-story-1: #3592DA;--pc-story-2: #4321A9;--pc-story-3: #B53DA1;--pc-story-4: #ED6AB8;--pc-overlay: rgba(0, 0, 0, .72);--pc-nav-width: 245px;--pc-radius: 12px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light;}.pc-styled-name{display:inline-block;color:var(--pc-name-color,#111827);font:inherit;line-height:1.15;max-width:100%;overflow-wrap:anywhere;}.pc-font-minimal{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:650;}.pc-font-bold{font-family:Arial Black,Impact,ui-sans-serif,sans-serif;font-weight:900;}.pc-font-serif{font-family:Georgia,Times New Roman,serif;}.pc-font-gothic{font-family:Georgia,serif;font-weight:800;letter-spacing:-.03em;}.pc-font-cyber{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;letter-spacing:.09em;text-transform:uppercase;}.pc-font-bubble{font-family:Trebuchet MS,ui-rounded,system-ui,sans-serif;font-weight:900;letter-spacing:.02em;}.pc-font-handwritten{font-family:Segoe Print,Bradley Hand,cursive;font-weight:700;}.pc-font-pixel{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;letter-spacing:.04em;}.pc-font-futuristic{font-family:Arial Narrow,ui-sans-serif,sans-serif;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}.pc-font-editorial{font-family:Didot,Bodoni 72,Georgia,serif;font-weight:700;}.pc-font-rounded{font-family:ui-rounded,Quicksand,system-ui,sans-serif;font-weight:800;}.pc-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}.pc-effect-gradient,.pc-effect-fire,.pc-effect-ice,.pc-effect-holographic,.pc-effect-rainbow,.pc-effect-metallic,.pc-effect-shimmer{color:transparent;background:linear-gradient(100deg,var(--pc-name-start),var(--pc-name-end));background-size:220% 100%;background-clip:text;-webkit-background-clip:text;}.pc-effect-fire{--pc-name-start:#ffb000;--pc-name-end:#ef233c;}.pc-effect-ice{--pc-name-start:#67e8f9;--pc-name-end:#2563eb;}.pc-effect-rainbow{background-image:linear-gradient(90deg,#ff3b30,#ff9500,#34c759,#0a84ff,#af52de,#ff2d55);}.pc-effect-holographic{background-image:linear-gradient(110deg,#40e0d0,#c084fc,#f9a8d4,#93c5fd);}.pc-effect-metallic{background-image:linear-gradient(110deg,#64748b,#f8fafc,#94a3b8,#334155);}.pc-effect-glow,.pc-effect-neon{text-shadow:0 0 5px color-mix(in srgb,var(--pc-name-color) 70%,transparent),0 0 15px color-mix(in srgb,var(--pc-name-color) 50%,transparent);}@keyframes pc-name-shimmer{to{background-position:-220% 0}}@keyframes pc-name-pulse{50%{opacity:.72;transform:scale(.985)}}@keyframes pc-name-glitch{20%{transform:translate(.5px)}40%{transform:translate(-.5px)}60%{filter:hue-rotate(25deg)}80%{transform:none}}.pc-effect-shimmer{animation:pc-name-shimmer 3.2s linear infinite;}.pc-effect-pulse{animation:pc-name-pulse 2.4s ease-in-out infinite;}.pc-effect-glitch{animation:pc-name-glitch 1.8s steps(1,end) infinite;}.pc-customize-backdrop{position:fixed;inset:0;z-index:1200;background:#090a12b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;}.pc-customize-sheet{width:min(780px,100%);height:min(820px,94dvh);background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px #0008;color:#111827;}.pc-customize-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb;}.pc-customize-sheet>header small{color:#6b7280;}.pc-customize-sheet h2{display:flex;align-items:center;gap:8px;font-size:21px;margin:2px 0 0;}.pc-customize-sheet h2 svg{width:20px;}.pc-customize-sheet>header>button{border:0;background:#f3f4f6;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;}.pc-customize-sheet>header svg{width:19px;}.pc-customize-preview{margin:16px 20px 8px;padding:18px;border-radius:20px;display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e5e7eb;background-size:cover;background-position:center;transition:background .2s,border-color .2s;}.pc-customize-preview>div:last-child{display:grid;gap:4px;}.pc-customize-preview small{color:#64748b;}.pc-customize-preview p{font-size:13px;margin:2px 0 0;}.pc-customize-avatar{width:64px;height:64px;border-radius:50%;background:var(--pc-profile-accent,#7c3aed);color:#fff;display:grid;place-items:center;font-size:24px;position:relative;flex:0 0 auto;}.pc-customize-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;}.pc-avatar-decoration{position:absolute;z-index:3;left:50%;top:-18px;transform:translate(-50%);font-size:26px;pointer-events:none;filter:drop-shadow(0 2px 3px #0005);}.pc-decoration-headphones{top:-7px;font-size:35px;}.pc-decoration-halo{top:-23px;}.pc-decoration-flowers,.pc-decoration-butterflies,.pc-decoration-stars{top:-13px;left:auto;right:-13px;transform:none;}.pc-customize-tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 20px;border-bottom:1px solid #e5e7eb;scrollbar-width:none;}.pc-customize-tabs::-webkit-scrollbar{display:none;}.pc-customize-tabs button{white-space:nowrap;text-transform:capitalize;border:0;background:transparent;color:#64748b;padding:9px 12px;border-radius:999px;font-weight:700;}.pc-customize-tabs button.is-active{background:#ede9fe;color:#6d28d9;}.pc-customize-body{padding:20px;overflow:auto;flex:1;}.pc-customize-body h3{font-size:18px;margin:0 0 5px;}.pc-customize-note{color:#6b7280;font-size:13px;margin:0 0 18px;}.pc-customize-body>label:not(.pc-switch-row),.pc-customize-body>div+label{display:grid;gap:7px;font-size:13px;font-weight:750;margin:18px 0 8px;}.pc-customize-body input:not([type=color]):not([type=checkbox]),.pc-customize-body select{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px;background:#fff;color:#111827;font:inherit;}.pc-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}.pc-option-grid button,.pc-theme-grid button,.pc-decoration-grid button{border:1px solid #dbe0e8;background:#fff;border-radius:13px;padding:13px 9px;text-transform:capitalize;color:#374151;}.pc-option-grid button.is-selected,.pc-theme-grid button.is-selected,.pc-decoration-grid button.is-selected{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed22;background:#f5f3ff;color:#5b21b6;}.pc-color-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}.pc-color-row label{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:12px;padding:8px 11px;font-size:12px;}.pc-color-row input{width:34px;height:30px;border:0;background:none;}.pc-theme-grid,.pc-decoration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}.pc-theme-grid button span{display:block;height:38px;border-radius:8px;margin-bottom:7px;background:var(--pc-theme-preview,#e5e7eb);}.pc-theme-midnight{--pc-theme-preview:linear-gradient(135deg,#090b18,#312e81);background-color:#0f172a;color:#f8fafc;}.pc-theme-snow{--pc-theme-preview:linear-gradient(135deg,#fff,#dbeafe);}.pc-theme-violet{--pc-theme-preview:linear-gradient(135deg,#5b21b6,#c026d3);}.pc-theme-ocean{--pc-theme-preview:linear-gradient(135deg,#0369a1,#22d3ee);}.pc-theme-forest{--pc-theme-preview:linear-gradient(135deg,#14532d,#4ade80);}.pc-theme-rose{--pc-theme-preview:linear-gradient(135deg,#9f1239,#fb7185);}.pc-theme-sunset{--pc-theme-preview:linear-gradient(135deg,#f97316,#db2777);}.pc-theme-galaxy{--pc-theme-preview:linear-gradient(135deg,#111827,#7e22ce,#0284c7);}.pc-theme-graphite{--pc-theme-preview:linear-gradient(135deg,#111827,#6b7280);}.pc-theme-grid button span{background:var(--pc-theme-preview,#f1f5f9);}.pc-decoration-grid button{display:grid;place-items:center;gap:5px;}.pc-decoration-grid button span{font-size:24px;min-height:28px;}.pc-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e5e7eb;padding:18px 0;margin-top:18px;font-weight:700;}.pc-switch-row small{display:block;color:#6b7280;font-weight:500;}.pc-switch-row input{width:20px;height:20px;}.pc-customize-upload{border:1px dashed #a78bfa;background:#f5f3ff;color:#6d28d9;border-radius:13px;padding:12px 15px;display:inline-flex;align-items:center;gap:8px;font-weight:750;margin-top:12px;}.pc-customize-upload svg{width:18px;}.pc-music-preview{width:100%;margin-top:14px;height:42px;}.pc-status-input{display:grid;grid-template-columns:62px 1fr;gap:9px;margin-top:14px;}.pc-status-input input:first-child{text-align:center;font-size:20px;}.pc-mode-list{display:grid;gap:10px;}.pc-mode-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;}.pc-mode-list button span{display:grid;gap:3px;}.pc-mode-list small{color:#6b7280;}.pc-mode-list button.is-selected{border-color:#7c3aed;background:#f5f3ff;}.pc-mode-list svg{width:19px;color:#7c3aed;}.pc-customize-sheet>footer{border-top:1px solid #e5e7eb;padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;}.pc-customize-sheet>footer button{display:inline-flex;align-items:center;gap:7px;}.pc-customize-sheet>footer svg{width:17px;}.pc-profile-page{background-size:cover;background-position:center;background-attachment:local;}.pc-profile-page .pc-profile-header{border-top:3px solid var(--pc-profile-accent,transparent);}.pc-aura-neon .pc-profile-avatar,.pc-aura-purple .pc-profile-avatar{box-shadow:0 0 0 3px #fff,0 0 22px var(--pc-profile-accent,#8b5cf6);}.pc-aura-fire .pc-profile-avatar{box-shadow:0 0 22px #f97316;}.pc-aura-ice .pc-profile-avatar{box-shadow:0 0 22px #38bdf8;}.pc-aura-electric .pc-profile-avatar{box-shadow:0 0 20px #facc15;}.pc-aura-golden .pc-profile-avatar{box-shadow:0 0 20px #d4a017;}.pc-aura-shadow .pc-profile-avatar{box-shadow:0 10px 25px #0008;}.pc-aura-rainbow .pc-profile-avatar,.pc-aura-galaxy .pc-profile-avatar{box-shadow:0 0 0 3px #fff,0 0 24px #a855f7;}.pc-profile-song audio{height:34px;max-width:280px;}.pc-profile-song{flex-wrap:wrap;}@keyframes pc-theme-shift{50%{background-position:100% 50%}}.pc-profile-page.is-animated,.pc-customize-preview.is-animated{background-size:180% 180%;animation:pc-theme-shift 8s ease-in-out infinite;}.pc-aura-pulse .pc-profile-avatar{animation:pc-name-pulse 2.4s ease-in-out infinite;}@media (max-width:640px){.pc-customize-backdrop{padding:0;align-items:end;}.pc-customize-sheet{height:95dvh;border-radius:24px 24px 0 0;}.pc-customize-sheet>header{padding:15px 16px;}.pc-customize-preview{margin:12px 14px 6px;}.pc-customize-tabs{padding-inline:14px;}.pc-customize-body{padding:17px 14px;}.pc-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pc-theme-grid,.pc-decoration-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.pc-customize-sheet>footer{padding:12px 14px;}.pc-customize-sheet>footer button{flex:1;justify-content:center;}.pc-profile-song audio{width:100%;max-width:none;}}@media (prefers-reduced-motion:reduce){.pc-effect-shimmer,.pc-effect-pulse,.pc-effect-glitch,.pc-profile-page.is-animated,.pc-customize-preview.is-animated,.pc-aura-pulse .pc-profile-avatar{animation:none;}.pc-styled-name{transform:none;}}.pc-post-background-picker{padding:4px 14px 14px;display:grid;gap:8px;}.pc-post-background-picker>span{font-size:12px;color:#9ca3af;}.pc-post-background-picker>div{display:flex;gap:9px;overflow-x:auto;padding:2px;}.pc-post-background-picker button{width:34px;height:34px;border-radius:9px;border:2px solid #ffffff30;flex:0 0 auto;}.pc-post-background-picker button.is-selected{outline:2px solid #fff;outline-offset:2px;}.pc-post-bg-none{background:#374151;}.pc-post-bg-violet{background:linear-gradient(135deg,#4c1d95,#c026d3);}.pc-post-bg-ocean{background:linear-gradient(135deg,#075985,#06b6d4);}.pc-post-bg-sunset{background:linear-gradient(135deg,#ea580c,#db2777);}.pc-post-bg-forest{background:linear-gradient(135deg,#14532d,#16a34a);}.pc-post-bg-rose{background:linear-gradient(135deg,#881337,#fb7185);}.pc-post-bg-midnight{background:linear-gradient(135deg,#020617,#312e81);}.pc-post-bg-aurora{background:linear-gradient(135deg,#0f766e,#7c3aed,#db2777);}.pc-post-bg-dots{background-color:#312e81;background-image:radial-gradient(#ffffff55 1px,transparent 1px);background-size:12px 12px;}.pc-styled-post{margin:0 12px 12px;padding:30px 22px;border-radius:18px;min-height:150px;display:grid;place-items:center;text-align:center;}.pc-styled-post p{font-size:clamp(20px,5vw,30px);font-weight:800;line-height:1.2;}.pc-reveal-post{position:relative;overflow:hidden;}.pc-reveal-post.is-covered>p,.pc-reveal-post.is-covered~*{filter:blur(15px);-webkit-user-select:none;-moz-user-select:none;user-select:none;}.pc-reveal-button{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid #ffffff70;background:#111827dd;color:#fff;border-radius:999px;padding:10px 18px;font-weight:800;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}.pc-voice-recorder{margin:4px 14px 14px;padding:12px;border:1px solid #374151;border-radius:14px;display:flex;align-items:center;gap:10px;}.pc-voice-recorder>span{width:36px;height:36px;border-radius:50%;background:#7c3aed;display:grid;place-items:center;}.pc-voice-recorder>span.is-live{animation:pc-name-pulse 1.2s ease-in-out infinite;}.pc-voice-recorder svg{width:18px;}.pc-voice-recorder button{border:0;border-radius:50%;width:36px;height:36px;background:#374151;color:#fff;display:grid;place-items:center;}.pc-voice-recorder audio{height:36px;min-width:0;flex:1;}.pc-create-audience{border:1px solid #4b5563;background:#111827;color:#e5e7eb;border-radius:999px;padding:7px 10px;max-width:135px;}.pc-voice-post{margin:0 14px 14px;border:1px solid #374151;border-radius:14px;padding:12px;display:grid;gap:8px;}.pc-voice-post span{font-size:12px;color:#9ca3af;}.pc-voice-post audio{width:100%;height:38px;}html[data-theme=dark]{--pc-bg: #000000;--pc-surface: #000000;--pc-surface-2: #0f0f0f;--pc-surface-3: #1a1a1a;--pc-text: #f5f5f5;--pc-text-soft: #a8a8a8;--pc-text-faint: #737373;--pc-border: #262626;--pc-border-soft: #1d1d1d;--pc-accent: #4cb5f9;--pc-accent-strong: #0095f6;--pc-overlay: rgba(0, 0, 0, .82);color-scheme:dark;}*{box-sizing:border-box;}html{min-height:100%;background:var(--pc-bg);-webkit-text-size-adjust:100%;}body{margin:0;min-width:320px;min-height:100vh;background:var(--pc-bg);color:var(--pc-text);font-family:inherit;font-size:14px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}button,input,textarea,select{font:inherit;}button{-webkit-tap-highlight-color:transparent;}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px;}img{display:block;}.pc-story-overlay{z-index:1300;background:radial-gradient(circle at 50% 45%,#172031 0,#080c13 58%,#030508);}@media (min-width:768px){.pc-story-stage{aspect-ratio:9/16;height:min(92dvh,820px);width:auto;max-width:calc(100vw - 120px);border-radius:18px;box-shadow:0 28px 80px #000a;}}.pc-story-highlight-picker{margin:0 14px 14px;padding:13px;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-surface-2);}.pc-story-highlight-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;}.pc-story-highlight-picker>header>span{display:grid;gap:1px;}.pc-story-highlight-picker>header strong{font-size:12px;}.pc-story-highlight-picker>header small{font-size:10px;color:var(--pc-text-soft);font-weight:500;}.pc-story-highlight-picker>header b{font-size:10px;color:var(--pc-accent);}.pc-story-highlight-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none;}.pc-story-highlight-scroll::-webkit-scrollbar{display:none;}.pc-story-highlight-choice{width:64px;min-width:64px;border:0;background:transparent;color:var(--pc-text);display:grid;justify-items:center;gap:5px;padding:0;}.pc-story-highlight-choice>span{width:54px;height:54px;border-radius:50%;border:2px solid var(--pc-border);background:var(--pc-surface);display:grid;place-items:center;position:relative;overflow:hidden;}.pc-story-highlight-choice>span>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-story-highlight-choice>span>b{font-size:16px;}.pc-story-highlight-choice>small{width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;}.pc-story-highlight-choice.is-new>span{border-style:dashed;}.pc-story-highlight-choice.is-new svg{width:20px;}.pc-story-highlight-choice.is-selected>span{border-color:var(--pc-accent);box-shadow:0 0 0 2px var(--pc-surface-2),0 0 0 4px var(--pc-accent);}.pc-story-highlight-choice i{position:absolute;right:1px;bottom:1px;width:18px;height:18px;border-radius:50%;background:var(--pc-accent);color:#fff;display:grid;place-items:center;border:2px solid #fff;}.pc-story-highlight-choice i svg{width:10px;height:10px;}.pc-story-new-highlight{display:flex;gap:8px;margin-top:10px;}.pc-story-new-highlight input{min-width:0;flex:1;height:39px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);padding:0 11px;}.pc-story-new-highlight button{height:39px;border:0;border-radius:9px;background:var(--pc-accent);color:#fff;padding:0 13px;font-size:11px;font-weight:750;}.pc-highlights-row{gap:15px;padding:18px 10px 20px;}.pc-highlight-item{width:74px;min-width:74px;}.pc-highlight-cover{width:66px;height:66px;padding:3px;border:2px solid var(--pc-border);background:var(--pc-surface);box-shadow:inset 0 0 0 3px var(--pc-surface);}.pc-highlight-cover img{border-radius:50%;}.pc-highlight-item:not(:first-child) .pc-highlight-cover{border-color:color-mix(in srgb,var(--pc-accent) 62%,var(--pc-border));}.pc-highlight-label{font-size:10px;font-weight:590;}.pc-thoughts-strip{margin:0 0 16px;padding:14px 0 10px;background:transparent;border:0;box-shadow:none;overflow:hidden;}.pc-thoughts-strip>header{display:flex;align-items:baseline;gap:8px;padding:0 3px 11px;}.pc-thoughts-strip>header strong{font-size:14px;}.pc-thoughts-strip>header small{font-size:10px;color:var(--pc-text-soft);}.pc-thoughts-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px 6px 4px;scrollbar-width:none;}.pc-thoughts-scroll::-webkit-scrollbar{display:none;}.pc-thought-person{width:76px;min-width:76px;border:0;background:transparent;color:var(--pc-text);display:grid;justify-items:center;gap:5px;position:relative;padding:24px 0 0;}.pc-thought-person .pc-avatar{width:58px;height:58px;border:2px solid var(--pc-surface);box-shadow:0 0 0 1px var(--pc-border);}.pc-thought-person>small{width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--pc-text-soft);}.pc-note-cloud{position:absolute;z-index:2;top:-4px;left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:108px;min-height:30px;padding:6px 9px;border:1px solid var(--pc-border);border-radius:13px 13px 13px 4px;background:var(--pc-surface);box-shadow:0 4px 13px #001c4717;font-size:9px;line-height:1.15;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-note-cloud svg{width:14px;}.pc-thought-person--mine .pc-note-cloud{color:var(--pc-accent);}.pc-profile-thought{position:absolute;z-index:8;left:50%;top:-42px;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:150px;min-width:86px;min-height:38px;padding:7px 10px;border:1px solid var(--pc-border);border-radius:15px 15px 15px 5px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 7px 22px #001c4721;font-size:10px;line-height:1.2;text-align:center;}.pc-profile-thought:after{content:"";position:absolute;left:25px;bottom:-6px;width:10px;height:10px;background:var(--pc-surface);border-right:1px solid var(--pc-border);border-bottom:1px solid var(--pc-border);transform:rotate(45deg);}.pc-profile-thought>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.pc-profile-thought svg{width:12px;height:12px;display:inline;vertical-align:-2px;}.pc-profile-thought.is-empty{color:var(--pc-text-soft);border-style:dashed;}.pc-note-composer{width:min(420px,calc(100vw - 24px));padding:0 18px 18px;border:1px solid var(--pc-border);border-radius:20px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 28px 80px #0006;}.pc-note-composer>header{height:54px;display:flex;align-items:center;justify-content:space-between;}.pc-note-composer>textarea{width:100%;min-height:110px;resize:none;border:1px solid var(--pc-border);border-radius:13px;background:var(--pc-surface-2);color:var(--pc-text);padding:13px;outline:0;}.pc-note-preview{min-height:66px;display:grid;place-items:center;position:relative;}.pc-note-preview .pc-note-cloud{position:static;transform:none;max-width:230px;}.pc-note-meta{display:flex;align-items:center;justify-content:space-between;margin:8px 1px 13px;color:var(--pc-text-soft);font-size:10px;}.pc-note-meta button{border:1px solid var(--pc-border);border-radius:999px;background:transparent;color:var(--pc-text-soft);padding:5px 9px;}.pc-note-meta button.is-active{border-color:var(--pc-accent);color:var(--pc-accent);}.pc-note-composer>.pc-primary-button{width:100%;justify-content:center;}.pc-note-composer>.pc-danger-text{width:100%;border:0;background:transparent;color:var(--pc-danger);padding:12px;}.pc-note-hint{display:flex;align-items:center;gap:6px;color:var(--pc-text-soft);font-size:10px;margin:3px 0 0;}.pc-note-hint svg{width:14px;}.pc-has-theme-pack{background-color:var(--pc-pack-bg,var(--pc-bg));color:var(--pc-pack-text,var(--pc-text));padding:14px;border-radius:22px;}.pc-has-theme-pack .pc-profile-header,.pc-has-theme-pack .pc-profile-content{background:var(--pc-pack-surface,var(--pc-surface));border-color:var(--pc-pack-border,var(--pc-border));color:var(--pc-pack-text,var(--pc-text));}.pc-has-theme-pack .pc-profile-button.is-primary{background:var(--pc-pack-accent,var(--pc-accent));}.pc-has-theme-pack .pc-profile-button.is-secondary{background:var(--pc-pack-surface-2,var(--pc-surface-2));border-color:var(--pc-pack-border,var(--pc-border));color:var(--pc-pack-text,var(--pc-text));}.pc-has-theme-pack .pc-profile-bio,.pc-has-theme-pack .pc-profile-stats small,.pc-has-theme-pack .pc-profile-meta{color:var(--pc-pack-muted,var(--pc-text-soft));}.pc-theme-magenta-sky{background-image:radial-gradient(circle at 82% 2%,#ed6ab860 0,transparent 35%),linear-gradient(145deg,#140655,#2a0a56 45%,#010101);}.pc-theme-night-sky{background-image:linear-gradient(180deg,#cef9ff55,#f7fbff 38%,#eaf8fc);}.pc-customize-preview.pc-has-theme-pack{background:var(--pc-pack-bg,var(--pc-surface-2));color:var(--pc-pack-text,var(--pc-text));border-color:var(--pc-pack-border,var(--pc-border));}.pc-customize-preview.pc-has-theme-pack small{color:var(--pc-pack-muted,var(--pc-text-soft));}.pc-custom-profile-theme{background-color:var(--pc-theme-start,#dff7ff);background-image:linear-gradient(135deg,var(--pc-theme-start,#dff7ff),var(--pc-theme-end,#f7e8ff));padding:14px;border-radius:22px;}.pc-custom-profile-theme .pc-profile-header,.pc-custom-profile-theme .pc-profile-content{background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.pc-theme-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;}.pc-theme-mode button{min-height:38px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);}.pc-theme-mode button.is-selected{border-color:var(--pc-accent);box-shadow:0 0 0 1px var(--pc-accent);}.pc-profile-palette-presets{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 12px;}.pc-profile-palette-presets button{width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:3px solid var(--pc-surface);box-shadow:0 0 0 1px var(--pc-border);}.pc-profile-avatar.is-story-action{cursor:pointer;}.pc-profile-avatar.is-story-action:after{content:"+";position:absolute;right:4px;bottom:4px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--pc-accent);color:#fff;border:2px solid #fff;font:700 18px/1 system-ui;}.pc-theme-grid button{min-height:104px;align-content:start;}.pc-theme-grid button>span{height:48px;}.pc-theme-grid button>b{display:block;font-size:10px;text-transform:none;}.pc-theme-grid button>small{font-size:8px;color:var(--pc-text-soft);}@media (max-width:767px){.pc-profile-thought{top:-38px;max-width:118px;font-size:9px;}.pc-has-theme-pack,.pc-custom-profile-theme{padding:0;border-radius:0;}.pc-thoughts-strip{margin-inline:-2px;}.pc-story-highlight-picker{margin-inline:12px;}}::-moz-selection{background:color-mix(in srgb,var(--pc-accent) 24%,transparent);}::selection{background:color-mix(in srgb,var(--pc-accent) 24%,transparent);}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;}.scrollbar-hide::-webkit-scrollbar{display:none;}.pc-app{min-height:100dvh;background:var(--pc-bg);color:var(--pc-text);}.pc-app-loading{display:flex;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;gap:18px;}.pc-brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--pc-text);color:var(--pc-bg);font-weight:800;letter-spacing:-.06em;font-size:20px;}.pc-loading-line{width:72px;height:2px;overflow:hidden;border-radius:999px;background:var(--pc-border);position:relative;}.pc-loading-line:after{content:"";position:absolute;inset:0;width:34%;background:var(--pc-accent);animation:pc-loading .9s ease-in-out infinite alternate;}@keyframes pc-loading{0%{transform:translate(-2%)}to{transform:translate(195%)}}.pc-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--pc-nav-width);padding:28px 12px 20px;border-right:1px solid var(--pc-border);background:var(--pc-bg);display:flex;flex-direction:column;}.pc-wordmark{border:0;background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;height:50px;padding:0 12px;margin:0 0 22px;font-size:21px;font-weight:760;letter-spacing:-.045em;text-align:left;}.pc-wordmark .pc-brand-mark{width:30px;height:30px;border-radius:8px;font-size:16px;}.pc-sidebar-nav,.pc-sidebar-bottom{display:flex;flex-direction:column;gap:3px;}.pc-sidebar-bottom{margin-top:auto;}.pc-nav-item{width:100%;min-height:50px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;font-size:15px;transition:background .12s ease;}.pc-nav-item:hover{background:var(--pc-surface-2);}.pc-nav-item.is-active{font-weight:700;}.pc-nav-item svg{width:24px;height:24px;stroke-width:1.9;flex:0 0 auto;}.pc-nav-item.is-active svg{stroke-width:2.7;}.pc-nav-icon-wrap{position:relative;display:inline-flex;}.pc-nav-badge{position:absolute;min-width:17px;height:17px;padding:0 4px;display:inline-grid;place-items:center;border-radius:999px;background:var(--pc-danger);color:#fff;font-size:10px;font-weight:700;top:-7px;right:-9px;border:2px solid var(--pc-bg);}.pc-mobile-header,.pc-bottom-nav,.pc-mobile-more{display:none;}.pc-layout{min-height:100dvh;margin-left:var(--pc-nav-width);display:flex;justify-content:center;gap:52px;padding:28px 32px 80px;}.pc-main{width:min(100%,630px);min-width:0;}.pc-main--wide{width:min(100%,880px);}.pc-feed-column{width:100%;}.pc-post-list{display:flex;flex-direction:column;gap:18px;}.pc-context-column{width:300px;padding-top:28px;flex:0 0 300px;}.pc-account-card{display:flex;align-items:center;gap:12px;min-height:64px;}.pc-account-card-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;background:transparent;border:0;color:var(--pc-text);text-align:left;}.pc-account-card-main>span:last-child{min-width:0;display:grid;}.pc-account-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-account-card small{color:var(--pc-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-text-button{border:0;background:transparent;color:var(--pc-accent);font-weight:650;font-size:12px;}.pc-context-title{display:flex;align-items:center;justify-content:space-between;color:var(--pc-text-soft);font-weight:650;font-size:13px;}.pc-context-title button{border:0;background:transparent;color:var(--pc-text);font-weight:650;font-size:12px;}.pc-context-copy{color:var(--pc-text-soft);font-size:12px;margin:12px 0 0;}.pc-context-footer{color:var(--pc-text-faint);font-size:11px;margin-top:26px;}.pc-site-credit{padding:26px 12px 12px;text-align:center;color:var(--pc-text-faint);font-size:11px;}.pc-site-credit a{color:inherit;font-weight:650;text-decoration:none;}.pc-site-credit a:hover{text-decoration:underline;}.pc-panel{background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:var(--pc-radius);}.pc-section-header,.pc-page-title{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--pc-border-soft);}.pc-section-header h2,.pc-page-title h1{margin:0;font-size:18px;line-height:1.25;font-weight:720;letter-spacing:-.025em;}.pc-section-header p{margin:2px 0 0;color:var(--pc-text-soft);font-size:12px;}.pc-section-header>svg{color:var(--pc-text-soft);width:20px;}.pc-icon-button{width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--pc-text);display:inline-grid;place-items:center;position:relative;cursor:pointer;}.pc-icon-button:hover{background:var(--pc-surface-3);}.pc-icon-button:disabled{opacity:.45;cursor:default;}.pc-icon-button svg{width:21px;height:21px;}.pc-primary-button,.pc-secondary-button{min-height:34px;border-radius:8px;padding:0 16px;border:0;font-weight:650;font-size:13px;cursor:pointer;}.pc-primary-button{background:var(--pc-accent);color:#fff;}.pc-primary-button:hover{background:var(--pc-accent-strong);}.pc-secondary-button{background:var(--pc-surface-3);color:var(--pc-text);}.pc-primary-button--compact{min-height:32px;padding:0 14px;}.pc-primary-button:disabled,.pc-secondary-button:disabled{opacity:.5;cursor:default;}.pc-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:var(--pc-surface-3);color:var(--pc-text);font-weight:700;}.pc-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-avatar--sm{width:26px;height:26px;font-size:11px;}.pc-avatar--md{width:38px;height:38px;font-size:14px;}.pc-avatar--lg{width:48px;height:48px;font-size:17px;}.pc-avatar--xl{width:88px;height:88px;font-size:28px;}.pc-empty-state{min-height:260px;padding:42px 24px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:9px;color:var(--pc-text-soft);}.pc-empty-state strong{color:var(--pc-text);font-size:16px;}.pc-empty-state span{max-width:300px;font-size:13px;}.pc-empty-inline{padding:36px 20px;color:var(--pc-text-soft);text-align:center;}.pc-stories-wrap{width:100%;border-bottom:1px solid var(--pc-border-soft);margin-bottom:12px;}.pc-stories{display:flex;gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 2px 15px;scroll-snap-type:x proximity;}.pc-story-item{width:72px;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:5px;scroll-snap-align:start;}.pc-story-ring{position:relative;width:66px;height:66px;border-radius:50%;padding:2px;border:0;background:var(--pc-border);cursor:pointer;}.pc-story-ring--unseen{padding:2.5px;background:conic-gradient(from 205deg,var(--pc-story-1),var(--pc-story-2),var(--pc-story-3),var(--pc-story-4),var(--pc-story-1));}.pc-story-ring--plain{background:transparent;}.pc-story-avatar{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;border:2px solid var(--pc-bg);overflow:visible;background:var(--pc-surface-3);color:var(--pc-text);font-weight:700;position:relative;}.pc-story-avatar>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;}.pc-story-add{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border:2px solid var(--pc-bg);background:var(--pc-accent);color:#fff;border-radius:50%;display:grid;place-items:center;}.pc-story-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--pc-text);font-size:11px;}.pc-stories--loading .pc-story-placeholder{width:72px;min-width:72px;display:grid;justify-items:center;gap:7px;}.pc-story-placeholder>span{width:62px;height:62px;border-radius:50%;background:var(--pc-surface-3);}.pc-story-placeholder small{width:45px;height:7px;border-radius:9px;background:var(--pc-surface-3);}.pc-story-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#111;color:#fff;}.pc-story-loader{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .7s linear infinite;}.pc-story-stage{position:relative;width:min(430px,100vw);height:min(760px,100dvh);overflow:hidden;background:#090909;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;}.pc-story-media{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;}.pc-story-media img,.pc-story-media video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#050505;}.pc-story-text-card{width:100%;height:100%;padding:90px 38px 110px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,#3d315d,#6945a8);}.pc-story-text-card p{font-size:clamp(23px,6vw,33px);line-height:1.15;font-weight:690;margin:0;white-space:pre-wrap;}.pc-story-text-card span{margin-top:20px;color:#fffc;}.pc-story-progress-row{position:absolute;z-index:6;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:4px;}.pc-story-progress-track{height:2px;background:#ffffff59;border-radius:4px;flex:1;overflow:hidden;}.pc-story-progress-track>span{display:block;height:100%;background:#fff;}.pc-story-header{position:absolute;z-index:6;top:calc(max(10px,env(safe-area-inset-top)) + 12px);left:12px;right:10px;display:flex;justify-content:space-between;align-items:center;padding-top:8px;text-shadow:0 1px 8px rgba(0,0,0,.5);}.pc-story-author{display:flex;align-items:center;gap:9px;min-width:0;}.pc-story-author .pc-avatar{border:1px solid rgba(255,255,255,.65);}.pc-story-author strong{font-size:13px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-story-author small{color:#ffffffb8;font-size:12px;}.pc-story-header-actions{display:flex;align-items:center;}.pc-story-icon-button{color:#fff;background:transparent;border:0;display:inline-flex;align-items:center;gap:4px;padding:7px;border-radius:50%;}.pc-story-icon-button svg{width:20px;height:20px;}.pc-story-icon-button span{font-size:11px;}.pc-story-global-close{position:fixed;top:18px;right:20px;z-index:102;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;}.pc-story-close-inline{display:none;}.pc-story-footer{position:absolute;z-index:8;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;}.pc-story-reply{flex:1;border:1px solid rgba(255,255,255,.72);border-radius:999px;min-height:44px;display:flex;align-items:center;padding:0 13px;background:#00000024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}.pc-story-reply input{flex:1;min-width:0;background:transparent;color:#fff;border:0;outline:0;font-size:13px;}.pc-story-reply input::-moz-placeholder{color:#ffffffc7;}.pc-story-reply input::placeholder{color:#ffffffc7;}.pc-story-reply button{border:0;color:#fff;background:transparent;padding:6px;}.pc-story-reply svg{width:18px;}.pc-story-heart{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:#fff;}.pc-story-heart.is-active{color:#ff3040;}.pc-story-reaction-wrap{position:relative;}.pc-story-reaction-picker{position:absolute;bottom:52px;right:0;display:flex;gap:4px;padding:7px;border-radius:999px;background:#141414e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}.pc-story-reaction-picker button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;font-size:22px;}.pc-story-reaction-picker button.is-active{background:#ffffff24;}.pc-story-footer--owner{justify-content:space-between;color:#fff;}.pc-story-footer--owner button{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:7px;}.pc-story-footer--owner svg{width:20px;}.pc-story-desktop-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:9;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffffe6;color:#111;}.pc-story-desktop-arrow--left{left:-54px;}.pc-story-desktop-arrow--right{right:-54px;}.pc-story-viewers-backdrop{position:fixed;inset:0;z-index:110;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;}.pc-story-viewers-sheet{width:min(440px,100%);max-height:min(72vh,650px);background:var(--pc-surface);color:var(--pc-text);border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -10px 45px #0003;}.pc-story-viewers-sheet>header{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border);}.pc-story-viewers-sheet>header button{border:0;background:transparent;color:var(--pc-text);}.pc-story-viewers-list{overflow:auto;max-height:calc(72vh - 54px);}.pc-story-viewer-row{min-height:62px;padding:8px 15px;display:flex;align-items:center;gap:12px;}.pc-story-viewer-row>span:last-child{display:grid;}.pc-story-viewer-row small{color:var(--pc-text-soft);font-size:11px;}.pc-feed-controls{height:50px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}.pc-segmented-control{display:flex;align-items:center;gap:2px;}.pc-segmented-control button{border:0;background:transparent;color:var(--pc-text-soft);font-weight:650;font-size:13px;padding:8px 10px;border-radius:8px;}.pc-segmented-control button.is-active{color:var(--pc-text);background:var(--pc-surface-3);}.pc-composer-trigger{width:100%;min-height:58px;padding:8px 4px;margin-bottom:12px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text-soft);display:flex;align-items:center;gap:11px;text-align:left;}.pc-composer-trigger>span:nth-child(2){flex:1;}.pc-load-more{width:100%;height:42px;border:0;background:transparent;color:var(--pc-accent);font-weight:650;}.pc-post-card.card-modern{background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);box-shadow:none;border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;}.pc-post-card.card-hover:hover{transform:none;box-shadow:none;border-color:var(--pc-border);}.pc-post-card .shadow-lg,.pc-post-card .shadow-md,.pc-post-card .shadow-cyan-500\/30,.pc-post-card .shadow-cyan-500\/50{box-shadow:none;}.pc-post-card>div:first-child[class*=bg-]{border-color:var(--pc-border-soft);}.pc-post-card .border-gray-700,.pc-post-card .border-gray-600{border-color:var(--pc-border);}.pc-post-card .bg-gray-800,.pc-post-card .bg-gray-800\/90,.pc-post-card .bg-gray-700,.pc-post-card .bg-gray-700\/50,.pc-post-card .bg-gray-600{background-color:var(--pc-surface-2);}.pc-post-card p.text-white,.pc-post-card h3.text-white,.pc-post-card span.text-white,.pc-post-card button.font-semibold.text-white,.pc-post-card .text-gray-200,.pc-post-card .text-gray-300{color:var(--pc-text);}.pc-post-card button.bg-orange-500.text-white,.pc-post-card .bg-red-500.text-white,.pc-post-card .bg-green-600.text-white,.pc-post-card .bg-blue-600.text-white{color:#fff;}.pc-post-card .pc-post-media-image{width:calc(100% + 2rem);max-height:620px;margin-left:-1rem;margin-right:-1rem;border-radius:0;-o-object-fit:cover;object-fit:cover;}.pc-post-card .rounded-2xl{border-radius:10px;}.pc-post-card .rounded-lg{border-radius:8px;}.pc-search-page{width:100%;}.pc-search-page .pc-page-title{padding-left:0;padding-right:0;}.pc-search-field{height:40px;display:flex;align-items:center;gap:8px;border-radius:9px;background:var(--pc-surface-3);color:var(--pc-text-soft);padding:0 12px;}.pc-search-field--large{height:44px;margin:16px 0;}.pc-search-field input{flex:1;min-width:0;background:transparent;color:var(--pc-text);border:0;outline:0;}.pc-search-field input::-moz-placeholder{color:var(--pc-text-soft);}.pc-search-field input::placeholder{color:var(--pc-text-soft);}.pc-search-field>button{border:0;width:24px;height:24px;border-radius:50%;background:var(--pc-text-faint);color:var(--pc-bg);line-height:1;}.pc-search-status{padding:28px 12px;color:var(--pc-text-soft);text-align:center;}.pc-user-results{border-top:1px solid var(--pc-border-soft);}.pc-user-row{min-height:70px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--pc-border-soft);}.pc-user-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--pc-text);text-align:left;}.pc-user-row-main>span:last-child{display:grid;min-width:0;}.pc-user-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-user-row-main small{color:var(--pc-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-explore-section h2{margin:22px 0 12px;font-size:16px;}.pc-explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}.pc-explore-tile{border:0;padding:0;background:var(--pc-surface-3);aspect-ratio:1;overflow:hidden;}.pc-explore-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-search-field--inbox{margin:12px 15px;}.pc-list-skeleton{padding:8px 15px;}.pc-list-skeleton-row{height:56px;border-radius:8px;background:linear-gradient(90deg,var(--pc-surface-2),var(--pc-surface-3),var(--pc-surface-2));background-size:200% 100%;animation:pc-shimmer 1.2s infinite;margin-bottom:8px;}@keyframes pc-shimmer{to{background-position:-200% 0}}.pc-mini-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite;}.pc-profile-page{max-width:935px;margin:0 auto;color:var(--pc-text);}.pc-profile-page>.bg-white{background:var(--pc-surface);border-color:var(--pc-border);box-shadow:none;border-radius:4px;}.pc-profile-page .text-gray-900,.pc-profile-page .text-gray-800,.pc-profile-page .text-gray-700{color:var(--pc-text);}.pc-profile-page .text-gray-600,.pc-profile-page .text-gray-500,.pc-profile-page .text-gray-400{color:var(--pc-text-soft);}.pc-profile-page .bg-gray-100,.pc-profile-page .bg-gray-50,.pc-profile-page .bg-gray-200{background:var(--pc-surface-3);}.pc-profile-page .border-gray-100,.pc-profile-page .border-gray-200,.pc-profile-page .border-gray-300{border-color:var(--pc-border);}.pc-profile-page button.bg-orange-500{background:var(--pc-accent);color:#fff;}.pc-profile-page .shadow-lg,.pc-profile-page .shadow-md,.pc-profile-page .shadow-sm{box-shadow:none;}.pc-profile-page .h-48{height:155px;background:var(--pc-surface-2);}.pc-profile-page .w-32.h-32{width:112px;height:112px;box-shadow:none;background:var(--pc-bg);}.pc-profile-page .rounded-xl{border-radius:4px;}.pc-profile-page .rounded-lg{border-radius:8px;}.pc-highlights-row{display:flex;gap:18px;overflow-x:auto;padding:14px 3px 18px;}.pc-highlight-item{width:76px;min-width:76px;border:0;background:transparent;color:var(--pc-text);display:flex;flex-direction:column;align-items:center;gap:6px;}.pc-highlight-cover{width:68px;height:68px;border-radius:50%;padding:3px;border:1px solid var(--pc-border);background:var(--pc-surface-3);overflow:hidden;display:grid;place-items:center;font-weight:700;}.pc-highlight-cover img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;}.pc-highlight-cover--new{background:transparent;border-color:var(--pc-text-faint);}.pc-highlight-cover--new svg{width:28px;color:var(--pc-text);}.pc-highlight-label{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;}.pc-highlight-skeleton{width:76px;min-width:76px;display:grid;justify-items:center;gap:7px;}.pc-highlight-skeleton span{width:68px;height:68px;border-radius:50%;background:var(--pc-surface-3);}.pc-highlight-skeleton small{width:40px;height:7px;border-radius:4px;background:var(--pc-surface-3);}.pc-settings-page{color:var(--pc-text);}.pc-settings-page>.bg-gray-800,.pc-settings-page .bg-gray-800,.pc-settings-page .bg-gray-700,.pc-settings-page .bg-gray-700\/50{background:var(--pc-surface);border-color:var(--pc-border);box-shadow:none;}.pc-settings-page>.bg-gray-800{border-radius:4px;}.pc-settings-page .text-white,.pc-settings-page .text-gray-300{color:var(--pc-text);}.pc-settings-page .text-gray-400,.pc-settings-page .text-gray-500{color:var(--pc-text-soft);}.pc-settings-page button.bg-orange-500,.pc-settings-page button.bg-red-500,.pc-settings-page button[class*=from-yellow]{color:#fff;}.pc-settings-page .border-gray-700,.pc-settings-page .border-gray-600{border-color:var(--pc-border);}.pc-settings-page input{background:var(--pc-surface-2);border-color:var(--pc-border);color:var(--pc-text);}.pc-settings-section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--pc-border);}.pc-settings-section-title h3{margin:0;font-size:16px;}.pc-settings-section-title p{margin:3px 0 12px;color:var(--pc-text-soft);font-size:12px;}.pc-theme-options{display:inline-flex;padding:3px;border-radius:9px;background:var(--pc-surface-3);}.pc-theme-options button{min-width:74px;height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--pc-text-soft);font-size:12px;font-weight:650;}.pc-theme-options button.is-active{background:var(--pc-surface);color:var(--pc-text);box-shadow:0 0 0 1px var(--pc-border);}.pc-modal-backdrop{background:var(--pc-overlay);-webkit-backdrop-filter:none;backdrop-filter:none;}.card-modern,.glass-effect,.glass-dark{background:var(--pc-surface);border-color:var(--pc-border);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;}.card-hover:hover,.hover-lift:hover{transform:none;box-shadow:none;}.gradient-text{background:none;color:var(--pc-text);-webkit-text-fill-color:currentColor;}.btn-gradient{background:var(--pc-accent);color:#fff;}.pc-friend-requests{margin-bottom:12px;background:var(--pc-surface);border-color:var(--pc-border);color:var(--pc-text);box-shadow:none;border-radius:4px;}.pc-friend-requests .text-white{color:var(--pc-text);}.pc-friend-requests .text-gray-400{color:var(--pc-text-soft);}.pc-friend-requests .bg-gray-700{background:var(--pc-surface-2);}.pc-friend-requests .border-gray-700{border-color:var(--pc-border);}.pc-admin-shell{overflow:hidden;}.text-shadow-blue{text-shadow:0 0 9px rgba(59,130,246,.55);}.text-shadow-purple{text-shadow:0 0 9px rgba(168,85,247,.55);}.text-shadow-green{text-shadow:0 0 9px rgba(34,197,94,.55);}.text-shadow-gold{text-shadow:0 0 9px rgba(234,179,8,.55);}@keyframes rainbow{0%{border-color:#f43f5e}33%{border-color:#8b5cf6}66%{border-color:#06b6d4}to{border-color:#f43f5e}}.animate-rainbow{animation:rainbow 3s linear infinite;}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .18s ease-out;}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .16s ease-out;}@keyframes spin{to{transform:rotate(360deg)}}input[type=range].slider-thumb{accent-color:var(--pc-accent);}@media (max-width: 1180px){:root{--pc-nav-width: 78px;}.pc-sidebar{align-items:center;padding-inline:10px;}.pc-wordmark{padding:0;justify-content:center;width:50px;}.pc-wordmark>span:last-child,.pc-nav-item>span:last-child{display:none;}.pc-nav-item{width:50px;justify-content:center;padding:0;}.pc-layout{gap:34px;padding-inline:28px;}}@media (max-width: 980px){.pc-context-column{display:none;}.pc-layout{justify-content:center;}.pc-main{width:min(100%,660px);}.pc-main--wide{width:min(100%,780px);}}@media (max-width: 767px){:root{--pc-nav-width: 0px;}body{padding-bottom:env(safe-area-inset-bottom);}.pc-sidebar{display:none;}.pc-layout{margin-left:0;display:block;padding:calc(56px + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom));}.pc-main,.pc-main--wide{width:100%;max-width:none;}.pc-feed-column{width:100%;}.pc-mobile-header{position:fixed;z-index:45;left:0;right:0;top:0;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border);background:color-mix(in srgb,var(--pc-bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.pc-wordmark--mobile{height:55px;margin:0;padding:0 4px;font-size:21px;}.pc-wordmark--mobile>span:last-child{display:inline;}.pc-mobile-header-actions{display:flex;align-items:center;}.pc-bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;height:calc(54px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--pc-bg) 96%,transparent);border-top:1px solid var(--pc-border);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.pc-bottom-nav>button{height:49px;border:0;background:transparent;color:var(--pc-text);display:grid;place-items:center;}.pc-bottom-nav svg{width:23px;height:23px;stroke-width:1.9;}.pc-bottom-nav button.is-active svg{stroke-width:2.7;}.pc-bottom-nav .pc-avatar{border:1px solid var(--pc-border);}.pc-bottom-nav button.is-active .pc-avatar{outline:1.5px solid var(--pc-text);outline-offset:1px;}.pc-mobile-more{display:none;}.pc-mobile-more-menu{position:fixed;z-index:60;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));width:180px;padding:6px;border-radius:12px;background:var(--pc-surface);border:1px solid var(--pc-border);box-shadow:0 14px 38px #0000002e;}.pc-mobile-more-menu button{width:100%;height:42px;border:0;background:transparent;color:var(--pc-text);border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;}.pc-mobile-more-menu button:hover{background:var(--pc-surface-3);}.pc-mobile-more-menu svg{width:18px;}.pc-stories-wrap{margin-bottom:0;}.pc-stories{padding-left:10px;padding-right:10px;}.pc-feed-controls{padding:0 10px;}.pc-composer-trigger{padding-left:12px;padding-right:12px;}.pc-post-list{gap:0;}.pc-post-card.card-modern{border-left:0;border-right:0;border-bottom:0;border-radius:0;}.pc-post-card+.pc-post-card{border-top:1px solid var(--pc-border);}.pc-search-page{padding:0 12px;}.pc-search-page .pc-page-title{display:none;}.pc-search-field--large{margin-top:12px;}.pc-explore-grid{margin-left:-12px;margin-right:-12px;}.pc-section-header{border-radius:0;}.pc-profile-page{padding:0;}.pc-profile-page>.bg-white{border-left:0;border-right:0;border-radius:0;}.pc-profile-page .h-48{height:118px;}.pc-profile-page .w-32.h-32{width:88px;height:88px;}.pc-settings-page{padding:0 12px;}.pc-story-stage{width:100vw;height:100dvh;}.pc-story-global-close{display:none;}.pc-story-close-inline{display:inline-grid;}.pc-story-desktop-arrow{display:none;}.pc-story-viewers-sheet{padding-bottom:env(safe-area-inset-bottom);}}@media (min-width: 768px) and (max-width: 1180px){.pc-layout{margin-left:var(--pc-nav-width);}}@media (min-width: 768px){.pc-story-viewers-backdrop{align-items:center;}.pc-story-viewers-sheet{border-radius:16px;}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;}}.pc-auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:var(--pc-bg);color:var(--pc-text);}.pc-auth-preview{min-height:100dvh;display:grid;place-items:center;padding:48px;background:#f5f5f5;border-right:1px solid #e4e4e4;overflow:hidden;}.pc-auth-preview-inner{width:min(650px,100%);display:grid;grid-template-columns:290px minmax(0,1fr);gap:42px;align-items:center;}.pc-auth-preview-brand{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.03em;}.pc-auth-preview-phone{width:286px;min-height:555px;border:8px solid #111;background:#fff;border-radius:42px;overflow:hidden;box-shadow:0 25px 60px #00000024;}.pc-auth-preview-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #eee;color:#111;font-size:21px;}.pc-auth-preview-logo{font-weight:700;letter-spacing:-.05em;}.pc-auth-preview-stories{display:flex;gap:10px;padding:13px 12px;border-bottom:1px solid #f2f2f2;}.pc-auth-preview-stories span{width:48px;height:48px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#ffb000,#ff2965 50%,#7b2cff);}.pc-auth-preview-stories i{display:block;width:100%;height:100%;border:2px solid white;border-radius:50%;background:#d9d9d9;}.pc-auth-preview-post{color:#111;}.pc-auth-preview-user{height:50px;display:flex;gap:9px;align-items:center;padding:0 12px;}.pc-auth-preview-user i{width:30px;height:30px;border-radius:50%;background:#d7d7d7;}.pc-auth-preview-user span{width:82px;height:7px;border-radius:99px;background:#cfcfcf;}.pc-auth-preview-media{aspect-ratio:1;background:linear-gradient(145deg,#d7d7d7,#ededed);}.pc-auth-preview-actions{display:flex;gap:15px;padding:11px 12px 4px;font-size:22px;}.pc-auth-preview-lines{display:grid;gap:7px;padding:6px 12px 20px;}.pc-auth-preview-lines span{height:6px;border-radius:99px;background:#dedede;width:90%;}.pc-auth-preview-lines span:nth-child(2){width:68%;}.pc-auth-preview-lines span:nth-child(3){width:42%;}.pc-auth-preview-copy h1{margin:0 0 12px;font-size:clamp(32px,4vw,50px);line-height:.98;letter-spacing:-.055em;max-width:7.5em;}.pc-auth-preview-copy p{margin:0;color:#666;font-size:16px;line-height:1.55;max-width:28em;}.pc-auth-form-side{min-height:100dvh;display:grid;place-items:center;padding:40px 28px;background:var(--pc-bg);}.pc-auth-card{width:min(390px,100%);}.pc-auth-mobile-brand{display:none;}.pc-auth-header{margin-bottom:28px;}.pc-auth-header h1{margin:0;font-size:30px;letter-spacing:-.045em;}.pc-auth-header p{margin:7px 0 0;color:var(--pc-text-2);font-size:14px;}.pc-auth-form{display:grid;gap:15px;}.pc-auth-field{display:grid;gap:7px;font-size:13px;font-weight:600;}.pc-auth-field>span{display:flex;align-items:baseline;gap:5px;}.pc-auth-field>span small,.pc-auth-field>small{color:var(--pc-text-3);font-weight:400;}.pc-auth-field>div{height:46px;display:flex;align-items:center;gap:10px;border:1px solid var(--pc-border-strong);border-radius:9px;background:var(--pc-surface);padding:0 12px;transition:border-color .15s,box-shadow .15s;}.pc-auth-field>div:focus-within{border-color:var(--pc-text-3);box-shadow:0 0 0 1px var(--pc-text-3);}.pc-auth-field svg{width:17px;color:var(--pc-text-3);}.pc-auth-field b{color:var(--pc-text-3);font-size:14px;}.pc-auth-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--pc-text);font:inherit;font-weight:400;}.pc-auth-field input::-moz-placeholder{color:var(--pc-text-3);}.pc-auth-field input::placeholder{color:var(--pc-text-3);}.pc-auth-password-toggle{width:30px;height:30px;border:0;background:transparent;color:var(--pc-text-2);display:grid;place-items:center;}.pc-auth-password-toggle svg{width:17px;}.pc-auth-primary,.pc-auth-google{width:100%;height:44px;border-radius:9px;font-weight:650;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;}.pc-auth-primary{border:1px solid var(--pc-accent);background:var(--pc-accent);color:#fff;margin-top:3px;}.pc-auth-primary:hover{filter:brightness(.96);}.pc-auth-primary:disabled,.pc-auth-google:disabled{opacity:.55;cursor:not-allowed;}.pc-auth-google{border:1px solid var(--pc-border-strong);background:var(--pc-surface);color:var(--pc-text);}.pc-auth-google:hover{background:var(--pc-surface-2);}.pc-auth-google svg{width:18px;height:18px;}.pc-auth-divider{height:48px;display:flex;align-items:center;gap:12px;color:var(--pc-text-3);font-size:12px;text-transform:uppercase;}.pc-auth-divider:before,.pc-auth-divider:after{content:"";height:1px;background:var(--pc-border);flex:1;}.pc-auth-alert{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4;}.pc-auth-alert.is-error{background:#fff2f2;color:#b42318;border:1px solid #ffd5d2;}.pc-auth-alert.is-success{background:#effaf3;color:#147a3e;border:1px solid #c9edd6;}[data-theme=dark] .pc-auth-alert.is-error{background:#2d1718;border-color:#54282a;color:#ffb4b4;}[data-theme=dark] .pc-auth-alert.is-success{background:#14261a;border-color:#27472f;color:#9de1ae;}.pc-auth-switch{text-align:center;color:var(--pc-text-2);font-size:13px;margin:22px 0 0;}.pc-auth-switch button{border:0;background:transparent;color:var(--pc-accent);font-weight:650;margin-left:6px;}.pc-auth-footer{display:flex;justify-content:center;gap:7px;margin-top:34px;color:var(--pc-text-3);font-size:11px;}.pc-auth-footer a{color:inherit;text-decoration:none;}.pc-auth-footer a:hover{text-decoration:underline;}[data-theme=dark] .pc-auth-preview{background:#111;border-color:#282828;}.pc-auth-preview-copy p{color:#737373;}[data-theme=dark] .pc-auth-preview-copy{color:#f4f4f4;}@media (max-width: 900px){.pc-auth-page{grid-template-columns:1fr;}.pc-auth-preview{display:none;}.pc-auth-form-side{padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));}.pc-auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 38px;font-size:22px;letter-spacing:-.04em;}.pc-auth-mobile-brand .pc-brand-mark{width:31px;height:31px;font-size:16px;}.pc-auth-header{text-align:center;}.pc-auth-header h1{font-size:27px;}}@media (max-width: 767px){.pc-mobile-more{display:grid;position:fixed;z-index:51;top:calc(8px + env(safe-area-inset-top));right:98px;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--pc-text);}.pc-mobile-more svg{width:22px;height:22px;}}.pc-profile-page{width:100%;max-width:935px;margin:0 auto;color:var(--pc-text);}.pc-profile-header{border-bottom:1px solid var(--pc-border);padding-bottom:26px;}.pc-profile-banner{height:112px;margin-bottom:20px;background:var(--pc-surface-2);overflow:hidden;position:relative;border-radius:8px;}.pc-profile-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-profile-banner-edit{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#00000094;color:#fff;display:grid;place-items:center;}.pc-profile-banner-edit svg{width:18px;}.pc-profile-top{display:grid;grid-template-columns:170px minmax(0,1fr);gap:34px;align-items:start;padding:0 38px;}.pc-profile-avatar-wrap{width:152px;height:152px;position:relative;display:grid;place-items:center;}.pc-profile-avatar{width:150px;height:150px;border-radius:50%;border:1px solid var(--pc-border);background:var(--pc-surface-2);overflow:hidden;display:grid;place-items:center;position:relative;}.pc-profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-profile-avatar>svg{width:58px;color:var(--pc-text-faint);}.pc-profile-avatar.frame-gold{box-shadow:0 0 0 3px #f4c430;}.pc-profile-avatar.frame-silver{box-shadow:0 0 0 3px #c9c9c9;}.pc-profile-avatar.frame-neon{box-shadow:0 0 0 3px var(--pc-accent);}.pc-profile-avatar.frame-rainbow{box-shadow:0 0 0 3px #ff3f73;}.pc-profile-sticker{position:absolute;transform:translate(-50%,-50%);font-size:24px;pointer-events:none;}.pc-profile-avatar-edit{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:50%;border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);display:grid;place-items:center;}.pc-profile-avatar-edit svg{width:17px;}.pc-profile-overview{min-width:0;padding-top:9px;}.pc-profile-name-line{display:flex;align-items:center;gap:8px;min-height:32px;flex-wrap:wrap;}.pc-profile-name-line>strong{font-size:20px;font-weight:500;letter-spacing:-.02em;}.pc-profile-actions{display:flex;align-items:center;gap:7px;margin-top:12px;flex-wrap:wrap;}.pc-profile-button{min-height:34px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;}.pc-profile-button svg{width:15px;}.pc-profile-button.is-secondary{background:var(--pc-surface-3);border-color:var(--pc-surface-3);color:var(--pc-text);}.pc-profile-button:not(:disabled):hover{filter:brightness(.96);}.pc-profile-button:disabled{opacity:.65;}.pc-profile-stats{display:flex;align-items:center;gap:32px;margin-top:22px;}.pc-profile-stats span{display:flex;align-items:baseline;gap:5px;white-space:nowrap;}.pc-profile-stats b{font-size:15px;}.pc-profile-stats small{font-size:14px;color:var(--pc-text);}.pc-profile-bio{padding:22px 38px 0 242px;font-size:14px;}.pc-profile-bio>strong{display:inline-block;margin-right:8px;}.pc-profile-bio p{white-space:pre-wrap;margin:4px 0 0;max-width:560px;}.pc-profile-mood{color:var(--pc-text-soft);font-size:13px;}.pc-profile-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:var(--pc-text-soft);font-size:12px;}.pc-profile-meta span{display:flex;align-items:center;gap:5px;}.pc-profile-meta svg{width:14px;height:14px;}.pc-profile-utility-actions{display:flex;gap:12px;padding:14px 38px 0 242px;}.pc-profile-utility-actions button{border:0;background:transparent;color:var(--pc-text-soft);font-size:12px;padding:0;}.pc-profile-utility-actions button:hover{color:var(--pc-text);}.pc-profile-alert{margin:16px 38px 0;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px;}.pc-profile-alert svg{width:16px;}.pc-profile-alert.is-error{background:#fff1f1;color:#a92323;}.pc-profile-alert.is-success{background:#eef9f2;color:#16713a;}[data-theme=dark] .pc-profile-alert.is-error{background:#2b1718;color:#ffb4b4;}[data-theme=dark] .pc-profile-alert.is-success{background:#13271a;color:#a2e2b2;}.pc-profile-editor{margin:24px 38px 0 242px;display:grid;gap:13px;max-width:560px;}.pc-profile-editor label{display:grid;gap:6px;}.pc-profile-editor label>span{font-size:12px;font-weight:650;color:var(--pc-text-soft);}.pc-profile-editor input,.pc-profile-editor textarea{width:100%;border:1px solid var(--pc-border-strong);background:var(--pc-surface);color:var(--pc-text);border-radius:8px;padding:9px 10px;outline:0;}.pc-profile-editor input:focus,.pc-profile-editor textarea:focus{border-color:var(--pc-text-soft);}.pc-profile-editor input:disabled{opacity:.55;background:var(--pc-surface-2);}.pc-profile-editor-actions{display:flex;gap:8px;margin-top:4px;}.pc-profile-content{margin-top:20px;}.pc-profile-tabs{height:50px;border-top:1px solid var(--pc-border);display:flex;justify-content:center;gap:58px;}.pc-profile-tabs button{height:50px;border:0;border-top:1px solid transparent;margin-top:-1px;background:transparent;color:var(--pc-text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:7px;}.pc-profile-tabs button.is-active{border-top-color:var(--pc-text);color:var(--pc-text);font-weight:650;}.pc-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}.pc-profile-grid-item{aspect-ratio:1;border:0;padding:0;background:var(--pc-surface-2);overflow:hidden;color:var(--pc-text);position:relative;}.pc-profile-grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .18s ease;}.pc-profile-grid-item:hover img{transform:scale(1.015);}.pc-profile-grid-item.is-text{padding:15%;display:grid;place-items:center;text-align:center;font-size:clamp(11px,1.2vw,15px);line-height:1.35;background:var(--pc-surface-3);}.pc-profile-grid-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}.pc-profile-grid-skeleton span{aspect-ratio:1;background:var(--pc-surface-3);animation:pc-pulse 1.2s ease-in-out infinite alternate;}.pc-profile-feed{max-width:630px;margin:18px auto 0;display:grid;gap:14px;}.pc-profile-empty{padding:80px 16px;}.pc-profile-post-dialog{width:min(630px,calc(100vw - 30px));max-height:92dvh;overflow:auto;background:var(--pc-bg);position:relative;border-radius:10px;}.pc-profile-post-close{position:sticky;z-index:4;float:right;top:8px;right:8px;margin:8px;width:34px;height:34px;border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);border-radius:50%;display:grid;place-items:center;}.pc-profile-post-close svg{width:18px;}@media (max-width:767px){.pc-profile-page{max-width:none;}.pc-profile-header{padding-bottom:16px;}.pc-profile-banner{height:76px;border-radius:0;margin-bottom:12px;}.pc-profile-top{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:0 14px;}.pc-profile-avatar-wrap{width:84px;height:84px;}.pc-profile-avatar{width:82px;height:82px;}.pc-profile-avatar>svg{width:34px;}.pc-profile-overview{padding-top:0;}.pc-profile-name-line>strong{font-size:17px;}.pc-profile-actions{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.pc-profile-actions>.pc-profile-button:nth-child(n/**/+3){grid-column:auto;}.pc-profile-button{height:32px;min-height:32px;padding:0 9px;font-size:12px;}.pc-profile-stats{grid-column:1/-1;margin:17px 14px 0;justify-content:space-between;gap:6px;}.pc-profile-stats span{display:grid;justify-items:center;gap:0;}.pc-profile-stats b{font-size:14px;}.pc-profile-stats small{font-size:11px;color:var(--pc-text-soft);}.pc-profile-bio,.pc-profile-utility-actions{padding:14px 14px 0;}.pc-profile-bio p{margin-top:3px;}.pc-profile-editor{margin:18px 14px 0;}.pc-profile-alert{margin:12px 14px 0;}.pc-profile-tabs{margin-top:4px;}.pc-profile-tabs button span{display:none;}.pc-profile-grid,.pc-profile-grid-skeleton{gap:2px;}.pc-profile-feed{margin-top:0;gap:0;}.pc-profile-feed .pc-post-card{border-radius:0;border-left:0;border-right:0;}.pc-profile-post-dialog{width:100vw;max-height:100dvh;border-radius:0;}.pc-profile-post-modal{padding:0;}.pc-profile-post-close{position:fixed;right:8px;top:calc(8px + env(safe-area-inset-top));}}.pc-create-post-backdrop{z-index:80;}.pc-create-post{width:min(520px,calc(100vw - 28px));max-height:min(780px,92dvh);overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:12px;box-shadow:0 18px 55px #0000002e;}.pc-create-post-header{height:52px;display:grid;grid-template-columns:42px 1fr 70px;align-items:center;border-bottom:1px solid var(--pc-border);padding:0 5px;}.pc-create-post-header strong{text-align:center;font-size:14px;}.pc-create-post-header .pc-text-button{justify-self:end;border:0;background:transparent;color:var(--pc-accent);font-weight:700;}.pc-create-post-header .pc-text-button:disabled{opacity:.42;}.pc-create-post-form{overflow-y:auto;overscroll-behavior:contain;}.pc-create-post-error{margin:12px 14px 0;padding:9px 11px;border:1px solid color-mix(in srgb,var(--pc-danger) 35%,var(--pc-border));background:color-mix(in srgb,var(--pc-danger) 8%,var(--pc-bg));color:var(--pc-danger);border-radius:8px;font-size:12px;}.pc-create-post-composer{padding:16px 16px 8px;position:relative;}.pc-create-post-composer textarea{width:100%;min-height:115px;resize:none;border:0;outline:0;background:transparent;color:var(--pc-text);font-size:16px;line-height:1.5;}.pc-create-post-composer textarea::-moz-placeholder{color:var(--pc-text-faint);}.pc-create-post-composer textarea::placeholder{color:var(--pc-text-faint);}.pc-create-post-count{display:block;text-align:right;color:var(--pc-text-faint);font-size:10px;}.pc-create-post-media-button{margin:0 16px 14px;width:calc(100% - 32px);min-height:116px;border:1px dashed var(--pc-border-strong);border-radius:10px;background:var(--pc-surface-2);color:var(--pc-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}.pc-create-post-media-button svg{width:28px;height:28px;}.pc-create-post-media-button span{font-weight:650;}.pc-create-post-media-button small{color:var(--pc-text-soft);font-size:10px;}.pc-create-post-preview{margin:0 16px 14px;position:relative;background:var(--pc-surface-2);border-radius:8px;overflow:hidden;}.pc-create-post-preview img{width:100%;max-height:380px;-o-object-fit:contain;object-fit:contain;}.pc-create-post-preview>button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:#000000a6;color:#fff;display:grid;place-items:center;}.pc-create-post-preview svg{width:17px;}.pc-create-post-moods{border:0;border-top:1px solid var(--pc-border-soft);padding:13px 16px 14px;margin:0;}.pc-create-post-moods legend{padding-top:12px;font-size:12px;font-weight:650;}.pc-create-post-moods legend span{color:var(--pc-text-soft);font-weight:400;}.pc-create-post-moods>div{display:flex;gap:6px;flex-wrap:wrap;}.pc-create-post-moods button{height:34px;padding:0 10px;border-radius:17px;border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text-soft);display:flex;align-items:center;gap:5px;font-size:12px;}.pc-create-post-moods button svg{width:15px;}.pc-create-post-moods button.is-active{border-color:var(--pc-text);color:var(--pc-text);background:var(--pc-surface-3);}.pc-create-post-extras-toggle{width:100%;height:48px;padding:0 16px;border:0;border-top:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;justify-content:space-between;}.pc-create-post-extras-toggle>span{display:flex;gap:8px;align-items:center;font-size:13px;}.pc-create-post-extras-toggle svg{width:17px;transition:transform .15s;}.pc-create-post-extras-toggle svg.is-open{transform:rotate(180deg);}.pc-create-post-extras{display:grid;gap:10px;padding:4px 16px 16px;}.pc-create-post-extras label{display:grid;gap:5px;}.pc-create-post-extras label>span{font-size:11px;color:var(--pc-text-soft);}.pc-create-post-extras input{height:40px;border:1px solid var(--pc-border);border-radius:7px;background:var(--pc-surface);color:var(--pc-text);padding:0 10px;outline:0;}.pc-create-post-extras input:focus{border-color:var(--pc-text-soft);}.pc-create-post-extras small{color:var(--pc-success);font-size:10px;}.pc-create-post-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--pc-border);position:sticky;bottom:0;background:var(--pc-surface);}.pc-create-post-footer button{min-width:82px;}.pc-create-post-footer svg{width:15px;}@media (max-width:767px){.pc-create-post-backdrop{padding:0;align-items:end;}.pc-create-post{width:100vw;max-height:92dvh;border-radius:15px 15px 0 0;border-left:0;border-right:0;border-bottom:0;}.pc-create-post-header{position:sticky;top:0;z-index:2;background:var(--pc-surface);}}.pc-post-card>.p-3.flex,.pc-post-card>.p-3.sm\:p-4{padding:10px 12px;min-height:54px;}.pc-post-card>div[class*=bg-]:first-child{padding:7px 12px;background:var(--pc-surface-2);}.pc-post-card>div[class*=bg-]:first-child span{font-size:11px;color:var(--pc-text-soft);}.pc-post-card>.p-3 button[class*=bg-gray-700],.pc-post-card>.p-4 button[class*=bg-gray-700],.pc-post-card>.p-3 button[class*=bg-orange-500],.pc-post-card>.p-4 button[class*=bg-orange-500]{min-width:31px;height:31px;padding:0 8px;border-radius:7px;font-size:11px;box-shadow:none;transform:none;}.pc-post-card>.p-3 button[class*=bg-gray-700],.pc-post-card>.p-4 button[class*=bg-gray-700]{background:var(--pc-surface-3);color:var(--pc-text);}.pc-post-card>.p-3 button[class*=bg-orange-500],.pc-post-card>.p-4 button[class*=bg-orange-500]{background:var(--pc-accent);color:#fff;}.pc-post-card>.p-3 button.rounded-full:first-child,.pc-post-card>.p-4 button.rounded-full:first-child{box-shadow:none;transform:none;background:var(--pc-surface-3);}.pc-post-card>.p-3 button.rounded-full:first-child img,.pc-post-card>.p-4 button.rounded-full:first-child img{width:100%;height:100%;}.pc-post-card>.px-3.pb-3 p,.pc-post-card>.px-4.pb-3 p{color:var(--pc-text);font-size:14px;}.pc-post-card div[class*="bg-orange-500/10"],.pc-post-card div[class*="bg-blue-500/10"],.pc-post-card div[class*="bg-red-500/10"],.pc-post-card div[class*="bg-green-500/10"]{background:var(--pc-surface-2);border-color:var(--pc-border);}.pc-post-card a[class*=p-4]{padding:10px;border-radius:8px;box-shadow:none;}.pc-post-card a[class*=p-4]>div:first-child{width:36px;height:36px;}.pc-post-card a[class*=p-4]>div:first-child svg{width:18px;height:18px;}.pc-post-card .w-12.h-12.rounded-full{width:32px;height:32px;font-size:17px;background:transparent;box-shadow:none;transform:none;border:1px solid var(--pc-border);}.pc-post-card .w-12.h-12.rounded-full:hover{background:var(--pc-surface-3);transform:none;}.pc-post-card .w-12.h-12.rounded-full>svg{width:17px;height:17px;}.pc-post-card .border-t.border-gray-700{border-color:var(--pc-border-soft);}.pc-post-card .border-t.border-gray-700 button{color:var(--pc-text-soft);transform:none;}.pc-post-card .border-t.border-gray-700 button:hover{color:var(--pc-text);transform:none;}.pc-post-card .border-t.border-gray-700 button.text-red-500{color:var(--pc-danger);}.pc-post-card .absolute[class*=bg-gray-7],.pc-post-card .absolute[class*=bg-gray-8]{background:var(--pc-surface);border:1px solid var(--pc-border);box-shadow:0 10px 28px #00000024;}.pc-comments-section{border-top:1px solid var(--pc-border-soft);padding-top:12px;color:var(--pc-text);}.pc-comments-section h3,.pc-comments-section p{color:var(--pc-text);}.pc-comments-section .text-gray-400,.pc-comments-section .text-gray-500{color:var(--pc-text-soft);}.pc-comments-section input{background:var(--pc-surface-2);border-color:var(--pc-border);color:var(--pc-text);}.pc-comments-section form button[type=submit]{background:transparent;color:var(--pc-accent);padding:7px;box-shadow:none;}.pc-comments-section form>div:first-child{background:var(--pc-surface-3);color:var(--pc-text);}.pc-story-uploader-backdrop{z-index:85;}.pc-story-uploader{width:min(480px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:12px;}.pc-story-uploader .sticky{background:var(--pc-surface);border-color:var(--pc-border);}.pc-story-uploader .text-white,.pc-story-uploader .text-gray-300{color:var(--pc-text);}.pc-story-uploader .text-gray-400,.pc-story-uploader .text-gray-500{color:var(--pc-text-soft);}.pc-story-uploader .bg-gray-700,.pc-story-uploader .bg-gray-800{background:var(--pc-surface-2);}.pc-story-uploader .border-gray-600,.pc-story-uploader .border-gray-700{border-color:var(--pc-border);}.pc-story-uploader button.bg-orange-500{background:var(--pc-accent);color:#fff;box-shadow:none;}.pc-story-uploader textarea{background:var(--pc-surface-2);color:var(--pc-text);border-color:var(--pc-border);}.pc-story-uploader .grid.grid-cols-2 button{padding:9px;transform:none;box-shadow:none;border-width:1px;}.pc-story-uploader img.h-64{height:auto;max-height:58dvh;-o-object-fit:contain;object-fit:contain;}.pc-highlight-manager-backdrop{z-index:88;}.pc-highlight-manager{width:min(620px,calc(100vw - 28px));max-height:86dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:12px;}.pc-highlight-manager>.p-4:first-child{border-color:var(--pc-border);}.pc-highlight-manager .text-white,.pc-highlight-manager .text-gray-300{color:var(--pc-text);}.pc-highlight-manager .text-gray-400,.pc-highlight-manager .text-gray-500{color:var(--pc-text-soft);}.pc-highlight-manager .bg-gray-700,.pc-highlight-manager .bg-gray-800,.pc-highlight-manager .bg-gray-900{background:var(--pc-surface-2);}.pc-highlight-manager .border-gray-600,.pc-highlight-manager .border-gray-700,.pc-highlight-manager .border-gray-800{border-color:var(--pc-border);}.pc-highlight-manager button.bg-orange-500{background:var(--pc-accent);color:#fff;}.pc-highlight-manager input{background:var(--pc-surface-2);color:var(--pc-text);border-color:var(--pc-border);}.pc-highlight-manager button[class*=aspect-square]{border-radius:3px;transform:none;}.pc-highlight-manager button[class*=aspect-square] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}@media (max-width:767px){.pc-story-uploader-backdrop,.pc-highlight-manager-backdrop{padding:0;align-items:end;}.pc-story-uploader,.pc-highlight-manager{width:100vw;max-height:92dvh;border-radius:15px 15px 0 0;border-left:0;border-right:0;border-bottom:0;}}.pc-sponsored{position:relative;margin:0 0 12px;border-bottom:1px solid var(--pc-border-soft);background:var(--pc-bg);padding:8px 0 12px;}.pc-sponsored-label{color:var(--pc-text-faint);font-size:10px;padding:0 2px 7px;}.pc-sponsored>a{display:block;background:var(--pc-surface-2);overflow:hidden;}.pc-sponsored img{width:100%;max-height:160px;-o-object-fit:cover;object-fit:cover;}.pc-sponsored p{margin:7px 34px 0 2px;color:var(--pc-text-soft);font-size:12px;}.pc-sponsored>button{position:absolute;right:0;top:2px;width:32px;height:32px;border:0;background:transparent;color:var(--pc-text-soft);display:grid;place-items:center;}.pc-sponsored>button svg{width:16px;}.pc-post-mood-inline{color:var(--pc-text-soft);white-space:nowrap;}.pc-create-menu-backdrop{z-index:78;display:flex;align-items:center;justify-content:center;padding:18px;}.pc-create-menu{width:min(390px,100%);background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:14px;overflow:hidden;}.pc-sheet-handle{display:none;width:38px;height:4px;border-radius:99px;background:var(--pc-border);margin:8px auto 2px;}.pc-create-menu>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;border-bottom:1px solid var(--pc-border-soft);}.pc-create-menu>header strong{font-size:15px;}.pc-create-menu>button{width:100%;min-height:70px;padding:10px 16px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:14px;text-align:left;}.pc-create-menu>button:last-child{border-bottom:0;}.pc-create-menu>button:hover{background:var(--pc-surface-2);}.pc-create-menu>button>svg,.pc-create-menu-story{width:28px;height:28px;display:grid;place-items:center;font-size:24px;flex:0 0 28px;}.pc-create-menu>button>span:last-child{display:grid;gap:2px;}.pc-create-menu>button small{color:var(--pc-text-soft);font-size:11px;font-weight:400;}.pc-create-post{width:min(540px,calc(100vw - 28px));max-height:min(800px,92dvh);}.pc-create-post-form{display:block;overflow-y:auto;}.pc-create-post-header{position:sticky;top:0;z-index:3;background:var(--pc-surface);}.pc-create-progress{position:sticky;top:52px;z-index:4;height:2px;overflow:hidden;background:var(--pc-border-soft);}.pc-create-progress:after{content:"";display:block;width:42%;height:100%;background:var(--pc-accent);animation:pc-upload-progress 1s ease-in-out infinite alternate;}@keyframes pc-upload-progress{0%{transform:translate(-70%)}to{transform:translate(240%)}}.pc-create-post-composer{padding:14px 16px 10px;}.pc-create-post-composer textarea{min-height:96px;font-size:15px;}.pc-create-post-preview{margin:0;border-radius:0;border-bottom:1px solid var(--pc-border-soft);background:#0a0a0a;}.pc-create-post-preview img{width:100%;max-height:52dvh;-o-object-fit:contain;object-fit:contain;}.pc-create-toolbar{min-height:54px;padding:7px 10px;display:flex;align-items:center;gap:3px;border-top:1px solid var(--pc-border-soft);border-bottom:1px solid var(--pc-border-soft);}.pc-create-toolbar>button{min-height:40px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--pc-text-soft);display:inline-flex;align-items:center;gap:6px;}.pc-create-toolbar>button:hover,.pc-create-toolbar>button.is-active{background:var(--pc-surface-3);color:var(--pc-text);}.pc-create-toolbar svg{width:18px;height:18px;}.pc-create-toolbar .is-open{transform:rotate(180deg);}.pc-create-mood-picker{padding:12px 16px 16px;border-bottom:1px solid var(--pc-border-soft);}.pc-create-option-title{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;}.pc-create-option-title strong{font-size:12px;}.pc-create-option-title span,.pc-create-option-title button{font-size:11px;color:var(--pc-text-soft);}.pc-create-option-title button{border:0;background:transparent;color:var(--pc-accent);}.pc-create-mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px;}.pc-create-mood-grid button{min-height:62px;border:1px solid var(--pc-border-soft);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);display:grid;place-items:center;align-content:center;gap:2px;}.pc-create-mood-grid button span{font-size:21px;}.pc-create-mood-grid button small{font-size:10px;color:var(--pc-text-soft);}.pc-create-mood-grid button.is-active{border-color:var(--pc-text-soft);background:var(--pc-surface-2);}.pc-create-post-extras{padding:12px 16px 18px;gap:9px;}.pc-create-post-extras input{border-radius:8px;background:var(--pc-surface-2);}.pc-mood-backdrop{z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;}.pc-mood-sheet{width:min(430px,100%);background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:14px;overflow:hidden;}.pc-mood-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 10px 8px 16px;}.pc-mood-header h2{margin:0;font-size:18px;letter-spacing:-.025em;}.pc-mood-header p{margin:2px 0 0;color:var(--pc-text-soft);font-size:11px;}.pc-mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 14px 14px;}.pc-mood-grid button{min-height:72px;border:1px solid var(--pc-border-soft);border-radius:10px;background:transparent;color:var(--pc-text);display:grid;place-items:center;align-content:center;gap:3px;font-size:11px;}.pc-mood-grid button.is-active{border-color:var(--pc-text-soft);background:var(--pc-surface-2);}.pc-mood-emoji{font-size:23px;line-height:1;}.pc-mood-error{margin:0 14px 10px;color:var(--pc-danger);font-size:12px;}.pc-mood-actions{display:flex;justify-content:flex-end;gap:8px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--pc-border-soft);}@keyframes pc-message-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.pc-mobile-header,.pc-bottom-nav{background:var(--pc-bg);-webkit-backdrop-filter:none;backdrop-filter:none;}@media (max-width:1180px){.pc-context-column{display:none;}.pc-layout{justify-content:center;}.pc-main{width:min(100%,680px);}.pc-main--wide{width:min(100%,900px);}}@media (min-width:768px) and (max-width:1024px){.pc-layout{padding:22px 22px 70px;}.pc-main{width:min(100%,660px);}.pc-main--wide{width:100%;}.pc-story-stage{width:min(430px,calc(100vw - 120px));height:min(760px,calc(100dvh - 28px));border-radius:12px;}}@media (max-width:767px){.pc-create-menu-backdrop,.pc-mood-backdrop{align-items:flex-end;padding:0;}.pc-create-menu,.pc-mood-sheet{width:100%;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;}.pc-sheet-handle{display:block;}.pc-create-post{max-height:94dvh;border-radius:16px 16px 0 0;}.pc-create-post-preview img{max-height:45dvh;}.pc-create-mood-grid,.pc-mood-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.pc-sponsored{margin-bottom:0;padding-left:12px;padding-right:12px;}.pc-sponsored>a{margin-left:-12px;margin-right:-12px;}.pc-stories{padding-top:8px;padding-bottom:12px;}}@media (max-width:360px){.pc-create-toolbar>button{padding:0 8px;}.pc-create-toolbar>button span{font-size:11px;}.pc-create-mood-grid,.pc-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}.pc-story-create{width:min(480px,calc(100vw - 28px));max-height:92dvh;overflow-y:auto;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:14px;}.pc-story-create-header{position:sticky;top:0;z-index:3;height:52px;display:grid;grid-template-columns:42px 1fr 70px;align-items:center;padding:0 5px;border-bottom:1px solid var(--pc-border-soft);background:var(--pc-surface);}.pc-story-create-header strong{text-align:center;font-size:14px;}.pc-story-create-header .pc-text-button{justify-self:end;}.pc-story-create-tabs{display:grid;grid-template-columns:1fr 1fr;margin:12px 14px;padding:3px;border-radius:9px;background:var(--pc-surface-3);}.pc-story-create-tabs button{height:36px;border:0;border-radius:7px;background:transparent;color:var(--pc-text-soft);display:flex;align-items:center;justify-content:center;gap:6px;}.pc-story-create-tabs button.is-active{background:var(--pc-surface);color:var(--pc-text);box-shadow:0 0 0 1px var(--pc-border);}.pc-story-create-tabs svg{width:16px;}.pc-story-create-media{padding:0 14px 14px;}.pc-story-create-pick{width:100%;min-height:280px;border:1px dashed var(--pc-border);border-radius:11px;background:var(--pc-surface-2);color:var(--pc-text);display:grid;place-items:center;align-content:center;gap:5px;}.pc-story-create-pick svg{width:32px;height:32px;}.pc-story-create-pick small{color:var(--pc-text-soft);font-size:11px;}.pc-story-create-preview{position:relative;min-height:280px;max-height:62dvh;overflow:hidden;border-radius:11px;background:#080808;}.pc-story-create-preview img{width:100%;height:100%;max-height:62dvh;-o-object-fit:contain;object-fit:contain;}.pc-story-create-preview button{position:absolute;right:10px;bottom:10px;height:34px;padding:0 12px;border:0;border-radius:8px;background:#000000b8;color:#fff;font-weight:650;font-size:11px;}.pc-story-create-text{margin:0 14px 14px;min-height:330px;border-radius:11px;background:linear-gradient(145deg,#303747,#171a21);color:#fff;position:relative;display:grid;place-items:center;}.pc-story-create-text textarea{width:100%;min-height:260px;padding:34px 28px;resize:none;border:0;outline:0;background:transparent;color:#fff;text-align:center;font-size:clamp(22px,6vw,30px);line-height:1.15;font-weight:650;}.pc-story-create-text textarea::-moz-placeholder{color:#ffffff8c;}.pc-story-create-text textarea::placeholder{color:#ffffff8c;}.pc-story-create-text small{position:absolute;right:12px;bottom:10px;color:#ffffff8c;}.pc-story-create-options{border-top:1px solid var(--pc-border-soft);}.pc-story-create-options>button{width:100%;min-height:52px;padding:0 16px;border:0;background:transparent;color:var(--pc-text);display:flex;align-items:center;justify-content:space-between;}.pc-story-create-options>button small{color:var(--pc-text-soft);}.pc-story-create-options>button.is-active>span{font-weight:650;}.pc-story-create-moods{border-top:1px solid var(--pc-border-soft);}@media (max-width:767px){.pc-story-create{width:100%;max-height:94dvh;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;}.pc-story-create-pick{min-height:42dvh;}}.pc-settings-page{width:min(680px,100%);margin:0 auto;padding:18px 18px 80px;color:var(--pc-text);}.pc-settings-header{padding:8px 4px 22px;}.pc-settings-header h2{margin:0;font-size:24px;letter-spacing:-.035em;}.pc-settings-header p{margin:4px 0 0;color:var(--pc-text-soft);font-size:13px;}.pc-settings-group{margin-bottom:22px;border:1px solid var(--pc-border);border-radius:12px;background:var(--pc-surface);overflow:hidden;}.pc-settings-group-title{min-height:42px;padding:13px 14px 8px;}.pc-settings-group-title h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--pc-text-soft);}.pc-settings-group-title p{margin:3px 0 0;color:var(--pc-text-faint);font-size:11px;}.pc-settings-row,.pc-settings-action-row{width:100%;min-height:58px;padding:9px 14px;border:0;border-top:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;text-align:left;}.pc-settings-row--interactive{min-height:62px;}.pc-settings-row-icon{width:28px;height:28px;flex:0 0 28px;border-radius:7px;background:var(--pc-surface-3);display:grid;place-items:center;color:var(--pc-text);}.pc-settings-row-icon svg{width:15px;height:15px;}.pc-settings-row-copy{min-width:0;flex:1;display:grid;gap:2px;}.pc-settings-row-copy strong,.pc-settings-action-row strong{font-size:13px;font-weight:600;}.pc-settings-row-copy small,.pc-settings-action-row small{display:block;color:var(--pc-text-soft);font-size:11px;line-height:1.35;white-space:normal;}.pc-settings-link{border:0;background:transparent;color:var(--pc-accent);font-size:12px;font-weight:650;padding:8px;}.pc-settings-link:disabled{color:var(--pc-text-faint);}.pc-settings-action-row{cursor:pointer;}.pc-settings-action-row:hover{background:var(--pc-surface-2);}.pc-settings-action-row>span:not(.pc-settings-row-icon){min-width:0;flex:1;}.pc-settings-action-row>b{font-size:11px;color:var(--pc-text-soft);font-weight:600;}.pc-settings-action-row>svg{width:17px;color:var(--pc-text-faint);}.pc-settings-editor{padding:12px 14px 14px;border-top:1px solid var(--pc-border-soft);display:grid;gap:8px;background:var(--pc-surface-2);}.pc-settings-editor input,.pc-settings-input-row input{height:42px;width:100%;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-surface);color:var(--pc-text);padding:0 11px;outline:0;}.pc-settings-editor input:focus,.pc-settings-input-row input:focus{border-color:var(--pc-text-soft);}.pc-settings-editor>div{display:flex;gap:7px;}.pc-button-primary,.pc-button-secondary{min-height:38px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:650;}.pc-button-primary{border:1px solid var(--pc-accent);background:var(--pc-accent);color:#fff;}.pc-button-secondary{border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);}.pc-switch{width:42px;height:24px;flex:0 0 42px;padding:2px;border:0;border-radius:99px;background:var(--pc-border-strong);transition:background .15s;}.pc-switch span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .15s;}.pc-switch.is-on{background:var(--pc-accent);}.pc-settings-row--stack{display:grid;gap:9px;}.pc-settings-inline-label{display:flex;align-items:center;gap:8px;}.pc-settings-inline-label svg{width:16px;}.pc-settings-inline-label strong{font-size:13px;}.pc-settings-inline-label span{margin-left:auto;font-size:11px;color:var(--pc-text-soft);}.pc-settings-range{width:100%;accent-color:var(--pc-accent);}.pc-settings-compact-actions{display:flex;gap:7px;padding:10px 14px;border-top:1px solid var(--pc-border-soft);}.pc-settings-compact-actions button{min-height:36px;padding:0 11px;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-surface);color:var(--pc-text);font-size:11px;display:flex;align-items:center;gap:6px;}.pc-settings-compact-actions svg{width:14px;}.pc-settings-feedback{display:flex;align-items:center;gap:5px;margin:0;padding:0 14px 10px;font-size:11px;}.pc-settings-feedback svg{width:14px;}.pc-settings-feedback.is-success{color:#24834b;}.pc-settings-feedback.is-error{color:var(--pc-danger);}.pc-settings-advanced{border-top:1px solid var(--pc-border-soft);padding:0 14px;}.pc-settings-advanced summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--pc-text-soft);font-size:11px;}.pc-settings-advanced>div{padding:0 0 13px;display:grid;gap:6px;}.pc-settings-advanced label{font-size:11px;}.pc-settings-input-row{display:flex;gap:7px;}.pc-settings-input-row button{border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-surface-3);color:var(--pc-text);padding:0 12px;font-size:11px;font-weight:600;}.pc-settings-muted{margin:0;padding:12px 14px 16px;border-top:1px solid var(--pc-border-soft);color:var(--pc-text-soft);font-size:12px;}.pc-settings-signout{width:100%;min-height:50px;padding:0 14px;border:0;background:transparent;color:#d93025;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;}.pc-settings-signout svg{width:17px;}.pc-simple-dialog{width:min(360px,calc(100vw - 28px));padding:20px;border-radius:13px;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);}.pc-simple-dialog h3{margin:0 0 7px;font-size:17px;}.pc-simple-dialog p{margin:0 0 17px;color:var(--pc-text-soft);font-size:13px;line-height:1.45;}.pc-highlight-empty{min-height:min(620px,80dvh);padding:36px 20px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#fff;}.pc-highlight-empty .pc-highlight-cover{width:88px;height:88px;border-radius:50%;overflow:hidden;background:#222;border:1px solid rgba(255,255,255,.18);}.pc-highlight-empty .pc-highlight-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-highlight-empty strong{font-size:17px;}.pc-highlight-empty p{margin:0;color:#aaa;font-size:12px;}@media (max-width:767px){.pc-settings-page{padding:10px 10px calc(82px + env(safe-area-inset-bottom));}.pc-settings-header{padding:10px 4px 17px;}.pc-settings-group{border-left:0;border-right:0;border-radius:0;margin-left:-10px;margin-right:-10px;}.pc-settings-group-title,.pc-settings-row,.pc-settings-action-row,.pc-settings-editor,.pc-settings-compact-actions,.pc-settings-advanced{padding-left:16px;padding-right:16px;}}.pc-highlight-manager-backdrop{z-index:95;display:flex;align-items:center;justify-content:center;padding:18px;}.pc-highlight-manager{width:min(500px,100%);max-height:88dvh;overflow:hidden;border-radius:14px;border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);display:flex;flex-direction:column;}.pc-highlight-manager-header{height:52px;flex:0 0 52px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;border-bottom:1px solid var(--pc-border-soft);padding:0 5px;}.pc-highlight-manager-header>strong{text-align:center;font-size:14px;}.pc-highlight-manager-header>.pc-icon-button{justify-self:end;}.pc-highlight-manager-header>.pc-text-button{justify-self:start;}.pc-highlight-manager-body{overflow-y:auto;}.pc-highlight-create-row{width:100%;min-height:72px;padding:10px 16px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:12px;text-align:left;}.pc-highlight-create-row:hover{background:var(--pc-surface-2);}.pc-highlight-create-row>span{width:48px;height:48px;border-radius:50%;border:1px solid var(--pc-border-strong);display:grid;place-items:center;}.pc-highlight-create-row svg{width:20px;}.pc-highlight-create-row>div{display:grid;gap:2px;}.pc-highlight-create-row strong{font-size:13px;}.pc-highlight-create-row small{font-size:11px;color:var(--pc-text-soft);}.pc-highlight-manager-empty{min-height:260px;padding:36px 20px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;}.pc-highlight-manager-empty>div{width:62px;height:62px;border-radius:50%;border:1px solid var(--pc-border);display:grid;place-items:center;}.pc-highlight-manager-empty>div svg{width:24px;}.pc-highlight-manager-empty strong{font-size:14px;}.pc-highlight-manager-empty p{margin:0;color:var(--pc-text-soft);font-size:12px;}.pc-highlight-list-row{min-height:70px;padding:9px 12px 9px 16px;border-bottom:1px solid var(--pc-border-soft);display:flex;align-items:center;gap:11px;}.pc-highlight-list-cover{width:48px;height:48px;flex:0 0 48px;border-radius:50%;overflow:hidden;background:var(--pc-surface-3);display:grid;place-items:center;font-weight:650;}.pc-highlight-list-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-highlight-list-copy{min-width:0;flex:1;display:grid;gap:2px;}.pc-highlight-list-copy strong{font-size:13px;}.pc-highlight-list-copy small{font-size:11px;color:var(--pc-text-soft);}.pc-highlight-list-copy input{height:36px;width:100%;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-surface);color:var(--pc-text);padding:0 9px;outline:0;}.pc-highlight-row-actions{display:flex;align-items:center;gap:2px;}.pc-highlight-row-actions button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--pc-text-soft);display:grid;place-items:center;}.pc-highlight-row-actions button:hover{background:var(--pc-surface-3);color:var(--pc-text);}.pc-highlight-row-actions button.is-danger:hover{color:var(--pc-danger);}.pc-highlight-row-actions svg{width:16px;}.pc-highlight-editor{padding:16px;display:grid;gap:18px;}.pc-highlight-editor>label{display:grid;gap:6px;}.pc-highlight-editor>label>span,.pc-highlight-cover-editor strong,.pc-highlight-story-section>div>strong{font-size:12px;font-weight:650;}.pc-highlight-editor>label input{height:42px;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-surface);color:var(--pc-text);padding:0 11px;outline:0;}.pc-highlight-editor>label input:focus{border-color:var(--pc-text-soft);}.pc-highlight-cover-editor{display:flex;align-items:center;gap:11px;}.pc-highlight-cover-pick{width:64px;height:64px;flex:0 0 64px;padding:0;border:1px solid var(--pc-border);border-radius:50%;overflow:hidden;background:var(--pc-surface-2);color:var(--pc-text-soft);display:grid;place-items:center;}.pc-highlight-cover-pick img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-highlight-cover-pick svg{width:22px;}.pc-highlight-cover-editor>div{display:grid;gap:2px;}.pc-highlight-cover-editor small{font-size:11px;color:var(--pc-text-soft);}.pc-highlight-cover-editor button{padding:0;border:0;background:transparent;color:var(--pc-accent);font-size:11px;text-align:left;}.pc-highlight-story-section{display:grid;gap:8px;}.pc-highlight-story-section>div:first-child{display:flex;justify-content:space-between;align-items:center;}.pc-highlight-story-section>div:first-child small,.pc-highlight-story-section>p{color:var(--pc-text-soft);font-size:11px;}.pc-highlight-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;max-height:300px;overflow:auto;}.pc-highlight-story-tile{position:relative;aspect-ratio:9/16;padding:0;border:2px solid transparent;background:var(--pc-surface-3);overflow:hidden;color:var(--pc-text);}.pc-highlight-story-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-highlight-story-tile>span{height:100%;padding:8px;display:grid;place-items:center;text-align:center;font-size:9px;}.pc-highlight-story-tile.is-selected{border-color:var(--pc-accent);}.pc-highlight-story-tile i{position:absolute;right:4px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--pc-accent);color:#fff;display:grid;place-items:center;}.pc-highlight-story-tile i svg{width:12px;}.pc-highlight-submit{width:100%;}@media (max-width:767px){.pc-highlight-manager-backdrop{align-items:flex-end;padding:0;}.pc-highlight-manager{width:100%;max-height:94dvh;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);}.pc-highlight-manager>.pc-sheet-handle{display:block;}.pc-highlight-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:42dvh;}}.pc-modal-backdrop{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1100;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:contain;background:#000000b8;isolation:isolate;}.pc-create-menu-backdrop{z-index:1120;}.pc-create-post-backdrop,.pc-story-uploader-backdrop{z-index:1140;padding:20px;}.pc-mood-backdrop{z-index:1160;}body[data-pc-overlay-open=true]{touch-action:none;}body[data-pc-overlay-open=true] .pc-modal-backdrop{touch-action:pan-y;}.pc-brand-logo{display:inline-block;flex:0 0 auto;overflow:hidden;border-radius:26%;background:#211f26;line-height:0;}.pc-brand-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;}.pc-brand-logo--xs{width:24px;height:24px;}.pc-brand-logo--sm{width:30px;height:30px;}.pc-brand-logo--md{width:38px;height:38px;}.pc-brand-logo--lg{width:58px;height:58px;border-radius:28%;}.pc-wordmark .pc-brand-logo{box-shadow:none;}.pc-app-loading .pc-brand-logo{box-shadow:0 10px 35px #533aff24;}.pc-create-post{width:min(560px,calc(100vw - 40px));max-height:min(820px,calc(100dvh - 40px));overflow:hidden;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 24px 70px #0000003d;}.pc-create-post-form{max-height:inherit;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;}.pc-create-post-header{height:54px;grid-template-columns:52px 1fr 70px;}.pc-create-post-composer textarea{min-height:110px;}.pc-create-post-count.is-quiet{opacity:0;}.pc-draft-notice{min-height:38px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border-soft);color:var(--pc-text-soft);font-size:11px;}.pc-draft-notice button{border:0;background:transparent;color:var(--pc-accent);font-weight:650;}.pc-create-media-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 14px 14px;}.pc-create-media-shortcuts>button{min-height:58px;padding:8px 11px;border:1px solid var(--pc-border-soft);border-radius:10px;background:var(--pc-surface);color:var(--pc-text);display:flex;align-items:center;gap:10px;text-align:left;}.pc-create-media-shortcuts>button:active{background:var(--pc-surface-2);}.pc-create-media-shortcuts svg{width:21px;height:21px;color:var(--pc-text-soft);}.pc-create-media-shortcuts span{display:grid;gap:1px;}.pc-create-media-shortcuts strong{font-size:12px;}.pc-create-media-shortcuts small{color:var(--pc-text-soft);font-size:10px;font-weight:400;}.pc-create-post-preview>button{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;background:#0000009e;color:#fff;}.pc-create-post-preview{position:relative;}.pc-create-post-preview>button svg{width:17px;}.pc-mood-sheet{box-shadow:0 24px 70px #0000003d;}.pc-mood-kicker{display:block;margin-bottom:1px;color:var(--pc-text-soft);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}.pc-current-mood-row{margin:0 14px 8px;min-height:38px;padding:0 11px;border-radius:9px;background:var(--pc-surface-2);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;}.pc-current-mood-row>span{color:var(--pc-text-soft);}.pc-current-mood-row>strong{font-size:12px;}.pc-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}.pc-mood-grid button{position:relative;min-height:52px;padding:0 11px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:flex-start;gap:9px;background:transparent;font-size:12px;}.pc-mood-grid button:hover{background:var(--pc-surface-2);}.pc-mood-grid button.is-active{background:var(--pc-surface-3);}.pc-mood-emoji{width:28px;font-size:22px;text-align:center;}.pc-mood-check{position:absolute;right:9px;width:15px;height:15px;color:var(--pc-accent);}.pc-story-source-picker{display:grid;gap:8px;}.pc-story-camera-pick{width:100%;min-height:56px;padding:0 14px;border:1px solid var(--pc-border-soft);border-radius:10px;background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;text-align:left;}.pc-story-camera-pick svg{width:20px;height:20px;color:var(--pc-text-soft);}.pc-story-camera-pick>span{display:grid;gap:1px;}.pc-story-camera-pick strong{font-size:12px;}.pc-story-camera-pick small{color:var(--pc-text-soft);font-size:10px;font-weight:400;}.pc-toast{position:fixed;z-index:1400;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);min-height:38px;padding:0 16px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--pc-text);color:var(--pc-bg);font-size:12px;font-weight:700;box-shadow:0 12px 32px #0003;animation:pc-toast-in .16s ease-out;}@keyframes pc-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 767px){.pc-create-post-backdrop,.pc-story-uploader-backdrop{padding:0;align-items:stretch;}.pc-create-post{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;}.pc-create-post-form{height:100dvh;max-height:none;padding-bottom:calc(18px + env(safe-area-inset-bottom));}.pc-create-post-header{position:sticky;top:0;z-index:6;height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--pc-surface);}.pc-create-progress{top:calc(54px + env(safe-area-inset-top));}.pc-create-post-composer{padding-top:18px;}.pc-create-post-composer textarea{min-height:132px;font-size:16px;}.pc-create-post-preview img{max-height:48dvh;}.pc-create-toolbar{position:sticky;bottom:0;background:var(--pc-surface);z-index:3;}.pc-create-mood-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.pc-story-create{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom));}.pc-story-create-header{height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);}.pc-story-create-pick{min-height:44dvh;}.pc-mood-backdrop{align-items:flex-end;padding:0;}.pc-mood-sheet{width:100%;max-height:min(78dvh,680px);overflow-y:auto;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);}.pc-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pc-mood-grid button{min-height:54px;}.pc-toast{bottom:calc(70px + env(safe-area-inset-bottom));}}@media (min-width: 768px) and (max-width: 1180px){.pc-create-post{width:min(590px,calc(100vw - 120px));}.pc-story-create{width:min(500px,calc(100vw - 120px));}}.pc-compact-reaction-action{min-height:36px;padding:0;border:0;background:transparent;color:var(--pc-text-soft);display:inline-flex;align-items:center;gap:5px;transition:color .12s ease,transform .12s ease;}.pc-compact-reaction-action:active{transform:scale(.94);}.pc-compact-reaction-action.is-active{color:var(--pc-text);}.pc-selected-reaction{font-size:19px;line-height:1;}.pc-action-count{font-size:12px;font-weight:650;}.pc-reaction-backdrop{z-index:1250;}.pc-reaction-sheet{width:min(390px,calc(100vw - 28px));max-height:min(620px,80dvh);overflow-y:auto;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 22px 60px #00000038;}.pc-reaction-header{height:52px;padding:0 8px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border-soft);}.pc-reaction-header strong{font-size:14px;}.pc-reaction-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:12px;}.pc-reaction-grid button{position:relative;aspect-ratio:1;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;color:var(--pc-text);font-size:26px;}.pc-reaction-grid button:hover{background:var(--pc-surface-2);}.pc-reaction-grid button.is-active{background:var(--pc-surface-3);}.pc-reaction-grid button small{position:absolute;right:4px;top:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--pc-text);color:var(--pc-bg);font-size:9px;font-weight:700;}.pc-reaction-remove{width:calc(100% - 24px);min-height:42px;margin:0 12px 12px;border:0;border-top:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-danger);font-size:12px;font-weight:650;}@media (max-width:767px){.pc-reaction-backdrop{align-items:flex-end;padding:0;}.pc-reaction-sheet{width:100%;max-height:62dvh;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);}.pc-reaction-sheet>.pc-sheet-handle{display:block;}}@media (max-width: 430px){.pc-profile-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}.pc-profile-actions .pc-profile-button{min-width:0;padding-inline:6px;font-size:11px;white-space:nowrap;}.pc-profile-actions .pc-profile-button svg{width:13px;height:13px;flex:0 0 auto;}}.pc-inline-tag{display:inline;padding:0;border:0;background:transparent;color:var(--pc-link, #0a66c2);font:inherit;font-weight:600;cursor:pointer;}.pc-inline-tag:hover{text-decoration:underline;}.pc-settings-v4{width:min(760px,100%);margin:0 auto;min-height:100%;background:var(--pc-bg);color:var(--pc-text);}.pc-settings-v4-main,.pc-settings-v4-page{width:100%;}.pc-settings-v4-header{min-height:58px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--pc-border-soft);background:var(--pc-bg);}.pc-settings-v4-header h1{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;}.pc-settings-v4-back{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--pc-text);display:grid;place-items:center;margin-left:-8px;}.pc-settings-v4-back:hover{background:var(--pc-surface-2);}.pc-settings-v4-back svg{width:21px;height:21px;}.pc-settings-v4-content{padding:12px 0 34px;}.pc-settings-search{margin:8px 16px 18px;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:var(--pc-surface-2);display:flex;align-items:center;gap:9px;color:var(--pc-text-soft);}.pc-settings-search:focus-within{border-color:var(--pc-border);background:var(--pc-surface);}.pc-settings-search svg{width:18px;height:18px;flex:0 0 auto;}.pc-settings-search input{width:100%;border:0;outline:0;background:transparent;color:var(--pc-text);font-size:15px;}.pc-settings-v4-section-label{margin:22px 18px 7px;color:var(--pc-text-soft);font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;}.pc-settings-v4-group{margin:0;border-top:1px solid var(--pc-border-soft);border-bottom:1px solid var(--pc-border-soft);background:var(--pc-surface);}.pc-settings-v4-group>h3{margin:0;padding:13px 18px 6px;font-size:12px;color:var(--pc-text-soft);font-weight:650;}.pc-settings-v4-row{width:100%;min-height:54px;padding:9px 17px 9px 18px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:12px;text-align:left;}button.pc-settings-v4-row{cursor:pointer;}button.pc-settings-v4-row:hover{background:var(--pc-surface-2);}.pc-settings-v4-row-icon{width:25px;display:grid;place-items:center;color:var(--pc-text-soft);flex:0 0 25px;}.pc-settings-v4-row-icon svg{width:20px;height:20px;}.pc-settings-v4-row-copy{min-width:0;flex:1;display:grid;gap:2px;}.pc-settings-v4-row-copy strong{font-size:14px;line-height:1.25;font-weight:560;}.pc-settings-v4-row-copy small{color:var(--pc-text-soft);font-size:11px;line-height:1.35;}.pc-settings-v4-row-trailing{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;color:var(--pc-text-soft);}.pc-settings-v4-row-trailing>svg{width:17px;height:17px;}.pc-settings-v4-row.is-danger .pc-settings-v4-row-copy strong{color:var(--pc-danger);}.pc-settings-v4-banner{margin:10px 16px 16px;padding:10px 12px;border:1px solid var(--pc-border-soft);border-radius:10px;display:flex;align-items:flex-start;gap:9px;background:var(--pc-surface-2);color:var(--pc-text-soft);font-size:11px;line-height:1.45;}.pc-settings-v4-banner svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px;}.pc-settings-form{padding:16px 18px 28px;display:grid;gap:15px;}.pc-settings-form label,.pc-settings-form fieldset{display:grid;gap:7px;color:var(--pc-text);font-size:12px;font-weight:600;}.pc-settings-form input,.pc-settings-form textarea,.pc-settings-form select{width:100%;min-height:43px;padding:10px 11px;border:1px solid var(--pc-border);border-radius:9px;outline:0;background:var(--pc-surface);color:var(--pc-text);font:inherit;font-size:14px;font-weight:400;}.pc-settings-form textarea{min-height:96px;resize:vertical;}.pc-settings-form input:focus,.pc-settings-form textarea:focus,.pc-settings-form select:focus{border-color:var(--pc-text-soft);}.pc-settings-form fieldset{border:0;padding:0;margin:0;}.pc-settings-form fieldset legend{margin-bottom:7px;}.pc-settings-form fieldset legend small{color:var(--pc-text-soft);font-weight:400;}.pc-settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.pc-prefix-input{display:flex;align-items:center;border:1px solid var(--pc-border);border-radius:9px;overflow:hidden;padding-left:11px;color:var(--pc-text-soft);}.pc-prefix-input input{border:0;border-radius:0;}.pc-settings-input-action{display:flex;gap:7px;}.pc-settings-input-action button{min-width:66px;border:0;border-radius:9px;background:var(--pc-text);color:var(--pc-bg);font-weight:650;}.pc-settings-link-text{border:0;padding:4px;background:transparent;color:var(--pc-link, #0a66c2);font-size:12px;font-weight:650;cursor:pointer;}.pc-settings-muted-text,.pc-settings-empty{color:var(--pc-text-soft);font-size:12px;}.pc-settings-empty{padding:18px;margin:0;}.pc-settings-tabs,.pc-search-tabs{min-height:42px;display:flex;border-bottom:1px solid var(--pc-border-soft);overflow-x:auto;scrollbar-width:none;}.pc-settings-tabs::-webkit-scrollbar,.pc-search-tabs::-webkit-scrollbar{display:none;}.pc-settings-tabs button,.pc-search-tabs button{flex:1 0 auto;min-width:80px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pc-text-soft);font-size:12px;font-weight:620;}.pc-settings-tabs button.is-active,.pc-search-tabs button.is-active{color:var(--pc-text);border-bottom-color:var(--pc-text);}.pc-settings-check{color:var(--pc-text);font-weight:700;}.pc-inline-error{margin:0;color:var(--pc-danger);font-size:12px;}.pc-toggle{position:relative;width:44px;height:26px;border:0;border-radius:999px;padding:2px;background:var(--pc-surface-3);transition:background .16s ease;}.pc-toggle span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .16s ease;}.pc-toggle.is-on{background:#1f9d55;}.pc-toggle.is-on span{transform:translate(18px);}.pc-toggle:disabled{opacity:.45;}.pc-choice{display:grid;}.pc-choice button{min-height:51px;padding:8px 18px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:12px;text-align:left;}.pc-choice button:last-child{border-bottom:0;}.pc-choice button>span:first-child{flex:1;display:grid;gap:2px;}.pc-choice button strong{font-size:14px;font-weight:540;}.pc-choice button small{font-size:11px;color:var(--pc-text-soft);}.pc-choice-dot{width:18px;height:18px;border:1.5px solid var(--pc-border-strong, #8e8e8e);border-radius:50%;position:relative;}.pc-choice button.is-selected .pc-choice-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--pc-accent);}.pc-search-v4{width:min(700px,100%);margin:0 auto;}.pc-search-v4 .pc-search-tabs{margin-top:8px;}.pc-search-section{padding:10px 0;}.pc-search-section>h2,.pc-search-section-title{margin:0;padding:8px 16px;font-size:13px;font-weight:700;}.pc-search-section-title{display:flex;align-items:center;justify-content:space-between;}.pc-search-section-title h2{margin:0;font-size:13px;}.pc-search-section-title button{border:0;background:transparent;color:var(--pc-link,#0a66c2);font-size:11px;font-weight:650;}.pc-search-posts{border-top:1px solid var(--pc-border-soft);}.pc-search-post-row{width:100%;min-height:72px;padding:8px 16px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;text-align:left;}.pc-search-post-row:hover{background:var(--pc-surface-2);}.pc-search-post-row>img,.pc-search-post-placeholder{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:7px;background:var(--pc-surface-2);flex:0 0 56px;}.pc-search-post-placeholder{display:grid;place-items:center;padding:5px;font-size:8px;text-align:center;overflow:hidden;}.pc-search-post-row>span:last-child{min-width:0;display:grid;gap:3px;}.pc-search-post-row strong{font-size:12px;}.pc-search-post-row small{font-size:11px;color:var(--pc-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-tag-results{border-top:1px solid var(--pc-border-soft);}.pc-tag-results>button{width:100%;min-height:58px;padding:8px 16px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;text-align:left;}.pc-tag-results>button>span{grid-row:1/3;width:38px;height:38px;border:1px solid var(--pc-border);border-radius:50%;display:grid;place-items:center;font-size:18px;}.pc-tag-results strong{align-self:end;font-size:13px;}.pc-tag-results small{align-self:start;font-size:10px;color:var(--pc-text-soft);}.pc-recent-searches{border-top:1px solid var(--pc-border-soft);}.pc-recent-search-row{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--pc-border-soft);}.pc-recent-search-main{flex:1;min-width:0;min-height:48px;padding:0 8px 0 16px;border:0;background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:10px;text-align:left;}.pc-recent-search-main svg{width:16px;height:16px;color:var(--pc-text-soft);}.pc-recent-search-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;}.pc-recent-search-remove{width:44px;height:44px;border:0;background:transparent;color:var(--pc-text-soft);font-size:19px;}.pc-notes-bar{border-bottom:1px solid var(--pc-border-soft);padding:12px 10px 10px;overflow:hidden;background:var(--pc-bg);}.pc-notes-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 4px 4px;scrollbar-width:none;}.pc-notes-scroll::-webkit-scrollbar{display:none;}.pc-note-person{width:72px;flex:0 0 72px;border:0;background:transparent;color:var(--pc-text);display:grid;justify-items:center;gap:5px;position:relative;}.pc-note-bubble{min-height:36px;max-width:72px;padding:6px 8px;border:1px solid var(--pc-border);border-radius:12px 12px 12px 3px;background:var(--pc-surface);font-size:9px;line-height:1.2;display:grid;place-items:center;overflow:hidden;}.pc-note-person small{max-width:72px;font-size:9px;color:var(--pc-text-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.pc-request-actions{display:flex;gap:6px;}.pc-request-actions button{min-height:32px;padding:0 10px;border:0;border-radius:8px;font-size:11px;font-weight:650;}.pc-story-ring--close{background:#2fb344;}.pc-story-audience{display:flex;gap:6px;padding:5px;border:1px solid var(--pc-border-soft);border-radius:10px;background:var(--pc-surface-2);}.pc-story-audience button{flex:1;min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--pc-text-soft);font-size:11px;font-weight:650;}.pc-story-audience button.is-active{background:var(--pc-surface);color:var(--pc-text);box-shadow:0 1px 2px #00000014;}.pc-post-options-sheet,.pc-share-sheet,.pc-pin-sheet{width:min(430px,calc(100vw - 24px));max-height:min(78dvh,650px);overflow:auto;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 20px 60px #00000038;}.pc-post-option{width:100%;min-height:48px;padding:0 15px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;text-align:left;font-size:13px;}.pc-post-option:last-child{border-bottom:0;}.pc-post-option:hover{background:var(--pc-surface-2);}.pc-post-option svg{width:18px;height:18px;color:var(--pc-text-soft);}.pc-post-option.is-danger{color:var(--pc-danger);}.pc-post-action-save{margin-left:auto;}.pc-post-action-save.is-active svg{fill:currentColor;}.pc-post-notice{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:1300;padding:8px 12px;border-radius:999px;background:var(--pc-text);color:var(--pc-bg);font-size:11px;font-weight:650;}.pc-profile-category,.pc-profile-pronouns{color:var(--pc-text-soft);font-size:11px;}.pc-profile-song{margin-top:7px;min-height:35px;padding:0;border:0;background:transparent;color:var(--pc-text);display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;}.pc-profile-song svg{width:15px;height:15px;}.pc-profile-song small{color:var(--pc-text-soft);font-weight:400;}.pc-profile-grid-item.is-pinned:after{content:"⌖";position:absolute;top:5px;right:5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#00000094;color:#fff;font-size:10px;}html.pc-high-contrast{--pc-border: color-mix(in srgb,var(--pc-text) 42%,transparent);--pc-border-soft: color-mix(in srgb,var(--pc-text) 24%,transparent);}html.pc-larger-text{font-size:110%;}html.pc-reduced-motion *,html.pc-reduced-motion *:before,html.pc-reduced-motion *:after{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto;}@media (max-width: 767px){.pc-settings-v4{width:100%;}.pc-settings-v4-header{position:sticky;top:0;z-index:12;min-height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--pc-bg);}.pc-settings-v4-content{padding-bottom:calc(88px + env(safe-area-inset-bottom));}.pc-settings-two-col{grid-template-columns:1fr;}.pc-settings-v4-group{border-radius:0;}.pc-post-options-backdrop,.pc-share-backdrop,.pc-pin-backdrop{align-items:flex-end;padding:0;}.pc-post-options-sheet,.pc-share-sheet,.pc-pin-sheet{width:100%;max-height:75dvh;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);}.pc-search-v4 .pc-page-title{display:none;}.pc-search-v4 .pc-search-field--large{position:sticky;top:0;z-index:8;margin-top:0;background:var(--pc-bg);}}@media (min-width: 768px){.pc-settings-v4{border-left:1px solid var(--pc-border-soft);border-right:1px solid var(--pc-border-soft);}}@media (prefers-reduced-motion: reduce){.pc-toast,.pc-modal-backdrop,.pc-bottom-sheet{animation:none;transition:none;}}.pc-collection-strip{display:flex;gap:7px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid var(--pc-border-soft);scrollbar-width:none;}.pc-collection-strip::-webkit-scrollbar{display:none;}.pc-collection-strip button{min-height:34px;padding:0 12px;border:1px solid var(--pc-border);border-radius:999px;background:transparent;color:var(--pc-text);white-space:nowrap;font-size:11px;font-weight:600;}.pc-collection-strip button.is-active{background:var(--pc-text);color:var(--pc-bg);border-color:var(--pc-text);}.pc-collection-create{padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--pc-border-soft);}.pc-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px 0;}.pc-saved-grid article{position:relative;aspect-ratio:1;background:var(--pc-surface-2);overflow:hidden;}.pc-saved-grid article>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-saved-grid article>p{margin:0;width:100%;height:100%;display:grid;place-items:center;padding:10px;text-align:center;font-size:10px;}.pc-saved-actions{position:absolute;inset:auto 5px 5px;display:flex;gap:4px;opacity:0;transition:opacity .14s ease;}.pc-saved-grid article:hover .pc-saved-actions,.pc-saved-grid article:focus-within .pc-saved-actions{opacity:1;}.pc-saved-actions select,.pc-saved-actions button{min-height:30px;border:0;border-radius:7px;background:#000000b8;color:#fff;font-size:9px;padding:0 6px;}.pc-saved-actions select{min-width:0;flex:1;}@media (max-width:767px){.pc-saved-actions{opacity:1;}.pc-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.pc-saved-actions select{display:none;}.pc-saved-actions button{margin-left:auto;}}.pc-settings-v4-page{width:min(760px,100%);margin:0 auto;min-height:100%;background:var(--pc-bg);color:var(--pc-text);}.pc-settings-v4-title{min-height:58px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--pc-border-soft);background:var(--pc-bg);}.pc-settings-v4-title h1{margin:0;font-size:18px;letter-spacing:-.02em;}.pc-settings-subheader{min-height:58px;padding:0 12px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:1px solid var(--pc-border-soft);background:var(--pc-bg);position:sticky;top:0;z-index:12;}.pc-settings-subheader h2{margin:0;text-align:center;font-size:15px;font-weight:700;}.pc-settings-v4-group{border-left:0;border-right:0;border-radius:0;box-shadow:none;}.pc-settings-v4-group+.pc-settings-v4-group{margin-top:12px;}.pc-settings-v4-group>h3{margin:0;padding:14px 16px 7px;color:var(--pc-text-soft);font-size:10px;letter-spacing:.045em;text-transform:uppercase;font-weight:700;}.pc-settings-v4-row{padding:9px 16px;gap:12px;min-height:54px;}.pc-settings-v4-icon{width:23px;flex:0 0 23px;display:grid;place-items:center;color:var(--pc-text-soft);}.pc-settings-v4-icon svg{width:19px;height:19px;}.pc-settings-v4-copy strong{font-size:13px;font-weight:560;color:var(--pc-text);}.pc-settings-v4-copy small{font-size:10px;line-height:1.35;color:var(--pc-text-soft);}.pc-settings-v4-row>svg:last-child{width:16px;height:16px;color:var(--pc-text-faint);}.pc-settings-v4-row.is-danger strong{color:var(--pc-danger);}.pc-settings-backend-banner{margin:12px 14px;padding:11px 12px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface-2);display:grid;gap:3px;}.pc-settings-backend-banner strong{font-size:11px;}.pc-settings-backend-banner span{font-size:10px;line-height:1.4;color:var(--pc-text-soft);}.pc-settings-choice-list button{min-height:50px;padding:8px 16px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:12px;text-align:left;}.pc-settings-choice-list button:hover:not(:disabled){background:var(--pc-surface-2);}.pc-settings-choice-list button>span:first-child{min-width:0;flex:1;display:grid;gap:2px;}.pc-settings-choice-list strong{font-size:13px;font-weight:540;}.pc-settings-choice-list small{font-size:10px;color:var(--pc-text-soft);}.pc-settings-choice-list button.is-active{color:var(--pc-text);}.pc-settings-inline-action{margin:9px 16px 13px;min-height:38px;padding:0 12px;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-surface);color:var(--pc-text);font-size:11px;font-weight:620;}.pc-settings-inline-action:hover{background:var(--pc-surface-2);}.pc-switch{background:var(--pc-border-strong);}.pc-switch.is-on{background:#20a05a;}.pc-settings-search>button{width:32px;height:32px;border:0;background:transparent;color:var(--pc-text-soft);display:grid;place-items:center;}.pc-settings-search>button svg{width:15px;height:15px;}@media (max-width:767px){.pc-settings-v4-page{width:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom));}.pc-settings-v4-title{min-height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);position:sticky;top:0;z-index:11;}.pc-settings-subheader{min-height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);}}.pc-media-viewer{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1500;display:grid;place-items:center;background:#000;}.pc-media-viewer img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;}.pc-media-viewer-close{position:fixed;z-index:2;top:calc(10px + env(safe-area-inset-top));right:10px;width:42px;height:42px;border:0;border-radius:50%;background:#0000008f;color:#fff;display:grid;place-items:center;}.pc-shared-post-dialog{width:min(600px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:var(--pc-bg);border:1px solid var(--pc-border);border-radius:12px;}.pc-shared-post-dialog>header{height:50px;padding:0 8px 0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border-soft);}.pc-shared-post-dialog>header strong{font-size:14px;}.pc-shared-post-dialog .pc-post-card{border:0;border-radius:0;margin:0;}@media (max-width:767px){.pc-shared-post-backdrop{padding:0;}.pc-shared-post-dialog{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;padding-top:env(safe-area-inset-top);overflow:auto;}}.pc-profile-website{display:inline-block;margin-top:4px;color:var(--pc-text);font-weight:600;font-size:14px;text-decoration:none;overflow-wrap:anywhere;}.pc-profile-website:hover{text-decoration:underline;}.pc-comments-off{margin:8px 0 0;padding:10px 12px;font-size:13px;color:var(--pc-muted);text-align:center;}.pc-password-reset-form{width:min(100%,360px);display:grid;gap:14px;margin-top:8px;text-align:left;}.pc-password-reset-form label{display:grid;gap:6px;color:var(--pc-text-soft);font-size:12px;font-weight:650;}.pc-password-reset-form input{width:100%;height:44px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);padding:0 12px;outline:none;}.pc-password-reset-form input:focus{border-color:var(--pc-text-soft);}.pc-password-field{position:relative;}.pc-password-field input{padding-right:46px;}.pc-password-field button{position:absolute;right:2px;top:2px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--pc-text-soft);}.pc-password-field svg{width:18px;height:18px;}.pc-settings-v4-title{min-height:64px;padding:16px 18px 10px;display:flex;align-items:center;}.pc-settings-v4-title h1{margin:0;font-size:24px;font-weight:760;letter-spacing:-.035em;}.pc-settings-v4-title span{display:block;margin-top:2px;color:var(--pc-text-soft);font-size:11px;}.pc-settings-account-card{width:calc(100% - 32px);margin:4px 16px 12px;padding:11px 12px;border:1px solid var(--pc-border-soft);border-radius:14px;background:var(--pc-surface);color:var(--pc-text);display:flex;align-items:center;gap:11px;text-align:left;}.pc-settings-account-card>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px;}.pc-settings-account-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-settings-account-card small{font-size:11px;color:var(--pc-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-settings-account-card>svg{width:18px;height:18px;color:var(--pc-text-soft);}.pc-settings-v4-group{border:0;border-top:1px solid var(--pc-border-soft);border-bottom:1px solid var(--pc-border-soft);}.pc-settings-v4-group h3{text-transform:none;letter-spacing:0;font-size:12px;}.pc-settings-v4-row{min-height:58px;padding:10px 18px;}.pc-settings-v4-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:var(--pc-surface-2);color:var(--pc-text);}.pc-settings-v4-icon svg{width:17px;height:17px;}.pc-settings-v4-copy{min-width:0;flex:1;display:grid;gap:2px;}.pc-settings-v4-copy strong{font-size:14px;font-weight:580;}.pc-settings-v4-copy small{color:var(--pc-text-soft);font-size:11px;}.pc-settings-subheader{min-height:58px;padding:0 12px;border-bottom:1px solid var(--pc-border-soft);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;position:sticky;top:0;z-index:12;background:var(--pc-bg);}.pc-settings-subheader h2{margin:0;text-align:center;font-size:16px;font-weight:680;}.pc-settings-footnote{margin:14px 18px;color:var(--pc-text-soft);font-size:11px;line-height:1.45;}.pc-settings-choice-list{display:grid;}.pc-settings-choice-list button{min-height:54px;padding:9px 18px;border:0;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;justify-content:space-between;text-align:left;}.pc-settings-choice-list button:last-child{border-bottom:0;}.pc-settings-choice-list button>span:first-child{display:grid;gap:2px;}.pc-settings-choice-list small{color:var(--pc-text-soft);font-size:11px;}.pc-switch{width:46px;height:28px;border:0;border-radius:999px;padding:2px;background:var(--pc-surface-3);transition:background .16s ease;}.pc-switch span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .16s ease;}.pc-switch.is-on{background:#0a84ff;}.pc-switch.is-on span{transform:translate(18px);}.pc-story-text-editor{display:grid;gap:12px;padding:0 14px 14px;}.pc-story-text-preview{min-height:340px;border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:28px 24px;}.pc-story-text-preview textarea{width:100%;min-height:230px;max-height:330px;border:0;outline:0;resize:none;background:transparent;color:#fff;font:700 28px/1.18 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 1px 10px rgba(0,0,0,.12);}.pc-story-text-preview>small{position:absolute;right:12px;bottom:10px;font-size:10px;color:#ffffffb8;}.pc-story-align--left textarea,.pc-story-align--left p{text-align:left;}.pc-story-align--center textarea,.pc-story-align--center p{text-align:center;}.pc-story-align--right textarea,.pc-story-align--right p{text-align:right;}.pc-story-scale--compact textarea,.pc-story-scale--compact p{font-size:22px;}.pc-story-scale--normal textarea,.pc-story-scale--normal p{font-size:30px;}.pc-story-scale--large textarea,.pc-story-scale--large p{font-size:40px;}.pc-story-bg--sunset{background:linear-gradient(145deg,#ff5f6d,#845ef7 58%,#339af0);}.pc-story-bg--violet{background:linear-gradient(145deg,#4c1d95,#7c3aed,#db2777);}.pc-story-bg--ocean{background:linear-gradient(145deg,#0f766e,#0284c7,#1d4ed8);}.pc-story-bg--forest{background:linear-gradient(145deg,#14532d,#15803d,#65a30d);}.pc-story-bg--midnight{background:linear-gradient(145deg,#111827,#030712);}.pc-story-bg--paper{background:linear-gradient(145deg,#f8fafc,#e2e8f0);}.pc-story-bg--paper textarea,.pc-story-bg--paper p{color:#111827;text-shadow:none;}.pc-story-bg--rose{background:linear-gradient(145deg,#be123c,#fb7185,#f472b6);}.pc-story-bg--amber{background:linear-gradient(145deg,#b45309,#f59e0b,#facc15);}.pc-story-style-toolbar{display:grid;gap:10px;}.pc-story-color-row{display:flex;gap:9px;overflow-x:auto;padding:2px;scrollbar-width:none;}.pc-story-color-row::-webkit-scrollbar{display:none;}.pc-story-color{width:36px;height:36px;flex:0 0 36px;border:3px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px #7f7f7f2e;}.pc-story-color.is-active{border-color:var(--pc-text);box-shadow:0 0 0 2px var(--pc-bg),0 0 0 4px var(--pc-text);}.pc-story-style-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;}.pc-story-style-row>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;}.pc-story-style-row svg{width:17px;height:17px;}.pc-story-segmented,.pc-story-size-row{display:flex;gap:4px;padding:3px;border-radius:9px;background:var(--pc-surface-2);}.pc-story-segmented button{width:36px;height:34px;border:0;border-radius:7px;background:transparent;color:var(--pc-text-soft);display:grid;place-items:center;}.pc-story-segmented button.is-active,.pc-story-size-row button.is-active{background:var(--pc-surface);color:var(--pc-text);box-shadow:0 1px 3px #0000001a;}.pc-story-size-row button{flex:1;min-height:36px;border:0;border-radius:7px;background:transparent;color:var(--pc-text-soft);font-size:11px;font-weight:650;}.pc-story-text-card{width:100%;height:100%;min-height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:70px 34px 90px;}.pc-story-text-card p{width:100%;margin:0;color:#fff;font:700 30px/1.18 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;}.pc-story-text-card>span{margin-top:14px;align-self:center;padding:6px 9px;border-radius:999px;background:#00000042;color:#fff;font-size:11px;}@media (max-width:767px){.pc-settings-v4-title{padding-top:calc(14px + env(safe-area-inset-top));}.pc-settings-account-card{border-left:0;border-right:0;border-radius:0;width:100%;margin:0 0 10px;}.pc-story-text-preview{min-height:min(52dvh,430px);border-radius:14px;}}:root{--pc-bg: #f7f7fb;--pc-surface: #ffffff;--pc-surface-2: #f8f8fc;--pc-surface-3: #f1f1f7;--pc-text: #17171f;--pc-text-soft: #777786;--pc-text-faint: #aaaab8;--pc-border: #e5e5ee;--pc-border-soft: #eeeeF4;--pc-accent: #6355e9;--pc-accent-strong: #5144dc;--pc-accent-soft: #eeecff;--pc-danger: #ef4d63;--pc-success: #2cb67d;--pc-nav-width: 272px;--pc-radius: 18px;--pc-shadow: 0 8px 28px rgba(31, 28, 66, .055);--pc-shadow-hover: 0 12px 34px rgba(31, 28, 66, .08);}html[data-theme=dark]{--pc-bg: #0e0e13;--pc-surface: #15151c;--pc-surface-2: #1b1b24;--pc-surface-3: #23232e;--pc-text: #f7f7fb;--pc-text-soft: #a6a6b5;--pc-text-faint: #767686;--pc-border: #292935;--pc-border-soft: #21212b;--pc-accent: #8a7dff;--pc-accent-strong: #9b90ff;--pc-accent-soft: #25203e;--pc-shadow: 0 10px 36px rgba(0,0,0,.24);--pc-shadow-hover: 0 14px 42px rgba(0,0,0,.32);}body,.pc-app{background:var(--pc-bg);}.pc-brand-logo{border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #4f45d21f;background:transparent;}.pc-brand-logo img{-o-object-fit:cover;object-fit:cover;}.pc-wordmark .pc-brand-logo--md{width:42px;height:42px;}.pc-wordmark .pc-brand-logo--xs{width:30px;height:30px;}.pc-sidebar{width:var(--pc-nav-width);padding:28px 18px 22px;border-right:1px solid var(--pc-border);background:var(--pc-surface);box-shadow:8px 0 30px #23204905;}.pc-wordmark{min-height:54px;height:auto;padding:4px 8px;margin:0 0 18px;gap:12px;font-size:23px;font-weight:780;letter-spacing:-.045em;}.pc-sidebar-search{width:100%;height:44px;margin:0 0 24px;padding:0 14px;border:1px solid var(--pc-border);border-radius:22px;background:var(--pc-surface);color:var(--pc-text-soft);display:flex;align-items:center;gap:10px;text-align:left;cursor:text;transition:border-color .16s ease,background .16s ease;}.pc-sidebar-search:hover{border-color:color-mix(in srgb,var(--pc-accent) 40%,var(--pc-border));background:var(--pc-surface-2);}.pc-sidebar-search svg{width:18px;height:18px;}.pc-sidebar-search span{font-size:13px;}.pc-sidebar-nav,.pc-sidebar-bottom{gap:7px;}.pc-nav-item{min-height:48px;padding:0 12px;border-radius:12px;gap:14px;font-size:14px;font-weight:580;color:var(--pc-text);transition:background .14s ease,color .14s ease,transform .14s ease;}.pc-nav-item:hover{background:var(--pc-surface-3);}.pc-nav-item:active{transform:scale(.985);}.pc-nav-item.is-active{color:var(--pc-accent);background:var(--pc-accent-soft);font-weight:720;}.pc-nav-item.is-active svg{stroke-width:2.25;}.pc-nav-item svg{width:21px;height:21px;stroke-width:1.85;}.pc-sidebar-bottom{padding-top:14px;border-top:1px solid var(--pc-border-soft);}.pc-desktop-topbar{min-height:82px;margin-left:var(--pc-nav-width);padding:16px 34px;background:color-mix(in srgb,var(--pc-surface) 96%,transparent);border-bottom:1px solid var(--pc-border);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:35;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.pc-topbar-search{width:min(100%,480px);height:48px;padding:0 16px;border:1px solid var(--pc-border);border-radius:25px;background:var(--pc-surface);display:flex;align-items:center;gap:11px;color:var(--pc-text-soft);box-shadow:0 2px 10px #1f1c4206;}.pc-topbar-search:focus-within{border-color:color-mix(in srgb,var(--pc-accent) 58%,var(--pc-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-accent) 10%,transparent);}.pc-topbar-search svg{width:19px;height:19px;}.pc-topbar-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--pc-text);font-size:13px;}.pc-topbar-actions{display:flex;align-items:center;gap:10px;}.pc-topbar-create{min-height:45px;padding:0 18px;border:0;border-radius:24px;background:var(--pc-accent);color:#fff;display:inline-flex;align-items:center;gap:10px;font-weight:720;font-size:13px;box-shadow:0 7px 18px color-mix(in srgb,var(--pc-accent) 23%,transparent);}.pc-topbar-create:hover{background:var(--pc-accent-strong);}.pc-topbar-create svg{width:19px;height:19px;}.pc-topbar-icon,.pc-topbar-avatar{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--pc-border);background:var(--pc-surface);color:var(--pc-text);display:grid;place-items:center;padding:0;}.pc-topbar-icon:hover,.pc-topbar-avatar:hover{background:var(--pc-surface-2);border-color:color-mix(in srgb,var(--pc-accent) 30%,var(--pc-border));}.pc-topbar-icon svg{width:19px;height:19px;}.pc-topbar-avatar .pc-avatar{width:36px;height:36px;}.pc-layout{margin-left:var(--pc-nav-width);padding:28px 32px 80px;gap:34px;justify-content:center;align-items:flex-start;}.pc-main{width:min(100%,720px);}.pc-main--wide{width:min(100%,960px);}.pc-feed-column{display:grid;gap:18px;}.pc-post-list{gap:20px;}.pc-context-column{width:318px;flex:0 0 318px;padding-top:0;position:sticky;top:106px;}.pc-context-profile{display:flex;align-items:center;gap:10px;padding:4px 0 22px;}.pc-context-profile-main,.pc-suggestion-main{flex:1;min-width:0;border:0;background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;text-align:left;padding:0;}.pc-context-profile-main>span:last-child,.pc-suggestion-main>span:last-child{min-width:0;display:grid;}.pc-context-profile-main strong,.pc-suggestion-main strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;}.pc-context-profile-main small,.pc-suggestion-main small{color:var(--pc-text-soft);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-context-profile>button:last-child,.pc-context-heading button,.pc-suggestion-follow{border:0;background:transparent;color:var(--pc-accent);font-size:11px;font-weight:720;}.pc-context-heading{display:flex;align-items:center;justify-content:space-between;margin:5px 0 10px;}.pc-context-heading strong{font-size:13px;}.pc-suggestion-list{display:grid;}.pc-suggestion-row{min-height:65px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--pc-border-soft);}.pc-context-mini-card{margin-top:22px;padding:18px;border:1px solid var(--pc-border);border-radius:16px;background:var(--pc-surface);display:grid;gap:5px;box-shadow:var(--pc-shadow);}.pc-context-mini-card strong{font-size:13px;}.pc-context-mini-card span{color:var(--pc-text-soft);font-size:11px;line-height:1.5;}.pc-panel,.pc-settings-v4-group,.pc-settings-form{background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:16px;box-shadow:var(--pc-shadow);}.pc-page-title,.pc-section-header{background:transparent;border-bottom:0;padding:4px 2px 18px;min-height:52px;}.pc-page-title h1,.pc-section-header h2{font-size:22px;font-weight:760;}.pc-stories-wrap{padding:17px 14px 15px;margin:0;border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);box-shadow:var(--pc-shadow);}.pc-stories{padding:0;gap:14px;}.pc-story-item{width:72px;}.pc-story-avatar{width:58px;height:58px;}.pc-story-ring{padding:2px;}.pc-story-ring--unseen{background:linear-gradient(135deg,#7c5cff,#f24bc5 52%,#ff9e54);}.pc-story-ring--seen{background:var(--pc-border);}.pc-story-label{margin-top:6px;max-width:72px;color:var(--pc-text);font-size:10px;}.pc-story-add{background:var(--pc-accent);color:#fff;border-color:var(--pc-surface);}.pc-sponsored{border:1px solid var(--pc-border);border-radius:16px;overflow:hidden;background:var(--pc-surface);box-shadow:var(--pc-shadow);margin:0;}.pc-sponsored-label{color:var(--pc-text-soft);}.pc-post-card.card-modern{border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);box-shadow:var(--pc-shadow);overflow:visible;}.pc-post-card.card-modern:hover{box-shadow:var(--pc-shadow-hover);}.pc-post-card>.p-3.flex,.pc-post-card>.p-3.sm\:p-4,.pc-post-card>.p-4{padding:14px 16px;}.pc-post-card .pc-post-media-image{width:calc(100% - 32px);margin:2px 16px 10px;border-radius:15px;max-height:700px;-o-object-fit:cover;object-fit:cover;background:var(--pc-surface-2);}.pc-post-card>.px-3.pb-3,.pc-post-card>.px-4.pb-3{padding-left:16px;padding-right:16px;}.pc-post-card .border-t.border-gray-700{margin:0 16px;border-color:var(--pc-border-soft);}.pc-post-card .border-t.border-gray-700 button{min-height:44px;}.pc-post-card .w-12.h-12.rounded-full{border:0;background:transparent;}.pc-post-card button.bg-orange-500{background:var(--pc-accent);}.pc-post-card button.bg-orange-500:hover{background:var(--pc-accent-strong);}.pc-post-mood-inline{color:var(--pc-accent);background:var(--pc-accent-soft);border-radius:999px;padding:3px 8px;}.pc-load-more{margin:0 auto;width:auto;min-width:130px;border:1px solid var(--pc-border);border-radius:22px;background:var(--pc-surface);padding:0 18px;}.pc-empty-state{padding:48px 24px;}.pc-search-v4{background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:18px;padding:24px;box-shadow:var(--pc-shadow);}.pc-search-v4 .pc-page-title{padding-top:0;}.pc-search-field,.pc-search-field--large{background:var(--pc-surface-2);border:1px solid transparent;border-radius:22px;}.pc-search-field:focus-within{border-color:color-mix(in srgb,var(--pc-accent) 45%,var(--pc-border));background:var(--pc-surface);}.pc-search-tabs{border-bottom:1px solid var(--pc-border);}.pc-search-tabs button.is-active{color:var(--pc-accent);border-bottom-color:var(--pc-accent);}.pc-user-row,.pc-recent-search-row{padding-left:4px;padding-right:4px;}.pc-explore-grid{gap:5px;}.pc-explore-tile{border-radius:10px;}.pc-search-field--inbox{margin:0 16px 14px;}.pc-notes-strip{background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:18px;box-shadow:var(--pc-shadow);margin-bottom:18px;}.pc-profile-page{max-width:900px;}.pc-profile-header{background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:18px;box-shadow:var(--pc-shadow);overflow:hidden;padding-bottom:24px;}.pc-profile-banner{margin:0 0 24px;height:180px;border-radius:0;background:linear-gradient(135deg,var(--pc-accent-soft),var(--pc-surface-3));}.pc-profile-top{padding:0 28px;}.pc-profile-avatar{border:4px solid var(--pc-surface);box-shadow:0 5px 18px #1f1c421a;}.pc-profile-name-line>strong{font-size:21px;}.pc-profile-button{border-radius:9px;font-weight:670;}.pc-profile-button.is-primary{background:var(--pc-accent);color:#fff;}.pc-profile-button.is-secondary{background:var(--pc-surface-3);color:var(--pc-text);border:1px solid var(--pc-border);}.pc-profile-stats{gap:34px;}.pc-profile-stats b{font-size:17px;}.pc-profile-bio{padding-left:28px;padding-right:28px;}.pc-profile-content{margin-top:18px;background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:18px;box-shadow:var(--pc-shadow);overflow:hidden;}.pc-profile-tabs{border-bottom:1px solid var(--pc-border);}.pc-profile-tabs button.is-active{color:var(--pc-accent);border-bottom-color:var(--pc-accent);}.pc-profile-grid{gap:4px;padding:4px;}.pc-profile-grid-item{border-radius:8px;overflow:hidden;}.pc-highlights-row{padding-left:8px;padding-right:8px;}.pc-settings-v4-page{width:min(900px,100%);padding-bottom:40px;}.pc-settings-v4-title{min-height:80px;padding:6px 4px 18px;border-bottom:0;background:transparent;}.pc-settings-v4-title h1{font-size:25px;font-weight:790;letter-spacing:-.035em;}.pc-settings-v4-title span{color:var(--pc-text-soft);font-size:12px;margin-top:4px;display:block;}.pc-settings-account-card{width:100%;min-height:88px;padding:14px 18px;margin-bottom:18px;border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);box-shadow:var(--pc-shadow);color:var(--pc-text);display:flex;align-items:center;gap:14px;text-align:left;}.pc-settings-account-card:hover{box-shadow:var(--pc-shadow-hover);}.pc-settings-account-card>span:nth-child(2){flex:1;min-width:0;display:grid;}.pc-settings-account-card small{color:var(--pc-text-soft);}.pc-settings-search{min-height:48px;padding:0 15px;margin-bottom:20px;border:1px solid var(--pc-border);border-radius:24px;background:var(--pc-surface);box-shadow:0 2px 12px #1f1c4206;}.pc-settings-v4-group{margin-bottom:15px;border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);box-shadow:var(--pc-shadow);overflow:hidden;}.pc-settings-v4-group+.pc-settings-v4-group{margin-top:15px;}.pc-settings-v4-group>h3{padding:13px 17px 7px;color:var(--pc-text-soft);letter-spacing:.02em;text-transform:none;font-size:11px;font-weight:730;}.pc-settings-v4-row{min-height:58px;padding:10px 17px;border-bottom:1px solid var(--pc-border-soft);}.pc-settings-v4-row:last-child{border-bottom:0;}.pc-settings-v4-row.is-clickable:hover{background:var(--pc-surface-2);}.pc-settings-v4-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--pc-accent-soft);color:var(--pc-accent);}.pc-settings-v4-icon svg{width:18px;height:18px;}.pc-settings-v4-copy strong{font-size:13px;font-weight:650;}.pc-settings-v4-copy small{font-size:10px;}.pc-settings-subheader{min-height:68px;border-bottom:0;background:transparent;}.pc-settings-subheader h2{font-size:19px;text-align:left;}.pc-settings-subheader{grid-template-columns:42px 1fr 42px;}.pc-settings-choice-list button{min-height:56px;padding:9px 17px;}.pc-settings-choice-list button.is-active{background:var(--pc-accent-soft);}.pc-settings-check{color:var(--pc-accent);}.pc-switch.is-on{background:var(--pc-accent);}.pc-settings-form{padding:18px;margin-bottom:16px;}.pc-settings-form input,.pc-settings-form textarea,.pc-settings-form select,.pc-profile-editor input,.pc-profile-editor textarea{border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface-2);color:var(--pc-text);min-height:44px;}.pc-settings-backend-banner{background:#fff8df;border-color:#f0df9b;color:#6b5510;}html[data-theme=dark] .pc-settings-backend-banner{background:#2d2715;border-color:#55491f;color:#e7d47d;}.pc-admin-shell{padding:22px;}.pc-admin-shell .bg-gray-900,.pc-admin-shell .bg-gray-800,.pc-admin-shell .bg-gray-700{background:var(--pc-surface);color:var(--pc-text);}.pc-admin-shell .border-gray-700,.pc-admin-shell .border-gray-600{border-color:var(--pc-border);}.pc-admin-shell .text-white,.pc-admin-shell .text-gray-200,.pc-admin-shell .text-gray-300{color:var(--pc-text);}.pc-admin-shell .text-gray-400,.pc-admin-shell .text-gray-500{color:var(--pc-text-soft);}.pc-modal-backdrop{background:#100f1c85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}.pc-create-menu,.pc-create-post,.pc-story-create,.pc-story-uploader,.pc-highlight-manager,.pc-reaction-sheet,.pc-simple-dialog,.pc-shared-post-dialog{border-color:var(--pc-border);border-radius:18px;box-shadow:0 24px 80px #0e0c2638;background:var(--pc-surface);}.pc-create-post-header,.pc-story-create-header{border-bottom-color:var(--pc-border);}.pc-create-toolbar>button,.pc-create-media-shortcuts button,.pc-story-create-tabs button{border-radius:10px;}.pc-create-toolbar>button:hover,.pc-create-media-shortcuts button:hover{background:var(--pc-accent-soft);color:var(--pc-accent);}.pc-primary-button,.pc-auth-primary,.pc-button-primary{background:var(--pc-accent);border-radius:10px;}.pc-primary-button:hover,.pc-auth-primary:hover,.pc-button-primary:hover{background:var(--pc-accent-strong);}.pc-secondary-button{border-radius:10px;}.pc-auth-page{background:var(--pc-bg);}.pc-auth-preview{background:linear-gradient(145deg,#5b4dea,#7e63ef 48%,#f7f7fb 48%);}.pc-auth-card{border:1px solid var(--pc-border);border-radius:20px;background:var(--pc-surface);box-shadow:var(--pc-shadow);}.pc-auth-google,.pc-auth-field input{border-color:var(--pc-border);background:var(--pc-surface);}@media (max-width: 1240px){:root{--pc-nav-width: 88px;}.pc-sidebar{padding-left:14px;padding-right:14px;align-items:center;}.pc-wordmark{padding:4px;justify-content:center;}.pc-wordmark>span:last-child,.pc-sidebar-search span,.pc-nav-item>span:not(.pc-nav-icon-wrap),.pc-nav-item>span:last-child{display:none;}.pc-sidebar-search{width:50px;height:50px;padding:0;justify-content:center;border-radius:14px;cursor:pointer;}.pc-nav-item{width:50px;height:50px;padding:0;justify-content:center;border-radius:14px;}.pc-context-column{display:none;}.pc-layout{padding-left:26px;padding-right:26px;}.pc-main{width:min(100%,760px);}.pc-desktop-topbar{padding-left:28px;padding-right:28px;}}@media (max-width: 767px){:root{--pc-nav-width: 0px;}body{background:var(--pc-surface);}.pc-sidebar,.pc-desktop-topbar{display:none;}.pc-mobile-header{display:flex;position:sticky;top:0;z-index:45;min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:color-mix(in srgb,var(--pc-surface) 96%,transparent);border-bottom:1px solid var(--pc-border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.pc-wordmark--mobile{margin:0;padding:0;font-size:19px;gap:9px;}.pc-layout{margin-left:0;padding:0 0 calc(78px + env(safe-area-inset-bottom));display:block;}.pc-main,.pc-main--wide{width:100%;}.pc-feed-column{gap:0;}.pc-stories-wrap{border-left:0;border-right:0;border-top:0;border-radius:0;box-shadow:none;padding:12px 10px;}.pc-sponsored{border-left:0;border-right:0;border-radius:0;box-shadow:none;}.pc-post-list{gap:0;}.pc-post-card.card-modern{border-left:0;border-right:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--pc-border);}.pc-post-card .pc-post-media-image{width:100%;margin:0 0 8px;border-radius:0;max-height:72dvh;}.pc-search-v4{border:0;border-radius:0;box-shadow:none;padding:12px 14px;}.pc-notes-strip{border-left:0;border-right:0;border-radius:0;box-shadow:none;}.pc-profile-page{max-width:none;}.pc-profile-header,.pc-profile-content{border-left:0;border-right:0;border-radius:0;box-shadow:none;}.pc-profile-banner{height:116px;}.pc-profile-top{padding:0 14px;}.pc-profile-bio{padding-left:14px;padding-right:14px;}.pc-settings-v4-page{width:100%;padding:0 14px calc(88px + env(safe-area-inset-bottom));background:var(--pc-bg);}.pc-settings-v4-title{min-height:72px;position:static;padding:10px 2px;}.pc-settings-account-card,.pc-settings-v4-group,.pc-settings-form{border-radius:14px;}.pc-settings-v4-row{min-height:58px;}.pc-settings-subheader{position:sticky;top:calc(58px + env(safe-area-inset-top));background:var(--pc-bg);z-index:15;}.pc-bottom-nav{background:color-mix(in srgb,var(--pc-surface) 96%,transparent);border-top:1px solid var(--pc-border);box-shadow:0 -8px 24px #1f1c4209;}.pc-bottom-nav button.is-active{color:var(--pc-accent);}.pc-create-post-backdrop,.pc-story-uploader-backdrop,.pc-create-menu-backdrop,.pc-mood-backdrop{align-items:flex-end;}.pc-create-post,.pc-story-create,.pc-story-uploader,.pc-create-menu,.pc-mood-sheet{border-radius:20px 20px 0 0;}}@media (min-width: 768px) and (max-width: 1024px){.pc-topbar-search{max-width:360px;}.pc-topbar-create span{display:none;}.pc-topbar-create{width:45px;padding:0;justify-content:center;}.pc-profile-header,.pc-profile-content,.pc-search-v4,.pc-notes-strip{border-radius:16px;}.pc-settings-v4-page{width:min(100%,760px);}}.pc-settings-group{margin:0 0 16px;border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);box-shadow:var(--pc-shadow);overflow:hidden;}.pc-settings-group-title{padding:15px 17px 10px;border-bottom:1px solid var(--pc-border-soft);}.pc-settings-group-title h3{margin:0;color:var(--pc-text);font-size:13px;}.pc-settings-group-title p{margin:3px 0 0;color:var(--pc-text-soft);font-size:10px;}.pc-settings-row,.pc-settings-action-row{min-height:58px;padding:10px 17px;border-bottom:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);}.pc-settings-row:last-child,.pc-settings-action-row:last-child{border-bottom:0;}.pc-settings-row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--pc-accent-soft);color:var(--pc-accent);}.pc-settings-row-icon svg{width:18px;height:18px;}.pc-settings-row-copy strong,.pc-settings-action-row strong{font-size:13px;font-weight:650;}.pc-settings-row-copy small,.pc-settings-action-row small{color:var(--pc-text-soft);font-size:10px;}.pc-settings-row--stack{display:grid;gap:8px;}.pc-settings-inline-label{display:flex;align-items:center;gap:8px;color:var(--pc-text);}.pc-settings-inline-label span:last-child{margin-left:auto;color:var(--pc-text-soft);}.pc-settings-range{accent-color:var(--pc-accent);}.pc-settings-compact-actions{padding:12px 17px;display:flex;gap:8px;border-bottom:1px solid var(--pc-border-soft);}.pc-settings-compact-actions button,.pc-settings-action-row b,.pc-settings-input-row button{min-height:34px;border:1px solid var(--pc-border);border-radius:9px;padding:0 12px;background:var(--pc-surface-2);color:var(--pc-text);font-size:11px;font-weight:650;}.pc-settings-action-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;}.pc-settings-action-row>span{display:grid;}.pc-settings-action-row b{display:inline-grid;place-items:center;color:var(--pc-accent);}.pc-settings-feedback{margin:0;padding:8px 17px;color:var(--pc-text-soft);font-size:10px;}.pc-settings-advanced{padding:12px 17px 16px;}.pc-settings-advanced summary{cursor:pointer;color:var(--pc-text);font-size:11px;font-weight:650;}.pc-settings-advanced>div{margin-top:10px;display:grid;gap:6px;}.pc-settings-input-row{display:flex;gap:8px;}.pc-settings-input-row input{flex:1;min-width:0;min-height:40px;padding:0 10px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface-2);color:var(--pc-text);}.pc-admin-shell [class*=from-yellow],.pc-admin-shell [class*=to-orange],.pc-admin-shell [class*=bg-gradient-to-r]{background-image:none;background-color:var(--pc-surface);color:var(--pc-text);}.pc-admin-shell [class*=border-yellow],.pc-admin-shell [class*=border-gray]{border-color:var(--pc-border);}.pc-admin-shell .fixed.inset-0{background:#0f0e1b85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}.pc-admin-shell .fixed.inset-0>div{background:var(--pc-surface);color:var(--pc-text);border-color:var(--pc-border);border-radius:18px;box-shadow:0 24px 80px #0f0e1b40;}.pc-admin-shell button[class*=bg-gradient],.pc-admin-shell button[class*=bg-orange],.pc-admin-shell button[class*=bg-cyan]{background:var(--pc-accent);color:#fff;}.pc-admin-shell input,.pc-admin-shell textarea,.pc-admin-shell select{background:var(--pc-surface-2);color:var(--pc-text);border-color:var(--pc-border);}.pc-friend-requests{border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);box-shadow:var(--pc-shadow);margin-bottom:18px;overflow:hidden;}.pc-mood-sheet{border-color:var(--pc-border);box-shadow:0 24px 80px #0f0e1b3d;}.pc-mood-grid button.is-selected,.pc-create-mood-grid button.is-selected{background:var(--pc-accent-soft);color:var(--pc-accent);border-color:color-mix(in srgb,var(--pc-accent) 40%,var(--pc-border));}@media (max-width:767px){.pc-settings-group{border-radius:14px;}.pc-settings-group-title,.pc-settings-row,.pc-settings-action-row,.pc-settings-compact-actions,.pc-settings-advanced{padding-left:14px;padding-right:14px;}}:root{--pc-bg:#f7f8fc;--pc-surface:#fff;--pc-surface-2:#f7f7fb;--pc-surface-3:#efeff7;--pc-text:#171722;--pc-text-soft:#777787;--pc-text-faint:#aaaab6;--pc-border:#e6e6ef;--pc-border-soft:#efeff5;--pc-accent:#5d50e7;--pc-accent-strong:#4d40d6;--pc-accent-soft:#efedff;--pc-radius:18px;--pc-shadow:0 8px 26px rgba(35,31,74,.055);}.pc-brand-mark{font-size:0;color:transparent;background:url(/howu-icon.png) center/contain no-repeat;box-shadow:0 4px 14px #362bb426;}.pc-brand-logo{background:transparent;border-radius:15px;box-shadow:0 4px 14px #362bb421;}.pc-brand-logo img{-o-object-fit:cover;object-fit:cover;}@media (min-width:1241px){.pc-sidebar{background:linear-gradient(180deg,#6253ea,#5144df 54%,#493bd4);border-right:0;box-shadow:10px 0 32px #342aa914;}.pc-wordmark{color:#fff;}.pc-sidebar-search{background:#ffffff1f;border-color:#ffffff38;color:#ffffffe6;box-shadow:none;}.pc-sidebar-search:hover{background:#ffffff2b;border-color:#ffffff5c;}.pc-sidebar .pc-nav-item{color:#ffffffeb;}.pc-sidebar .pc-nav-item:hover{background:#ffffff1c;}.pc-sidebar .pc-nav-item.is-active{background:#ffffff2e;color:#fff;font-weight:760;}.pc-sidebar .pc-nav-badge{background:#fff;color:#5144df;border:0;}.pc-sidebar-bottom{border-top-color:#ffffff29;}}.pc-desktop-topbar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 var(--pc-border-soft);}.pc-topbar-search{height:46px;border-radius:24px;box-shadow:none;background:#fff;}.pc-topbar-create{background:var(--pc-accent);box-shadow:none;}.pc-layout{max-width:1450px;margin-right:auto;padding-top:24px;}.pc-main{width:min(100%,700px);}.pc-main--wide{width:min(100%,980px);}.pc-stories-wrap{padding:18px 18px 14px;border:1px solid var(--pc-border);border-radius:20px;background:#fff;box-shadow:var(--pc-shadow);}.pc-stories{gap:15px;}.pc-story-item{min-width:68px;}.pc-story-label{font-size:10px;color:#656575;}.pc-story-ring{width:58px;height:58px;}.pc-story-avatar{width:50px;height:50px;}.pc-post-card.card-modern{border:1px solid var(--pc-border);border-radius:19px;background:#fff;box-shadow:var(--pc-shadow);overflow:hidden;color:var(--pc-text);}.pc-post-card.card-modern:hover{box-shadow:0 12px 32px #231f4a12;}.pc-post-card [class*=border-gray]{border-color:var(--pc-border-soft);}.pc-post-card .text-gray-400,.pc-post-card .text-gray-500{color:var(--pc-text-soft);}.pc-post-card .text-white,.pc-post-card .text-gray-200,.pc-post-card .text-gray-300{color:var(--pc-text);}.pc-post-card .bg-gray-800,.pc-post-card .bg-gray-900,.pc-post-card .bg-gray-700{background:var(--pc-surface);}.pc-post-card .pc-post-media-image{border-radius:14px;}.pc-post-save{color:var(--pc-text-soft);}.pc-post-save.is-active{color:var(--pc-accent);}.pc-inline-comment{display:flex;align-items:center;gap:9px;padding:10px 16px 14px;border-top:1px solid var(--pc-border-soft);background:#fff;}.pc-inline-comment-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--pc-accent-soft);color:var(--pc-accent);font-size:11px;font-weight:800;}.pc-inline-comment input{height:38px;min-width:0;flex:1;border:1px solid var(--pc-border);border-radius:20px;padding:0 14px;background:#fff;color:var(--pc-text);outline:0;font-size:12px;}.pc-inline-comment input:focus{border-color:color-mix(in srgb,var(--pc-accent) 48%,var(--pc-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-accent) 8%,transparent);}.pc-inline-comment button{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--pc-border);border-radius:50%;background:#fff;color:var(--pc-accent);display:grid;place-items:center;}.pc-inline-comment button:disabled{opacity:.35;}.pc-inline-comment button svg{width:17px;height:17px;}.pc-context-column{width:326px;flex-basis:326px;background:#fff;border:1px solid var(--pc-border);border-radius:20px;padding:18px;box-shadow:var(--pc-shadow);top:106px;}.pc-context-profile{padding:0 0 16px;border-bottom:1px solid var(--pc-border-soft);}.pc-context-section{padding-top:18px;}.pc-context-section+.pc-context-section{margin-top:4px;border-top:1px solid var(--pc-border-soft);}.pc-context-heading{margin:0 0 10px;}.pc-context-heading strong{font-size:13px;}.pc-suggestion-row{min-height:58px;}.pc-activity-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border:1px solid #dfddff;border-radius:15px;background:#f2f0ff;}.pc-activity-card>div{min-width:0;display:flex;align-items:center;gap:6px;}.pc-activity-card svg{width:17px;height:17px;color:var(--pc-accent);flex:0 0 auto;}.pc-activity-card span{display:grid;min-width:0;}.pc-activity-card strong{font-size:13px;}.pc-activity-card small{font-size:9px;color:var(--pc-text-soft);}.pc-trending-list{display:grid;}.pc-trending-list>button{min-height:54px;border:0;border-top:1px solid var(--pc-border-soft);background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:9px;text-align:left;padding:6px 0;}.pc-trending-list>button:first-child{border-top:0;}.pc-trending-list>button>span:last-child{min-width:0;display:grid;}.pc-trending-list strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-trending-list small{font-size:9px;color:var(--pc-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-upcoming-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--pc-surface-2);}.pc-upcoming-card>svg{width:20px;color:var(--pc-accent);flex:0 0 auto;}.pc-upcoming-card>span{min-width:0;flex:1;display:grid;gap:1px;}.pc-upcoming-card strong{font-size:11px;}.pc-upcoming-card small{font-size:9px;line-height:1.35;color:var(--pc-text-soft);}.pc-upcoming-card>button{border:0;background:var(--pc-accent);color:#fff;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:700;}.pc-settings-v4-page{width:min(100%,980px);margin:0 auto;padding:0 0 50px;background:transparent;color:var(--pc-text);}.pc-settings-v4-title{min-height:86px;padding:8px 2px 18px;border:0;background:transparent;position:static;}.pc-settings-v4-title h1{font-size:28px;font-weight:800;letter-spacing:-.04em;}.pc-settings-v4-title span{font-size:12px;color:var(--pc-text-soft);}.pc-settings-account-card{width:100%;margin:0 0 14px;padding:14px 16px;border:1px solid var(--pc-border);border-radius:17px;background:#fff;box-shadow:var(--pc-shadow);}.pc-settings-search{width:100%;margin:0 0 18px;height:48px;border:1px solid var(--pc-border);border-radius:24px;background:#fff;box-shadow:none;}.pc-settings-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}.pc-settings-v4-group{margin:0;border:1px solid var(--pc-border);border-radius:17px;background:#fff;box-shadow:var(--pc-shadow);overflow:hidden;}.pc-settings-v4-group+.pc-settings-v4-group{margin-top:0;}.pc-settings-v4-group>h3{padding:14px 17px 8px;font-size:11px;color:var(--pc-text-soft);font-weight:760;}.pc-settings-v4-row{min-height:60px;padding:10px 17px;background:#fff;border-bottom:1px solid var(--pc-border-soft);}.pc-settings-v4-row:last-child{border-bottom:0;}.pc-settings-v4-row.is-clickable:hover{background:#fafafe;}.pc-settings-v4-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--pc-accent-soft);color:var(--pc-accent);}.pc-settings-v4-copy strong{font-size:13px;font-weight:650;color:var(--pc-text);}.pc-settings-v4-copy small{font-size:10px;color:var(--pc-text-soft);}.pc-settings-signout-card{grid-column:1/-1;}.pc-settings-subheader{position:sticky;top:82px;z-index:12;min-height:64px;border:1px solid var(--pc-border);border-radius:17px;background:#fff;margin-bottom:14px;box-shadow:var(--pc-shadow);}.pc-settings-form{border:1px solid var(--pc-border);border-radius:17px;background:#fff;box-shadow:var(--pc-shadow);}html:not([data-theme=dark]) .pc-settings-page,html:not([data-theme=dark]) .pc-settings-page .bg-gray-900,html:not([data-theme=dark]) .pc-settings-page .bg-gray-800,html:not([data-theme=dark]) .pc-settings-page .bg-gray-700,html:not([data-theme=dark]) .pc-settings-page .bg-gray-700\/50{background:#fff;color:var(--pc-text);}html:not([data-theme=dark]) .pc-settings-page .text-white,html:not([data-theme=dark]) .pc-settings-page .text-gray-200,html:not([data-theme=dark]) .pc-settings-page .text-gray-300{color:var(--pc-text);}html:not([data-theme=dark]) .pc-settings-page .text-gray-400,html:not([data-theme=dark]) .pc-settings-page .text-gray-500{color:var(--pc-text-soft);}html:not([data-theme=dark]) .pc-settings-page button.bg-orange-500,html:not([data-theme=dark]) .pc-settings-page button[class*=from-yellow]{background:var(--pc-accent);color:#fff;}.pc-story-text-editor{padding:0 16px 18px;gap:14px;}.pc-story-text-preview{min-height:390px;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1f;}.pc-story-style-toolbar{padding:13px;border:1px solid var(--pc-border);border-radius:14px;background:#fff;}.pc-story-color-row{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;overflow:visible;}.pc-story-color{width:100%;height:auto;aspect-ratio:1;border-radius:10px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000014;}.pc-story-color.is-active{border-color:#171722;box-shadow:0 0 0 2px #fff,0 0 0 4px #171722;}.pc-story-style-row>span{color:var(--pc-text);}.pc-story-size-row,.pc-story-segmented{background:var(--pc-surface-2);}.pc-story-create{background:#fff;color:var(--pc-text);}.pc-story-create-header,.pc-story-create-tabs{background:#fff;}.pc-story-create .pc-text-button{color:var(--pc-accent);font-weight:800;}.pc-create-progress{background:linear-gradient(90deg,var(--pc-accent),#e74fc8,var(--pc-accent));background-size:200% 100%;}@media (max-width:767px){body{background:var(--pc-bg);}.pc-stories-wrap{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:12px 10px;}.pc-post-card.card-modern{border-left:0;border-right:0;border-radius:0;box-shadow:none;margin:0;}.pc-inline-comment{padding:9px 12px 12px;}.pc-settings-v4-page{padding:0 12px calc(88px + env(safe-area-inset-bottom));background:#f7f8fc;}.pc-settings-dashboard-grid{grid-template-columns:1fr;gap:10px;}.pc-settings-v4-title{min-height:auto;padding:18px 2px 12px;}.pc-settings-v4-title h1{font-size:23px;}.pc-settings-account-card,.pc-settings-v4-group,.pc-settings-form{border-radius:15px;}.pc-settings-subheader{top:calc(58px + env(safe-area-inset-top));border-radius:0 0 14px 14px;margin-left:-12px;margin-right:-12px;border-left:0;border-right:0;}.pc-story-text-preview{min-height:50dvh;}.pc-story-style-toolbar{border-left:0;border-right:0;border-radius:12px;}.pc-story-color-row{grid-template-columns:repeat(4,1fr);}}@media (min-width:768px) and (max-width:1240px){.pc-settings-dashboard-grid{grid-template-columns:1fr;}}.pc-friends-page{padding:0;overflow:hidden;background:#fff;border:1px solid #ebeaf2;border-radius:22px;box-shadow:0 12px 32px #312e810f;}.pc-friends-page .pc-section-header{padding:24px 26px;border-bottom:1px solid #efedf5;background:#fff;}.pc-friends-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#efedf5;}.pc-friend-card{display:flex;align-items:center;gap:14px;justify-content:space-between;background:#fff;padding:18px 20px;min-width:0;}.pc-friend-card-main{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;}.pc-friend-card-main span:last-child{display:grid;min-width:0;}.pc-friend-card-main strong,.pc-friend-card-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-friend-card-main small{color:#8a8898;margin-top:2px;}.pc-friends-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:#747185;}.pc-friends-empty strong{font-size:20px;color:#242130;margin-top:12px;}.pc-friends-empty p{max-width:360px;margin:6px 0 18px;}.pc-friends-empty-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:#f0edff;color:#6558e8;}.pc-friends-empty-icon svg{width:30px;height:30px;}@media (max-width:900px){.pc-friends-list{grid-template-columns:1fr;}.pc-friends-page{border-radius:0;border-left:0;border-right:0;box-shadow:none;}}.pc-story-overlay{z-index:1300;background:radial-gradient(circle at 50% 45%,#172031 0,#080c13 58%,#030508);}.pc-highlights-row{gap:15px;padding:20px 10px 22px;background:transparent;border:0;}.pc-thoughts-strip{border:0;background:transparent;box-shadow:none;}.pc-platform-admin{width:min(1120px,100%);min-height:720px;margin:0 auto 40px;border:1px solid var(--pc-border);border-radius:22px;background:var(--pc-surface);box-shadow:var(--pc-shadow);overflow:hidden;color:var(--pc-text);}.pc-platform-admin-header{min-height:112px;padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#001c47,#012d8d 55%,#635492);color:#fff;}.pc-platform-admin-header small{font-size:9px;font-weight:800;letter-spacing:.16em;color:#cef9ff;}.pc-platform-admin-header h1{margin:3px 0 1px;font-size:27px;letter-spacing:-.035em;}.pc-platform-admin-header p{margin:0;color:#dcecff;font-size:11px;}.pc-platform-admin-header>button{width:38px;height:38px;border:1px solid #ffffff32;border-radius:50%;background:#ffffff16;color:#fff;display:grid;place-items:center;}.pc-platform-admin-header svg{width:19px;}.pc-platform-admin-tabs{display:flex;gap:5px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--pc-border);background:var(--pc-surface);scrollbar-width:none;}.pc-platform-admin-tabs::-webkit-scrollbar{display:none;}.pc-platform-admin-tabs button{min-width:-moz-max-content;min-width:max-content;height:39px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--pc-text-soft);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;}.pc-platform-admin-tabs button svg{width:16px;}.pc-platform-admin-tabs button.is-active{background:var(--pc-surface-2);color:var(--pc-accent-strong);}.pc-platform-admin-body{padding:22px;min-height:560px;background:var(--pc-bg);}.pc-admin-overview{display:grid;gap:18px;}.pc-admin-brand-card{min-height:105px;padding:18px;border:1px solid var(--pc-border);border-radius:18px;background:var(--pc-surface);display:flex;align-items:center;gap:14px;}.pc-admin-brand-card>span{display:grid;}.pc-admin-brand-card strong{font-size:19px;}.pc-admin-brand-card small{color:var(--pc-text-soft);}.pc-admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.pc-admin-stat-grid button{min-height:125px;padding:18px;border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface);color:var(--pc-text);display:grid;place-items:start;align-content:space-between;text-align:left;}.pc-admin-stat-grid svg{width:22px;color:var(--pc-accent);}.pc-admin-stat-grid strong{font-size:25px;}.pc-admin-stat-grid small{color:var(--pc-text-soft);}.pc-admin-security-note{display:flex;align-items:center;gap:8px;padding:13px 15px;border:1px solid #8cbdd7;border-radius:13px;background:#cef9ff55;color:#001c47;font-size:11px;}.pc-admin-security-note svg{width:17px;}.pc-admin-editor{width:min(900px,100%);margin:0 auto;padding:20px;border:1px solid var(--pc-border);border-radius:18px;background:var(--pc-surface);box-shadow:0 8px 25px #001c470a;}.pc-admin-editor>header{margin-bottom:18px;}.pc-admin-editor>header h2{margin:0;font-size:21px;}.pc-admin-editor>header p{margin:4px 0 0;color:var(--pc-text-soft);font-size:11px;}.pc-admin-editor>label,.pc-admin-pack-form>label,.pc-admin-form-grid label{display:grid;gap:6px;margin:13px 0;font-size:11px;font-weight:700;}.pc-admin-editor input,.pc-admin-editor select{width:100%;height:43px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface);color:var(--pc-text);padding:0 11px;}.pc-admin-logo-preview{display:flex;align-items:center;gap:17px;padding:17px;border:1px solid var(--pc-border);border-radius:15px;background:var(--pc-surface-2);}.pc-admin-logo-preview>span{width:82px;height:82px;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden;}.pc-admin-logo-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}.pc-admin-logo-preview>div{display:grid;gap:4px;}.pc-admin-logo-preview small{color:var(--pc-text-soft);}.pc-admin-logo-preview button,.pc-admin-form-actions button,.pc-admin-grant button{width:-moz-max-content;width:max-content;min-height:36px;padding:0 11px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750;}.pc-admin-logo-preview svg,.pc-admin-form-actions svg,.pc-admin-grant svg{width:15px;}.pc-admin-section-row{min-height:65px;padding:10px 2px;border-bottom:1px solid var(--pc-border-soft);display:flex;align-items:center;justify-content:space-between;gap:14px;}.pc-admin-section-row>span{display:grid;}.pc-admin-section-row small{color:var(--pc-text-soft);font-size:9px;}.pc-admin-section-row>button{min-width:82px;height:34px;border:1px solid var(--pc-border);border-radius:999px;background:var(--pc-surface-2);color:var(--pc-text-soft);font-size:10px;}.pc-admin-section-row>button.is-on{background:#e5f4ff;color:#012d8d;border-color:#8cbdd7;}.pc-admin-pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.pc-admin-pack-list>button{min-height:68px;padding:9px;border:1px solid var(--pc-border);border-radius:13px;background:var(--pc-surface);color:var(--pc-text);display:flex;align-items:center;gap:10px;text-align:left;}.pc-admin-pack-list>button.is-active{border-color:var(--pc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-accent) 15%,transparent);}.pc-admin-pack-list i{width:46px;height:46px;border-radius:12px;flex:0 0 46px;}.pc-admin-pack-list span{min-width:0;flex:1;display:grid;}.pc-admin-pack-list small{color:var(--pc-text-soft);font-size:9px;}.pc-admin-pack-list em{font-style:normal;color:var(--pc-accent);font-size:9px;font-weight:800;}.pc-admin-pack-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--pc-border);}.pc-admin-pack-form h3{margin:0;}.pc-admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.pc-admin-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}.pc-admin-color-grid label{display:grid;gap:5px;font-size:9px;text-transform:capitalize;}.pc-admin-color-grid input{height:38px;padding:3px;}.pc-admin-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;}.pc-admin-grant{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px;}.pc-admin-grant select{min-width:0;}.pc-admin-grant button{height:43px;background:var(--pc-accent);color:#fff;border-color:var(--pc-accent);}.pc-admin-list{display:grid;gap:10px;}.pc-admin-list article{padding:15px;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-surface);}.pc-admin-list article>header{display:flex;justify-content:space-between;gap:12px;}.pc-admin-list article>header span{display:grid;}.pc-admin-list article>header small{color:var(--pc-text-soft);}.pc-admin-list article>header b{text-transform:capitalize;color:var(--pc-accent);font-size:10px;}.pc-admin-list article>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}.pc-admin-list article>div button{min-height:31px;padding:0 9px;border:1px solid var(--pc-border);border-radius:999px;background:var(--pc-surface-2);color:var(--pc-text-soft);font-size:9px;display:flex;align-items:center;gap:4px;}.pc-admin-list article>div button.is-on{border-color:#8cbdd7;background:#cef9ff55;color:#012d8d;}.pc-admin-list article>div svg{width:11px;}.pc-admin-revoke{margin-top:12px;border:0;background:transparent;color:var(--pc-danger);display:flex;align-items:center;gap:5px;font-size:10px;}.pc-admin-revoke svg{width:14px;}.pc-platform-admin .bg-gray-900,.pc-platform-admin .bg-gray-800,.pc-platform-admin .bg-gray-700,.pc-platform-admin .bg-gray-600{background:var(--pc-surface);color:var(--pc-text);}.pc-platform-admin .text-white,.pc-platform-admin .text-gray-200,.pc-platform-admin .text-gray-300{color:var(--pc-text);}.pc-platform-admin .text-gray-400,.pc-platform-admin .text-gray-500,.pc-platform-admin .text-gray-600{color:var(--pc-text-soft);}.pc-platform-admin .border-gray-700,.pc-platform-admin .border-gray-600,.pc-platform-admin .border-gray-500{border-color:var(--pc-border);}@media (max-width:767px){.pc-platform-admin{border-radius:0;border-left:0;border-right:0;margin:0;min-height:calc(100dvh - 120px);}.pc-platform-admin-header{padding:20px 16px;min-height:102px;}.pc-platform-admin-tabs{padding-inline:8px;}.pc-platform-admin-tabs button{width:42px;min-width:42px;padding:0;justify-content:center;}.pc-platform-admin-tabs button span{display:none;}.pc-platform-admin-body{padding:10px;background:var(--pc-bg);}.pc-admin-editor{padding:15px;border-radius:15px;}.pc-admin-stat-grid{grid-template-columns:1fr;}.pc-admin-stat-grid button{min-height:91px;}.pc-admin-pack-list{grid-template-columns:1fr;}.pc-admin-color-grid{grid-template-columns:repeat(2,1fr);}.pc-admin-form-grid,.pc-admin-grant{grid-template-columns:1fr;}.pc-admin-grant button{width:100%;justify-content:center;}.pc-admin-logo-preview{align-items:flex-start;}.pc-admin-logo-preview>span{width:68px;height:68px;flex:0 0 68px;}}.pc-share-sheet{overflow:hidden;}.pc-share-sheet-header{min-height:64px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--pc-border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;}.pc-share-sheet-header>div{display:grid;gap:2px;}.pc-share-sheet-header strong{font-size:16px;}.pc-share-sheet-header small{color:var(--pc-text-soft);font-size:10px;}.pc-share-preview{margin:14px 16px 4px;padding:12px;border:1px solid var(--pc-border-soft);border-radius:13px;background:var(--pc-surface-2);display:flex;align-items:center;gap:10px;}.pc-share-preview p{min-width:0;margin:0;color:var(--pc-text);font-size:11px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.pc-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px 18px;}.pc-share-actions button{min-width:0;min-height:112px;padding:12px 7px;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-surface);color:var(--pc-text);display:grid;place-items:center;align-content:center;gap:4px;text-align:center;}.pc-share-actions button:hover{background:var(--pc-surface-2);border-color:var(--pc-text-faint);}.pc-share-actions button>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--pc-accent-soft);color:var(--pc-accent);}.pc-share-actions svg{width:19px;height:19px;}.pc-share-actions strong{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-share-actions small{font-size:8px;color:var(--pc-text-soft);}.pc-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}.pc-frame-grid>button{min-height:86px;padding:8px 4px;border:1px solid var(--pc-border);border-radius:12px;background:var(--pc-surface);color:var(--pc-text);display:grid;place-items:center;align-content:center;gap:6px;}.pc-frame-grid>button.is-selected{border-color:var(--pc-accent);box-shadow:0 0 0 2px var(--pc-accent-soft);}.pc-frame-grid small{font-size:9px;}.pc-frame-swatch{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--pc-surface-3);border:3px solid var(--pc-border);}.pc-frame-swatch i{width:32px;height:32px;border-radius:50%;background:var(--pc-surface);display:block;}.pc-customize-subtitle{margin-top:24px;padding-top:19px;border-top:1px solid var(--pc-border-soft);}.pc-profile-avatar.frame-gold,.pc-customize-avatar.frame-gold,.pc-frame-swatch.frame-gold{border-color:#ffd86b;box-shadow:0 0 0 2px #9a6400,0 0 18px #ffc93c99;}.pc-profile-avatar.frame-silver,.pc-customize-avatar.frame-silver,.pc-frame-swatch.frame-silver{border-color:#eef4ff;box-shadow:0 0 0 2px #8291a7,0 0 16px #bcd4ff99;}.pc-profile-avatar.frame-neon,.pc-customize-avatar.frame-neon,.pc-frame-swatch.frame-neon{border-color:#23f7ff;box-shadow:0 0 0 2px #8a2cff,0 0 22px #23f7ffb8;}.pc-profile-avatar.frame-rainbow,.pc-customize-avatar.frame-rainbow,.pc-frame-swatch.frame-rainbow{border-color:#ff4f8b;box-shadow:0 -3px #ffd84f,3px 0 #35e7d2,0 3px #665cff,-3px 0 #ff4f8b,0 0 20px #8f63ff80;}.pc-profile-avatar.frame-cosmic,.pc-customize-avatar.frame-cosmic,.pc-frame-swatch.frame-cosmic{border-color:#8c62ff;box-shadow:0 0 0 2px #1c0c46,0 0 22px #b34cff,0 0 38px #2979ff66;}.pc-profile-avatar.frame-crystal,.pc-customize-avatar.frame-crystal,.pc-frame-swatch.frame-crystal{border-color:#d8fbff;box-shadow:0 0 0 2px #78cde5,0 0 19px #b9f6ffcc;}.pc-profile-avatar.frame-flame,.pc-customize-avatar.frame-flame,.pc-frame-swatch.frame-flame{border-color:#ffb224;box-shadow:0 0 0 2px #e73513,0 0 22px #ff4b1fcc;}.pc-profile-avatar.frame-ice,.pc-customize-avatar.frame-ice,.pc-frame-swatch.frame-ice{border-color:#efffff;box-shadow:0 0 0 2px #55c7ff,0 0 23px #7ae8ffcc;}.pc-profile-avatar.frame-electric,.pc-customize-avatar.frame-electric,.pc-frame-swatch.frame-electric{border-color:#f7ff3f;box-shadow:0 0 0 2px #4778ff,0 0 23px #eaff28c7;}.pc-profile-avatar.frame-royal,.pc-customize-avatar.frame-royal,.pc-frame-swatch.frame-royal{border-color:#f4cf64;box-shadow:0 0 0 3px #6b2ebf,0 0 22px #8d55db9c;}@keyframes pc-frame-breathe{50%{filter:saturate(1.25) brightness(1.08)}}.pc-profile-avatar.frame-neon,.pc-profile-avatar.frame-rainbow,.pc-profile-avatar.frame-cosmic,.pc-profile-avatar.frame-flame,.pc-profile-avatar.frame-electric{animation:pc-frame-breathe 2.8s ease-in-out infinite;}.pc-story-media{isolation:isolate;background:#06080d;}.pc-story-media-backdrop{position:absolute;inset:-34px;z-index:0;background-position:center;background-size:cover;filter:blur(25px) brightness(.48) saturate(1.12);transform:scale(1.12);opacity:.9;}.pc-story-media>img,.pc-story-media>video{position:relative;z-index:1;background:transparent;}.pc-story-unavailable{width:min(390px,calc(100vw - 32px));padding:26px;border:1px solid #ffffff24;border-radius:18px;background:#111827e8;box-shadow:0 24px 80px #0008;display:grid;gap:9px;text-align:center;}.pc-story-unavailable strong{font-size:18px;}.pc-story-unavailable>span{color:#ffffffa8;font-size:12px;}.pc-story-unavailable>div{display:flex;justify-content:center;gap:8px;margin-top:10px;}.pc-story-unavailable button{min-height:40px;padding:0 15px;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff12;color:#fff;}.pc-story-unavailable button.is-primary{background:#fff;color:#111827;}.pc-comments-section{padding:14px 0 2px;}.pc-comments-section>div:first-child{margin-bottom:12px;}.pc-comments-section h3{color:var(--pc-text);}.pc-comments-section form{gap:9px;}.pc-comments-section form input{min-width:0;height:40px;border-radius:20px;background:var(--pc-surface-2);}.pc-comments-off{padding:12px;text-align:center;color:var(--pc-text-soft);background:var(--pc-surface-2);border-radius:10px;}.pc-feature-error{width:100%;padding:14px;border:1px solid #f2c3c3;border-radius:13px;background:#fff8f8;color:var(--pc-text);display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;}.pc-feature-error-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#dc2626;}.pc-feature-error-icon svg,.pc-feature-error button svg{width:16px;}.pc-feature-error>div{display:grid;gap:2px;}.pc-feature-error strong{font-size:12px;}.pc-feature-error small{font-size:9px;color:var(--pc-text-soft);}.pc-feature-error button{min-height:36px;padding:0 10px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);display:flex;align-items:center;gap:5px;font-size:10px;font-weight:750;}.pc-feature-error button.is-dismiss{color:var(--pc-text-soft);}.pc-feature-error-backdrop{position:fixed;inset:0;z-index:1500;padding:20px;background:#0c101bad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;}.pc-feature-error-backdrop .pc-feature-error{max-width:520px;box-shadow:0 24px 80px #0005;}@supports (content-visibility:auto){.pc-post-card{content-visibility:auto;contain-intrinsic-size:auto 560px;}}@media (min-width:768px){.pc-story-stage{width:min(520px,calc(100vw - 120px));height:min(820px,calc(100dvh - 28px));border-radius:18px;box-shadow:0 28px 90px #0009;}.pc-story-media img,.pc-story-media video{max-width:100%;max-height:100%;}}@media (max-width:560px){.pc-share-actions{grid-template-columns:1fr;}.pc-share-actions button{min-height:64px;padding:10px 12px;grid-template-columns:42px 1fr;grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;text-align:left;justify-items:start;}.pc-share-actions button>span{grid-row:1/3;}.pc-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.pc-feature-error{grid-template-columns:36px 1fr;}.pc-feature-error button{grid-column:auto;}.pc-feature-error button:first-of-type{grid-column:1/2;}.pc-feature-error button.is-dismiss{grid-column:2/3;}}@media (prefers-reduced-motion:reduce){.pc-profile-avatar[class*=frame-]{animation:none;}}html[data-theme=dark]{--pc-bg:#111111;--pc-surface:#151515;--pc-surface-2:#1a1a1a;--pc-surface-3:#242526;--pc-text:#f4f4f4;--pc-text-soft:#a1a1a1;--pc-text-faint:#6e6e6e;--pc-border:rgba(255,255,255,.09);--pc-border-soft:rgba(255,255,255,.065);--pc-accent:#e5a43a;--pc-accent-strong:#f0b653;--pc-accent-soft:rgba(229,164,58,.13);--pc-danger:#ff3b45;--pc-shadow:none;--pc-shadow-hover:none;--pc-overlay:rgba(0,0,0,.78);color-scheme:dark;}html[data-theme=dark] body,html[data-theme=dark] .pc-app{background:#111;color:var(--pc-text);}html[data-theme=dark] input::-moz-placeholder,html[data-theme=dark] textarea::-moz-placeholder{color:#6e6e6e;}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#6e6e6e;}button,a{transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,opacity .18s ease-out,transform .18s ease-out;}.pc-avatar-shell{overflow:visible;border:0;background:transparent;isolation:isolate;}.pc-avatar-media{position:absolute;inset:0;z-index:1;display:grid;place-items:center;border-radius:inherit;overflow:hidden;background:var(--pc-surface-3);color:var(--pc-text);}.pc-avatar-media>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.pc-avatar-media>svg{width:46%;height:46%;stroke-width:1.7;}.pc-avatar-shell:after{content:"";position:absolute;z-index:2;inset:-3px;border:2px solid transparent;border-radius:inherit;pointer-events:none;}.pc-avatar-shell.frame-gold:after{border-color:#ffd86b;box-shadow:0 0 0 1px #9a6400,0 0 10px #ffc93c66;}.pc-avatar-shell.frame-silver:after{border-color:#edf4ff;box-shadow:0 0 0 1px #8291a7,0 0 9px #bcd4ff55;}.pc-avatar-shell.frame-neon:after{border-color:#23f7ff;box-shadow:0 0 0 1px #8a2cff,0 0 12px #23f7ff80;}.pc-avatar-shell.frame-rainbow:after{border-color:#ff4f8b;box-shadow:0 -2px #ffd84f,2px 0 #35e7d2,0 2px #665cff,-2px 0 #ff4f8b;}.pc-avatar-shell.frame-cosmic:after{border-color:#8c62ff;box-shadow:0 0 0 1px #1c0c46,0 0 13px #b34cff8c;}.pc-avatar-shell.frame-crystal:after{border-color:#d8fbff;box-shadow:0 0 0 1px #78cde5,0 0 11px #b9f6ff8c;}.pc-avatar-shell.frame-flame:after{border-color:#ffb224;box-shadow:0 0 0 1px #e73513,0 0 12px #ff4b1f99;}.pc-avatar-shell.frame-ice:after{border-color:#efffff;box-shadow:0 0 0 1px #55c7ff,0 0 12px #7ae8ff99;}.pc-avatar-shell.frame-electric:after{border-color:#f7ff3f;box-shadow:0 0 0 1px #4778ff,0 0 12px #eaff2899;}.pc-avatar-shell.frame-royal:after{border-color:#f4cf64;box-shadow:0 0 0 2px #6b2ebf,0 0 12px #8d55db80;}.pc-avatar-shell.frame-neon:after,.pc-avatar-shell.frame-rainbow:after,.pc-avatar-shell.frame-cosmic:after,.pc-avatar-shell.frame-flame:after,.pc-avatar-shell.frame-electric:after{animation:pc-frame-breathe 2.8s ease-in-out infinite;}@media (min-width:1241px){:root{--pc-nav-width:clamp(292px,23vw,360px);}.pc-desktop-topbar{display:none;}.pc-sidebar{width:var(--pc-nav-width);padding:30px clamp(28px,3vw,54px) 22px;background:#111;border-right:1px solid var(--pc-border);box-shadow:none;align-items:stretch;overflow-y:auto;scrollbar-width:none;}.pc-sidebar::-webkit-scrollbar{display:none;}.pc-layout{min-height:100dvh;margin-left:var(--pc-nav-width);padding:38px 24px 80px 26px;display:grid;grid-template-columns:minmax(590px,1fr) clamp(300px,25vw,390px);gap:0;justify-content:stretch;align-items:start;max-width:none;}.pc-main,.pc-main--wide{width:100%;max-width:none;min-width:0;padding:0 clamp(22px,2.2vw,38px);border-left:1px solid var(--pc-border);border-right:1px solid var(--pc-border);}.pc-feed-column{width:100%;display:grid;gap:18px;}.pc-reference-right{display:flex;}}.pc-wordmark{height:54px;min-height:54px;margin:0 0 25px;padding:0;color:var(--pc-text);font-size:23px;font-weight:750;letter-spacing:-.035em;}.pc-wordmark .pc-brand-logo--md{width:42px;height:42px;border-radius:10px;box-shadow:none;}.pc-sidebar-profile{display:grid;justify-items:center;text-align:center;padding:7px 0 24px;margin-bottom:20px;border-bottom:1px solid var(--pc-border);}.pc-sidebar-profile>button{border:0;background:transparent;padding:3px;margin-bottom:14px;}.pc-sidebar-profile .pc-avatar--xl{width:84px;height:84px;}.pc-sidebar-profile h2{max-width:100%;margin:0;color:var(--pc-text);font-size:21px;font-weight:650;line-height:1.2;letter-spacing:-.02em;}.pc-sidebar-profile>p{margin:4px 0 0;color:var(--pc-text-soft);font-size:12px;}.pc-sidebar-profile>span{margin:16px 0 0;color:var(--pc-text-soft);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.pc-sidebar-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;}.pc-sidebar-stats button{border:0;background:transparent;color:var(--pc-text);display:grid;gap:2px;padding:0;}.pc-sidebar-stats strong{font-size:18px;font-weight:700;letter-spacing:-.02em;}.pc-sidebar-stats small{color:var(--pc-text-soft);font-size:11px;}.pc-sidebar-nav{gap:6px;}.pc-sidebar .pc-nav-item{min-height:48px;padding:0 15px;border-radius:10px;color:#aaa;font-size:15px;font-weight:500;background:transparent;}.pc-sidebar .pc-nav-item:hover{background:#202122;color:#f4f4f4;}.pc-sidebar .pc-nav-item.is-active{background:#292a2c;color:#f4f4f4;font-weight:600;}.pc-sidebar .pc-nav-item.is-active svg{color:var(--pc-accent);stroke-width:2;}.pc-sidebar .pc-nav-item svg{width:21px;height:21px;stroke-width:1.65;}.pc-sidebar .pc-nav-badge{top:-8px;right:-11px;min-width:18px;height:18px;border:2px solid #111;background:#ff3b45;color:#fff;font-size:9px;}.pc-sidebar-contacts{margin-top:22px;padding-top:21px;border-top:1px solid var(--pc-border);}.pc-sidebar-contacts>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}.pc-sidebar-contacts>header strong{font-size:17px;}.pc-sidebar-contacts>header button{border:0;background:transparent;color:var(--pc-text-soft);font-size:11px;}.pc-sidebar-contacts>div{display:grid;}.pc-sidebar-contacts>div>button{width:100%;min-height:60px;border:0;background:transparent;color:var(--pc-text);display:flex;align-items:center;gap:11px;padding:6px 0;text-align:left;}.pc-sidebar-contacts>div>button:hover{opacity:.82;}.pc-sidebar-contacts>div>button>span:nth-child(2){min-width:0;flex:1;display:grid;}.pc-sidebar-contacts strong,.pc-sidebar-contacts small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-sidebar-contacts strong{font-size:12px;}.pc-sidebar-contacts small{font-size:10px;color:var(--pc-text-soft);}.pc-sidebar-contacts>div>button>svg{width:17px;color:var(--pc-accent);}.pc-sidebar-bottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--pc-border);}.pc-stories-wrap{padding:14px 4px 12px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;}.pc-stories{gap:17px;padding:0;}.pc-story-item{width:68px;min-width:68px;}.pc-story-ring{width:60px;height:60px;padding:2px;}.pc-story-avatar{width:100%;height:100%;border:2px solid #151515;background:#222;}.pc-story-avatar>.pc-avatar{width:100%;height:100%;}.pc-story-label{margin-top:5px;color:#b7b7b7;font-size:10px;}.pc-story-ring--unseen{background:linear-gradient(135deg,#ffb03a,#f34f83 50%,#8957ff);}.pc-story-ring--tone-1{background:linear-gradient(135deg,#3fe6d0,#7158ff,#e957cb);}.pc-story-ring--tone-2{background:linear-gradient(135deg,#ffe45f,#ff8438,#ed3f7f);}.pc-story-ring--tone-3{background:linear-gradient(135deg,#4ec7ff,#875dff,#fb6ac4);}.pc-story-ring--seen{background:#484848;}.pc-story-add{right:-3px;bottom:-2px;width:20px;height:20px;border-color:#151515;background:var(--pc-accent);}.pc-feed-composer{padding:22px 24px 18px;border:1px solid var(--pc-border);border-radius:17px;background:#101010;}.pc-feed-composer-main{display:flex;align-items:center;gap:13px;}.pc-feed-composer-main>.pc-avatar{width:44px;height:44px;}.pc-feed-composer-main>button:nth-child(2){min-width:0;flex:1;height:48px;padding:0 16px;border:1px solid var(--pc-border);border-radius:9px;background:#151515;color:#777;text-align:left;font-size:14px;}.pc-composer-mic{width:40px;height:40px;border:0;background:transparent;color:#777;display:grid;place-items:center;}.pc-composer-mic svg{width:19px;}.pc-feed-composer-tools{display:flex;align-items:center;gap:21px;margin-top:16px;padding-left:57px;}.pc-feed-composer-tools>button:not(.pc-composer-post){border:0;background:transparent;color:#8f8f8f;display:flex;align-items:center;gap:7px;font-size:12px;}.pc-feed-composer-tools svg{width:17px;height:17px;stroke-width:1.65;}.pc-feed-composer-tools>button:hover{color:#eee;}.pc-feed-composer-tools .pc-composer-post{margin-left:auto;min-width:94px;height:37px;border:0;border-radius:8px;background:linear-gradient(180deg,#f5f5f5,#a9a9ad);color:#1b1b1b;font-size:12px;font-weight:700;}.pc-feed-composer-tools .pc-composer-post:hover{filter:brightness(1.08);}.pc-feed-sort{height:42px;display:flex;align-items:center;gap:24px;color:#838383;font-size:11px;}.pc-feed-sort label{display:flex;align-items:center;white-space:nowrap;}.pc-feed-sort select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#b6b6b6;padding:0 17px 0 4px;outline:0;}.pc-feed-sort svg{width:13px;margin-left:-14px;pointer-events:none;}.pc-feed-sort>span{height:1px;flex:1;background:var(--pc-border);}.pc-sponsored{border-radius:15px;background:#141414;border-color:var(--pc-border);box-shadow:none;}.pc-post-list{gap:18px;}.pc-post-card.card-modern{overflow:hidden;border:1px solid var(--pc-border);border-radius:18px;background:#101010;color:var(--pc-text);box-shadow:none;}.pc-post-card.card-modern:hover{border-color:#ffffff21;box-shadow:none;}.pc-post-header{padding:16px 18px 13px;}.pc-post-avatar-button{width:44px;height:44px;flex:0 0 44px;padding:0;border:0;background:transparent;}.pc-post-header>div:first-child{gap:11px;}.pc-post-header .font-semibold{color:#f4f4f4;font-size:14px;}.pc-post-header p{margin-top:2px;color:#7f7f7f;font-size:11px;}.pc-post-header p>button{color:#a1a1a1;}.pc-post-header .pc-icon-button{width:34px;height:34px;color:#9a9a9a;}.pc-post-header .pc-icon-button svg{width:19px;}.pc-post-caption{padding:8px 18px 15px;}.pc-post-caption p{margin:0;color:#e8e8e8;font-size:14px;line-height:1.55;}.pc-caption-more{margin-top:5px;border:0;background:transparent;color:var(--pc-accent);padding:0;font-size:12px;font-weight:600;}.pc-post-media{position:relative;margin:0 18px 14px;padding:0;min-height:220px;border-radius:13px;overflow:hidden;background:#080808;}.pc-post-media.is-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#111 20%,#1d1d1d,#111 60%);background-size:220% 100%;animation:pc-media-shimmer 1.35s linear infinite;}.pc-post-media.is-loaded{min-height:0;}.pc-post-media.is-loading img{opacity:0;}.pc-post-media.is-loaded img{opacity:1;}@keyframes pc-media-shimmer{to{background-position:-220% 0}}.pc-post-card .pc-post-media-image{width:100%;height:auto;max-height:680px;margin:0;border-radius:13px;-o-object-fit:contain;object-fit:contain;background:#080808;transition:opacity .2s ease-out;}.pc-post-actions{margin:0 18px;padding:11px 0;border-top:1px solid var(--pc-border);}.pc-post-actions>div>div{gap:24px;}.pc-post-actions button{min-height:32px;color:#8d8d8d;}.pc-post-actions button:hover{color:#f4f4f4;transform:none;}.pc-post-actions button svg{width:20px;height:20px;stroke-width:1.7;}.pc-post-actions .text-red-500{color:#ff5361;}.pc-post-actions .pc-post-save.is-active{color:var(--pc-accent);}.pc-inline-comment{padding:11px 18px 15px;border-top:1px solid var(--pc-border);background:#101010;}.pc-inline-comment-avatar{background:#242424;color:#bdbdbd;}.pc-inline-comment input{height:38px;border-color:var(--pc-border);background:#151515;color:#eee;}.pc-inline-comment button{border-color:var(--pc-border);background:#151515;color:var(--pc-accent);}.pc-post-card [class*=bg-gray-],.pc-post-card .bg-white{background:#151515;}.pc-post-card [class*=text-gray-]{color:#a1a1a1;}.pc-post-card .text-white{color:#f4f4f4;}.pc-post-card [class*=border-gray-]{border-color:var(--pc-border);}.pc-post-mood-inline{padding:2px 7px;background:#e5a43a1a;color:var(--pc-accent);}.pc-reference-right{min-width:0;position:sticky;top:38px;max-height:calc(100dvh - 76px);flex-direction:column;border-right:1px solid var(--pc-border);border-radius:0 18px 18px 0;background:#151515;overflow:auto;scrollbar-width:none;}.pc-reference-right::-webkit-scrollbar{display:none;}.pc-reference-right section{padding:27px 28px;}.pc-reference-right section+section{border-top:1px solid var(--pc-border);}.pc-reference-right header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;}.pc-reference-right h2{margin:0;font-size:18px;font-weight:650;}.pc-reference-right header>button{border:0;background:transparent;color:#969696;font-size:11px;}.pc-reference-right header>button svg{width:18px;}.pc-right-search{height:43px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--pc-border);border-radius:8px;background:#151515;color:#777;}.pc-right-search:focus-within{border-color:#ffffff2e;}.pc-right-search svg{width:17px;}.pc-right-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eee;font-size:12px;}.pc-right-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:27px;border-bottom:1px solid var(--pc-border);}.pc-right-tabs button{height:38px;padding:0;border:0;background:transparent;color:#7d7d7d;font-size:12px;border-bottom:1px solid transparent;margin-bottom:-1px;}.pc-right-tabs button.is-active{color:#f4f4f4;border-bottom-color:#f4f4f4;}.pc-right-tabs button.is-request{color:#dca54d;}.pc-right-conversations{display:grid;padding-top:11px;}.pc-right-conversations>button,.pc-right-empty-link{min-height:66px;width:100%;padding:7px 0;border:0;background:transparent;color:#eee;display:flex;align-items:center;gap:12px;text-align:left;}.pc-right-conversations>button:hover,.pc-right-empty-link:hover{opacity:.8;}.pc-right-conversations>button>span:nth-child(2),.pc-right-empty-link>span{min-width:0;flex:1;display:grid;}.pc-right-conversations strong,.pc-right-conversations small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-right-conversations strong{font-size:12px;}.pc-right-conversations small,.pc-right-empty-link small{font-size:10px;color:#777;}.pc-right-conversations>button>svg,.pc-right-empty-link>svg{width:17px;color:var(--pc-accent);}.pc-right-conversations>p,.pc-right-suggestions>div>p{color:#777;font-size:11px;line-height:1.5;}.pc-right-view-all{border:0;background:transparent;color:var(--pc-accent);padding:9px 0 0;font-size:11px;}.pc-right-suggestions>div{display:grid;}.pc-right-suggestions article{min-height:66px;display:flex;align-items:center;gap:10px;}.pc-right-suggestion-main{min-width:0;flex:1;padding:0;border:0;background:transparent;color:#eee;display:flex;align-items:center;gap:11px;text-align:left;}.pc-right-suggestion-main>span:last-child{min-width:0;display:grid;}.pc-right-suggestion-main strong,.pc-right-suggestion-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pc-right-suggestion-main strong{font-size:12px;}.pc-right-suggestion-main small{font-size:10px;color:#777;}.pc-right-add{width:32px;height:32px;border:0;background:transparent;color:var(--pc-accent);display:grid;place-items:center;}.pc-right-add svg{width:17px;}.pc-right-footer{padding:22px 28px 27px;border-top:1px solid var(--pc-border);display:flex;justify-content:center;flex-wrap:wrap;gap:9px 18px;color:#656565;}.pc-right-footer a,.pc-right-footer button{border:0;background:transparent;color:#777;font-size:10px;padding:0;}.pc-right-footer>span{width:100%;text-align:center;font-size:9px;}.pc-post-options-backdrop,.pc-collection-backdrop{position:fixed;inset:0;z-index:1650;padding:24px;display:grid;place-items:center;background:#00000094;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}.pc-post-options-sheet,.pc-collection-picker{width:min(430px,100%);max-height:min(760px,88dvh);overflow:auto;border:1px solid var(--pc-border);border-radius:17px;background:#171717;color:#f4f4f4;box-shadow:0 28px 80px #0000007a;}.pc-post-options-sheet>header,.pc-collection-picker>header{height:62px;padding:0 13px 0 19px;border-bottom:1px solid var(--pc-border);display:flex;align-items:center;justify-content:space-between;}.pc-post-options-sheet>header strong,.pc-collection-picker>header strong{font-size:15px;}.pc-post-option-list{padding:7px;}.pc-post-option{width:100%;min-height:57px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#e8e8e8;display:flex;align-items:center;gap:13px;text-align:left;}.pc-post-option:hover{background:#242424;}.pc-post-option>svg{width:20px;height:20px;color:#a5a5a5;stroke-width:1.7;}.pc-post-option>span{display:grid;gap:1px;}.pc-post-option strong{font-size:12px;font-weight:600;}.pc-post-option small{font-size:9px;color:#777;}.pc-post-option.is-danger,.pc-post-option.is-danger>svg{color:#ff5b64;}.pc-post-menu-separator{height:1px;margin:5px 11px;background:var(--pc-border);}.pc-collection-picker>header>div{display:grid;}.pc-collection-picker>header small{font-size:9px;color:#777;}.pc-collection-options{display:grid;padding:8px;}.pc-collection-options>button{width:100%;min-height:60px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#eee;display:flex;align-items:center;gap:12px;text-align:left;}.pc-collection-options>button:hover{background:#242424;}.pc-collection-options>button>span:nth-child(2){min-width:0;flex:1;display:grid;}.pc-collection-options strong{font-size:12px;}.pc-collection-options small{font-size:9px;color:#777;}.pc-collection-options>button>svg{width:17px;color:#777;}.pc-collection-option-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:var(--pc-accent-soft);color:var(--pc-accent);}.pc-collection-option-icon svg{width:18px;}.pc-collection-new{padding:13px 18px;border-top:1px solid var(--pc-border);display:grid;gap:6px;}.pc-collection-new label{font-size:10px;color:#999;}.pc-collection-new>div{display:flex;gap:8px;}.pc-collection-new input{min-width:0;flex:1;height:40px;border:1px solid var(--pc-border);border-radius:9px;background:#101010;color:#eee;padding:0 11px;}.pc-collection-new button,.pc-collection-create-button{height:40px;border:1px solid var(--pc-border);border-radius:9px;background:#242424;color:#eee;padding:0 13px;font-size:11px;}.pc-collection-create-button{width:calc(100% - 36px);margin:8px 18px 14px;display:flex;align-items:center;justify-content:center;gap:8px;}.pc-collection-create-button svg{width:17px;}.pc-collection-remove{width:100%;height:48px;border:0;border-top:1px solid var(--pc-border);background:transparent;color:#ff5b64;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;}.pc-collection-remove svg{width:16px;}.pc-share-sheet{width:min(450px,100%);border:1px solid var(--pc-border);border-radius:17px;background:#171717;color:#eee;}.pc-share-preview{background:#101010;}.pc-share-actions button{background:#1b1b1b;border-color:var(--pc-border);}.pc-share-actions button:hover{background:#242424;}html[data-theme=dark] .pc-panel,html[data-theme=dark] .pc-settings-v4-group,html[data-theme=dark] .pc-settings-form,html[data-theme=dark] .pc-profile-header,html[data-theme=dark] .pc-profile-content,html[data-theme=dark] .pc-search-v4,html[data-theme=dark] .pc-notes-strip{background:#151515;border-color:var(--pc-border);color:var(--pc-text);box-shadow:none;}html[data-theme=dark] .pc-styled-name:not([class*=pc-effect-]){color:var(--pc-text);}html[data-theme=dark] .pc-settings-account-card,html[data-theme=dark] .pc-settings-v4-row,html[data-theme=dark] .pc-settings-subheader{background:#151515;border-color:var(--pc-border);color:var(--pc-text);box-shadow:none;}html[data-theme=dark] .pc-settings-v4-row.is-clickable:hover{background:#202020;}html[data-theme=dark] .pc-customize-sheet{background:#171717;color:#eee;}html[data-theme=dark] .pc-customize-preview,html[data-theme=dark] .pc-option-grid button,html[data-theme=dark] .pc-theme-grid button,html[data-theme=dark] .pc-decoration-grid button,html[data-theme=dark] .pc-mode-list button{background:#202020;border-color:var(--pc-border);color:#eee;}html[data-theme=dark] .pc-customize-sheet input,html[data-theme=dark] .pc-customize-sheet select{background:#111;border-color:var(--pc-border);color:#eee;}.pc-saved-page{padding:23px;}.pc-saved-page .pc-page-title p{margin:2px 0;color:var(--pc-text-soft);font-size:11px;}.pc-saved-grid article{background:#101010;border:1px solid var(--pc-border);border-radius:13px;overflow:hidden;}.pc-saved-grid article img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;}.pc-saved-actions{background:#151515;}.pc-saved-actions select{background:#101010;color:#eee;border-color:var(--pc-border);}.pc-site-credit{color:#646464;}.pc-site-credit a{color:var(--pc-accent);}.pc-accent-settings{margin-top:14px;}.pc-accent-settings>p{margin:0;padding:0 17px 13px;color:var(--pc-text-soft);font-size:10px;}.pc-accent-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 17px 17px;}.pc-accent-picker button{min-height:55px;padding:8px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface-2);color:var(--pc-text);display:flex;align-items:center;gap:8px;text-align:left;}.pc-accent-picker button.is-active{border-color:var(--pc-accent);box-shadow:inset 0 0 0 1px var(--pc-accent);}.pc-accent-picker i{width:23px;height:23px;border-radius:50%;flex:0 0 23px;}.pc-accent-picker span{min-width:0;flex:1;font-size:10px;}.pc-accent-picker b{color:var(--pc-accent);}@media (min-width:768px) and (max-width:1240px){:root{--pc-nav-width:82px;}.pc-sidebar{width:82px;padding:22px 14px;background:#111;border-right:1px solid var(--pc-border);box-shadow:none;align-items:center;}.pc-sidebar-profile,.pc-sidebar-contacts{display:none;}.pc-sidebar-nav{gap:7px;}.pc-sidebar-bottom{width:100%;}.pc-sidebar .pc-nav-item{width:52px;height:48px;padding:0;justify-content:center;background:transparent;}.pc-sidebar .pc-nav-item.is-active{background:#292a2c;color:var(--pc-accent);}.pc-sidebar .pc-nav-item>span:last-child{display:none;}.pc-layout{margin-left:82px;padding:26px clamp(22px,6vw,72px) 70px;display:block;}.pc-main,.pc-main--wide{width:min(100%,760px);margin:0 auto;}.pc-reference-right{display:none;}.pc-desktop-topbar{display:none;}}@media (max-width:767px){html[data-theme=dark] body{background:#111;}.pc-mobile-header{position:sticky;background:#111111f5;border-color:var(--pc-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}.pc-bottom-nav{background:#111111f5;border-color:var(--pc-border);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}.pc-bottom-nav button.is-active{color:var(--pc-accent);}.pc-layout{background:#111;}.pc-feed-column{gap:0;}.pc-stories-wrap{padding:13px 11px;border-bottom:1px solid var(--pc-border);}.pc-stories{gap:12px;}.pc-story-item{width:65px;min-width:65px;}.pc-story-ring{width:57px;height:57px;}.pc-feed-composer{margin:0;border-width:0 0 1px;border-radius:0;padding:14px 13px;}.pc-feed-composer-tools{padding-left:0;gap:13px;}.pc-feed-composer-tools>button:not(.pc-composer-post) span{display:none;}.pc-feed-composer-tools .pc-composer-post{min-width:82px;}.pc-feed-sort{padding:0 13px;}.pc-sponsored{border-radius:0;border-left:0;border-right:0;}.pc-post-card.card-modern{border-width:0 0 1px;border-radius:0;}.pc-post-header{padding:13px;}.pc-post-caption{padding:8px 13px 13px;}.pc-post-media{margin:0 0 12px;border-radius:0;min-height:190px;}.pc-post-card .pc-post-media-image{max-height:75dvh;border-radius:0;}.pc-post-actions{margin:0 13px;}.pc-inline-comment{padding-inline:13px;}.pc-reference-right{display:none;}.pc-saved-page{padding:13px;border-left:0;border-right:0;border-radius:0;}.pc-search-v4,.pc-profile-header,.pc-profile-content{background:#151515;}.pc-post-options-backdrop,.pc-collection-backdrop{align-items:end;padding:0;background:#00000094;}.pc-post-options-sheet,.pc-collection-picker{width:100%;max-height:86dvh;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;}.pc-post-options-sheet>.pc-sheet-handle,.pc-collection-picker>.pc-sheet-handle{display:block;}.pc-share-backdrop{align-items:end;padding:0;}.pc-share-sheet{width:100%;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;}.pc-share-actions{grid-template-columns:1fr;}.pc-share-actions button{min-height:62px;}.pc-accent-picker{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (prefers-reduced-motion:reduce){.pc-avatar-shell[class*=frame-]:after,.pc-post-media.is-loading:before{animation:none;}}html[data-theme=light]{--pc-bg:#f4f5f7;--pc-surface:#ffffff;--pc-surface-2:#f7f8fa;--pc-surface-3:#eceef2;--pc-text:#151617;--pc-text-soft:#666a70;--pc-text-faint:#92979f;--pc-border:rgba(20,22,25,.12);--pc-border-soft:rgba(20,22,25,.075);--pc-overlay:rgba(20,22,25,.48);color-scheme:light;}.pc-verified-badge{display:inline-grid;place-items:center;flex:0 0 auto;color:#438bff;vertical-align:-.15em;line-height:0;margin-left:4px;}.pc-verified-badge svg{width:100%;height:100%;fill:currentColor;stroke:#fff;stroke-width:2.25;}.pc-verified-badge--xs{width:13px;height:13px;margin-left:3px;}.pc-verified-badge--sm{width:16px;height:16px;}.pc-verified-badge--md{width:19px;height:19px;}.pc-story-label{display:flex;align-items:center;justify-content:center;gap:1px;}.pc-story-label .pc-verified-badge{margin-left:1px;}.pc-sidebar-profile h2,.pc-sidebar-contacts strong,.pc-right-conversations strong,.pc-right-suggestion-main strong{display:flex;align-items:center;justify-content:center;}.pc-sidebar-contacts strong,.pc-right-conversations strong,.pc-right-suggestion-main strong{justify-content:flex-start;}.pc-profile-avatar.is-story-action:after{content:none;}.pc-profile-story-add{position:absolute;z-index:12;right:1px;bottom:1px;width:32px;height:32px;border:3px solid var(--pc-surface);border-radius:50%;background:var(--pc-accent);color:#fff;display:grid;place-items:center;padding:0;box-shadow:0 3px 10px #0003;}.pc-profile-story-add span{font-size:23px;font-weight:500;line-height:1;transform:translateY(-1px);}.pc-profile-story-add:hover{filter:brightness(1.08);}html[data-theme=light] body,html[data-theme=light] .pc-app,html[data-theme=light] .pc-layout{background:var(--pc-bg);color:var(--pc-text);}html[data-theme=light] input::-moz-placeholder,html[data-theme=light] textarea::-moz-placeholder{color:var(--pc-text-faint);}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:var(--pc-text-faint);}html[data-theme=light] .pc-sidebar{background:#fff;border-color:var(--pc-border);box-shadow:none;}html[data-theme=light] .pc-wordmark,html[data-theme=light] .pc-sidebar-profile h2,html[data-theme=light] .pc-sidebar .pc-nav-item{color:var(--pc-text);}html[data-theme=light] .pc-sidebar .pc-nav-item:hover{background:#f2f3f5;color:var(--pc-text);}html[data-theme=light] .pc-sidebar .pc-nav-item.is-active{background:#e9ebee;color:var(--pc-text);}html[data-theme=light] .pc-sidebar .pc-nav-badge{border-color:#fff;}html[data-theme=light] .pc-avatar-media{background:var(--pc-surface-3);color:var(--pc-text);}html[data-theme=light] .pc-story-avatar{border-color:#fff;background:#eef0f3;}html[data-theme=light] .pc-story-label{color:var(--pc-text-soft);}html[data-theme=light] .pc-story-ring--seen{background:#c7cbd1;}html[data-theme=light] .pc-story-add{border-color:#fff;}html[data-theme=light] .pc-feed-composer,html[data-theme=light] .pc-sponsored{background:#fff;border-color:var(--pc-border);color:var(--pc-text);}html[data-theme=light] .pc-feed-composer-main>button:nth-child(2){background:#f7f8fa;border-color:var(--pc-border);color:var(--pc-text-soft);}html[data-theme=light] .pc-feed-composer-tools>button:not(.pc-composer-post),html[data-theme=light] .pc-composer-mic{color:var(--pc-text-soft);}html[data-theme=light] .pc-feed-composer-tools>button:hover{color:var(--pc-text);}html[data-theme=light] .pc-feed-composer-tools .pc-composer-post{background:linear-gradient(180deg,#fff,#dfe2e7);color:#151617;border:1px solid #c9cdd3;}html[data-theme=light] .pc-feed-sort,html[data-theme=light] .pc-feed-sort select{color:var(--pc-text-soft);}html[data-theme=light] .pc-post-card.card-modern{background:#fff;border-color:var(--pc-border);color:var(--pc-text);}html[data-theme=light] .pc-post-card.card-modern:hover{border-color:#14161933;}html[data-theme=light] .pc-post-header .font-semibold,html[data-theme=light] .pc-post-caption p,html[data-theme=light] .pc-post-card .text-white,html[data-theme=light] .pc-post-card .text-gray-200,html[data-theme=light] .pc-post-card .text-gray-300{color:var(--pc-text);}html[data-theme=light] .pc-post-header p,html[data-theme=light] .pc-post-header p>button,html[data-theme=light] .pc-post-card [class*=text-gray-]{color:var(--pc-text-soft);}html[data-theme=light] .pc-post-card [class*=bg-gray-],html[data-theme=light] .pc-post-card .bg-white{background:#f5f6f8;}html[data-theme=light] .pc-post-card [class*=border-gray-]{border-color:var(--pc-border);}html[data-theme=light] .pc-post-media,html[data-theme=light] .pc-post-card .pc-post-media-image{background:#f0f1f3;}html[data-theme=light] .pc-post-media.is-loading:before{background:linear-gradient(100deg,#eef0f2 20%,#f8f9fa,#eef0f2 60%);background-size:220% 100%;}html[data-theme=light] .pc-post-actions button{color:var(--pc-text-soft);}html[data-theme=light] .pc-post-actions button:hover{color:var(--pc-text);}html[data-theme=light] .pc-inline-comment{background:#fff;}html[data-theme=light] .pc-inline-comment-avatar{background:#eceef1;color:var(--pc-text-soft);}html[data-theme=light] .pc-inline-comment input,html[data-theme=light] .pc-inline-comment button{background:#f7f8fa;color:var(--pc-text);border-color:var(--pc-border);}html[data-theme=light] .pc-voice-post,html[data-theme=light] .pc-voice-recorder{border-color:var(--pc-border);background:#f7f8fa;}html[data-theme=light] .pc-voice-post span{color:var(--pc-text-soft);}html[data-theme=light] .pc-voice-recorder button{background:#e8eaee;color:var(--pc-text);}html[data-theme=light] .pc-create-audience{background:#fff;color:var(--pc-text);border-color:var(--pc-border);}html[data-theme=light] .pc-reference-right{background:#fff;border-color:var(--pc-border);color:var(--pc-text);}html[data-theme=light] .pc-reference-right header>button,html[data-theme=light] .pc-right-search{color:var(--pc-text-soft);}html[data-theme=light] .pc-right-search{background:#f7f8fa;border-color:var(--pc-border);}html[data-theme=light] .pc-right-search:focus-within{border-color:#14161940;}html[data-theme=light] .pc-right-search input{color:var(--pc-text);}html[data-theme=light] .pc-right-tabs button{color:var(--pc-text-soft);}html[data-theme=light] .pc-right-tabs button.is-active{color:var(--pc-text);border-bottom-color:var(--pc-text);}html[data-theme=light] .pc-right-conversations>button,html[data-theme=light] .pc-right-empty-link,html[data-theme=light] .pc-right-suggestion-main{color:var(--pc-text);}html[data-theme=light] .pc-right-conversations small,html[data-theme=light] .pc-right-empty-link small,html[data-theme=light] .pc-right-suggestion-main small,html[data-theme=light] .pc-right-conversations>p,html[data-theme=light] .pc-right-suggestions>div>p,html[data-theme=light] .pc-right-footer,html[data-theme=light] .pc-right-footer a,html[data-theme=light] .pc-right-footer button{color:var(--pc-text-soft);}html[data-theme=light] .pc-panel,html[data-theme=light] .pc-settings-v4-group,html[data-theme=light] .pc-settings-form,html[data-theme=light] .pc-settings-account-card,html[data-theme=light] .pc-settings-v4-row,html[data-theme=light] .pc-settings-subheader,html[data-theme=light] .pc-profile-header,html[data-theme=light] .pc-profile-content,html[data-theme=light] .pc-search-v4,html[data-theme=light] .pc-notes-strip{background:#fff;border-color:var(--pc-border);color:var(--pc-text);box-shadow:none;}html[data-theme=light] .pc-settings-v4-row.is-clickable:hover{background:#f7f8fa;}html[data-theme=light] .pc-settings-form input,html[data-theme=light] .pc-settings-form textarea,html[data-theme=light] .pc-settings-form select,html[data-theme=light] .pc-profile-editor input,html[data-theme=light] .pc-profile-editor textarea,html[data-theme=light] .pc-settings-input-row input{background:#f7f8fa;color:var(--pc-text);border-color:var(--pc-border);}html[data-theme=light] .pc-create-menu,html[data-theme=light] .pc-create-post,html[data-theme=light] .pc-story-create,html[data-theme=light] .pc-story-uploader,html[data-theme=light] .pc-highlight-manager,html[data-theme=light] .pc-reaction-sheet,html[data-theme=light] .pc-simple-dialog,html[data-theme=light] .pc-shared-post-dialog,html[data-theme=light] .pc-customize-sheet,html[data-theme=light] .pc-post-options-sheet,html[data-theme=light] .pc-collection-picker,html[data-theme=light] .pc-share-sheet{background:#fff;color:var(--pc-text);border-color:var(--pc-border);}html[data-theme=light] .pc-post-option,html[data-theme=light] .pc-collection-options>button{color:var(--pc-text);}html[data-theme=light] .pc-post-option:hover,html[data-theme=light] .pc-collection-options>button:hover,html[data-theme=light] .pc-share-actions button:hover{background:#f2f3f5;}html[data-theme=light] .pc-post-option>svg,html[data-theme=light] .pc-post-option small,html[data-theme=light] .pc-collection-options small,html[data-theme=light] .pc-collection-options>button>svg,html[data-theme=light] .pc-collection-picker>header small{color:var(--pc-text-soft);}html[data-theme=light] .pc-collection-new input,html[data-theme=light] .pc-collection-new button,html[data-theme=light] .pc-collection-create-button,html[data-theme=light] .pc-share-preview,html[data-theme=light] .pc-share-actions button{background:#f7f8fa;color:var(--pc-text);border-color:var(--pc-border);}html[data-theme=light] .pc-saved-grid article{background:#fff;border-color:var(--pc-border);}html[data-theme=light] .pc-saved-actions{background:#ffffffe6;}html[data-theme=light] .pc-saved-actions select{background:#fff;color:var(--pc-text);border-color:var(--pc-border);}html[data-theme=light] .pc-styled-name:not([class*=pc-effect-]){color:var(--pc-text);}html[data-theme=light] .pc-panel.bg-gray-800,html[data-theme=light] .pc-panel .bg-gray-800,html[data-theme=light] .pc-panel .bg-gray-700{background:var(--pc-surface);border-color:var(--pc-border);}html[data-theme=light] .pc-panel .bg-gray-700{background:var(--pc-surface-2);}html[data-theme=light] .pc-panel :not(button).text-white{color:var(--pc-text);}html[data-theme=light] .pc-panel .text-gray-300,html[data-theme=light] .pc-panel .text-gray-400,html[data-theme=light] .pc-panel .text-gray-500{color:var(--pc-text-soft);}html[data-theme=light] .pc-panel .border-gray-600,html[data-theme=light] .pc-panel .border-gray-700{border-color:var(--pc-border);}@media (min-width:768px) and (max-width:1240px){html[data-theme=light] .pc-sidebar{background:#fff;}html[data-theme=light] .pc-sidebar .pc-nav-item.is-active{background:#e9ebee;color:var(--pc-accent);}}@media (max-width:767px){html[data-theme=light] body,html[data-theme=light] .pc-layout{background:var(--pc-bg);}html[data-theme=light] .pc-mobile-header,html[data-theme=light] .pc-bottom-nav{background:#fffffff0;border-color:var(--pc-border);color:var(--pc-text);box-shadow:none;}html[data-theme=light] .pc-search-v4,html[data-theme=light] .pc-profile-header,html[data-theme=light] .pc-profile-content{background:#fff;}}@media (max-width:640px){.pc-profile-story-add{width:25px;height:25px;border-width:2px;right:-1px;bottom:-1px;}.pc-profile-story-add span{font-size:19px;}}.pc-responsive-people{display:none;}@media (max-width:1240px){.pc-responsive-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;}.pc-responsive-people>div{min-width:0;border:1px solid var(--pc-border);border-radius:15px;background:var(--pc-surface);overflow:hidden;}.pc-responsive-people header{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border-soft);}.pc-responsive-people header strong{font-size:13px;}.pc-responsive-people header button{border:0;background:transparent;color:var(--pc-accent);font-size:10px;}.pc-responsive-people-list{display:grid;padding:5px 9px;}.pc-responsive-people-list>button,.pc-responsive-people-list>article{min-width:0;min-height:59px;display:flex;align-items:center;gap:10px;}.pc-responsive-people-list>button,.pc-responsive-people-list article>button:first-child{width:100%;border:0;background:transparent;color:var(--pc-text);padding:5px;text-align:left;display:flex;align-items:center;gap:10px;}.pc-responsive-people-list>button>span:nth-child(2),.pc-responsive-people-list article>button:first-child>span:last-child{min-width:0;flex:1;display:grid;}.pc-responsive-people-list strong{display:flex;align-items:center;min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-responsive-people-list small{color:var(--pc-text-soft);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-responsive-people-list>button>svg{width:16px;color:var(--pc-accent);}.pc-responsive-people-list article>button:first-child{min-width:0;flex:1;}.pc-responsive-add{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:transparent;color:var(--pc-accent);display:grid;place-items:center;}.pc-responsive-add svg{width:17px;}.pc-responsive-people-placeholder{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--pc-surface-2);color:var(--pc-accent);display:grid;place-items:center;}.pc-responsive-people-placeholder svg{width:18px;}}@media (max-width:640px){.pc-responsive-people{grid-template-columns:1fr;margin:0 11px 14px;}.pc-responsive-people>div{border-radius:13px;}}.pc-verified-badge--xs{width:16px;height:16px;}.pc-verified-badge--sm{width:20px;height:20px;}.pc-verified-badge--md{width:25px;height:25px;}.pc-verified-badge svg{stroke-width:2.05;}.pc-single-profile-badge{margin-left:4px;transform:none;box-shadow:none;}.pc-single-profile-badge:hover{transform:scale(1.04);}.pc-settings-subpage-content{position:relative;z-index:1;display:grid;gap:14px;min-width:0;padding-bottom:8px;}button.pc-settings-v4-row{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;touch-action:manipulation;}.pc-settings-account-card,.pc-settings-choice-list button,.pc-accent-picker button,.pc-badge-choice-grid button{touch-action:manipulation;}.pc-settings-subheader{position:relative;top:auto;isolation:isolate;}.pc-badge-settings{padding-bottom:14px;}.pc-badge-settings-intro{padding:17px 17px 13px;border-bottom:1px solid var(--pc-border-soft);}.pc-badge-settings-intro strong{font-size:14px;}.pc-badge-settings-intro p{margin:4px 0 0;color:var(--pc-text-soft);font-size:11px;line-height:1.45;}.pc-badge-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px;}.pc-badge-choice-grid>button{position:relative;min-width:0;min-height:72px;padding:10px 11px;border:1px solid var(--pc-border);border-radius:12px;background:var(--pc-surface-2);color:var(--pc-text);display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;text-align:left;}.pc-badge-choice-grid>button:hover{border-color:color-mix(in srgb,var(--pc-accent) 50%,var(--pc-border));}.pc-badge-choice-grid>button.is-active{border-color:var(--pc-accent);box-shadow:inset 0 0 0 1px var(--pc-accent);}.pc-badge-choice-grid>button:disabled{opacity:.66;cursor:wait;}.pc-badge-choice-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--pc-surface);}.pc-badge-choice-icon>div{line-height:0;}.pc-badge-choice-grid>button>span:nth-child(2){min-width:0;display:grid;gap:2px;}.pc-badge-choice-grid strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-badge-choice-grid small{font-size:9px;line-height:1.35;color:var(--pc-text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.pc-badge-choice-grid b{color:var(--pc-accent);font-size:15px;}.pc-clear-badge{margin:0 14px;width:calc(100% - 28px);justify-content:center;}.pc-clear-badge:disabled{opacity:.45;cursor:not-allowed;}.pc-search-profile-view{display:grid;gap:12px;}.pc-search-profile-back{justify-self:start;min-height:40px;padding:0 13px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface);color:var(--pc-text);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;}.pc-search-profile-back:hover{background:var(--pc-surface-2);}.pc-search-profile-back svg{width:17px;}.pc-has-theme-pack .pc-highlight-item{color:var(--pc-pack-text,var(--pc-text));}.pc-has-theme-pack .pc-highlight-cover--new svg{color:var(--pc-pack-text,var(--pc-text));}html[data-theme=light] .pc-settings-search{background:#fff;border-color:var(--pc-border);color:var(--pc-text);}html[data-theme=light] .pc-settings-search input{color:var(--pc-text);}html[data-theme=light] .pc-badge-choice-grid>button{background:#f7f8fa;color:var(--pc-text);}html[data-theme=light] .pc-badge-choice-icon{background:#fff;}html[data-theme=dark] .pc-badge-choice-grid>button{background:#1d1d1d;color:var(--pc-text);}html[data-theme=dark] .pc-badge-choice-icon{background:#111;}@media (max-width:767px){.pc-badge-choice-grid{grid-template-columns:1fr;}.pc-settings-subpage-content{gap:10px;}.pc-search-profile-view{margin-inline:-12px;}.pc-search-profile-back{margin-left:12px;}}.pc-friend-action-button{min-width:112px;justify-content:center;}.pc-friend-action-button:disabled{opacity:.58;cursor:wait;}.pc-right-add,.pc-responsive-add{border-radius:50%;transition:background-color .18s ease-out,color .18s ease-out,transform .18s ease-out;}.pc-right-add:hover,.pc-responsive-add:hover{background:color-mix(in srgb,var(--pc-accent) 12%,transparent);transform:scale(1.04);}.pc-right-add.is-pending,.pc-responsive-add.is-pending{color:var(--pc-danger);background:color-mix(in srgb,var(--pc-danger) 10%,transparent);}.pc-right-add:disabled,.pc-responsive-add:disabled{opacity:.5;cursor:wait;transform:none;}.pc-voice-status-section,.pc-capsules-panel{min-width:0;border:1px solid var(--pc-border);border-radius:16px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 8px 28px color-mix(in srgb,var(--pc-text) 5%,transparent);overflow:hidden;}.pc-voice-status-section>header,.pc-capsules-panel>header{min-height:64px;padding:13px 16px;border-bottom:1px solid var(--pc-border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;}.pc-voice-status-section>header>span,.pc-capsules-panel>header>span{display:flex;align-items:center;gap:10px;min-width:0;}.pc-voice-status-section>header svg,.pc-capsules-panel>header>span>svg{width:20px;color:var(--pc-accent);}.pc-voice-status-section>header strong,.pc-capsules-panel h2{font-size:15px;margin:0;}.pc-capsules-panel h2{line-height:1.2;}.pc-voice-status-section>header small,.pc-capsules-panel header small{display:block;color:var(--pc-text-soft);font-size:10px;}.pc-voice-status-section>header button{border:0;background:transparent;color:var(--pc-accent);display:flex;align-items:center;gap:5px;}.pc-primary-button--compact{min-height:35px;padding:0 12px;font-size:11px;}.pc-voice-status-scroll{display:flex;gap:10px;overflow-x:auto;padding:13px 14px 15px;scroll-snap-type:x proximity;scrollbar-width:none;}.pc-voice-status-scroll::-webkit-scrollbar{display:none;}.pc-voice-status-add{flex:0 0 82px;border:0;background:transparent;color:var(--pc-text);display:grid;justify-items:center;align-content:center;gap:5px;padding:2px;}.pc-voice-status-add>small{font-size:9px;color:var(--pc-text-soft);}.pc-voice-avatar-wrap{position:relative;display:block;}.pc-voice-avatar-wrap>i{position:absolute;right:-2px;bottom:-2px;width:23px;height:23px;border:2px solid var(--pc-surface);border-radius:50%;background:var(--pc-accent);color:#fff;display:grid;place-items:center;}.pc-voice-avatar-wrap>i svg{width:12px;}.pc-voice-status-card{position:relative;flex:0 0 248px;min-height:76px;border:1px solid var(--pc-border);border-radius:13px;background:var(--pc-surface-2);padding:10px;display:grid;grid-template-columns:auto 32px minmax(0,1fr) auto;align-items:center;gap:7px;scroll-snap-align:start;}.pc-voice-status-card.is-close-friends{border-color:#26a269;}.pc-voice-status-card.is-close-friends:before{content:"CLOSE FRIENDS";position:absolute;top:-6px;left:11px;padding:1px 5px;border-radius:4px;background:#26a269;color:#fff;font-size:6px;font-weight:800;letter-spacing:.08em;}.pc-voice-status-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--pc-accent);color:#fff;display:grid;place-items:center;}.pc-voice-status-play svg{width:14px;fill:currentColor;}.pc-voice-status-copy{min-width:0;display:grid;gap:4px;}.pc-voice-status-copy>strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-voice-status-copy>strong small{color:var(--pc-text-soft);font-weight:500;}.pc-voice-status-copy em{font-style:normal;color:var(--pc-text-soft);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-mini-wave,.pc-recorder-wave{display:flex;align-items:center;gap:2px;height:22px;min-width:0;overflow:hidden;}.pc-mini-wave i,.pc-recorder-wave i{width:2px;max-height:100%;min-height:3px;border-radius:2px;background:color-mix(in srgb,var(--pc-accent) 35%,var(--pc-text-soft));flex:1;}.pc-voice-status-actions{display:flex;gap:2px;}.pc-voice-status-actions button{min-width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--pc-text-soft);display:grid;place-items:center;position:relative;}.pc-voice-status-actions button:hover,.pc-voice-status-actions button.is-active{color:var(--pc-accent);background:color-mix(in srgb,var(--pc-accent) 10%,transparent);}.pc-voice-status-actions svg{width:14px;}.pc-voice-status-actions small{position:absolute;right:0;top:-3px;font-size:7px;}.pc-voice-status-card audio{display:none;}.pc-voice-status-skeleton{flex:0 0 248px;height:76px;border-radius:13px;background:linear-gradient(100deg,var(--pc-surface-2),var(--pc-surface-3),var(--pc-surface-2));background-size:200% 100%;animation:pc-v2-shimmer 1.3s linear infinite;}.pc-voice-composer,.pc-capsule-create,.pc-profile-simple-dialog{width:min(480px,calc(100vw - 24px));max-height:min(90dvh,780px);overflow:auto;border:1px solid var(--pc-border);border-radius:20px;background:var(--pc-surface);color:var(--pc-text);box-shadow:0 30px 90px #0006;padding:0 18px 18px;}.pc-voice-composer>header,.pc-capsule-create>header,.pc-profile-simple-dialog>header{min-height:66px;border-bottom:1px solid var(--pc-border-soft);display:flex;align-items:center;justify-content:space-between;gap:14px;}.pc-voice-composer>header>span,.pc-capsule-create>header>span,.pc-profile-simple-dialog>header>span{display:grid;}.pc-voice-composer header small,.pc-capsule-create header small,.pc-profile-simple-dialog header small{color:var(--pc-text-soft);font-size:10px;}.pc-recorder-stage{min-height:220px;margin:18px 0;padding:22px;border:1px solid var(--pc-border);border-radius:17px;background:var(--pc-surface-2);display:grid;justify-items:center;align-content:center;gap:9px;}.pc-record-button{width:76px;height:76px;border:0;border-radius:50%;background:var(--pc-accent);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 9px color-mix(in srgb,var(--pc-accent) 12%,transparent);transition:transform .18s;}.pc-recorder-stage.is-recording .pc-record-button{background:var(--pc-danger);animation:pc-v2-record 1.2s ease-in-out infinite;}.pc-record-button svg{width:28px;}.pc-recorder-stage>strong{font-size:15px;}.pc-recorder-stage>time{font-variant-numeric:tabular-nums;color:var(--pc-text-soft);font-size:11px;}.pc-recorder-stage .pc-recorder-wave{width:100%;height:42px;}.pc-recorder-stage audio{width:100%;height:38px;}.pc-voice-caption,.pc-audience-field,.pc-capsule-create>label,.pc-capsule-create fieldset,.pc-profile-simple-dialog>label{display:grid;gap:6px;margin:13px 0;font-size:11px;font-weight:700;}.pc-voice-caption input,.pc-audience-field select,.pc-capsule-create input,.pc-capsule-create textarea,.pc-capsule-create select,.pc-profile-simple-dialog textarea,.pc-profile-simple-dialog select{width:100%;min-height:43px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface);color:var(--pc-text);padding:10px 11px;resize:vertical;}.pc-voice-composer-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px;}.pc-upload-progress{height:5px;border-radius:99px;background:var(--pc-surface-3);overflow:hidden;}.pc-upload-progress>span{display:block;height:100%;background:var(--pc-accent);transition:width .18s ease-out;}.pc-capsules-panel{padding-bottom:15px;}.pc-capsule-section-label{margin:0 0 8px;font-size:11px;color:var(--pc-text-soft);text-transform:uppercase;letter-spacing:.08em;}.pc-capsule-create fieldset{border:1px solid var(--pc-border);border-radius:12px;padding:10px;}.pc-capsule-create legend{padding:0 5px;}.pc-capsule-create fieldset>div{max-height:270px;overflow:auto;display:grid;gap:4px;}.pc-capsule-create fieldset button{min-height:49px;border:0;border-radius:9px;background:transparent;color:var(--pc-text);padding:5px;display:grid;grid-template-columns:auto 1fr 20px;align-items:center;gap:9px;text-align:left;}.pc-capsule-create fieldset button:hover,.pc-capsule-create fieldset button.is-selected{background:var(--pc-surface-2);}.pc-capsule-create fieldset button>span{display:grid;}.pc-capsule-create fieldset small{color:var(--pc-text-soft);}.pc-capsule-section-label{padding:13px 15px 0;}.pc-capsule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 14px;}.pc-capsule-card{min-height:190px;border:1px solid var(--pc-border);border-radius:15px;background:var(--pc-surface-2);color:var(--pc-text);padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;}.pc-capsule-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-70px;background:color-mix(in srgb,var(--pc-accent) 10%,transparent);}.pc-capsule-card.is-ready{border-color:color-mix(in srgb,var(--pc-accent) 65%,var(--pc-border));background:linear-gradient(145deg,var(--pc-surface),color-mix(in srgb,var(--pc-accent) 8%,var(--pc-surface)));}.pc-capsule-seal{width:42px;height:42px;border-radius:50%;background:var(--pc-surface);color:var(--pc-accent);display:grid;place-items:center;margin-bottom:20px;}.pc-capsule-seal svg{width:19px;}.pc-capsule-card>small{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--pc-text-soft);}.pc-capsule-card>strong{margin:5px 0 2px;font-size:13px;}.pc-capsule-card>span:not(.pc-capsule-seal){font-size:9px;color:var(--pc-text-soft);}.pc-capsule-card>time{margin-top:auto;font-size:9px;font-weight:800;color:var(--pc-accent);}.pc-capsule-card>i{font-size:8px;color:var(--pc-text-soft);font-style:normal;}.pc-capsule-skeleton{height:190px;border-radius:15px;background:linear-gradient(100deg,var(--pc-surface-2),var(--pc-surface-3),var(--pc-surface-2));background-size:200% 100%;animation:pc-v2-shimmer 1.3s linear infinite;}.pc-capsule-upload{min-height:67px;width:100%;border:1px dashed var(--pc-border);border-radius:11px;background:var(--pc-surface-2);color:var(--pc-text);display:flex;align-items:center;gap:10px;padding:10px;text-align:left;}.pc-capsule-upload svg{width:20px;color:var(--pc-accent);}.pc-capsule-upload>span{display:grid;}.pc-capsule-upload small{color:var(--pc-text-soft);}.pc-capsule-media-preview{position:relative;margin:12px 0;border-radius:12px;overflow:hidden;background:#101114;}.pc-capsule-media-preview img,.pc-capsule-media-preview video{width:100%;max-height:260px;-o-object-fit:contain;object-fit:contain;}.pc-capsule-media-preview audio{width:100%;}.pc-capsule-media-preview>button{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;border-radius:50%;background:#000a;color:#fff;}.pc-capsule-open{width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid color-mix(in srgb,var(--pc-accent) 40%,var(--pc-border));border-radius:24px;background:var(--pc-surface);color:var(--pc-text);padding:32px;text-align:center;position:relative;box-shadow:0 30px 100px #0008;}.pc-capsule-open>.pc-icon-button{position:absolute;right:14px;top:14px;}.pc-capsule-unlock-mark{width:76px;height:76px;margin:8px auto 16px;border-radius:50%;background:color-mix(in srgb,var(--pc-accent) 13%,var(--pc-surface));color:var(--pc-accent);display:grid;place-items:center;animation:pc-v2-unlock .45s ease-out;}.pc-capsule-unlock-mark svg{width:30px;}.pc-capsule-open>small{font-size:8px;letter-spacing:.12em;color:var(--pc-text-soft);}.pc-capsule-open h2{margin:5px 0;font-size:22px;}.pc-capsule-open>time{font-size:10px;color:var(--pc-text-soft);}.pc-capsule-content{margin-top:22px;text-align:left;}.pc-capsule-content p{white-space:pre-wrap;line-height:1.7;}.pc-capsule-content img,.pc-capsule-content video{width:100%;max-height:520px;-o-object-fit:contain;object-fit:contain;border-radius:12px;}.pc-capsule-content audio{width:100%;}.pc-friendship-preview{width:100%;min-height:88px;margin:12px 0;border:1px solid var(--pc-border);border-radius:15px;background:var(--pc-surface);color:var(--pc-text);padding:12px 15px;display:flex;align-items:center;gap:12px;text-align:left;}.pc-friendship-preview:hover{border-color:var(--pc-accent);}.pc-friendship-avatars{display:flex;min-width:66px;}.pc-friendship-avatars>.pc-avatar:last-child{margin-left:-17px;border:3px solid var(--pc-surface);border-radius:50%;}.pc-friendship-preview>span:nth-child(2){min-width:0;flex:1;display:grid;}.pc-friendship-preview small{color:var(--pc-text-soft);font-size:9px;}.pc-friendship-preview>b{display:flex;align-items:center;gap:3px;color:#f59e0b;font-size:11px;}.pc-friendship-preview>b svg,.pc-friendship-preview>svg{width:18px;}.pc-friendship-preview>svg{color:var(--pc-accent);}.pc-friendship-page{width:min(620px,calc(100vw - 24px));max-height:92dvh;overflow:auto;border:1px solid var(--pc-border);border-radius:24px;background:var(--pc-surface);color:var(--pc-text);padding:26px;position:relative;box-shadow:0 30px 90px #0007;}.pc-friendship-close{position:absolute;right:13px;top:13px;}.pc-friendship-hero{text-align:center;display:grid;justify-items:center;gap:6px;}.pc-friendship-hero>span{display:flex;margin-bottom:6px;}.pc-friendship-hero>span>.pc-avatar:last-child{margin-left:-24px;border:4px solid var(--pc-surface);border-radius:50%;}.pc-friendship-hero>small{font-size:8px;letter-spacing:.12em;color:var(--pc-text-soft);}.pc-friendship-hero h2{margin:0;font-size:22px;}.pc-friendship-hero p,.pc-friendship-hero>strong{display:flex;align-items:center;gap:5px;margin:0;color:var(--pc-text-soft);font-size:10px;}.pc-friendship-hero>strong{color:#f59e0b;}.pc-friendship-hero svg{width:14px;}.pc-friendship-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0;}.pc-friendship-actions button{min-height:42px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface-2);color:var(--pc-text);display:flex;align-items:center;justify-content:center;gap:6px;}.pc-friendship-actions button.is-active{border-color:#26a269;color:#208457;}.pc-friendship-actions svg{width:16px;}.pc-friendship-page>section{border-top:1px solid var(--pc-border);padding:17px 0;}.pc-friendship-page>section>header{display:flex;align-items:center;gap:9px;margin-bottom:9px;}.pc-friendship-page>section>header>svg{width:20px;color:var(--pc-accent);}.pc-friendship-page>section>header>span{display:grid;}.pc-friendship-page>section>header small{color:var(--pc-text-soft);font-size:9px;}.pc-mutual-friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}.pc-mutual-friends button{min-height:53px;border:0;border-radius:10px;background:var(--pc-surface-2);color:var(--pc-text);display:flex;align-items:center;gap:8px;text-align:left;}.pc-mutual-friends button>span{display:grid;}.pc-mutual-friends small{color:var(--pc-text-soft);font-size:8px;}.pc-friendship-milestones{display:grid;gap:7px;}.pc-friendship-milestones article{min-height:54px;border-radius:10px;background:var(--pc-surface-2);padding:8px;display:flex;align-items:center;gap:9px;}.pc-friendship-milestones article>span{width:36px;height:36px;border-radius:50%;background:var(--pc-surface);color:#f59e0b;display:grid;place-items:center;}.pc-friendship-milestones article svg{width:17px;}.pc-friendship-milestones article div{display:grid;}.pc-friendship-milestones small{color:var(--pc-text-soft);font-size:8px;}.pc-voice-speed{border:0;background:transparent;color:inherit;font-size:8px;font-weight:800;}.pc-profile-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;}.pc-profile-preset-grid button{min-height:74px;border:1px solid var(--pc-border);border-radius:11px;background:var(--pc-surface-2);color:var(--pc-text);padding:7px;display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left;}.pc-profile-preset-grid button>i{grid-column:1/-1;height:35px;border-radius:7px;}.pc-profile-preset-grid button span{font-size:9px;font-weight:750;}.pc-profile-preset-grid button b{color:var(--pc-accent);}.pc-profile-preset-grid button.is-active{border-color:var(--pc-accent);box-shadow:inset 0 0 0 1px var(--pc-accent);}.pc-settings-form-actions{display:flex;gap:8px;justify-content:flex-end;}.pc-danger-zone{border-color:color-mix(in srgb,var(--pc-danger) 35%,var(--pc-border));}.pc-danger-zone>p{color:var(--pc-text-soft);font-size:10px;}.pc-danger-button{min-height:42px;border:1px solid var(--pc-danger);border-radius:10px;background:var(--pc-danger);color:#fff;padding:0 15px;font-weight:750;}.pc-danger-button:disabled{opacity:.45;}.pc-settings-inline-error{margin:0 13px 10px;}.pc-anonymous-message{padding:13px 15px;border-top:1px solid var(--pc-border-soft);}.pc-anonymous-message p{margin:0 0 4px;white-space:pre-wrap;}.pc-anonymous-message time{font-size:8px;color:var(--pc-text-soft);}.pc-anonymous-message>div{display:flex;gap:6px;margin-top:8px;}.pc-anonymous-message button{min-height:30px;border:1px solid var(--pc-border);border-radius:7px;background:var(--pc-surface);color:var(--pc-text);font-size:8px;}.pc-anonymous-message button:first-child{color:var(--pc-danger);}.pc-profile-simple-dialog>textarea{min-height:120px;margin:14px 0 4px;}.pc-profile-simple-dialog>small{display:block;text-align:right;color:var(--pc-text-soft);font-size:8px;}.pc-profile-simple-dialog>.pc-primary-button{width:100%;margin-top:12px;}.pc-profile-simple-dialog header strong{display:flex;align-items:center;gap:6px;}.pc-profile-simple-dialog header svg{width:17px;}.pc-status-input{display:grid;grid-template-columns:62px 1fr;gap:8px;}.pc-status-input input:first-child{text-align:center;font-size:18px;}.pc-settings-form input[type=color]{width:52px;height:42px;padding:3px;}.pc-audience-field select{color:var(--pc-text);}@keyframes pc-v2-shimmer{to{background-position:-200% 0}}@keyframes pc-v2-record{50%{transform:scale(.96);opacity:.72}}@keyframes pc-v2-unlock{0%{transform:scale(.65) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}.pc-reduced-motion .pc-voice-status-skeleton,.pc-reduced-motion .pc-capsule-skeleton,.pc-reduced-motion .pc-record-button{animation:none;}html[data-theme=dark] .pc-voice-status-section,html[data-theme=dark] .pc-capsules-panel,html[data-theme=dark] .pc-friendship-preview{box-shadow:none;}html[data-theme=dark] .pc-record-button{box-shadow:0 0 0 9px color-mix(in srgb,var(--pc-accent) 20%,transparent);}@media (max-width:767px){.pc-voice-status-section,.pc-capsules-panel{border-left:0;border-right:0;border-radius:0;box-shadow:none;}.pc-voice-status-card{flex-basis:222px;}.pc-capsule-grid{grid-template-columns:1fr;}.pc-capsule-card{min-height:164px;}.pc-friendship-preview{border-radius:13px;}.pc-profile-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:520px){.pc-voice-composer,.pc-capsule-create,.pc-profile-simple-dialog{width:100vw;max-height:93dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:calc(18px + env(safe-area-inset-bottom));}.pc-modal-backdrop{align-items:flex-end;}.pc-friendship-page{width:100vw;max-height:95dvh;border-radius:22px 22px 0 0;padding:22px 15px calc(22px + env(safe-area-inset-bottom));}.pc-friendship-actions,.pc-mutual-friends{grid-template-columns:1fr;}.pc-capsule-open{width:100vw;max-height:95dvh;border-radius:22px 22px 0 0;padding:28px 18px calc(28px + env(safe-area-inset-bottom));}.pc-voice-status-section>header,.pc-capsules-panel>header{padding-inline:12px;}}@media (prefers-reduced-motion:reduce){.pc-voice-status-skeleton,.pc-capsule-skeleton,.pc-record-button,.pc-capsule-unlock-mark{animation:none;}}.pc-recap-entry{width:100%;min-height:76px;margin:12px 0;border:1px solid var(--pc-border);border-radius:15px;background:linear-gradient(135deg,var(--pc-surface),color-mix(in srgb,var(--pc-accent) 8%,var(--pc-surface)));color:var(--pc-text);padding:11px 15px;display:flex;align-items:center;gap:12px;text-align:left;transition:border-color .18s ease-out,background-color .18s ease-out;}.pc-recap-entry:hover{border-color:color-mix(in srgb,var(--pc-accent) 60%,var(--pc-border));}.pc-recap-entry>span{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--pc-accent) 13%,var(--pc-surface));color:var(--pc-accent);display:grid;place-items:center;}.pc-recap-entry>span svg{width:20px;}.pc-recap-entry>div{min-width:0;flex:1;display:grid;gap:2px;}.pc-recap-entry strong{font-size:12px;}.pc-recap-entry small{color:var(--pc-text-soft);font-size:9px;}.pc-recap-entry>b{color:var(--pc-accent);font-size:10px;}.pc-recap-dialog{width:min(720px,calc(100vw - 24px));max-height:92dvh;overflow:auto;border:1px solid var(--pc-border);border-radius:24px;background:var(--pc-surface);color:var(--pc-text);padding:22px;box-shadow:0 30px 100px #0007;}.pc-recap-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}.pc-recap-dialog>header>span{display:grid;}.pc-recap-dialog>header small{color:var(--pc-accent);font-size:8px;font-weight:800;letter-spacing:.12em;}.pc-recap-dialog h2{margin:4px 0 0;font-size:22px;letter-spacing:-.025em;}.pc-recap-notice{margin:0 0 12px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--pc-accent) 10%,var(--pc-surface));color:var(--pc-text);font-size:10px;}.pc-recap-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.pc-recap-card{min-height:205px;border:1px solid #ffffff2b;border-radius:17px;padding:17px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;position:relative;text-align:left;}.pc-recap-card:after{content:"";position:absolute;width:170px;height:170px;right:-85px;top:-85px;border-radius:50%;background:#fff1;}.pc-recap-card-icon{width:42px;height:42px;border-radius:50%;background:#ffffff24;display:grid;place-items:center;margin-bottom:22px;}.pc-recap-card-icon svg{width:20px;}.pc-recap-card>small{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.76;}.pc-recap-card>strong{max-width:100%;font-size:22px;line-height:1.08;overflow-wrap:anywhere;}.pc-recap-card>p{margin:5px 0 14px;font-size:9px;opacity:.78;}.pc-recap-card>button{margin-top:auto;min-height:34px;border:1px solid #ffffff50;border-radius:9px;background:#ffffff18;color:#fff;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:750;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}.pc-recap-card>button:hover{background:#ffffff2a;}.pc-recap-card>button:disabled{opacity:.55;}.pc-recap-card>button svg{width:13px;}.pc-recap-skeleton{height:205px;border-radius:17px;background:linear-gradient(100deg,var(--pc-surface-2),var(--pc-surface-3),var(--pc-surface-2));background-size:200% 100%;animation:pc-v2-shimmer 1.3s linear infinite;}.pc-recap-dialog>footer{margin-top:13px;color:var(--pc-text-soft);font-size:8px;text-align:center;}html[data-theme=dark] .pc-recap-entry,html[data-theme=dark] .pc-recap-dialog{box-shadow:none;}.pc-reduced-motion .pc-recap-skeleton{animation:none;}@media (max-width:640px){.pc-recap-entry{margin:10px 11px;width:calc(100% - 22px);}.pc-recap-dialog{width:100vw;max-height:95dvh;border-radius:22px 22px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));}.pc-recap-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}.pc-recap-cards::-webkit-scrollbar{display:none;}.pc-recap-card,.pc-recap-skeleton{flex:0 0 84%;scroll-snap-align:center;}.pc-recap-dialog h2{font-size:19px;}}@media (prefers-reduced-motion:reduce){.pc-recap-skeleton{animation:none;}}.pc-mini-profile-trigger{display:inline-flex;align-items:center;min-width:0;}.pc-mini-profile-card{position:fixed;z-index:10040;width:min(310px,calc(100vw - 24px));border:1px solid var(--pc-border);border-radius:16px;background:var(--pc-surface);color:var(--pc-text);padding:14px;box-shadow:0 24px 70px #0003;animation:pc-mini-profile-in .16s ease-out;}.pc-mini-profile-card>header{display:flex;align-items:center;gap:10px;}.pc-mini-profile-card>header>span{min-width:0;display:grid;gap:2px;}.pc-mini-profile-card>header strong{min-width:0;display:flex;align-items:center;gap:4px;font-size:13px;}.pc-mini-profile-card>header small{color:var(--pc-text-soft);font-size:9px;}.pc-mini-profile-card>p{margin:11px 0;color:var(--pc-text);font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.pc-mini-profile-meta{min-height:32px;border-top:1px solid var(--pc-border-soft);border-bottom:1px solid var(--pc-border-soft);display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--pc-text-soft);font-size:8px;}.pc-mini-profile-meta>span{display:flex;align-items:center;gap:4px;}.pc-mini-profile-meta svg{width:13px;color:var(--pc-accent);}.pc-mini-profile-card>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px;}.pc-mini-profile-card>footer button{min-height:37px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface-2);color:var(--pc-text);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:750;}.pc-mini-profile-card>footer button.is-primary{background:var(--pc-accent);border-color:var(--pc-accent);color:#fff;}.pc-mini-profile-card>footer button:only-child{grid-column:1/-1;}.pc-mini-profile-card>footer svg{width:14px;}html[data-theme=dark] .pc-mini-profile-card{box-shadow:0 24px 70px #0008;}@keyframes pc-mini-profile-in{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}.pc-reduced-motion .pc-mini-profile-card{animation:none;}@media (prefers-reduced-motion:reduce){.pc-mini-profile-card{animation:none;}}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.hover\:border-cyan-500:hover{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));}.hover\:border-red-500\/50:hover{border-color:#ef444480;}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633;}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));}.hover\:bg-cyan-600:hover{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));}.hover\:bg-gray-700\/50:hover{background-color:#37415180;}.hover\:bg-green-500\/20:hover{background-color:#22c55e33;}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));}.hover\:bg-orange-500\/20:hover{background-color:#f9731633;}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1));}.hover\:bg-red-500\/20:hover{background-color:#ef444433;}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1));}.hover\:bg-white\/30:hover{background-color:#ffffff4d;}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1));}.hover\:from-cyan-600:hover{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.hover\:from-red-500\/20:hover{--tw-gradient-from: rgb(239 68 68 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.hover\:from-yellow-600:hover{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.hover\:to-fuchsia-600:hover{--tw-gradient-to: #c026d3 var(--tw-gradient-to-position);}.hover\:to-orange-600:hover{--tw-gradient-to: #ea580c var(--tw-gradient-to-position);}.hover\:to-red-600\/20:hover{--tw-gradient-to: rgb(220 38 38 / .2) var(--tw-gradient-to-position);}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1));}.hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1));}.hover\:text-cyan-300:hover{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1));}.hover\:text-cyan-400:hover{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1));}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));}.hover\:text-green-400:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1));}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1));}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1));}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1));}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));}.hover\:underline:hover{text-decoration-line:underline;}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);}.hover\:shadow-cyan-500\/20:hover{--tw-shadow-color: rgb(6 182 212 / .2);--tw-shadow: var(--tw-shadow-colored);}.hover\:shadow-orange-500\/20:hover{--tw-shadow-color: rgb(249 115 22 / .2);--tw-shadow: var(--tw-shadow-colored);}.focus\:border-transparent:focus{border-color:transparent;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}.disabled\:bg-gray-600:disabled{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));}.disabled\:from-gray-600:disabled{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}.disabled\:to-gray-600:disabled{--tw-gradient-to: #4b5563 var(--tw-gradient-to-position);}.disabled\:opacity-50:disabled{opacity:.5;}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.group:hover .group-hover\:text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));}.group:hover .group-hover\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1));}.group:hover .group-hover\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1));}.group:hover .group-hover\:opacity-100{opacity:1;}@media (min-width: 640px){.sm\:h-5{height:1.25rem;}.sm\:w-5{width:1.25rem;}.sm\:gap-2{gap:.5rem;}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)));}.sm\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)));}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));}.sm\:p-4{padding:1rem;}.sm\:px-4{padding-left:1rem;padding-right:1rem;}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem;}.sm\:text-base{font-size:1rem;line-height:1.5rem;}.sm\:text-sm{font-size:.875rem;line-height:1.25rem;}}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* === HOWU CRITICAL FIXES: artistic frames, mobile thoughts, story-style Replay === */

/* High-detail frame overlays supplied for HOWU. The center remains the real avatar. */
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite{--pc-frame-art:url("/assets/frames/cyber-horns-lite.png");--pc-frame-art-scale:1.82;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns{--pc-frame-art:url("/assets/frames/cyber-horns-lite.png");--pc-frame-art-scale:1.34;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cosmic-orbit{--pc-frame-art:url("/assets/frames/cosmic-orbit.png");--pc-frame-art-scale:1.92;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-liquid-demon{--pc-frame-art:url("/assets/frames/liquid-demon.png");--pc-frame-art-scale:1.88;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-shadow-dragon{--pc-frame-art:url("/assets/frames/shadow-dragon.png");--pc-frame-art-scale:1.94;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-butterfly{--pc-frame-art:url("/assets/frames/butterfly.png");--pc-frame-art-scale:2.05;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-inferno-horns{--pc-frame-art:url("/assets/frames/inferno-horns.png");--pc-frame-art-scale:1.9;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-frost-crown{--pc-frame-art:url("/assets/frames/frost-crown.png");--pc-frame-art-scale:1.9;}

:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"][style*="--pc-frame-art"],:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cosmic-orbit,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-liquid-demon,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-shadow-dragon,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-butterfly,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-inferno-horns,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-frost-crown{overflow:visible;isolation:isolate;}

:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cosmic-orbit:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-liquid-demon:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-shadow-dragon:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-butterfly:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-inferno-horns:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-frost-crown:before{content:"";position:absolute;z-index:3;left:50%;top:50%;width:calc(100% * var(--pc-frame-art-scale));height:calc(100% * var(--pc-frame-art-scale));transform:translate(-50%,-50%);background-image:var(--pc-frame-art);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;filter:drop-shadow(0 3px 5px #0000002a);}

/* Do not draw the legacy ring over the detailed art. */
.pc-avatar-shell.frame-cyber-horns-lite:after,.pc-avatar-shell.frame-cyber-horns:after,.pc-avatar-shell.frame-cosmic-orbit:after,.pc-avatar-shell.frame-liquid-demon:after,.pc-avatar-shell.frame-shadow-dragon:after,.pc-avatar-shell.frame-butterfly:after,.pc-avatar-shell.frame-inferno-horns:after,.pc-avatar-shell.frame-frost-crown:after{border-color:transparent;box-shadow:none;}

/* Keep real avatar media circular when its frame wrapper is allowed to overflow. */
.pc-profile-avatar.frame-cyber-horns-lite>img,.pc-profile-avatar.frame-cyber-horns>img,.pc-profile-avatar.frame-cosmic-orbit>img,.pc-profile-avatar.frame-liquid-demon>img,.pc-profile-avatar.frame-shadow-dragon>img,.pc-profile-avatar.frame-butterfly>img,.pc-profile-avatar.frame-inferno-horns>img,.pc-profile-avatar.frame-frost-crown>img{border-radius:50%;}
.pc-profile-avatar-wrap{overflow:visible;}
.pc-customize-avatar{isolation:isolate;}
.pc-customize-avatar>img,.pc-customize-avatar>span:not(.pc-avatar-decoration){position:relative;z-index:1;}
.pc-avatar-decoration{z-index:5;}

/* Frame picker uses the signed-in user's real photo rather than a blank fake avatar. */
.pc-frame-swatch{position:relative;overflow:visible;isolation:isolate;}
.pc-frame-swatch>img{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:1;}
.pc-frame-swatch>i{position:relative;z-index:1;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;color:var(--pc-text);}
.pc-frame-grid{overflow:visible;}

/* Small list/comment avatars keep a clean lightweight ring instead of cramming dragon wings into 26px. */
@media (max-width:767px){
  .pc-avatar-shell.pc-avatar--sm.frame-cyber-horns-lite:before,.pc-avatar-shell.pc-avatar--sm.frame-cyber-horns:before,.pc-avatar-shell.pc-avatar--sm.frame-cosmic-orbit:before,.pc-avatar-shell.pc-avatar--sm.frame-liquid-demon:before,.pc-avatar-shell.pc-avatar--sm.frame-shadow-dragon:before,.pc-avatar-shell.pc-avatar--sm.frame-butterfly:before,.pc-avatar-shell.pc-avatar--sm.frame-inferno-horns:before,.pc-avatar-shell.pc-avatar--sm.frame-frost-crown:before{display:none;}
  .pc-avatar-shell.pc-avatar--sm.frame-cyber-horns-lite:after,.pc-avatar-shell.pc-avatar--sm.frame-cyber-horns:after,.pc-avatar-shell.pc-avatar--sm.frame-cosmic-orbit:after,.pc-avatar-shell.pc-avatar--sm.frame-liquid-demon:after,.pc-avatar-shell.pc-avatar--sm.frame-shadow-dragon:after,.pc-avatar-shell.pc-avatar--sm.frame-butterfly:after,.pc-avatar-shell.pc-avatar--sm.frame-inferno-horns:after,.pc-avatar-shell.pc-avatar--sm.frame-frost-crown:after{border-color:color-mix(in srgb,var(--pc-accent) 70%,#9b5cff);box-shadow:0 0 0 1px color-mix(in srgb,var(--pc-accent) 32%,transparent);}
}

/* Mobile Thought fix: give it a guaranteed visible row below the avatar instead of hiding it over the banner. */
@media (max-width:767px){
  .pc-profile-page,.pc-profile-header,.pc-profile-top{max-width:100%;overflow-x:clip;}
  .pc-profile-top{grid-template-columns:88px minmax(0,1fr);gap:16px;padding-inline:14px;align-items:start;}
  .pc-profile-avatar-wrap{width:84px;height:126px;align-content:start;padding-top:0;overflow:visible;}
  .pc-profile-thought{left:0;top:90px;transform:none;width:124px;max-width:min(124px,calc(100vw - 28px));min-width:84px;min-height:31px;padding:6px 8px;border-radius:12px;font-size:9px;line-height:1.25;z-index:12;text-align:left;box-shadow:0 5px 16px #001c4718;}
  .pc-profile-thought:after{left:27px;top:-6px;bottom:auto;border:0;border-left:1px solid var(--pc-border);border-top:1px solid var(--pc-border);transform:rotate(45deg);}
  .pc-profile-overview{min-width:0;max-width:100%;overflow:visible;}
  .pc-profile-name-line{min-width:0;max-width:100%;overflow-wrap:anywhere;}
  .pc-profile-actions{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
  .pc-profile-actions>*{min-width:0;max-width:100%;}
  .pc-profile-button{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:center;}
  .pc-profile-stats{min-width:0;max-width:calc(100% - 28px);}
}
@media (max-width:359px){
  .pc-profile-top{grid-template-columns:78px minmax(0,1fr);gap:12px;padding-inline:10px;}
  .pc-profile-avatar-wrap{width:76px;height:120px;}
  .pc-profile-avatar{width:74px;height:74px;}
  .pc-profile-thought{top:81px;width:112px;max-width:112px;font-size:8.5px;}
  .pc-profile-actions{gap:5px;}
  .pc-profile-button{padding-inline:7px;font-size:11px;}
}

/* Replay entry is intentionally flat/editorial, not another generic gradient dashboard tile. */
.pc-replay-entry{background:var(--pc-surface);border-radius:12px;}
.pc-replay-entry>span{background:transparent;border:1px solid var(--pc-border);border-radius:50%;font-size:21px;}
.pc-replay-entry:hover{background:var(--pc-surface-2);}

.pc-replay-backdrop{z-index:120;padding:22px;background:#05070bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;}
.pc-replay-dialog{width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto 1fr auto;gap:12px;position:relative;color:#fff;outline:0;}
.pc-replay-progress{height:3px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding-inline:2px;}
.pc-replay-progress>span{height:3px;border-radius:999px;background:#ffffff3b;overflow:hidden;}
.pc-replay-progress>span.is-active{background:#fff;}
.pc-replay-close{position:absolute;z-index:8;right:12px;top:18px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:#090b10a6;color:#fff;box-shadow:0 2px 10px #0004;}
.pc-replay-close svg{width:18px;height:18px;}
.pc-replay-notice{position:absolute;z-index:9;left:12px;right:56px;top:18px;margin:0;padding:9px 11px;border:1px solid #ffffff2c;border-radius:10px;background:#0c0e13d9;color:#fff;font-size:11px;box-shadow:0 4px 18px #0005;}
.pc-replay-card{width:100%;aspect-ratio:9/14.8;max-height:min(690px,calc(100dvh - 140px));min-height:470px;border-radius:26px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 38px 54px;box-shadow:0 22px 65px #0008;isolation:isolate;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;}
.pc-replay-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 15%,#ffffff1f,transparent 28%),radial-gradient(circle at 82% 80%,#ffffff12,transparent 32%);pointer-events:none;}
.pc-replay-card:after{content:"HOWU";position:absolute;right:-28px;top:46%;z-index:-1;font-size:74px;font-weight:900;letter-spacing:-.07em;color:#ffffff09;transform:rotate(90deg);pointer-events:none;}
.pc-replay-card>small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#ffffffe0;margin-bottom:15px;}
.pc-replay-card>h2{max-width:100%;margin:0;font-size:clamp(34px,8vw,54px);line-height:.98;letter-spacing:-.05em;color:#fff;text-wrap:balance;overflow-wrap:anywhere;}
.pc-replay-card>p{max-width:310px;margin:18px 0 0;font-size:14px;line-height:1.45;color:#ffffffe5;text-wrap:balance;}
.pc-replay-avatar{width:92px;height:92px;margin-bottom:22px;box-shadow:0 0 0 1px #ffffff66,0 10px 30px #0004;}
.pc-replay-card-meta{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:750;letter-spacing:.1em;color:#ffffffb5;}
.pc-replay-actions{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;}
.pc-replay-actions button{min-width:0;height:42px;padding:0 12px;border:1px solid #ffffff28;border-radius:999px;background:#ffffff10;color:#fff;font-size:11px;font-weight:750;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.pc-replay-actions button:hover:not(:disabled){background:#ffffff1f;}
.pc-replay-actions button.is-primary{background:#fff;color:#111827;border-color:#fff;}
.pc-replay-actions button:disabled{opacity:.38;cursor:not-allowed;}
.pc-replay-loading,.pc-replay-empty{width:100%;aspect-ratio:9/14.8;min-height:470px;border-radius:26px;background:#11151d;border:1px solid #ffffff14;display:grid;place-items:center;text-align:center;padding:28px;}
.pc-replay-empty{align-content:center;gap:9px;}
.pc-replay-empty strong{font-size:20px;}.pc-replay-empty span{color:#b7bdc8;font-size:12px;}.pc-replay-empty button{margin-top:8px;border:1px solid #ffffff2e;border-radius:999px;padding:9px 16px;background:#fff;color:#111827;font-weight:750;}
.pc-mini-spinner{width:28px;height:28px;border:3px solid #ffffff2c;border-top-color:#fff;border-radius:50%;animation:pc-spin .8s linear infinite;}

/* Replay backgrounds use the Story palette but remove the KPI-card feeling. */
.pc-replay-card.pc-story-bg--midnight{background:linear-gradient(160deg,#0b0e14 0%,#141926 62%,#080a0f 100%);}
.pc-replay-card.pc-story-bg--violet{background:linear-gradient(155deg,#35106d 0%,#6d2ed5 52%,#b22480 100%);}
.pc-replay-card.pc-story-bg--ocean{background:linear-gradient(155deg,#075f65 0%,#087fa2 48%,#1547a7 100%);}
.pc-replay-card.pc-story-bg--forest{background:linear-gradient(155deg,#123b28 0%,#17643c 58%,#456d21 100%);}
.pc-replay-card.pc-story-bg--rose{background:linear-gradient(155deg,#931b42 0%,#d54f70 55%,#a94684 100%);}
.pc-replay-card.pc-story-bg--sunset{background:linear-gradient(155deg,#89304e 0%,#bc5c55 48%,#66449c 100%);}

@media (max-width:640px){
  .pc-replay-backdrop{padding:0;background:#05070bf2;align-items:stretch;}
  .pc-replay-dialog{width:100%;max-height:none;height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));gap:9px;}
  .pc-replay-card,.pc-replay-loading,.pc-replay-empty{min-height:0;max-height:none;height:100%;aspect-ratio:auto;border-radius:20px;padding-inline:26px;}
  .pc-replay-card>h2{font-size:clamp(36px,12vw,56px);}
  .pc-replay-card>p{font-size:13px;}
  .pc-replay-actions{grid-template-columns:78px 1fr 92px;gap:6px;}
  .pc-replay-actions button{height:40px;padding-inline:8px;font-size:10px;}
  .pc-replay-close{top:calc(20px + env(safe-area-inset-top));right:20px;}
  .pc-replay-notice{top:calc(20px + env(safe-area-inset-top));left:20px;}
}
@media (min-width:641px) and (max-width:1180px){
  .pc-replay-dialog{width:min(420px,calc(100vw - 52px));}
  .pc-replay-card{max-height:min(660px,calc(100dvh - 160px));}
}
@media (prefers-reduced-motion:reduce){.pc-mini-spinner{animation:none;}}


/* ======================================================================
   HOWU HOTFIX 2026-08-16 — cache-busted social/thought/replay polish
   ====================================================================== */

/* Messages hub: the component existed without its matching CSS, which made
   Social / Messages / Rooms / Capsules render as concatenated raw text. */









/* Thoughts: clean 24-hour social status rail, not loose text floating in UI. */
.pc-thoughts-strip{
  margin:0 0 14px;
  padding:14px 14px 11px;
  border:1px solid var(--pc-border-soft,var(--pc-border));
  border-radius:14px;
  background:var(--pc-surface);
  box-shadow:none;
  min-width:0;
  overflow:hidden;
}
.pc-thoughts-strip>header{
  display:flex;
  align-items:baseline;
  gap:9px;
  padding:0 2px 4px;
}
.pc-thoughts-strip>header strong{
  font-size:14px;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--pc-text);
}
.pc-thoughts-strip>header small{
  color:var(--pc-text-soft);
  font-size:10px;
}
.pc-thoughts-scroll{
  gap:14px;
  padding:12px 2px 4px;
  scroll-snap-type:x proximity;
}
.pc-thought-person{
  width:82px;
  min-width:82px;
  padding-top:28px;
  scroll-snap-align:start;
}
.pc-thought-person .pc-avatar{
  width:60px;
  height:60px;
  box-shadow:0 0 0 1px var(--pc-border);
}
.pc-thought-person>small{
  width:82px;
  margin-top:1px;
  font-size:9.5px;
}
.pc-note-cloud{
  top:-3px;
  max-width:118px;
  min-height:31px;
  padding:6px 9px;
  border-radius:13px 13px 13px 4px;
  font-size:9.5px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* Thought composer: missing styles were the reason TextMoodMusic and
   AudienceFriends appeared glued together. */
.pc-note-composer{
  overflow:hidden;
}
.pc-note-kind-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:4px;
  margin:10px 0 12px;
  border:1px solid var(--pc-border-soft,var(--pc-border));
  border-radius:11px;
  background:var(--pc-surface-2);
}
.pc-note-kind-tabs button{
  min-width:0;
  height:36px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--pc-text-soft);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  font-weight:700;
}
.pc-note-kind-tabs button svg{width:15px;height:15px;}
.pc-note-kind-tabs button.is-active{
  background:var(--pc-surface);
  color:var(--pc-text);
  box-shadow:0 1px 4px rgba(0,0,0,.09);
}
.pc-note-song-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:-2px 0 12px;
}
.pc-note-song-fields input{
  width:100%;
  min-width:0;
  height:40px;
  border:1px solid var(--pc-border);
  border-radius:10px;
  background:var(--pc-surface-2);
  color:var(--pc-text);
  padding:0 11px;
  outline:0;
  font-size:11px;
}
.pc-note-song-fields input:focus,.pc-note-composer>textarea:focus{
  border-color:var(--pc-accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-accent) 13%,transparent);
}
.pc-note-audience{
  min-height:44px;
  display:grid;
  grid-template-columns:18px 1fr auto;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:0 11px;
  border:1px solid var(--pc-border-soft,var(--pc-border));
  border-radius:10px;
  background:var(--pc-surface-2);
  color:var(--pc-text-soft);
  font-size:10px;
  font-weight:650;
}
.pc-note-audience>svg{width:16px;height:16px;}
.pc-note-audience select{
  max-width:150px;
  height:34px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--pc-text);
  font:700 11px/1 inherit;
  text-align:right;
}
.pc-note-composer>.pc-primary-button{
  min-height:42px;
  font-size:12px;
  font-weight:750;
}
.pc-note-hint{
  line-height:1.35;
  padding-top:3px;
}

/* Replay v2: editorial story treatment. Flat, intentional backgrounds and
   hierarchy instead of the old six-gradient KPI dashboard. */
.pc-replay-card{
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 50px rgba(0,0,0,.46);
}
.pc-replay-card:before{
  background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(0,0,0,.12));
}
.pc-replay-card:after{display:none;}
.pc-replay-card>small{
  letter-spacing:.08em;
  font-size:9px;
  opacity:.86;
}
.pc-replay-card>h2{
  max-width:340px;
  font-weight:820;
}
.pc-replay-card>p{
  color:rgba(255,255,255,.78);
}
.pc-replay-card-meta{
  letter-spacing:.06em;
  opacity:.72;
}
.pc-replay-card.pc-story-bg--midnight{background:#111318;}
.pc-replay-card.pc-story-bg--violet{background:#4b2c78;}
.pc-replay-card.pc-story-bg--ocean{background:#175e72;}
.pc-replay-card.pc-story-bg--forest{background:#28513b;}
.pc-replay-card.pc-story-bg--rose{background:#91425d;}
.pc-replay-card.pc-story-bg--sunset{background:#71506f;}

/* Small screens: actual mobile/tablet-friendly layout. */
@media (max-width:767px){
  
  
  
  
  
  .pc-thoughts-strip{
    margin-inline:0;
    padding:13px 11px 10px;
    border-radius:12px;
  }
  .pc-thoughts-strip>header small{font-size:9px;}
  .pc-note-composer{
    width:100vw;
    max-height:92dvh;
    overflow-y:auto;
    padding:0 16px calc(16px + env(safe-area-inset-bottom));
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-radius:20px 20px 0 0;
  }
  .pc-note-composer .pc-sheet-handle{display:block;}
  .pc-note-composer>header{height:50px;}
  .pc-note-composer>textarea{min-height:94px;}
  .pc-note-song-fields{grid-template-columns:1fr;}
  .pc-note-audience select{max-width:125px;}
}

@media (max-width:380px){
  .pc-thoughts-strip>header{align-items:flex-start;flex-direction:column;gap:3px;}
  .pc-thought-person{width:76px;min-width:76px;}
  .pc-note-kind-tabs button{font-size:10px;}
}


/* =============================================================
   HOWU HOTFIX 3 — ROOMS + FRAMES
   Flatter consumer-social UI; no nested dashboard-card look.
   ============================================================= */










.pc-frame-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;padding:14px 4px 20px;margin:0 -4px;scroll-snap-type:x proximity;scrollbar-width:thin;}.pc-frame-grid>button{flex:0 0 118px;min-height:145px;padding:14px 8px 10px;border:0;border-radius:12px;background:transparent;box-shadow:none;align-content:start;gap:15px;scroll-snap-align:start;}.pc-frame-grid>button:hover{background:var(--pc-surface-2);}.pc-frame-grid>button.is-selected{background:color-mix(in srgb,var(--pc-accent) 7%,var(--pc-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc-accent) 55%,var(--pc-border));}.pc-frame-swatch{width:78px;height:78px;border:0;background:var(--pc-surface-3);box-shadow:none;}.pc-frame-swatch>img{width:68px;height:68px;}.pc-frame-swatch>i{width:68px;height:68px;font-size:20px;}.pc-frame-grid small{font-size:10px;line-height:1.2;font-weight:650;color:var(--pc-text);}.pc-customize-tabs button{border-radius:0;background:transparent;border-bottom:2px solid transparent;padding:10px 9px;}.pc-customize-tabs button.is-active{background:transparent;color:var(--pc-text);border-bottom-color:var(--pc-accent);}
@media (max-width:767px){.pc-frame-grid>button{flex-basis:104px;min-height:132px;}.pc-frame-swatch{width:70px;height:70px;}.pc-frame-swatch>img,.pc-frame-swatch>i{width:60px;height:60px;}}

/* Rooms index: compact conversation list instead of generic dashboard tiles. */








/* === HOWU HOTFIX 4: proportioned animated frames + capsule repair polish === */

/* Frame art must decorate the avatar, not take over the profile header. */
.pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.34;}
.pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:1.36;}
.pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.38;}
.pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.43;}
.pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.47;}
.pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.36;}
.pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.40;}

/* Customizer uses a slightly larger but still realistic preview. */
.pc-customize-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.40;}
.pc-customize-avatar.frame-cosmic-orbit{--pc-frame-art-scale:1.42;}
.pc-customize-avatar.frame-liquid-demon{--pc-frame-art-scale:1.43;}
.pc-customize-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.47;}
.pc-customize-avatar.frame-butterfly{--pc-frame-art-scale:1.50;}
.pc-customize-avatar.frame-inferno-horns{--pc-frame-art-scale:1.42;}
.pc-customize-avatar.frame-frost-crown{--pc-frame-art-scale:1.45;}

/* Picker artwork stays inside its own choice instead of colliding with neighbors. */
.pc-frame-swatch.frame-cyber-horns-lite{--pc-frame-art-scale:1.24;}
.pc-frame-swatch.frame-cosmic-orbit{--pc-frame-art-scale:1.27;}
.pc-frame-swatch.frame-liquid-demon{--pc-frame-art-scale:1.28;}
.pc-frame-swatch.frame-shadow-dragon{--pc-frame-art-scale:1.32;}
.pc-frame-swatch.frame-butterfly{--pc-frame-art-scale:1.34;}
.pc-frame-swatch.frame-inferno-horns{--pc-frame-art-scale:1.28;}
.pc-frame-swatch.frame-frost-crown{--pc-frame-art-scale:1.30;}

/* Medium/large avatars elsewhere stay decorative and compact. */
.pc-avatar-shell.pc-avatar--md.frame-cyber-horns-lite,.pc-avatar-shell.pc-avatar--lg.frame-cyber-horns-lite,.pc-avatar-shell.pc-avatar--xl.frame-cyber-horns-lite{--pc-frame-art-scale:1.35;}
.pc-avatar-shell.pc-avatar--md.frame-cosmic-orbit,.pc-avatar-shell.pc-avatar--lg.frame-cosmic-orbit,.pc-avatar-shell.pc-avatar--xl.frame-cosmic-orbit{--pc-frame-art-scale:1.37;}
.pc-avatar-shell.pc-avatar--md.frame-liquid-demon,.pc-avatar-shell.pc-avatar--lg.frame-liquid-demon,.pc-avatar-shell.pc-avatar--xl.frame-liquid-demon{--pc-frame-art-scale:1.38;}
.pc-avatar-shell.pc-avatar--md.frame-shadow-dragon,.pc-avatar-shell.pc-avatar--lg.frame-shadow-dragon,.pc-avatar-shell.pc-avatar--xl.frame-shadow-dragon{--pc-frame-art-scale:1.42;}
.pc-avatar-shell.pc-avatar--md.frame-butterfly,.pc-avatar-shell.pc-avatar--lg.frame-butterfly,.pc-avatar-shell.pc-avatar--xl.frame-butterfly{--pc-frame-art-scale:1.45;}
.pc-avatar-shell.pc-avatar--md.frame-inferno-horns,.pc-avatar-shell.pc-avatar--lg.frame-inferno-horns,.pc-avatar-shell.pc-avatar--xl.frame-inferno-horns{--pc-frame-art-scale:1.37;}
.pc-avatar-shell.pc-avatar--md.frame-frost-crown,.pc-avatar-shell.pc-avatar--lg.frame-frost-crown,.pc-avatar-shell.pc-avatar--xl.frame-frost-crown{--pc-frame-art-scale:1.40;}

/* Actual frame motion. It is intentionally subtle; the avatar itself never moves. */
@keyframes pc-frame-neon-breathe{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 2px 4px #0002) brightness(1)}50%{transform:translate(-50%,-50%) scale(1.018);filter:drop-shadow(0 3px 7px #7c3aed55) brightness(1.08)}}
@keyframes pc-frame-orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pc-frame-liquid{0%,100%{transform:translate(-50%,-50%) rotate(-.45deg) scale(1);filter:drop-shadow(0 3px 5px #0003) brightness(.98)}50%{transform:translate(-50%,-50%) rotate(.45deg) scale(1.012);filter:drop-shadow(0 3px 8px #7c3aed50) brightness(1.08)}}
@keyframes pc-frame-dragon{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 3px 5px #0003) brightness(1)}50%{transform:translate(-50%,-50%) scale(1.014);filter:drop-shadow(0 3px 10px #7c3aed66) brightness(1.1)}}
@keyframes pc-frame-butterfly{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1);filter:drop-shadow(0 3px 5px #0002)}50%{transform:translate(-50%,-50%) translateY(-1.5px) scale(1.012);filter:drop-shadow(0 5px 10px #818cf855) brightness(1.07)}}
@keyframes pc-frame-fire{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 3px 5px #0002) saturate(1)}50%{transform:translate(-50%,-50%) scale(1.018);filter:drop-shadow(0 4px 10px #ff4f7f55) saturate(1.08) brightness(1.05)}}
@keyframes pc-frame-frost{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 3px 5px #0002) brightness(1)}50%{transform:translate(-50%,-50%) scale(1.01);filter:drop-shadow(0 4px 9px #60a5fa66) brightness(1.12)}}

.pc-profile-avatar.frame-cyber-horns-lite:before,.pc-customize-avatar.frame-cyber-horns-lite:before,.pc-frame-swatch.frame-cyber-horns-lite:before,.pc-avatar-shell.pc-avatar--lg.frame-cyber-horns-lite:before,.pc-avatar-shell.pc-avatar--xl.frame-cyber-horns-lite:before{animation:pc-frame-neon-breathe 3.8s ease-in-out infinite;will-change:transform,filter;}
.pc-profile-avatar.frame-cosmic-orbit:before,.pc-customize-avatar.frame-cosmic-orbit:before,.pc-frame-swatch.frame-cosmic-orbit:before,.pc-avatar-shell.pc-avatar--lg.frame-cosmic-orbit:before,.pc-avatar-shell.pc-avatar--xl.frame-cosmic-orbit:before{animation:pc-frame-orbit 22s linear infinite;will-change:transform;}
.pc-profile-avatar.frame-liquid-demon:before,.pc-customize-avatar.frame-liquid-demon:before,.pc-frame-swatch.frame-liquid-demon:before,.pc-avatar-shell.pc-avatar--lg.frame-liquid-demon:before,.pc-avatar-shell.pc-avatar--xl.frame-liquid-demon:before{animation:pc-frame-liquid 4.8s ease-in-out infinite;will-change:transform,filter;}
.pc-profile-avatar.frame-shadow-dragon:before,.pc-customize-avatar.frame-shadow-dragon:before,.pc-frame-swatch.frame-shadow-dragon:before,.pc-avatar-shell.pc-avatar--lg.frame-shadow-dragon:before,.pc-avatar-shell.pc-avatar--xl.frame-shadow-dragon:before{animation:pc-frame-dragon 3.3s ease-in-out infinite;will-change:transform,filter;}
.pc-profile-avatar.frame-butterfly:before,.pc-customize-avatar.frame-butterfly:before,.pc-frame-swatch.frame-butterfly:before,.pc-avatar-shell.pc-avatar--lg.frame-butterfly:before,.pc-avatar-shell.pc-avatar--xl.frame-butterfly:before{animation:pc-frame-butterfly 4.2s ease-in-out infinite;will-change:transform,filter;}
.pc-profile-avatar.frame-inferno-horns:before,.pc-customize-avatar.frame-inferno-horns:before,.pc-frame-swatch.frame-inferno-horns:before,.pc-avatar-shell.pc-avatar--lg.frame-inferno-horns:before,.pc-avatar-shell.pc-avatar--xl.frame-inferno-horns:before{animation:pc-frame-fire 2.7s ease-in-out infinite;will-change:transform,filter;}
.pc-profile-avatar.frame-frost-crown:before,.pc-customize-avatar.frame-frost-crown:before,.pc-frame-swatch.frame-frost-crown:before,.pc-avatar-shell.pc-avatar--lg.frame-frost-crown:before,.pc-avatar-shell.pc-avatar--xl.frame-frost-crown:before{animation:pc-frame-frost 4.6s ease-in-out infinite;will-change:transform,filter;}

/* The old full Cyber Horns option was intentionally retired; any stale saved value aliases to Lite. */

/* Make the frame picker a deliberate gallery, not a horizontal pile of overlapping art. */
.pc-frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px 12px;overflow:visible;padding:12px 0 22px;margin:0;scroll-snap-type:none;}
.pc-frame-grid>button{min-width:0;min-height:124px;flex:none;padding:12px 8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;box-shadow:none;align-content:center;gap:12px;}
.pc-frame-grid>button:hover{background:var(--pc-surface-2);}
.pc-frame-grid>button.is-selected{background:color-mix(in srgb,var(--pc-accent) 6%,var(--pc-surface));border-color:color-mix(in srgb,var(--pc-accent) 42%,var(--pc-border));box-shadow:none;}
.pc-frame-swatch{width:70px;height:70px;background:transparent;}
.pc-frame-swatch>img,.pc-frame-swatch>i{width:60px;height:60px;}
.pc-frame-grid small{font-size:10px;line-height:1.2;white-space:normal;text-align:center;}

/* Time Capsules: database is fixed separately; UI now reads like a social feature, not a KPI card grid. */
.pc-capsules-panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding-bottom:0;overflow:visible;}
.pc-capsules-panel>header{padding:16px 2px 14px;min-height:0;background:transparent;}
.pc-capsules-panel>header>span>svg{width:19px;}
.pc-capsules-panel h2{font-size:16px;}
.pc-capsules-panel header small{font-size:10.5px;}
.pc-capsule-grid{display:grid;grid-template-columns:1fr;gap:0;padding:8px 0;}
.pc-capsule-card{min-height:88px;border:0;border-bottom:1px solid var(--pc-border-soft);border-radius:0;background:transparent;padding:14px 10px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:1px;align-items:center;overflow:visible;}
.pc-capsule-card:after{display:none;}
.pc-capsule-card:hover{background:var(--pc-surface-2);}
.pc-capsule-card.is-ready{background:color-mix(in srgb,var(--pc-accent) 5%,transparent);border-color:var(--pc-border-soft);}
.pc-capsule-seal{grid-column:1;grid-row:1/4;width:38px;height:38px;margin:0;background:var(--pc-surface-2);border:1px solid var(--pc-border-soft);}
.pc-capsule-card>small{grid-column:2;grid-row:1;font-size:8px;}
.pc-capsule-card>strong{grid-column:2;grid-row:2;margin:0;font-size:13px;}
.pc-capsule-card>span:not(.pc-capsule-seal){grid-column:2;grid-row:3;font-size:9.5px;}
.pc-capsule-card>time{grid-column:3;grid-row:2;margin:0;font-size:10px;white-space:nowrap;}
.pc-capsule-card>i{grid-column:3;grid-row:3;font-size:8.5px;white-space:nowrap;text-align:right;}
.pc-capsules-panel>.pc-empty-state{min-height:220px;border-bottom:1px solid var(--pc-border-soft);padding:42px 20px;}
.pc-capsules-panel>.pc-empty-state>svg{width:28px;height:28px;color:var(--pc-text-soft);}
.pc-capsules-panel>.pc-empty-state strong{font-size:15px;}
.pc-capsules-panel>.pc-empty-state span{font-size:11px;}
.pc-capsules-panel>.pc-empty-state .pc-primary-button{margin-top:6px;min-height:38px;padding:0 15px;font-size:11px;}
.pc-capsules-panel>.pc-inline-error{margin:10px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--pc-danger) 25%,var(--pc-border));border-radius:10px;background:color-mix(in srgb,var(--pc-danger) 5%,transparent);font-size:10px;}

/* Per-user and OS accessibility switches win over decorative animation. */
.pc-reduce-animations .frame-cyber-horns-lite:before,.pc-reduce-animations .frame-cosmic-orbit:before,.pc-reduce-animations .frame-liquid-demon:before,.pc-reduce-animations .frame-shadow-dragon:before,.pc-reduce-animations .frame-butterfly:before,.pc-reduce-animations .frame-inferno-horns:before,.pc-reduce-animations .frame-frost-crown:before{animation:none;}
@media (prefers-reduced-motion:reduce){.frame-cyber-horns-lite:before,.frame-cosmic-orbit:before,.frame-liquid-demon:before,.frame-shadow-dragon:before,.frame-butterfly:before,.frame-inferno-horns:before,.frame-frost-crown:before{animation:none;}}

@media (max-width:767px){
  .pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.30;}
  .pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:1.31;}
  .pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.33;}
  .pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.37;}
  .pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.40;}
  .pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.32;}
  .pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.35;}
  .pc-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .pc-frame-grid>button{min-height:112px;padding:9px 4px;}
  .pc-frame-swatch{width:60px;height:60px;}
  .pc-frame-swatch>img,.pc-frame-swatch>i{width:52px;height:52px;}
  .pc-capsule-card{grid-template-columns:40px minmax(0,1fr);padding:13px 8px;}
  .pc-capsule-card>time{grid-column:2;grid-row:4;margin-top:5px;}
  .pc-capsule-card>i{display:none;}
}

/* HOTFIX 5 — Frame visibility scope
   Product rule: selected profile frames are visible only on profiles, authored posts,
   and chat/message surfaces. They stay hidden in Settings, story tray, composer,
   suggestions/search, notifications and other utility UI. Frame picker previews remain visible. */
.pc-avatar-shell[class*="frame-"]:before,.pc-avatar-shell[class*="frame-"]:after{display:none;}

/* Posts */
.pc-post-card .pc-avatar-shell[class*="frame-"]:before,.pc-post-card .pc-avatar-shell[class*="frame-"]:after{display:block;}

/* Direct messages / inbox */


/* Rooms are chat surfaces too. */


/* Profile page (generic avatar component instances, if present). */
.pc-profile-page .pc-avatar-shell[class*="frame-"]:before,.pc-profile-page .pc-avatar-shell[class*="frame-"]:after{display:block;}

/* Explicitly keep settings clean even if nested UI structure changes later. */
.pc-settings-page .pc-avatar-shell[class*="frame-"]:before,.pc-settings-page .pc-avatar-shell[class*="frame-"]:after,.pc-settings-v4-page .pc-avatar-shell[class*="frame-"]:before,.pc-settings-v4-page .pc-avatar-shell[class*="frame-"]:after,.pc-settings-v4-main .pc-avatar-shell[class*="frame-"]:before,.pc-settings-v4-main .pc-avatar-shell[class*="frame-"]:after{display:none;}


/* =============================================================
   HOWU HOTFIX 7 — COMPACT PROFILE + CHAT APP UI + LIVE FRAMES
   Reference-driven messaging treatment: mint canvas, clean outlined
   bubbles, yellow/gold send action, compact lists, responsive mobile.
   ============================================================= */

/* PROFILE — keep the avatar/frame intentional, not oversized. */
@media (min-width:768px){
  .pc-profile-top{grid-template-columns:128px minmax(0,1fr);gap:24px;padding:0 30px;}
  .pc-profile-avatar-wrap{width:116px;height:116px;}
  .pc-profile-avatar{width:112px;height:112px;}
  .pc-profile-avatar>svg{width:42px;}
  .pc-profile-overview{padding-top:4px;}
}
.pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.27;}
.pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:1.28;}
.pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.30;}
.pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.34;}
.pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.36;}
.pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.30;}
.pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.31;}

/* SOCIAL / CHAT HUB — use the reference's calm mint chat-app language. */








/* Inbox list like the reference's left chat rail. */



















/* Thoughts / voice remain available but visually subordinate to Chats. */


/* ROOMS — same language as the reference chat list. */













/* Room chat itself — outlined incoming bubbles + mint outgoing bubbles. */











/* CAPSULES — same chat-app surface instead of a generic dashboard card. */












/* Capsule / Room creation dialogs match the same visual system. */
.pc-capsule-create{
  border:1px solid #bfded2;
  border-radius:22px;
  background:linear-gradient(145deg,#f8fffc,#e9fbf3);
  box-shadow:0 25px 80px rgba(46,91,74,.20);
}
.pc-capsule-create input,.pc-capsule-create textarea,.pc-capsule-create select{
  border:1px solid #b9cbc4;
  border-radius:12px;
  background:#fff;
}
.pc-capsule-create>.pc-primary-button{background:#f4c51c;border:0;color:#fff;}

/* DIRECT CHAT — desktop and mobile both follow the reference. */


















/* FRAME ANIMATION — clearly visible but not frantic. Applies wherever frames are allowed. */
@keyframes pc7-frame-neon{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 2px 5px rgba(72,112,255,.20)) brightness(1)}50%{transform:translate(-50%,-50%) scale(1.035);filter:drop-shadow(0 5px 14px rgba(225,63,255,.52)) brightness(1.16) saturate(1.18)}}
@keyframes pc7-frame-orbit{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{filter:drop-shadow(0 4px 11px rgba(135,70,255,.38)) brightness(1.10)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}
@keyframes pc7-frame-liquid{0%,100%{transform:translate(-50%,-50%) rotate(-1deg) scale(1);filter:drop-shadow(0 3px 6px rgba(93,42,170,.30))}50%{transform:translate(-50%,-50%) rotate(1deg) scale(1.028);filter:drop-shadow(0 6px 14px rgba(136,64,255,.55)) brightness(1.13)}}
@keyframes pc7-frame-dragon{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1);filter:drop-shadow(0 3px 7px rgba(95,37,190,.32))}50%{transform:translate(-50%,-50%) translateY(-2px) scale(1.025);filter:drop-shadow(0 8px 18px rgba(126,54,255,.62)) brightness(1.14)}}
@keyframes pc7-frame-butterfly{0%,100%{transform:translate(-50%,-50%) translateY(1px) scale(1);filter:drop-shadow(0 4px 8px rgba(86,128,255,.28))}50%{transform:translate(-50%,-50%) translateY(-3px) scale(1.025);filter:drop-shadow(0 8px 17px rgba(147,112,255,.55)) brightness(1.15)}}
@keyframes pc7-frame-fire{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 3px 7px rgba(255,54,123,.32)) saturate(1)}50%{transform:translate(-50%,-50%) scale(1.038);filter:drop-shadow(0 8px 18px rgba(255,73,76,.58)) saturate(1.25) brightness(1.12)}}
@keyframes pc7-frame-frost{0%,100%{transform:translate(-50%,-50%) rotate(-.35deg) scale(1);filter:drop-shadow(0 3px 7px rgba(75,151,255,.28)) brightness(1)}50%{transform:translate(-50%,-50%) rotate(.35deg) scale(1.025);filter:drop-shadow(0 7px 17px rgba(76,174,255,.60)) brightness(1.20) saturate(1.10)}}









/* User and OS reduced-motion preferences still win. */
.pc-reduce-animations [class*="frame-"]:before{animation:none;}


/* Tablet / phone adaptation of the reference layout. */
@media (max-width:767px){
  .pc-profile-avatar-wrap{width:78px;height:78px;}
  .pc-profile-avatar{width:76px;height:76px;}
  .pc-profile-top{grid-template-columns:82px minmax(0,1fr);gap:13px;}
  .pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.25;}
  .pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:1.26;}
  .pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.28;}
  .pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.31;}
  .pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.33;}
  .pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.28;}
  .pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.29;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
nn/* ======================================================================
   HOWU HOTFIX 8 — precision frames + conversation-first social UI
   + real scheduled publishing
   ====================================================================== */

/* PRECISION FRAME GEOMETRY
   Frame artwork is centered on the avatar and animation is forbidden from
   changing its position. Values are calibrated to each transparent PNG's
   actual inner opening so the decorative ring meets the PFP edge cleanly. */
.pc-avatar-shell.frame-cyber-horns-lite{--pc-frame-art-scale:1.73;}
.pc-avatar-shell.frame-cosmic-orbit{--pc-frame-art-scale:2.46;}
.pc-avatar-shell.frame-liquid-demon{--pc-frame-art-scale:1.74;}
.pc-avatar-shell.frame-shadow-dragon{--pc-frame-art-scale:1.71;}
.pc-avatar-shell.frame-butterfly{--pc-frame-art-scale:1.94;}
.pc-avatar-shell.frame-inferno-horns{--pc-frame-art-scale:1.70;}
.pc-avatar-shell.frame-frost-crown{--pc-frame-art-scale:1.71;}

:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cosmic-orbit:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-liquid-demon:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-shadow-dragon:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-butterfly:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-inferno-horns:before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-frost-crown:before{
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  transform-origin:50% 50%;
  background-position:50% 50%;
  background-size:contain;
  box-sizing:border-box;
}

/* No transform animation: transform animations were the cause of detached/
   drifting frame art in post headers. Animation now changes light only. */
@keyframes pc8-neon{0%,100%{opacity:.96;filter:drop-shadow(0 2px 5px rgba(65,116,255,.25)) brightness(1)}50%{opacity:1;filter:drop-shadow(0 5px 12px rgba(218,60,255,.5)) brightness(1.15) saturate(1.14)}}
@keyframes pc8-cosmic{0%,100%{opacity:.94;filter:drop-shadow(0 2px 5px rgba(117,58,255,.28)) brightness(1)}50%{opacity:1;filter:drop-shadow(0 6px 14px rgba(139,75,255,.55)) brightness(1.17)}}
@keyframes pc8-liquid{0%,100%{opacity:.95;filter:drop-shadow(0 3px 6px rgba(95,42,170,.28)) contrast(1)}50%{opacity:1;filter:drop-shadow(0 6px 13px rgba(137,65,255,.50)) contrast(1.08) brightness(1.1)}}
@keyframes pc8-dragon{0%,100%{opacity:.95;filter:drop-shadow(0 3px 7px rgba(93,38,189,.32)) brightness(1)}50%{opacity:1;filter:drop-shadow(0 7px 16px rgba(127,55,255,.58)) brightness(1.14)}}
@keyframes pc8-butterfly{0%,100%{opacity:.94;filter:drop-shadow(0 3px 7px rgba(91,132,255,.26)) brightness(1)}50%{opacity:1;filter:drop-shadow(0 7px 16px rgba(149,113,255,.5)) brightness(1.16)}}
@keyframes pc8-fire{0%,100%{opacity:.95;filter:drop-shadow(0 3px 7px rgba(255,60,125,.3)) saturate(1)}50%{opacity:1;filter:drop-shadow(0 7px 16px rgba(255,78,68,.56)) saturate(1.22) brightness(1.12)}}
@keyframes pc8-frost{0%,100%{opacity:.94;filter:drop-shadow(0 3px 6px rgba(72,151,255,.28)) brightness(1)}50%{opacity:1;filter:drop-shadow(0 7px 15px rgba(75,179,255,.58)) brightness(1.18) saturate(1.08)}}







.pc-reduce-animations [class*="frame-"]:before{animation:none;}


/* Give framed post avatars a deliberate footprint, while keeping the artwork
   entirely attached to the avatar instead of wandering into the post body. */
.pc-post-card .pc-post-header .pc-avatar-shell[class*="frame-"]{margin:8px 9px 8px 8px;flex:0 0 auto;}
.pc-post-card .pc-post-header{overflow:visible;}
.pc-post-card .pc-post-header .pc-avatar-media{position:absolute;inset:0;border-radius:50%;overflow:hidden;}

/* Main profile: smaller identity mark; the decoration can extend outside it. */
@media (min-width:768px){
  .pc-profile-top{grid-template-columns:104px minmax(0,1fr);gap:16px;}
  .pc-profile-avatar-wrap{width:94px;height:94px;}
  .pc-profile-avatar{width:84px;height:84px;}
}
@media (max-width:767px){
  .pc-profile-top{grid-template-columns:78px minmax(0,1fr);gap:12px;}
  .pc-profile-avatar-wrap{width:72px;height:72px;}
  .pc-profile-avatar{width:68px;height:68px;}
}

/* CHATS — conversation first, like a modern WhatsApp-style messenger rather
   than a dashboard. Keep HOWU's identity via mint + warm send accent. */








/* The reference is a chat product, so Thoughts/Voice no longer interrupt the
   inbox. Their underlying features remain intact elsewhere in HOWU. */

















/* Rooms and Capsules share the same conversation-list language. */




/* Direct chat: WhatsApp-like structure while preserving existing HOWU
   message, reaction, media, voice and realtime functionality. */











/* REAL POST SCHEDULING UI */
.pc-create-schedule{margin:8px 14px 4px;padding:12px;display:grid;gap:9px;border:1px solid var(--pc-border-soft,var(--pc-border));border-radius:11px;background:var(--pc-surface-2);}
.pc-create-schedule .pc-create-option-title{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pc-create-schedule .pc-create-option-title strong{font-size:12px;color:var(--pc-text);}
.pc-create-schedule .pc-create-option-title button{border:0;background:transparent;color:var(--pc-accent,#dca83d);font-size:11px;font-weight:700;}
.pc-create-schedule input[type="datetime-local"]{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--pc-border);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);font:inherit;color-scheme:light dark;}
.pc-create-schedule small{font-size:10px;color:var(--pc-text-soft);line-height:1.35;}
.pc-create-toolbar button.is-active{background:color-mix(in srgb,var(--pc-accent,#e1a93c) 12%,var(--pc-surface));color:var(--pc-accent,#dca83d);}



/* Hotfix 8 final selector corrections for the existing compiled chat/room/capsule DOM. */
























/* ======================================================================
   HOWU HOTFIX 9 — Customize loader repair + exact messenger workspace
   + frame artwork physically anchored to avatar media
   ====================================================================== */

/* Explicit frame layer. Safari can no longer position frame art against
   a pseudo-element ancestor. */
.pc-avatar-shell[class*="frame-"]::before{display:none;}
.pc-avatar-frame-art{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:calc(100% * var(--pc-frame-art-scale,1.70));
  height:calc(100% * var(--pc-frame-art-scale,1.70));
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  transform:translate(-50%,-50%);
  transform-origin:center;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  border:0;
  background:transparent;
}
.pc-avatar-shell.frame-cyber-horns-lite{--pc-frame-art-scale:1.707;}
.pc-avatar-shell.frame-cosmic-orbit{--pc-frame-art-scale:2.430;}
.pc-avatar-shell.frame-liquid-demon{--pc-frame-art-scale:1.718;}
.pc-avatar-shell.frame-shadow-dragon{--pc-frame-art-scale:1.690;}
.pc-avatar-shell.frame-butterfly{--pc-frame-art-scale:1.918;}
.pc-avatar-shell.frame-inferno-horns{--pc-frame-art-scale:1.679;}
.pc-avatar-shell.frame-frost-crown{--pc-frame-art-scale:1.690;}

@keyframes pc9-frame-neon{0%,100%{filter:drop-shadow(0 2px 4px rgba(80,120,255,.25)) brightness(1)}50%{filter:drop-shadow(0 4px 10px rgba(225,70,255,.48)) brightness(1.12) saturate(1.1)}}
@keyframes pc9-frame-cosmic{0%,100%{filter:drop-shadow(0 2px 5px rgba(117,58,255,.28)) brightness(1)}50%{filter:drop-shadow(0 5px 12px rgba(139,75,255,.52)) brightness(1.13)}}
@keyframes pc9-frame-liquid{0%,100%{filter:drop-shadow(0 2px 5px rgba(95,42,170,.28)) contrast(1)}50%{filter:drop-shadow(0 5px 12px rgba(137,65,255,.48)) contrast(1.06) brightness(1.08)}}
@keyframes pc9-frame-dragon{0%,100%{filter:drop-shadow(0 2px 5px rgba(93,38,189,.30)) brightness(1)}50%{filter:drop-shadow(0 5px 13px rgba(127,55,255,.54)) brightness(1.11)}}
@keyframes pc9-frame-butterfly{0%,100%{filter:drop-shadow(0 2px 5px rgba(91,132,255,.24)) brightness(1)}50%{filter:drop-shadow(0 5px 13px rgba(149,113,255,.48)) brightness(1.13)}}
@keyframes pc9-frame-fire{0%,100%{filter:drop-shadow(0 2px 5px rgba(255,60,125,.28)) saturate(1)}50%{filter:drop-shadow(0 5px 13px rgba(255,78,68,.52)) saturate(1.18) brightness(1.10)}}
@keyframes pc9-frame-frost{0%,100%{filter:drop-shadow(0 2px 5px rgba(72,151,255,.26)) brightness(1)}50%{filter:drop-shadow(0 5px 12px rgba(75,179,255,.54)) brightness(1.14)}}
.pc-avatar-frame-art.frame-cyber-horns-lite{animation:pc9-frame-neon 2.8s ease-in-out infinite;}
.pc-avatar-frame-art.frame-cosmic-orbit{animation:pc9-frame-cosmic 4.6s ease-in-out infinite;}
.pc-avatar-frame-art.frame-liquid-demon{animation:pc9-frame-liquid 3.2s ease-in-out infinite;}
.pc-avatar-frame-art.frame-shadow-dragon{animation:pc9-frame-dragon 3s ease-in-out infinite;}
.pc-avatar-frame-art.frame-butterfly{animation:pc9-frame-butterfly 3.1s ease-in-out infinite;}
.pc-avatar-frame-art.frame-inferno-horns{animation:pc9-frame-fire 2.1s ease-in-out infinite;}
.pc-avatar-frame-art.frame-frost-crown{animation:pc9-frame-frost 3s ease-in-out infinite;}
.pc-reduce-animations .pc-avatar-frame-art{animation:none;}
@media (prefers-reduced-motion:reduce){.pc-avatar-frame-art{animation:none;}}

.pc-post-card .pc-post-header .pc-avatar-shell[class*="frame-"]{margin:0 10px 0 0;align-self:flex-start;}
.pc-post-card .pc-post-header .pc-avatar-media{position:absolute;inset:0;border-radius:50%;overflow:hidden;}
.pc-post-card .pc-avatar-frame-art{z-index:3;}

/* Messenger shell */






























































/* ======================================================================
   HOWU HOTFIX 10 — framed avatar cleanup + real in-call room voice UI
   ====================================================================== */

/* A selected art frame IS the avatar border. Never stack the stock white
   profile ring underneath it. Keep only a soft aura glow behind the artwork. */
.pc-profile-page .pc-profile-avatar[class*="frame-"]{
  border:0;
  outline:0;
  box-shadow:0 0 18px color-mix(in srgb,var(--pc-profile-accent,var(--pc-accent)) 34%,transparent);
  background:transparent;
}
.pc-profile-page .pc-profile-avatar[class*="frame-"]>img{
  border:0;
  outline:0;
  box-shadow:none;
}
.pc-profile-page .pc-profile-avatar-wrap:has(.pc-profile-avatar[class*="frame-"]){
  background:transparent;
  border:0;
  box-shadow:none;
}

/* ROOM CALL — make voice feel like an actual Discord/WhatsApp call rather
   than a tiny voice setting row. */


















@keyframes pc-call-live{50%{box-shadow:0 0 0 7px #23c96b08}}






















/* ======================================================================
   HOWU HOTFIX 11 — precision frames, Saved library, notifications,
   mood-aware chats, animated HOWU loader, reliable room/DM calls
   ====================================================================== */

/* PRECISION PROFILE FRAME — same explicit image layer as post/chat avatars.
   The scale values are measured from each PNG's actual transparent center hole. */
.pc-profile-avatar[class*="frame-"]::before,.pc-profile-avatar[class*="frame-"]::after{display:none;}
.pc-profile-avatar{position:relative;overflow:visible;}
.pc-profile-avatar>.pc-avatar-frame-art{
  position:absolute;left:50%;top:50%;z-index:6;
  width:calc(100% * var(--pc-frame-art-scale,1.69));height:calc(100% * var(--pc-frame-art-scale,1.69));
  max-width:none;max-height:none;object-fit:contain;object-position:center;
  transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;
  border:0;outline:0;background:transparent;box-shadow:none;}
.pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.701;}
.pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:2.430;}
.pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.718;}
.pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.690;}
.pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.910;}
.pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.679;}
.pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.690;}
.pc-profile-avatar[class*="frame-"]>img:not(.pc-avatar-frame-art){position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:2;}
.pc-profile-avatar .pc-avatar-frame-art.frame-cyber-horns-lite{animation:pc11-neon 2.5s ease-in-out infinite;}
.pc-profile-avatar .pc-avatar-frame-art.frame-cosmic-orbit{animation:pc11-cosmic 12s linear infinite;}
.pc-profile-avatar .pc-avatar-frame-art.frame-liquid-demon{animation:pc11-liquid 3.1s ease-in-out infinite;}
.pc-profile-avatar .pc-avatar-frame-art.frame-shadow-dragon{animation:pc11-dragon 2.8s ease-in-out infinite;}
.pc-profile-avatar .pc-avatar-frame-art.frame-butterfly{animation:pc11-butterfly 3.6s ease-in-out infinite;}
.pc-profile-avatar .pc-avatar-frame-art.frame-inferno-horns{animation:pc11-fire 1.8s ease-in-out infinite;}
.pc-profile-avatar .pc-avatar-frame-art.frame-frost-crown{animation:pc11-frost 3.2s ease-in-out infinite;}
@keyframes pc11-neon{0%,100%{filter:drop-shadow(0 0 4px #2bdcff55) brightness(1)}50%{filter:drop-shadow(0 0 11px #ff36e888) brightness(1.15) saturate(1.12)}}
@keyframes pc11-cosmic{0%{transform:translate(-50%,-50%) rotate(0deg);filter:drop-shadow(0 0 5px #7c3aed55)}100%{transform:translate(-50%,-50%) rotate(360deg);filter:drop-shadow(0 0 10px #a855f777)}}
@keyframes pc11-liquid{0%,100%{filter:drop-shadow(0 0 5px #6d28d955) brightness(.98)}50%{filter:drop-shadow(0 0 12px #8b5cf688) brightness(1.12) contrast(1.05)}}
@keyframes pc11-dragon{0%,100%{filter:drop-shadow(0 0 5px #6d28d955) brightness(1)}50%{filter:drop-shadow(0 0 13px #7c3aed99) brightness(1.13)}}
@keyframes pc11-butterfly{0%,100%{filter:drop-shadow(0 0 5px #60a5fa44) brightness(1)}50%{filter:drop-shadow(0 0 12px #a78bfa88) brightness(1.16) saturate(1.08)}}
@keyframes pc11-fire{0%,100%{filter:drop-shadow(0 0 4px #ff3d8155) brightness(1)}45%{filter:drop-shadow(0 0 12px #ff6a3daa) brightness(1.17) saturate(1.16)}70%{filter:drop-shadow(0 0 8px #ff2bd077) brightness(1.08)}}
@keyframes pc11-frost{0%,100%{filter:drop-shadow(0 0 4px #38bdf855) brightness(1)}50%{filter:drop-shadow(0 0 12px #60a5faaa) brightness(1.18)}}
.pc-reduce-animations .pc-profile-avatar .pc-avatar-frame-art{animation:none;}
@media(prefers-reduced-motion:reduce){.pc-profile-avatar .pc-avatar-frame-art{animation:none;}}

/* SAVED — library, not an AI dashboard. */
.pc-saved-page{width:min(1120px,100%);margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto auto minmax(320px,auto);column-gap:24px;align-items:start;}
.pc-saved-page>.pc-page-title{grid-column:1/-1;padding:6px 0 20px;margin:0;border:0;background:transparent;display:flex;align-items:end;justify-content:space-between;}
.pc-saved-page>.pc-page-title h1{font-size:30px;letter-spacing:-.035em;font-weight:820;}
.pc-saved-page>.pc-page-title p{font-size:11px;color:var(--pc-text-soft);}
.pc-saved-page>.pc-collection-strip{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;gap:5px;padding:4px 0;overflow:visible;background:transparent;}
.pc-saved-page>.pc-collection-strip::before{content:"Collections";font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-text-soft);padding:0 10px 7px;}
.pc-saved-page>.pc-collection-strip button{width:100%;min-height:42px;padding:0 11px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--pc-text-soft);font-size:12px;font-weight:650;}
.pc-saved-page>.pc-collection-strip button small{min-width:26px;padding:2px 7px;border-radius:999px;background:var(--pc-surface-2);text-align:center;color:var(--pc-text-soft);font-size:9px;}
.pc-saved-page>.pc-collection-strip button:hover{background:var(--pc-surface-2);color:var(--pc-text);}
.pc-saved-page>.pc-collection-strip button.is-active{background:var(--pc-text);color:var(--pc-surface);}
.pc-saved-page>.pc-collection-strip button.is-active small{background:rgba(255,255,255,.16);color:inherit;}
.pc-saved-page>.pc-collection-create{grid-column:2;grid-row:2;margin:0 0 16px;padding:0;border:0;background:transparent;box-shadow:none;}
.pc-saved-page>.pc-collection-create>label{font-size:0;display:block;}
.pc-saved-page>.pc-collection-create>label::before{content:"Create a collection";display:block;margin-bottom:7px;font-size:11px;font-weight:720;color:var(--pc-text);}
.pc-saved-page .pc-settings-input-action{display:grid;grid-template-columns:1fr auto;gap:8px;}
.pc-saved-page .pc-settings-input-action input{height:42px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-surface);padding:0 13px;font-size:12px;}
.pc-saved-page .pc-settings-input-action button{height:42px;padding:0 17px;border:0;border-radius:10px;background:var(--pc-text);color:var(--pc-surface);font-size:11px;font-weight:760;}
.pc-saved-page>.pc-saved-grid{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;align-items:start;}
.pc-saved-page .pc-saved-card{position:relative;display:flex;flex-direction:column;min-height:210px;border:1px solid var(--pc-border-soft);border-radius:13px;background:var(--pc-surface);overflow:hidden;box-shadow:none;transition:transform .18s ease,border-color .18s ease;}
.pc-saved-page .pc-saved-card:hover{transform:translateY(-2px);border-color:var(--pc-border);}
.pc-saved-card-preview{min-height:155px;aspect-ratio:4/3;display:grid;place-items:center;background:var(--pc-surface-2);overflow:hidden;}
.pc-saved-card-preview img{width:100%;height:100%;object-fit:cover;}
.pc-saved-card-preview p{padding:22px;font-size:15px;line-height:1.45;color:var(--pc-text);text-align:left;width:100%;}
.pc-saved-card-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 2px;}
.pc-saved-card-info p{font-size:10px;color:var(--pc-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pc-saved-card-info time{margin-left:auto;font-size:8.5px;color:var(--pc-text-faint,var(--pc-text-soft));white-space:nowrap;}
.pc-saved-actions{display:flex;align-items:center;gap:6px;padding:8px 10px 10px;margin-top:auto;}
.pc-saved-actions select{min-width:0;flex:1;height:31px;border:1px solid var(--pc-border-soft);border-radius:8px;background:var(--pc-surface);padding:0 8px;font-size:9.5px;}
.pc-saved-actions button{height:31px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--pc-danger);font-size:9.5px;}
.pc-saved-actions button:hover{background:color-mix(in srgb,var(--pc-danger) 8%,transparent);}
.pc-saved-page>.pc-settings-v4-group{grid-column:1;align-self:end;border:0;background:transparent;padding:8px;}
@media(max-width:900px){.pc-saved-page{grid-template-columns:1fr;}.pc-saved-page>*{grid-column:1;}.pc-saved-page>.pc-collection-strip{grid-row:auto;flex-direction:row;overflow-x:auto;padding:0 0 10px;}.pc-saved-page>.pc-collection-strip::before{display:none;}.pc-saved-page>.pc-collection-strip button{width:auto;min-width:max-content;}.pc-saved-page>.pc-collection-create,.pc-saved-page>.pc-saved-grid{grid-row:auto;}.pc-saved-page>.pc-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.pc-saved-page>.pc-saved-grid{grid-template-columns:1fr;}.pc-saved-page>.pc-page-title{align-items:flex-start;flex-direction:column;gap:3px;}.pc-saved-page>.pc-page-title h1{font-size:26px;}}

/* NOTIFICATIONS — compact social activity feed. */



























/* MOOD-AWARE CHAT EMPTY STATE */


/* HOWU WORDMARK LOADER — no logo, no spinner. */
.pc-app-loading{display:grid;place-items:center;min-height:100dvh;background:var(--pc-bg,#fff);overflow:hidden;}
.pc-inline-loader{min-height:180px;background:transparent;}
.pc-loader-word{position:relative;display:inline-block;font-size:clamp(38px,7vw,78px);font-weight:900;letter-spacing:-.065em;line-height:1;background:linear-gradient(90deg,#ff3b81,#ff9f1c,#f7e733,#28d17c,#31b9ff,#7157ff,#d946ef,#ff3b81);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pc11-loader-enter .7s cubic-bezier(.2,.8,.2,1) both,pc11-loader-rainbow 1.8s linear .15s infinite,pc11-loader-float 1.35s ease-in-out .7s infinite;filter:drop-shadow(0 8px 28px rgba(108,92,231,.16));}
.pc-loader-word::after{content:"";position:absolute;left:10%;right:10%;bottom:-13px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#7c3aed,#22d3ee,#ec4899,transparent);transform-origin:center;animation:pc11-loader-scan 1.15s ease-in-out infinite;}
@keyframes pc11-loader-enter{0%{opacity:0;transform:translateY(18px) scale(.88);filter:blur(14px)}65%{opacity:1;transform:translateY(-2px) scale(1.025);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pc11-loader-rainbow{to{background-position:-280% 0}}
@keyframes pc11-loader-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes pc11-loader-scan{0%,100%{transform:scaleX(.18);opacity:.2}50%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.pc-loader-word,.pc-loader-word::after{animation:none;}}

/* DM CALL — WhatsApp/Discord style header control + incoming/live tray. */

@keyframes pc11-ring{0%,100%{box-shadow:0 0 0 0 rgba(31,180,118,.18)}50%{box-shadow:0 0 0 7px rgba(31,180,118,0)}}



/* Room call polish: real call stage, not a voice-status row. */


/* HOTFIX 11.1 — frame geometry recalibrated against the TRUE alpha-clear
   center of each production PNG (alpha < 5), so no decorative pixels sit
   inside the circular PFP edge. This overrides every older approximation. */
.pc-avatar-shell.frame-cyber-horns-lite,.pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.744;}
.pc-avatar-shell.frame-cosmic-orbit,.pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:2.434;}
.pc-avatar-shell.frame-liquid-demon,.pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.745;}
.pc-avatar-shell.frame-shadow-dragon,.pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.715;}
.pc-avatar-shell.frame-butterfly,.pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.948;}
.pc-avatar-shell.frame-inferno-horns,.pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.703;}
.pc-avatar-shell.frame-frost-crown,.pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.715;}
.pc-avatar-shell[class*="frame-"] .pc-avatar-media,.pc-profile-avatar[class*="frame-"]>img:not(.pc-avatar-frame-art){
  clip-path:circle(49.4% at 50% 50%);
  border:0;outline:0;box-shadow:none;
}
.pc-avatar-shell[class*="frame-"],.pc-profile-avatar[class*="frame-"]{isolation:isolate;}
.pc-avatar-frame-art{image-rendering:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;}





.pc-saved-page>.pc-saved-toolbar{grid-column:2;grid-row:3;display:flex;align-items:end;gap:8px;margin:0 0 12px;}
.pc-saved-page>.pc-saved-toolbar label{flex:1;display:grid;gap:5px;}
.pc-saved-page>.pc-saved-toolbar label span{font-size:9px;font-weight:700;color:var(--pc-text-soft);}
.pc-saved-page>.pc-saved-toolbar input,.pc-saved-page>.pc-saved-toolbar select{height:38px;border:1px solid var(--pc-border-soft);border-radius:9px;background:var(--pc-surface);color:var(--pc-text);padding:0 11px;font-size:10px;outline:none;}
.pc-saved-page>.pc-saved-toolbar input:focus,.pc-saved-page>.pc-saved-toolbar select:focus{border-color:var(--pc-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-accent) 10%,transparent);}
.pc-saved-page>.pc-saved-grid{grid-row:4;}
.pc-saved-page{grid-template-rows:auto auto auto minmax(320px,auto);}
.pc-saved-page>.pc-collection-strip{grid-row:2/5;}
.pc-saved-card-preview{width:100%;border:0;text-align:left;cursor:pointer;color:inherit;}
.pc-saved-card-preview:focus-visible{outline:2px solid var(--pc-accent);outline-offset:-2px;}
@media(max-width:850px){.pc-saved-page>.pc-saved-toolbar{grid-column:1;grid-row:auto;}.pc-saved-page>.pc-saved-grid{grid-row:auto;}}
@media(max-width:520px){.pc-saved-page>.pc-saved-toolbar{align-items:stretch;flex-direction:column;}.pc-saved-page>.pc-saved-toolbar select{width:100%;}}

/* ======================================================================
   HOWU HOTFIX 12 — frame geometry + performance + product polish
   ====================================================================== */

/* ART FRAMES — treat the transparent center as the exact PFP boundary.
   Values are calculated from the real alpha-clear circle in each PNG.
   Slight 0.4% overlap hides hairline gaps without covering the photo. */
.pc-avatar-shell.frame-cyber-horns-lite,.pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.6850;}
.pc-avatar-shell.frame-cosmic-orbit,.pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:2.3662;}
.pc-avatar-shell.frame-liquid-demon,.pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.6860;}
.pc-avatar-shell.frame-shadow-dragon,.pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.6573;}
.pc-avatar-shell.frame-butterfly,.pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.8818;}
.pc-avatar-shell.frame-inferno-horns,.pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.6460;}
.pc-avatar-shell.frame-frost-crown,.pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.6572;}

.pc-avatar-shell[class*="frame-"] .pc-avatar-media,.pc-profile-avatar[class*="frame-"]>img:not(.pc-avatar-frame-art){
  clip-path:circle(49% at 50% 50%);
  border-radius:50%;
  border:0;
  outline:0;
  box-shadow:none;
}
.pc-avatar-shell[class*="frame-"],.pc-profile-avatar[class*="frame-"],.pc-profile-avatar-wrap,.pc-profile-top,.pc-profile-header,.pc-post-header,.pc-post-avatar-button{overflow:visible;}
.pc-profile-header{isolation:isolate;}
.pc-profile-banner{overflow:hidden;}
.pc-profile-avatar-wrap{z-index:4;}
.pc-profile-avatar[class*="frame-"]{box-shadow:none;background:transparent;}
.pc-profile-avatar[class*="frame-"] .pc-avatar-frame-art,.pc-avatar-shell[class*="frame-"] .pc-avatar-frame-art{
  transform:translate3d(-50%,-50%,0);
  transform-origin:50% 50%;
  contain:layout style;
  will-change:filter,opacity;
}

/* Give horn/crown frames actual breathing room instead of clipping them at the
   top edge of the profile card. The PFP stays the same size. */
.pc-profile-header:not(:has(.pc-profile-banner)) .pc-profile-top{padding-top:24px;}
.pc-profile-page .pc-profile-header{overflow:visible;}
.pc-profile-page .pc-profile-top{min-height:132px;}
@media(max-width:767px){
  .pc-profile-header:not(:has(.pc-profile-banner)) .pc-profile-top{padding-top:18px;}
  .pc-profile-page .pc-profile-top{min-height:94px;}
}

/* Frames belong to profile, feed posts, DMs and room chat — not the story tray
   or Story Viewer. Story state keeps its own clean ring. */
.pc-stories .pc-avatar-frame-art,.pc-story-avatar .pc-avatar-frame-art,.pc-story-stage .pc-avatar-frame-art,.pc-story-header .pc-avatar-frame-art{display:none;}
.pc-stories .pc-avatar-shell[class*="frame-"],.pc-story-stage .pc-avatar-shell[class*="frame-"]{filter:none;}

/* Frame animation: light only, never geometry. This keeps every horn/wing
   physically locked to the same pixels around the PFP. */
@keyframes pc12-frame-breathe{0%,100%{opacity:.965;filter:brightness(1) saturate(1)}50%{opacity:1;filter:brightness(1.08) saturate(1.08)}}
@keyframes pc12-frame-fire{0%,100%{opacity:.97;filter:brightness(1) saturate(1.02) drop-shadow(0 3px 6px rgba(255,72,80,.22))}50%{opacity:1;filter:brightness(1.11) saturate(1.16) drop-shadow(0 5px 10px rgba(255,75,73,.38))}}


.pc-reduce-animations .pc-avatar-frame-art{animation:none;}
@media(prefers-reduced-motion:reduce){.pc-avatar-frame-art{animation:none;}}

/* LOADING — iPad/Safari-safe: no blur, no infinite background-position, no
   drop-shadow stack, no scanner. One lightweight entrance + rainbow sweep. */
.pc-app-loading{background:var(--pc-bg,#f7f8fa);contain:layout paint;}
.pc-loader-word{
  position:relative;
  display:inline-block;
  font-size:clamp(34px,6.2vw,68px);
  font-weight:850;
  letter-spacing:-.055em;
  line-height:1;
  color:transparent;
  background:linear-gradient(100deg,#ff4f8b 0%,#ff9c3b 18%,#f5d94e 34%,#38c98b 50%,#2caaf7 66%,#7357f6 82%,#d34be8 100%);
  background-size:160% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:none;
  text-shadow:none;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  will-change:transform,opacity,background-position;
  animation:pc12-loader-in .34s cubic-bezier(.22,.8,.3,1) both,pc12-loader-color .9s ease-out .04s 1 both;
}
.pc-loader-word::after{display:none;}
@keyframes pc12-loader-in{0%{opacity:0;transform:translate3d(0,10px,0) scale(.96)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes pc12-loader-color{0%{background-position:0 0}100%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.pc-loader-word{animation:none;background-position:50% 0;}}

/* PRODUCT POLISH — less template/card soup, more intentional social UI. */
:root{--pc-radius-panel:14px;--pc-radius-control:10px;}
.pc-app main,.pc-main{scrollbar-gutter:stable both-edges;}
.pc-page-shell,.pc-profile-header,.pc-settings-card,.pc-saved-page{
  box-shadow:none;
}
.pc-profile-header,.pc-saved-page{
  border-color:color-mix(in srgb,var(--pc-border) 82%,transparent);
}
.pc-profile-header{border-radius:16px;}
.pc-profile-button,.pc-primary-button,.pc-secondary-button,.pc-icon-button{
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .1s ease;
}
.pc-profile-button:active,.pc-primary-button:active,.pc-secondary-button:active,.pc-icon-button:active{transform:scale(.98);}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid color-mix(in srgb,var(--pc-accent) 55%,#fff);
  outline-offset:2px;
}

/* Feed: flatter, more editorial rhythm. */
.pc-post-card{border-radius:14px;box-shadow:none;border:1px solid var(--pc-border-soft);background:var(--pc-surface);margin-bottom:14px;overflow:visible;}
.pc-post-header{padding:14px 16px 10px;}
.pc-post-caption{padding:7px 16px 14px;}
.pc-post-actions{border-top:1px solid color-mix(in srgb,var(--pc-border-soft) 72%,transparent);}
.pc-post-card .pc-avatar-shell[class*="frame-"]{margin:5px 8px 5px 5px;}

/* Empty states: remove gimmicky giant emoji/card treatment. */





/* Sidebar feels like navigation, not another card stack. */
.pc-sidebar{box-shadow:none;border-right:1px solid var(--pc-border-soft);background:color-mix(in srgb,var(--pc-surface) 94%,transparent);}
.pc-nav-item,.pc-sidebar nav button{border-radius:11px;}

/* Keep decorative artwork from creating accidental horizontal scrolling. */
html,body,#root,.pc-app{max-width:100%;overflow-x:clip;}

/* ======================================================================
   HOWU HOTFIX 13 — performance, exact frame fit, mobile-first polish
   ====================================================================== */
:root{--pc13-page-max:1120px;--pc13-feed-max:720px;--pc13-mobile-pad:12px;}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html,body,#root,.pc-app,.pc-layout{min-width:0;max-width:100%;}

/* Production frame geometry: map the real transparent opening to the PFP. */
.pc-avatar-shell.frame-cyber-horns-lite,.pc-profile-avatar.frame-cyber-horns-lite{--pc-frame-art-scale:1.7123;}
.pc-avatar-shell.frame-cosmic-orbit,.pc-profile-avatar.frame-cosmic-orbit{--pc-frame-art-scale:2.4326;}
.pc-avatar-shell.frame-liquid-demon,.pc-profile-avatar.frame-liquid-demon{--pc-frame-art-scale:1.7271;}
.pc-avatar-shell.frame-shadow-dragon,.pc-profile-avatar.frame-shadow-dragon{--pc-frame-art-scale:1.6978;}
.pc-avatar-shell.frame-butterfly,.pc-profile-avatar.frame-butterfly{--pc-frame-art-scale:1.9267;}
.pc-avatar-shell.frame-inferno-horns,.pc-profile-avatar.frame-inferno-horns{--pc-frame-art-scale:1.6863;}
.pc-avatar-shell.frame-frost-crown,.pc-profile-avatar.frame-frost-crown{--pc-frame-art-scale:1.6978;}
.pc-avatar-shell[class*="frame-"],.pc-profile-avatar[class*="frame-"]{position:relative;overflow:visible;isolation:isolate;border:0;outline:0;background:transparent;box-shadow:none;}
.pc-avatar-shell[class*="frame-"] .pc-avatar-media,.pc-profile-avatar[class*="frame-"]>img:not(.pc-avatar-frame-art){position:absolute;inset:0;width:100%;height:100%;border-radius:50%;clip-path:circle(49.75% at 50% 50%);object-fit:cover;border:0;outline:0;box-shadow:none;}
.pc-avatar-frame-art{position:absolute;left:50%;top:50%;width:calc(100% * var(--pc-frame-art-scale,1.70));height:calc(100% * var(--pc-frame-art-scale,1.70));max-width:none;max-height:none;object-fit:contain;object-position:center;transform:translate3d(-50%,-50%,0);transform-origin:50% 50%;pointer-events:none;z-index:5;border:0;outline:0;background:transparent;filter:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.pc-profile-header,.pc-profile-top,.pc-profile-avatar-wrap,.pc-post-card,.pc-post-header,.pc-post-avatar-button{overflow:visible;}
.pc-profile-avatar-wrap{z-index:6;}
.pc-profile-page .pc-profile-top{padding-top:46px;min-height:158px;}
.pc-post-header:has(.frame-inferno-horns),.pc-post-header:has(.frame-frost-crown),.pc-post-header:has(.frame-cyber-horns-lite){padding-top:20px;}
@keyframes pc13-frame-alive{0%,100%{opacity:.965}50%{opacity:1}}
@keyframes pc13-frame-fire{0%,100%{opacity:.94}45%{opacity:1}67%{opacity:.975}}
.pc-avatar-frame-art{animation:pc13-frame-alive 2.8s ease-in-out infinite;will-change:opacity;}
.pc-avatar-frame-art.frame-inferno-horns{animation:pc13-frame-fire 1.85s ease-in-out infinite;}
.pc-reduce-animations .pc-avatar-frame-art{animation:none;}
@media(prefers-reduced-motion:reduce){.pc-avatar-frame-art{animation:none;}}
.pc-stories .pc-avatar-frame-art,.pc-story-avatar .pc-avatar-frame-art,.pc-story-stage .pc-avatar-frame-art,.pc-story-header .pc-avatar-frame-art{display:none;}

/* Initial app load is handled by the zero-JS-paint boot loader in index. */
.pc-app.pc-app-loading{visibility:hidden;background:transparent;}
.pc-auth-callback .pc-loader-word,.pc-password-reset .pc-loader-word{display:inline-block;color:transparent;background:linear-gradient(90deg,#ff4f8b,#ffb53e,#52c98b,#369af8,#8359ee,#d34be8);-webkit-background-clip:text;background-clip:text;background-size:100% 100%;animation:pc13-auth-loader .32s ease-out both;filter:none;text-shadow:none;will-change:transform,opacity;}
@keyframes pc13-auth-loader{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}

/* Don't paint far-off cards until the user gets near them. */
@supports(content-visibility:auto){.pc-post-card,.pc-saved-card,.pc-settings-v4-group,.pc-settings-card,.pc-sponsored{content-visibility:auto;contain-intrinsic-size:auto 260px;}}

/* Cleaner, flatter social-product language. */
.pc-page-shell,.pc-settings-card,.pc-settings-v4-group,.pc-saved-page,.pc-profile-header,.pc-post-card{box-shadow:none;}
.pc-page-title h1,.pc-settings-v4-title h1{letter-spacing:-.035em;font-weight:800;}
.pc-primary-button,.pc-secondary-button,.pc-profile-button,.pc-icon-button{box-shadow:none;}
.pc-post-card{border-color:var(--pc-border-soft);}
.pc-post-card:hover{box-shadow:none;}
.pc-feed-column{gap:12px;}
.pc-main{max-width:var(--pc13-feed-max);}
.pc-main--wide{max-width:var(--pc13-page-max);}
.pc-post-caption p{line-height:1.5;}




/* Touch devices: remove expensive glass blur and keep interactions immediate. */
@media(hover:none){.pc-mobile-header,.pc-bottom-nav,.pc-replay-backdrop,.pc-post-options-backdrop,.pc-collection-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;}.pc-avatar-frame-art{filter:none;}button,a{transition-duration:.1s;}}

@media(max-width:767px){
  html,body,#root,.pc-app{width:100%;overflow-x:hidden;}
  body{background:var(--pc-bg);}
  .pc-mobile-header{position:sticky;top:0;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;background:var(--pc-surface);border-bottom:1px solid var(--pc-border-soft);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .pc-bottom-nav{height:calc(58px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:var(--pc-surface);border-top:1px solid var(--pc-border-soft);box-shadow:0 -1px 0 color-mix(in srgb,var(--pc-border-soft) 75%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;}
  .pc-bottom-nav>button{min-width:44px;height:54px;touch-action:manipulation;}
  .pc-layout{padding-bottom:calc(68px + env(safe-area-inset-bottom));}
  .pc-main,.pc-main--wide{width:100%;max-width:none;margin:0;}
  input,textarea,select{font-size:16px;}
  button,[role="button"],a{touch-action:manipulation;}

  .pc-feed-column{gap:0;}
  .pc-stories-wrap,.pc-feed-composer,.pc-sponsored,.pc-post-card.card-modern,.pc-post-card{border-left:0;border-right:0;border-radius:0;box-shadow:none;}
  .pc-stories-wrap{padding:12px var(--pc13-mobile-pad);}
  .pc-feed-composer{padding:12px var(--pc13-mobile-pad);}
  .pc-post-header{padding:13px var(--pc13-mobile-pad) 10px;}
  .pc-post-caption{padding:7px var(--pc13-mobile-pad) 13px;}
  .pc-post-actions{margin-inline:var(--pc13-mobile-pad);}
  .pc-post-media,.pc-post-card .pc-post-media-image{margin-inline:0;border-radius:0;max-height:76dvh;}

  .pc-profile-page{width:100%;max-width:none;padding:0;}
  .pc-profile-header,.pc-profile-content{border-left:0;border-right:0;border-radius:0;}
  .pc-profile-top{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:34px var(--pc13-mobile-pad) 8px;min-height:122px;overflow:visible;}
  .pc-profile-avatar-wrap{width:78px;height:78px;overflow:visible;}
  .pc-profile-avatar{width:74px;height:74px;}
  .pc-profile-overview{min-width:0;width:100%;}
  .pc-profile-username-row{min-width:0;max-width:100%;}
  .pc-profile-username-row h1,.pc-profile-username-row strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .pc-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;max-width:100%;}
  .pc-profile-actions>*{min-width:0;width:100%;min-height:40px;padding-inline:8px;}
  .pc-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;max-width:100%;margin-top:10px;}
  .pc-profile-stats>*{min-width:0;text-align:center;font-size:11px;}
  .pc-profile-bio{padding:10px var(--pc13-mobile-pad) 14px;}
  .pc-profile-page .pc-profile-top{padding-top:34px;min-height:122px;}

  
  
  
  
  
  

  .pc-saved-page,.pc-settings-v4-page{width:100%;max-width:none;border-left:0;border-right:0;border-radius:0;box-shadow:none;}
  .pc-settings-v4-page{padding-inline:var(--pc13-mobile-pad);}
  .pc-saved-page{display:block;padding:10px var(--pc13-mobile-pad);}
  .pc-saved-page>.pc-page-title{padding:4px 0 14px;}
  .pc-saved-page>.pc-collection-strip{display:flex;flex-direction:row;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 10px;scrollbar-width:none;}
  .pc-saved-page>.pc-collection-strip::-webkit-scrollbar{display:none;}
  .pc-saved-page>.pc-collection-strip>*{flex:0 0 auto;scroll-snap-align:start;}
  .pc-saved-page>.pc-saved-toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 10px;}
  .pc-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  
  

  .pc-bottom-sheet,.pc-post-options-sheet,.pc-collection-sheet,.pc-customize-sheet{width:100%;max-width:none;max-height:92dvh;border-radius:18px 18px 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom));}
}
@media(max-width:420px){.pc-profile-actions{grid-template-columns:1fr 1fr;}.pc-saved-grid{grid-template-columns:1fr;}.pc-mobile-more-menu{right:8px;left:8px;width:auto;}}
@media(max-width:350px){.pc-profile-top{grid-template-columns:72px minmax(0,1fr);gap:9px;padding-inline:9px;}.pc-profile-avatar-wrap{width:68px;height:68px;}.pc-profile-avatar{width:64px;height:64px;}.pc-profile-actions>*{font-size:10px;padding-inline:5px;}.pc-profile-stats>*{font-size:9.5px;}}
@media(min-width:768px) and (max-width:1180px){.pc-layout{padding-inline:18px;}.pc-main--wide{width:min(100%,980px);}.pc-profile-page,.pc-settings-v4-page,.pc-saved-page{max-width:980px;margin-inline:auto;}.pc-profile-page .pc-profile-top{padding-top:42px;}}

/* V13 cleaned from howu-polish-v4.css */
/* ======================================================================
   HOWU HOTFIX 14 — restrained product polish, exact customizer frames,
   lightweight rainbow loader, social micro-interactions
   ====================================================================== */

:root{
  --pc14-radius:14px;
  --pc14-radius-sm:10px;
  --pc14-line:color-mix(in srgb,var(--pc-border,#d9dde5) 76%,transparent);
  --pc14-hover:color-mix(in srgb,var(--pc-text,#111827) 4.2%,transparent);
  --pc14-pressed:color-mix(in srgb,var(--pc-text,#111827) 7%,transparent);
  --pc14-accent-soft:color-mix(in srgb,var(--pc-accent,#d9a53a) 10%,transparent);
}

/* ---------- Global product feel: quieter, sharper, less "template UI" ---------- */
.pc-app button,.pc-app a,.pc-app input,.pc-app textarea,.pc-app select{
  -webkit-tap-highlight-color:transparent;
}
.pc-app button,.pc-app [role="button"],.pc-app a{
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease,transform .14s ease;
}
.pc-app button:active,.pc-app [role="button"]:active{transform:scale(.985);}
.pc-primary-button,.pc-secondary-button,.pc-profile-button,.pc-icon-button{
  border-radius:10px;
  box-shadow:none;
  font-weight:720;
}
.pc-primary-button{background:var(--pc-text);color:var(--pc-surface);}
.pc-secondary-button{background:var(--pc-surface-2);border:1px solid var(--pc14-line);color:var(--pc-text);}
.pc-icon-button:hover{background:var(--pc14-hover);}
.pc-page-title h1,.pc-settings-v4-title h1{font-weight:820;letter-spacing:-.04em;}
.pc-page-title p,.pc-settings-v4-title p{line-height:1.45;}

/* ---------- Post cards ---------- */
@media(min-width:768px){
  .pc-post-card{
    border:1px solid var(--pc14-line);
    border-radius:16px;
    background:var(--pc-surface);
    overflow:visible;
  }
}
.pc-post-header{align-items:center;}
.pc-post-actions{border-top:1px solid var(--pc14-line);}
.pc-post-actions button{border-radius:9px;padding:7px 8px;margin:-3px 0;}
.pc-post-actions button:hover{background:var(--pc14-hover);}
.pc-post-menu-wrap button:hover{background:var(--pc14-hover);}
.pc-post-option-list{padding:5px;}
.pc-post-option{
  min-height:52px;
  border-radius:10px;
  padding:9px 10px;
}
.pc-post-option:hover{background:var(--pc14-hover);}
.pc-post-option.is-danger:hover{background:color-mix(in srgb,#ef4444 8%,transparent);}
.pc-post-options-sheet{
  border:1px solid var(--pc14-line);
  border-radius:18px;
  box-shadow:0 22px 60px rgba(15,23,42,.14);
}

/* ---------- Like micro-interaction ---------- */
.pc-post-actions button.pc14-like-target{position:relative;isolation:isolate;overflow:visible;}
.pc-post-actions button.pc14-like-target>svg{transform-origin:center;}
.pc-post-actions button.pc14-like-pop>svg{animation:pc14-heart-pop .42s cubic-bezier(.2,1.4,.35,1) both;}
.pc-post-actions button.pc14-like-release>svg{animation:pc14-heart-release .28s ease both;}
.pc14-like-ring{
  position:absolute;left:19px;top:50%;width:30px;height:30px;border:1.5px solid currentColor;border-radius:50%;
  transform:translate(-50%,-50%) scale(.45);opacity:.32;pointer-events:none;z-index:-1;
  animation:pc14-like-ring .46s ease-out forwards;
}
.pc14-like-particle{
  --tx:0px;--ty:-22px;--rr:0deg;
  position:absolute;left:19px;top:50%;font-size:9px;line-height:1;color:#ef476f;
  transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none;z-index:7;
  animation:pc14-like-particle .52s cubic-bezier(.12,.7,.24,1) forwards;
}
@keyframes pc14-heart-pop{0%{transform:scale(.72)}55%{transform:scale(1.32)}78%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes pc14-heart-release{0%{transform:scale(1.08)}100%{transform:scale(.94)}}
@keyframes pc14-like-ring{0%{opacity:.36;transform:translate(-50%,-50%) scale(.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.42)}}
@keyframes pc14-like-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1) rotate(var(--rr))}}

/* ---------- Delete micro-interaction ---------- */
.pc-post-card.pc14-post-deleting,.pc-profile-post-dialog.pc14-post-deleting{
  pointer-events:none;
  transform-origin:center top;
  animation:pc14-post-delete .46s cubic-bezier(.35,0,.2,1) both;
}
.pc-post-card.pc14-post-deleting::after{
  content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--pc-surface) 86%,transparent));
  animation:pc14-delete-wash .42s ease both;
}
.pc-post-option.pc14-danger-press{animation:pc14-danger-press .34s ease both;}
@keyframes pc14-post-delete{0%{opacity:1;transform:translateY(0) scale(1)}55%{opacity:.58;transform:translateY(-2px) scale(.992)}100%{opacity:0;transform:translateY(-9px) scale(.975)}}
@keyframes pc14-delete-wash{from{opacity:0}to{opacity:1}}
@keyframes pc14-danger-press{0%{transform:scale(1)}45%{transform:scale(.975)}100%{transform:scale(1)}}

/* ---------- Settings: native-feeling rows, not dashboard tiles ---------- */
.pc-settings-v4-page{max-width:980px;margin-inline:auto;}
.pc-settings-v4-title{padding:8px 2px 18px;}
.pc-settings-v4-group{
  border:1px solid var(--pc14-line);
  border-radius:14px;
  background:var(--pc-surface);
  overflow:hidden;
  box-shadow:none;
  margin-bottom:14px;
}
.pc-settings-v4-row{
  min-height:66px;
  padding:12px 14px;
  border-bottom:1px solid var(--pc14-line);
  background:transparent;
}
.pc-settings-v4-row:last-child{border-bottom:0;}
.pc-settings-v4-row:hover{background:var(--pc14-hover);}
.pc-settings-v4-icon{
  width:36px;height:36px;border-radius:10px;
  background:var(--pc-surface-2);border:1px solid var(--pc14-line);
  box-shadow:none;
}
.pc-settings-v4-copy strong{font-size:12px;font-weight:760;letter-spacing:-.01em;}
.pc-settings-v4-copy small{font-size:9.5px;line-height:1.45;color:var(--pc-text-soft);}
.pc-settings-v4-page input:not([type="checkbox"]):not([type="radio"]),.pc-settings-v4-page textarea,.pc-settings-v4-page select{
  border:1px solid var(--pc14-line);border-radius:10px;
  background:var(--pc-surface);box-shadow:none;outline:none;
}
.pc-settings-v4-page input:focus,.pc-settings-v4-page textarea:focus,.pc-settings-v4-page select:focus{
  border-color:color-mix(in srgb,var(--pc-accent) 58%,var(--pc-border));
  box-shadow:0 0 0 3px var(--pc14-accent-soft);
}

/* ---------- Saved: more editorial, less admin panel ---------- */
.pc-saved-page>.pc-page-title{border-bottom:1px solid var(--pc14-line);padding-bottom:16px;margin-bottom:14px;}
.pc-saved-page>.pc-collection-strip button{
  border:0;border-radius:9px;background:transparent;
  min-height:38px;padding:8px 10px;
}
.pc-saved-page>.pc-collection-strip button:hover{background:var(--pc14-hover);}
.pc-saved-page>.pc-collection-strip button.is-active{background:var(--pc-text);color:var(--pc-surface);}
.pc-saved-card{
  border:1px solid var(--pc14-line);border-radius:13px;
  background:var(--pc-surface);box-shadow:none;overflow:hidden;
}
.pc-saved-card:hover{border-color:color-mix(in srgb,var(--pc-border) 86%,var(--pc-text));transform:translateY(-1px);}
.pc-saved-card-info{padding:11px 12px;}
.pc-saved-actions{border-top:1px solid var(--pc14-line);}

/* ---------- Notifications ---------- */











/* ---------- Messages + calls: bring them back into HOWU's visual system ---------- */











/* ---------- Customize: preserve identity, fix frames precisely ---------- */
.pc-customize-sheet{
  border:1px solid var(--pc14-line);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(15,23,42,.16);
}
.pc-customize-sheet>header{border-bottom:1px solid var(--pc14-line);}
.pc-customize-preview{
  position:relative;
  overflow:visible;
  margin:24px 20px 10px;
  padding:26px 18px;
  border-radius:14px;
  border:1px solid var(--pc14-line);
  box-shadow:none;
}
.pc-customize-tabs{gap:2px;padding:4px 20px 0;border-bottom:1px solid var(--pc14-line);}
.pc-customize-tabs button{padding:10px 12px;border-radius:0;font-weight:720;}
.pc-customize-tabs button.is-active{background:transparent;color:var(--pc-text);border-bottom:2px solid var(--pc-accent);}
.pc-customize-body{padding:18px 20px 24px;}

/* Correct production PNG opening-to-PFP geometry in the large customize preview.
   Hotfix 13 fixed real avatars but the customizer still had old ~1.4x values. */
.pc-customize-avatar.frame-cyber-horns-lite,.pc-frame-swatch.frame-cyber-horns-lite{--pc-frame-art-scale:1.7123;}
.pc-customize-avatar.frame-cyber-horns,.pc-frame-swatch.frame-cyber-horns{--pc-frame-art-scale:1.7123;}
.pc-customize-avatar.frame-cosmic-orbit,.pc-frame-swatch.frame-cosmic-orbit{--pc-frame-art-scale:2.4326;}
.pc-customize-avatar.frame-liquid-demon,.pc-frame-swatch.frame-liquid-demon{--pc-frame-art-scale:1.7271;}
.pc-customize-avatar.frame-shadow-dragon,.pc-frame-swatch.frame-shadow-dragon{--pc-frame-art-scale:1.6978;}
.pc-customize-avatar.frame-butterfly,.pc-frame-swatch.frame-butterfly{--pc-frame-art-scale:1.9267;}
.pc-customize-avatar.frame-inferno-horns,.pc-frame-swatch.frame-inferno-horns{--pc-frame-art-scale:1.6863;}
.pc-customize-avatar.frame-frost-crown,.pc-frame-swatch.frame-frost-crown{--pc-frame-art-scale:1.6978;}

.pc-customize-avatar[class*="frame-"]{
  width:68px;height:68px;border:0;outline:0;
  box-shadow:none;background:transparent;overflow:visible;isolation:isolate;
}
.pc-customize-avatar[class*="frame-"]>img{
  position:absolute;inset:0;width:100%;height:100%;
  border-radius:50%;clip-path:circle(49.7% at 50% 50%);object-fit:cover;z-index:2;
}
.pc-customize-avatar[class*="frame-"]::before,.pc-frame-swatch[class*="frame-"]::before{
  z-index:5;filter:none;
  animation:pc14-frame-soft 2.9s ease-in-out infinite;
  will-change:opacity;
}
@keyframes pc14-frame-soft{0%,100%{opacity:.965}50%{opacity:1}}

/* Give the frame picker enough physical room for horns/wings without making art tiny. */
.pc-frame-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));
  gap:12px;overflow:visible;padding:12px 0 22px;
}
.pc-frame-grid>button{
  min-width:0;min-height:154px;padding:25px 10px 12px;
  border:1px solid var(--pc14-line);border-radius:13px;
  background:var(--pc-surface);overflow:visible;box-shadow:none;
}
.pc-frame-grid>button:hover{background:var(--pc14-hover);}
.pc-frame-grid>button.is-selected{
  border-color:color-mix(in srgb,var(--pc-accent) 56%,var(--pc-border));
  background:var(--pc14-accent-soft);
}
.pc-frame-swatch{
  width:52px;height:52px;margin:8px auto 12px;
  border:0;background:var(--pc-surface-3);overflow:visible;isolation:isolate;
}
.pc-frame-swatch>img,.pc-frame-swatch>i{width:52px;height:52px;border-radius:50%;}
.pc-frame-swatch[class*="frame-"]>img{clip-path:circle(49.7% at 50% 50%);}
.pc-frame-grid small{font-size:10px;font-weight:720;line-height:1.25;}

/* Main-profile frame breathing room, especially cyber/inferno/frost horns. */
.pc-profile-page .pc-profile-top{padding-top:56px;overflow:visible;}
.pc-profile-avatar-wrap,.pc-profile-header,.pc-profile-top{overflow:visible;}

/* ---------- Bottom sheets / overlays ---------- */
.pc-bottom-sheet,.pc-collection-sheet,.pc-reaction-sheet,.pc-post-pin-dialog{
  border:1px solid var(--pc14-line);box-shadow:0 22px 60px rgba(15,23,42,.15);
}
.pc-modal-backdrop,.pc-post-options-backdrop,.pc-collection-backdrop,.pc-customize-backdrop{
  background:rgba(15,23,42,.28);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  .pc-post-card{border-left:0;border-right:0;border-radius:0;}
  .pc-settings-v4-page{padding-inline:10px;}
  .pc-settings-v4-group{border-radius:12px;margin-bottom:10px;}
  .pc-settings-v4-row{min-height:62px;padding:11px 10px;}
  .pc-saved-page{padding-inline:10px;}
  .pc-saved-card{border-radius:11px;}
  
  .pc-customize-sheet{border-left:0;border-right:0;border-bottom:0;border-radius:20px 20px 0 0;}
  .pc-customize-preview{margin:21px 12px 8px;padding:25px 13px;}
  .pc-customize-tabs{padding-inline:12px;}
  .pc-customize-body{padding:16px 12px 24px;}
  .pc-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .pc-frame-grid>button{min-height:146px;padding-top:22px;}
  .pc-profile-page .pc-profile-top{padding-top:40px;}
  .pc14-like-ring,.pc14-like-particle{left:18px;}
}

@media(prefers-reduced-motion:reduce){
  .pc-post-actions button.pc14-like-pop>svg,.pc-post-actions button.pc14-like-release>svg,.pc14-like-ring,.pc14-like-particle,.pc-post-card.pc14-post-deleting,.pc-profile-post-dialog.pc14-post-deleting,.pc-post-option.pc14-danger-press,.pc-customize-avatar[class*="frame-"]::before,.pc-frame-swatch[class*="frame-"]::before{
    animation:none;
  }
}

/* ---------- Navigation, search, profile, composer: finish the system-wide pass ---------- */
.pc-sidebar{border-right:1px solid var(--pc14-line);box-shadow:none;}
.pc-sidebar-nav{gap:3px;}
.pc-nav-item{
  min-height:44px;border-radius:10px;padding:0 10px;
  border:0;box-shadow:none;
}
.pc-nav-item:hover{background:var(--pc14-hover);}
.pc-nav-item.is-active,.pc-nav-item[aria-current="page"]{
  background:var(--pc14-accent-soft);color:var(--pc-text);font-weight:760;
}
.pc-nav-icon-wrap{box-shadow:none;background:transparent;}
.pc-sidebar-profile{border-top:1px solid var(--pc14-line);}
.pc-mobile-header,.pc-bottom-nav{box-shadow:none;}
.pc-bottom-nav button{border-radius:10px;}
.pc-bottom-nav button:active{background:var(--pc14-hover);}

.pc-topbar-search,.pc-right-search,.pc-search-field,.pc-settings-search{
  border:1px solid var(--pc14-line);border-radius:11px;
  background:var(--pc-surface-2);box-shadow:none;
}
.pc-topbar-search:focus-within,.pc-right-search:focus-within,.pc-search-field:focus-within,.pc-settings-search:focus-within{
  border-color:color-mix(in srgb,var(--pc-accent) 48%,var(--pc-border));
  box-shadow:0 0 0 3px var(--pc14-accent-soft);
}
.pc-search-tabs{border-bottom:1px solid var(--pc14-line);}
.pc-search-tabs button{border-radius:0;}
.pc-search-section{border-color:var(--pc14-line);box-shadow:none;}
.pc-recent-search-row,.pc-search-post-row{border-color:var(--pc14-line);}
.pc-recent-search-row:hover,.pc-search-post-row:hover{background:var(--pc14-hover);}

.pc-stories-wrap,.pc-feed-composer{
  background:var(--pc-surface);border-color:var(--pc14-line);box-shadow:none;
}
@media(min-width:768px){.pc-stories-wrap,.pc-feed-composer{border-radius:14px;}}
.pc-feed-composer-main{gap:10px;}
.pc-feed-composer-tools{border-top:1px solid var(--pc14-line);}
.pc-feed-composer-tools button{border-radius:9px;}
.pc-feed-composer-tools button:hover{background:var(--pc14-hover);}
.pc-composer-post{box-shadow:none;}

.pc-profile-header,.pc-profile-content{border-color:var(--pc14-line);box-shadow:none;}
.pc-profile-button{min-height:38px;padding-inline:13px;}
.pc-profile-tabs{border-bottom:1px solid var(--pc14-line);}
.pc-profile-tabs button{border-radius:0;font-weight:700;}
.pc-profile-tabs button.is-active{color:var(--pc-text);border-bottom-color:var(--pc-accent);}
.pc-profile-tabs button:hover{background:transparent;color:var(--pc-text);}

.pc-comments-section{border-color:var(--pc14-line);background:var(--pc-surface);}
.pc-inline-comment{border-color:var(--pc14-line);}
.pc-inline-comment:hover{background:var(--pc14-hover);}
.pc-empty-state{box-shadow:none;}
.pc-empty-state strong{letter-spacing:-.015em;}
.pc-toast{border:1px solid var(--pc14-line);border-radius:11px;box-shadow:0 14px 40px rgba(15,23,42,.13);}

.pc-mood-sheet,.pc-share-sheet,.pc-story-viewers-sheet{
  border:1px solid var(--pc14-line);box-shadow:0 22px 60px rgba(15,23,42,.15);
}
.pc-sheet-handle{opacity:.45;}

@media(max-width:767px){
  .pc-sidebar{border-right:0;}
  .pc-stories-wrap,.pc-feed-composer{border-radius:0;}
  .pc-profile-header,.pc-profile-content{border-radius:0;}
  .pc-profile-tabs{overflow-x:auto;scrollbar-width:none;}
  .pc-profile-tabs::-webkit-scrollbar{display:none;}
}


/* ======================================================================
   HOWU HOTFIX 15 — mobile-first messaging, notification center,
   safe-area resilience, tablet behavior, restrained professional UI.
   ====================================================================== */

:root{
  --pc15-pad:clamp(12px,2vw,20px);
  
  --pc15-info:clamp(238px,19vw,292px);
  --pc15-header:60px;
}
html,body,#root,.pc-app{max-width:100%;min-width:0;}
.pc-app *{min-width:0;}
.pc-main,.pc-main--wide,.pc-layout{min-width:0;}
img,video,canvas,svg{max-width:100%;}
.pc-modal-backdrop>section,[role="dialog"]{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);}

/* Notifications — reference-inspired compact hierarchy, not dashboard cards. */











































/* Friend requests on Notifications — preserve working actions but remove old dashboard/Tailwind look. */










/* Messaging — disciplined desktop workspace inspired by reference 3. */
.pc-main--wide{width:min(1480px,calc(100vw - var(--pc-sidebar-width,0px) - 32px));max-width:1480px;}














.pc-search-field--inbox{margin:9px 10px;height:40px;border-radius:10px;}


























/* Rooms / Capsules remain fully accessible and become compact lists on narrow devices. */



.pc-capsule-card:after{display:none;}
.pc-capsule-seal{margin-bottom:8px;width:34px;height:34px;border-radius:10px;background:var(--pc-surface-2);}

/* Group/Room three-part structure: conversation + contextual info panel. */






















/* Settings refinements modeled after reference 4 discipline, while staying social. */
.pc-settings-v4-page{width:min(980px,100%);}
.pc-settings-dashboard-grid{gap:12px;}
.pc-settings-account-card{border:1px solid var(--pc14-line);border-radius:13px;box-shadow:none;background:var(--pc-surface);}
.pc-settings-v4-group h3{font-size:12px;letter-spacing:.015em;color:var(--pc-text-soft);}
.pc-settings-v4-row button,.pc-settings-v4-row select{min-height:38px;}
.pc-switch{box-shadow:none;}

/* Tablet: one messaging surface at a time in portrait-ish widths; no squeezed columns. */
@media (max-width:900px){
  .pc-main--wide{width:100%;max-width:none;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* Phone: purpose-built views, safe-area composer, no horizontal leaks. */
@media (max-width:767px){
  html,body,#root,.pc-app{overflow-x:hidden;}
  .pc-layout{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
  .pc-mobile-header{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));}
  .pc-mobile-header-actions{gap:2px;}
  .pc-mobile-header-actions .pc-icon-button{width:40px;height:40px;min-width:40px;}
  .pc-bottom-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right));}
  .pc-bottom-nav>button{min-width:0;width:100%;height:54px;padding:0;}
  .pc-bottom-nav .pc-avatar{width:28px;height:28px;}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  .pc-capsules-panel>header{padding:10px;min-height:58px;}
  .pc-capsules-panel>header small{display:none;}
  .pc-capsule-create{width:100vw;max-width:100vw;max-height:92dvh;margin:0;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;}
  
  
  
  
  
  
  
  
  

  .pc-settings-v4-page{padding:8px 10px calc(18px + env(safe-area-inset-bottom));}
  .pc-settings-v4-title{padding:4px 2px 12px;}
  .pc-settings-v4-title h1{font-size:22px;}
  .pc-settings-dashboard-grid{grid-template-columns:1fr;gap:9px;}
}

@media (max-width:360px){
  .pc-mobile-header-actions .pc-icon-button{width:36px;height:36px;min-width:36px;}
  .pc-wordmark--mobile span:last-child{display:none;}
  .pc-bottom-nav>button{height:52px;}
  
  
  
  
}




/* Progressive startup shell: boot splash leaves immediately after React paints. */
.pc-app-loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--pc-bg,#f7f8fa);overflow:hidden;}
.pc-app-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pc-surface,#fff) 0 18%,transparent 18% 100%);border-right:1px solid var(--pc14-line);opacity:.72;}
.pc-app-loading:after{content:"";position:absolute;left:calc(18% + 24px);right:24px;top:84px;height:360px;border-radius:14px;background:linear-gradient(100deg,var(--pc-surface-2,#eef1f5) 20%,var(--pc-surface,#fff) 38%,var(--pc-surface-2,#eef1f5) 56%);background-size:220% 100%;animation:pc15-shell-shimmer 1.15s linear infinite;opacity:.62;}
.pc-app-loading .pc-loader-word{position:relative;z-index:2;font-size:clamp(30px,5vw,54px);font-weight:900;letter-spacing:-.055em;color:transparent;background:linear-gradient(90deg,#ff3d77,#ff9738,#ffd84a,#55d56d,#30c8e7,#4e84ff,#8d5cff,#db48d7,#ff3d77);background-size:420% 100%;-webkit-background-clip:text;background-clip:text;animation:pc15-loader-rainbow 1.8s linear infinite;}
@keyframes pc15-loader-rainbow{to{background-position:-420% 50%}}
@keyframes pc15-shell-shimmer{to{background-position:-220% 0}}
@media(max-width:767px){.pc-app-loading:before{display:none;}.pc-app-loading:after{left:12px;right:12px;top:96px;height:310px;}.pc-app-loading .pc-loader-word{transform:translateY(-80px);}}
@media(prefers-reduced-motion:reduce){.pc-app-loading:after,.pc-app-loading .pc-loader-word{animation:none;}}


/* Search remains available in every communication surface. */
.pc-search-field--capsules{margin:10px 14px 2px;height:40px;border-radius:10px;background:var(--pc-surface-2);border:1px solid var(--pc14-line);}
.pc-search-field--capsules input{font-size:12px;}
@media(max-width:767px){
  .pc-search-field--capsules{margin:7px 10px 2px;height:38px;}
}

/* V13 cleaned from howu-brand-v2.css */
/* ======================================================================
   HOWU BRAND V1 — frontend brand evolution layered over Hotfix 15.
   Business logic, Supabase schema, realtime, permissions, and user profile
   customization remain untouched. App shell = HOWU; user profiles = user.
   ====================================================================== */

:root{
  --howu-yellow:#FFD600;
  --howu-yellow-bright:#FFE600;
  --howu-yellow-hover:#FFC400;
  --howu-gold:#FFC400;
  --howu-orange:#FF9D00;
  --howu-orange-deep:#FF7A00;
  --howu-gradient:linear-gradient(135deg,#FFE600 0%,#FFC400 48%,#FF9700 100%);
  --howu-soft:#FFF9D9;
  --howu-soft-hover:#FFF4B2;
  --howu-ink:#181818;

  --pc-bg:#FAFAF8;
  --pc-surface:#FFFFFF;
  --pc-surface-2:#FFFDF5;
  --pc-surface-3:#F4F3EE;
  --pc-text:#181818;
  --pc-text-soft:#6F6F6B;
  --pc-text-faint:#9B9B94;
  --pc-text-2:#6F6F6B;
  --pc-text-3:#92928C;
  --pc-border:#E5E5DE;
  --pc-border-soft:#ECECE7;
  --pc-border-strong:#D8D8D0;
  --pc-accent:#FFD600;
  --pc-accent-strong:#FFC400;
  --pc-site-accent:#FFD600;
  --pc-danger:#E5484D;
  --pc-success:#2E9B63;
  --pc-story-1:#FFE600;
  --pc-story-2:#FFC400;
  --pc-story-3:#FF9D00;
  --pc-story-4:#FF7A00;
  --pc-shadow:0 12px 34px rgba(31,28,18,.07);
  --pc-radius:18px;
  color-scheme:light;
}

[data-theme="dark"]{
  --howu-soft:rgba(255,214,0,.12);
  --howu-soft-hover:rgba(255,214,0,.18);
  --pc-bg:#10100F;
  --pc-surface:#1D1D1A;
  --pc-surface-2:#171715;
  --pc-surface-3:#242420;
  --pc-text:#FFFFFF;
  --pc-text-soft:#A9A9A2;
  --pc-text-faint:#74746E;
  --pc-text-2:#A9A9A2;
  --pc-text-3:#85857E;
  --pc-border:rgba(255,255,255,.11);
  --pc-border-soft:rgba(255,255,255,.08);
  --pc-border-strong:rgba(255,255,255,.16);
  --pc-accent:#FFD600;
  --pc-accent-strong:#FFE600;
  --pc-site-accent:#FFD600;
  --pc-shadow:0 18px 50px rgba(0,0,0,.26);
  color-scheme:dark;
}

html,body,#root,.pc-app{background:var(--pc-bg);color:var(--pc-text);}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
::selection{background:#FFE680;color:#181818;}

/* Accessibility: yellow carries near-black text; destructive states stay red. */
.pc-app button:focus-visible,.pc-app a:focus-visible,.pc-app input:focus-visible,.pc-app textarea:focus-visible,.pc-app select:focus-visible{
  outline:2px solid var(--howu-yellow);outline-offset:2px;
}

/* ----- Brand / wordmark ----- */
.pc-wordmark{font-weight:900;letter-spacing:-.06em;color:var(--pc-text);}
.pc-wordmark .pc-brand-logo{display:none;}
.pc-wordmark>span:last-child{font-size:23px;}
.pc-brand-logo img{border-radius:20%;box-shadow:none;background:transparent;}
.pc-auth-preview-brand .pc-brand-logo,.pc-auth-mobile-brand .pc-brand-logo{display:inline-grid;}
.pc-auth-preview-brand,.pc-auth-mobile-brand{font-weight:900;letter-spacing:-.055em;}

/* ----- Buttons ----- */
.pc-primary-button,.pc-auth-primary,.pc-create-post-header .pc-text-button,.pc-settings-input-action button,.pc-platform-admin button.is-primary,.pc-replay-actions button.is-primary{
  background:var(--howu-yellow);border-color:var(--howu-yellow);color:#171717;
  box-shadow:none;font-weight:760;
}
.pc-primary-button:hover:not(:disabled),.pc-auth-primary:hover:not(:disabled),.pc-settings-input-action button:hover:not(:disabled){background:var(--howu-yellow-hover);border-color:var(--howu-yellow-hover);filter:none;}
.pc-primary-button:active,.pc-auth-primary:active{transform:scale(.98);}
.pc-secondary-button,.pc-auth-google{background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);}
.pc-text-button,.pc-load-more,.pc-context-profile>button:last-child,.pc-context-heading button,.pc-suggestion-follow{color:#B17A00;}
[data-theme="dark"] .pc-text-button,[data-theme="dark"] .pc-load-more,[data-theme="dark"] .pc-suggestion-follow{color:var(--howu-yellow);}

/* ----- App shell / navigation ----- */
.pc-sidebar{background:var(--pc-surface);border-right:1px solid var(--pc-border-soft);box-shadow:none;}
.pc-nav-item{border-radius:12px;transition:background-color .16s ease,color .16s ease,transform .16s ease;}
.pc-nav-item:hover{background:var(--pc-surface-3);}
.pc-nav-item.is-active{background:var(--howu-soft);color:#171717;font-weight:780;}
.pc-nav-item.is-active svg{color:#A87300;stroke-width:2.45;}
[data-theme="dark"] .pc-nav-item.is-active{color:#fff;}
[data-theme="dark"] .pc-nav-item.is-active svg{color:var(--howu-yellow);}
.pc-nav-badge{background:var(--howu-yellow);color:#171717;border-color:var(--pc-surface);}
.pc-mobile-header{background:color-mix(in srgb,var(--pc-surface) 96%,transparent);border-color:var(--pc-border-soft);}
.pc-bottom-nav{background:var(--pc-surface);border-color:var(--pc-border-soft);box-shadow:none;}
.pc-bottom-nav>button{border-radius:13px;color:var(--pc-text-soft);}
.pc-bottom-nav>button.is-active{color:#A87300;background:var(--howu-soft);}
[data-theme="dark"] .pc-bottom-nav>button.is-active{color:var(--howu-yellow);}
.pc-bottom-nav button.is-active .pc-avatar{outline-color:var(--howu-yellow);}
.pc-mobile-more-menu{background:var(--pc-surface);border-color:var(--pc-border);border-radius:16px;}

/* ----- Feed / social content ----- */
.pc-feed-controls{border-bottom:0;}
.pc-segmented-control{gap:5px;}
.pc-segmented-control button{border-radius:10px;}
.pc-segmented-control button.is-active{background:var(--howu-soft);color:var(--pc-text);}
.pc-feed-composer,.pc-composer-trigger{background:var(--pc-surface);border:1px solid var(--pc-border-soft);border-radius:18px;}
.pc-composer-trigger{padding:10px 12px;margin-bottom:14px;min-height:62px;}
.pc-feed-composer button:not(.pc-composer-mic){border-radius:12px;}
.pc-post-list{gap:14px;}
.pc-post-card,.pc-post-card.card-modern{background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border-soft);border-radius:18px;box-shadow:none;overflow:visible;}
.pc-post-card.card-modern:hover{border-color:color-mix(in srgb,var(--pc-border) 68%,var(--howu-yellow));}
.pc-post-actions{border-color:var(--pc-border-soft);}
.pc-post-actions button:hover{background:var(--pc-surface-3);}
.pc-feed-sort{color:var(--pc-text-soft);}
.pc-feed-sort select{color:var(--pc-text-soft);}
.pc-feed-sort>span{background:var(--pc-border-soft);}
.pc-sponsored{background:var(--pc-surface);border-color:var(--pc-border);}

/* ----- Stories: HOWU yellow → orange unread ring ----- */
.pc-story-ring{background:var(--pc-border);}
.pc-story-ring--unseen{background:conic-gradient(from 205deg,#FFE600,#FFC400,#FF9D00,#FF7A00,#FFE600);}
.pc-story-avatar{border-color:var(--pc-surface);}
.pc-story-add{background:var(--howu-yellow);color:#171717;border-color:var(--pc-surface);}
.pc-story-progress>span>i,.pc-story-progress i{background:var(--howu-yellow);}

/* ----- Mood is the heart of HOWU ----- */
.pc-mood-sheet{border-radius:22px;border-color:var(--pc-border);box-shadow:var(--pc-shadow);}
.pc-mood-kicker{color:#A87300;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
[data-theme="dark"] .pc-mood-kicker{color:var(--howu-yellow);}
.pc-mood-grid{gap:9px;}
.pc-mood-grid button,.pc-create-mood-grid button{border-radius:14px;border-color:var(--pc-border-soft);background:var(--pc-surface);transition:transform .16s ease,background-color .16s ease,border-color .16s ease;}
.pc-mood-grid button:hover,.pc-create-mood-grid button:hover{transform:translateY(-1px);background:var(--howu-soft);}
.pc-mood-grid button.is-active,.pc-create-mood-grid button.is-active{background:var(--howu-soft);border-color:var(--howu-yellow);box-shadow:0 0 0 2px color-mix(in srgb,var(--howu-yellow) 20%,transparent);}
.pc-mood-grid button.is-active .pc-mood-emoji{transform:scale(1.08);}

/* ----- Composer / inputs ----- */
.pc-create-post{border-radius:22px;border-color:var(--pc-border);background:var(--pc-surface);}
.pc-create-post-header{border-color:var(--pc-border-soft);}
.pc-create-post-composer textarea,.pc-auth-field>div,.pc-search-field,.pc-settings-v4-page input:not([type="checkbox"]):not([type="radio"]),.pc-settings-v4-page textarea,.pc-settings-v4-page select{
  background:var(--pc-surface-2);border-color:var(--pc-border);border-radius:14px;color:var(--pc-text);
}
.pc-auth-field>div:focus-within,.pc-search-field:focus-within,.pc-settings-v4-page input:focus,.pc-settings-v4-page textarea:focus,.pc-settings-v4-page select:focus{
  border-color:var(--howu-yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--howu-yellow) 18%,transparent);
}
.pc-create-post-composer textarea{background:transparent;border:0;}
.pc-create-toolbar button.is-active,.pc-create-schedule{background:var(--howu-soft);border-color:color-mix(in srgb,var(--howu-yellow) 42%,var(--pc-border));}
.pc-create-toolbar button.is-active{color:#9A6A00;}
[data-theme="dark"] .pc-create-toolbar button.is-active{color:var(--howu-yellow);}
.pc-create-post-header .pc-text-button:disabled{background:transparent;color:var(--pc-text-faint);border-color:transparent;}

/* ----- Search ----- */
.pc-search-field{background:var(--pc-surface-3);}
.pc-search-field:focus-within{background:var(--pc-surface);}
.pc-user-row{border-color:var(--pc-border-soft);}

/* ----- Messages: recognizable flat HOWU yellow for own messages ----- */
































/* ----- Notifications ----- */










/* ----- Saved / collections ----- */
.pc-saved-page>.pc-collection-strip button.is-active{background:var(--howu-yellow);color:#171717;}
.pc-saved-grid article,.pc-saved-card{background:var(--pc-surface);border-color:var(--pc-border-soft);border-radius:16px;}
.pc-saved-card-preview{background:var(--pc-surface-2);}
.pc-saved-actions{background:var(--pc-surface);border-color:var(--pc-border-soft);}
.pc-saved-actions select{background:var(--pc-surface);color:var(--pc-text);border-color:var(--pc-border);}
.pc-site-credit{color:var(--pc-text-faint);}
.pc-site-credit a{color:#A87300;}
[data-theme="dark"] .pc-site-credit a{color:var(--howu-yellow);}

/* ----- Settings ----- */
.pc-settings-v4-group{background:var(--pc-surface);border-color:var(--pc-border-soft);border-radius:16px;}
.pc-settings-v4-row{border-color:var(--pc-border-soft);}
.pc-settings-v4-row:hover{background:var(--pc-surface-2);}
.pc-settings-v4-icon{background:var(--pc-surface-2);border-color:var(--pc-border-soft);}
.pc-toggle.is-on{background:var(--howu-yellow);}
.pc-toggle.is-on span{background:#171717;}
.pc-choice button.is-selected .pc-choice-dot{border-color:var(--howu-yellow);}
.pc-choice button.is-selected .pc-choice-dot:after{background:var(--howu-yellow);}
.pc-customize-tabs button.is-active{border-bottom-color:var(--howu-yellow);}
/* Preserve profile customization colors; only the global shell uses HOWU yellow. */
.pc-profile-page{--pc-accent:var(--pc-profile-accent,var(--howu-yellow));}

/* ----- Rooms / Capsule ----- */
.pc-capsules-panel{background:var(--pc-surface);border-color:var(--pc-border);box-shadow:none;}
.pc-capsule-card{background:var(--pc-surface);border-color:var(--pc-border-soft);}
.pc-capsule-card:hover{background:var(--howu-soft);}
.pc-capsule-card.is-ready{background:var(--howu-soft);border-color:color-mix(in srgb,var(--howu-yellow) 35%,var(--pc-border));}
.pc-capsule-seal{background:var(--howu-soft);color:#A87300;border-color:color-mix(in srgb,var(--howu-yellow) 24%,var(--pc-border));}
[data-theme="dark"] .pc-capsule-seal{color:var(--howu-yellow);}

/* ----- Admin: professional, connected to HOWU ----- */
.pc-platform-admin{background:var(--pc-surface);border-color:var(--pc-border);box-shadow:none;}
.pc-platform-admin-header{background:#181818;color:#fff;border-bottom:4px solid var(--howu-yellow);}
.pc-platform-admin-header small{color:var(--howu-yellow);}
.pc-platform-admin-header p{color:#CFCFC8;}
.pc-platform-admin-tabs button.is-active{background:var(--howu-soft);color:var(--pc-text);}

/* ----- Auth / launch moment ----- */
.pc-auth-page{background:var(--pc-bg);}
.pc-auth-preview{background:linear-gradient(145deg,#FFFBEA 0%,#FFF4B2 52%,#FFE27A 100%);border-color:#F2D970;}
.pc-auth-preview-phone{border-color:#181818;box-shadow:0 24px 70px rgba(94,67,0,.18);}
.pc-auth-preview-stories span{background:linear-gradient(135deg,#FFE600,#FFC400 50%,#FF9700);}
.pc-auth-preview-copy h1{color:#181818;font-weight:850;}
.pc-auth-preview-copy p{color:#625B42;}
.pc-auth-form-side{background:var(--pc-bg);}
.pc-auth-header h1{font-weight:820;}
.pc-auth-field>div{border-radius:14px;}
.pc-auth-primary,.pc-auth-google{border-radius:12px;height:46px;}
[data-theme="dark"] .pc-auth-preview{background:linear-gradient(145deg,#171715,#242420);border-color:rgba(255,214,0,.18);}
[data-theme="dark"] .pc-auth-preview-copy h1{color:#fff;}
[data-theme="dark"] .pc-auth-preview-copy p{color:#A9A9A2;}

/* ----- Replay / special branded moments: gradient is allowed here ----- */
.pc-replay-card:after{content:"HOWU";color:#ffffff12;}
.pc-replay-card.pc-story-bg--sunset{background:linear-gradient(155deg,#FF7A00 0%,#FFC400 52%,#FFE600 100%);color:#171717;}

/* ----- Empty/loading/skeleton polish ----- */
.pc-app-loading{background:var(--pc-bg);}
.pc-loader-word{font-weight:900;letter-spacing:-.07em;color:transparent;background:var(--howu-gradient);-webkit-background-clip:text;background-clip:text;}
.pc-story-placeholder>span,.pc-story-placeholder small,[class*="skeleton"]{background:linear-gradient(90deg,var(--pc-surface-3),var(--pc-surface-2),var(--pc-surface-3));background-size:200% 100%;}

/* ----- Mobile: compact, native HOWU shell; no giant floating yellow bars ----- */
@media(max-width:767px){
  .pc-mobile-header{background:var(--pc-surface);}
  .pc-wordmark--mobile>span:last-child{font-size:21px;}
  .pc-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding:4px 5px env(safe-area-inset-bottom);}
  .pc-bottom-nav>button{height:48px;}
  .pc-post-card,.pc-post-card.card-modern{border-left:0;border-right:0;border-radius:0;margin-bottom:0;}
  .pc-feed-composer,.pc-composer-trigger{margin-inline:10px;border-radius:16px;}
  
}

@media(prefers-reduced-motion:reduce){
  .pc-app *{scroll-behavior:auto;animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;}
}


/* ======================================================================
   HOWU HOTFIX 2 — authoritative launch/loading experience.
   HOW ARE YOU? arrives first, compresses away, then HOWU? remains while
   the real app finishes mounting. This intentionally overrides the older
   legacy app rainbow/skeleton loader layers from prior hotfix CSS.
   ====================================================================== */
#pc-boot-loader{
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;overflow:hidden;
  background:#FAFAF8;opacity:1;
  transition:opacity .22s ease,transform .22s cubic-bezier(.22,.8,.2,1);
  transform:scale(1);contain:layout paint;
}
html[data-theme="dark"] #pc-boot-loader{background:#10100F;}
#pc-boot-loader.is-out{opacity:0;transform:scale(1.01);pointer-events:none;}
.howu-boot-stage{
  position:relative;width:min(92vw,760px);height:clamp(70px,12vw,118px);
  display:grid;place-items:center;isolation:isolate;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:900;line-height:1;letter-spacing:-.075em;white-space:nowrap;
}
.howu-boot-long,.howu-boot-short{
  position:absolute;inset:auto;display:block;will-change:transform,opacity;
  background:linear-gradient(135deg,#FFE600 0%,#FFC400 48%,#FF9700 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.howu-boot-long{font-size:clamp(38px,7.4vw,82px);opacity:0;transform:translateY(14px) scale(.94);}
.howu-boot-short{font-size:clamp(46px,8.4vw,92px);opacity:0;transform:scale(.72);}
#pc-boot-loader.is-in .howu-boot-long{animation:howuQuestionLong .72s cubic-bezier(.2,.84,.18,1) both;}
#pc-boot-loader.is-in .howu-boot-short{animation:howuQuestionShort .48s cubic-bezier(.18,.88,.22,1.08) .46s both;}
@keyframes howuQuestionLong{
  0%{opacity:0;transform:translateY(15px) scale(.94);letter-spacing:-.035em}
  32%{opacity:1;transform:translateY(0) scale(1);letter-spacing:-.055em}
  67%{opacity:1;transform:translateY(0) scale(1);letter-spacing:-.055em}
  100%{opacity:0;transform:translateY(-1px) scaleX(.43) scaleY(.82);letter-spacing:-.12em}
}
@keyframes howuQuestionShort{
  0%{opacity:0;transform:scale(.72)}
  68%{opacity:1;transform:scale(1.025)}
  100%{opacity:1;transform:scale(1)}
}

/* React/auth loading fallbacks use the same visual language. Hide whatever
   legacy word may exist in the compiled component and render HOWU branding
   from CSS, so even an old fallback can never flash "legacy app" visually. */
.pc-app-loading:not(.pc-inline-loader){
  position:relative;display:grid;place-items:center;
  min-height:100dvh;background:var(--pc-bg,#FAFAF8);overflow:hidden;
}
.pc-app-loading:not(.pc-inline-loader)::before,.pc-app-loading:not(.pc-inline-loader)::after{content:none;display:none;}
.pc-app-loading:not(.pc-inline-loader) > .pc-loader-word{
  position:relative;z-index:3;display:grid;place-items:center;
  width:min(92vw,760px);height:clamp(70px,12vw,118px);
  font-size:0;letter-spacing:0;color:transparent;background:none;
  filter:none;transform:none;animation:none;overflow:visible;
}
.pc-app-loading:not(.pc-inline-loader) > .pc-loader-word::before,.pc-app-loading:not(.pc-inline-loader) > .pc-loader-word::after{
  position:absolute;left:50%;top:50%;display:block;
  width:max-content;height:auto;border:0;border-radius:0;
  background:linear-gradient(135deg,#FFE600 0%,#FFC400 48%,#FF9700 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:900;line-height:1;filter:none;transform-origin:center;
}
.pc-app-loading:not(.pc-inline-loader) > .pc-loader-word::before{
  content:"HOW ARE YOU?";font-size:clamp(38px,7.4vw,82px);letter-spacing:-.065em;
  animation:howuFallbackLong .72s cubic-bezier(.2,.84,.18,1) both;
}
.pc-app-loading:not(.pc-inline-loader) > .pc-loader-word::after{
  content:"HOWU?";font-size:clamp(46px,8.4vw,92px);letter-spacing:-.075em;
  animation:howuFallbackShort .48s cubic-bezier(.18,.88,.22,1.08) .46s both;
}
@keyframes howuFallbackLong{
  0%{opacity:0;transform:translate(-50%,-35%) scale(.94)}
  32%,67%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scaleX(.43) scaleY(.82)}
}
@keyframes howuFallbackShort{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}
  68%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.pc-inline-loader .pc-loader-word{animation:none;background:var(--howu-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none;}
.pc-inline-loader .pc-loader-word::after{content:none;}

@media(prefers-reduced-motion:reduce){
  .howu-boot-long{display:none;}
  .howu-boot-short{opacity:1;transform:none;animation:none;}
  .pc-app-loading:not(.pc-inline-loader) > .pc-loader-word::before{display:none;}
  .pc-app-loading:not(.pc-inline-loader) > .pc-loader-word::after{opacity:1;transform:translate(-50%,-50%);animation:none;}
}

/* V13 cleaned from howu-hotfix-v3.css */
/* HOWU Hotfix 3 — minimalist loader + official product updates */
#pc-boot-loader{background:#FAFAF8;transition:opacity .18s ease;}
html[data-theme="dark"] #pc-boot-loader{background:#10100F;}
#pc-boot-loader.is-out{opacity:0;transform:none;}
.howu-boot-stage{width:min(90vw,680px);height:88px;letter-spacing:0;}
.howu-boot-long,.howu-boot-short{background:none;-webkit-background-clip:initial;background-clip:initial;color:#181818;font-weight:850;letter-spacing:-.06em;}
html[data-theme="dark"] .howu-boot-long,html[data-theme="dark"] .howu-boot-short{color:#fff;}
.howu-boot-long{font-size:clamp(34px,6vw,68px);transform:translateY(5px) scale(1);}
.howu-boot-short{font-size:clamp(38px,6.4vw,72px);transform:translateY(2px) scale(.985);}
#pc-boot-loader.is-in .howu-boot-long{animation:howuMinimalLong .58s cubic-bezier(.22,.78,.2,1) both;}
#pc-boot-loader.is-in .howu-boot-short{animation:howuMinimalShort .30s cubic-bezier(.22,.78,.2,1) .40s both;}
.howu-boot-short .is-brand{background:var(--howu-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}
.howu-boot-line{position:absolute;left:50%;top:calc(50% + 47px);height:3px;width:0;border-radius:99px;background:var(--howu-yellow);transform:translateX(-50%);opacity:0;}
#pc-boot-loader.is-in .howu-boot-line{animation:howuMinimalLine .66s ease both .08s;}
@keyframes howuMinimalLong{0%{opacity:0;transform:translateY(6px) scale(.985)}22%,60%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-2px) scale(.91);letter-spacing:-.085em}}
@keyframes howuMinimalShort{0%{opacity:0;transform:translateY(3px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes howuMinimalLine{0%{width:0;opacity:0}30%{width:42px;opacity:1}68%{width:42px;opacity:1}100%{width:0;opacity:0}}

/* Fullscreen React fallback: simple HOWU, never old legacy app loader. */
.pc-app-loading:not(.pc-inline-loader)>.pc-loader-word::before{display:none;}
.pc-app-loading:not(.pc-inline-loader)>.pc-loader-word::after{content:"HOWU?";color:#181818;background:none;-webkit-background-clip:initial;background-clip:initial;font-size:clamp(38px,6.4vw,72px);letter-spacing:-.06em;opacity:1;animation:howuFallbackMinimal .34s ease both;}
html[data-theme="dark"] .pc-app-loading:not(.pc-inline-loader)>.pc-loader-word::after{color:#fff;}
@keyframes howuFallbackMinimal{from{opacity:0;transform:translate(-50%,-48%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* Admin updates */
.howu-admin-tabs{overflow-x:auto;scrollbar-width:none;}.howu-admin-tabs::-webkit-scrollbar{display:none;}.howu-admin-tabs>button{min-width:145px;white-space:nowrap;}
.howu-admin-updates-tab{color:#bdbdb6;border-bottom:2px solid transparent;}.howu-admin-updates-tab:hover{background:#555;color:#fff;}.howu-admin-updates-tab.is-active{color:#FFD600;border-bottom-color:#FFD600;background:#4b4b4b;}
.howu-admin-updates{display:grid;gap:18px;color:#fff;overflow:auto;padding:2px 2px 12px;}
.howu-admin-updates-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 4px;}.howu-admin-updates-head h2{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:2px 0 4px;}.howu-admin-updates-head p{color:#aaa;font-size:14px;max-width:650px;}.howu-admin-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FFD600;}.howu-admin-update-logo{width:46px;height:46px;border-radius:12px;object-fit:cover;}
.howu-update-composer,.howu-update-history{background:#222220;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px;}.howu-update-composer{display:grid;gap:14px;}.howu-update-composer label{display:grid;gap:7px;}.howu-update-composer label>span{font-size:12px;font-weight:700;color:#d7d7d2;}.howu-update-composer label>small{margin-top:-4px;color:#85857e;font-size:11px;}.howu-update-composer input,.howu-update-composer textarea,.howu-update-composer select{width:100%;background:#161615;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#fff;padding:11px 12px;outline:0;resize:vertical;}.howu-update-composer input:focus,.howu-update-composer textarea:focus,.howu-update-composer select:focus{border-color:#FFD600;box-shadow:0 0 0 3px rgba(255,214,0,.12);}
.howu-update-fields-row{display:grid;grid-template-columns:.7fr .9fr 1.2fr;gap:12px;}.howu-update-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.howu-update-send-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;}.howu-update-send-row p{color:#8f8f89;font-size:12px;max-width:520px;}.howu-update-send-row button{background:#FFD600;color:#171717;border:0;border-radius:12px;padding:11px 16px;font-weight:800;white-space:nowrap;}.howu-update-send-row button:disabled{opacity:.55;}.howu-update-message{padding:10px 12px;border-radius:10px;font-size:13px;}.howu-update-message.is-error{background:rgba(229,72,77,.12);color:#ff9ea1;border:1px solid rgba(229,72,77,.25);}.howu-update-message.is-success{background:rgba(46,155,99,.13);color:#87d5aa;border:1px solid rgba(46,155,99,.28);}
.howu-update-history-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.howu-update-history-title h3{font-size:15px;font-weight:800;}.howu-update-history-title button{background:transparent;border:0;color:#FFD600;font-size:12px;}.howu-update-history-list{display:grid;gap:9px;}.howu-update-history-list article{background:#181817;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;}.howu-update-history-list article>div{display:flex;align-items:center;gap:8px;}.howu-update-history-list strong{font-size:14px;}.howu-update-history-list article>div>span{font-size:10px;padding:3px 6px;border-radius:999px;background:#2b2b28;color:#aaa;}.howu-update-history-list p{color:#aaa;font-size:12px;margin:5px 0 9px;}.howu-update-history-list footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#777;}.howu-update-history-list footer>span{text-transform:uppercase;letter-spacing:.08em;color:#FFD600;}.howu-update-history-empty{color:#888;font-size:13px;}

/* User-facing official update notification */

.howu-update-modal-backdrop{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.48);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s ease;}.howu-update-modal-backdrop.is-open{opacity:1;}.howu-update-modal{width:min(560px,100%);max-height:min(82dvh,720px);overflow:auto;background:var(--pc-surface,#fff);color:var(--pc-text,#181818);border:1px solid var(--pc-border,#e8e8e2);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.22);transform:translateY(8px) scale(.99);transition:transform .2s ease;}.howu-update-modal-backdrop.is-open .howu-update-modal{transform:none;}.howu-update-modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--pc-border-soft,#eee);}.howu-update-brand{display:flex;align-items:center;gap:9px;font-weight:800;}.howu-update-brand img{width:28px;height:28px;border-radius:8px;}.howu-update-close{border:0;background:transparent;color:var(--pc-text-soft);font-size:25px;line-height:1;padding:4px 8px;}.howu-update-hero{padding:22px 22px 18px;}.howu-update-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px;}.howu-update-meta>span{font-size:10px;font-weight:700;color:var(--pc-text-soft);background:var(--pc-surface-3);padding:4px 7px;border-radius:999px;}.howu-update-status{color:#171717;background:#FFD600;text-transform:uppercase;letter-spacing:.06em;}.howu-update-hero h2{font-size:28px;line-height:1.08;letter-spacing:-.045em;margin:0 0 9px;font-weight:850;}.howu-update-hero p{color:var(--pc-text-soft);line-height:1.5;margin:0;}.howu-update-content{display:grid;gap:18px;padding:0 22px 24px;}.howu-update-content section{padding-top:16px;border-top:1px solid var(--pc-border-soft);}.howu-update-content h3{font-size:13px;margin:0 0 9px;font-weight:800;}.howu-update-content ul{list-style:none;display:grid;gap:8px;padding:0;margin:0;}.howu-update-content li{position:relative;padding-left:18px;line-height:1.4;font-size:14px;}.howu-update-content li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:#FFD600;}.howu-update-perks{background:var(--howu-soft);border-radius:14px;padding:14px 14px 12px;border-top:0;}.howu-update-empty-detail{color:var(--pc-text-soft);font-size:14px;}
.howu-update-live-toast{position:fixed;right:18px;top:max(18px,env(safe-area-inset-top));z-index:2147482000;width:min(360px,calc(100vw - 36px));display:flex;align-items:center;gap:11px;text-align:left;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:16px;padding:11px 13px;box-shadow:0 16px 44px rgba(0,0,0,.16);transform:translateY(-12px);opacity:0;transition:.2s ease;}.howu-update-live-toast.is-visible{transform:none;opacity:1;}.howu-update-live-toast>img{width:42px;height:42px;border-radius:11px;}.howu-update-live-toast>span{display:grid;gap:1px;}.howu-update-live-toast small{color:#A87300;font-weight:800;font-size:10px;}.howu-update-live-toast strong{font-size:13px;}.howu-update-live-toast em{font-style:normal;font-size:11px;color:var(--pc-text-soft);}
@media(max-width:720px){.howu-update-fields-row,.howu-update-two-col{grid-template-columns:1fr;}.howu-update-send-row{align-items:stretch;flex-direction:column;}.howu-update-send-row button{width:100%;}.howu-admin-updates-head p{font-size:12px;}.howu-update-modal-backdrop{padding:10px;align-items:end;}.howu-update-modal{border-radius:20px 20px 0 0;max-height:88dvh;}.howu-update-hero h2{font-size:24px;}}
@media(prefers-reduced-motion:reduce){#pc-boot-loader.is-in .howu-boot-long{display:none;}.howu-boot-short{opacity:1;transform:none;animation:none;}.howu-boot-line{display:none;}.howu-update-modal-backdrop,.howu-update-modal,.howu-update-live-toast{transition:none;}}

/* V13 cleaned from howu-hotfix-v5.css */
/* HOWU HOTFIX 5 — cache-safe production stability, deterministic frames, realtime fixes */
:root{--howu-yellow:#FFD600;--howu-yellow-2:#FFE600;--howu-gold:#FFC400;--howu-orange:#FF9700;--howu-ink:#181818;--howu-bg:#FAFAF8;--howu-card:#fff;--howu-line:#ECECE7;--howu-soft:#FFF9D9;--howu-soft-2:#FFF4B2;}
html[data-theme="dark"]{--howu-bg:#10100F;--howu-card:#1D1D1A;--howu-line:rgba(255,255,255,.08);--howu-ink:#fff;--howu-soft:#26240f;--howu-soft-2:#332f0d;}
body{background:var(--howu-bg);color:var(--howu-ink);}
/* Sidebar + shell */
.pc-layout{background:var(--howu-bg);gap:0;}.pc-sidebar{background:color-mix(in srgb,var(--howu-card) 96%,transparent);border-right:1px solid var(--howu-line);box-shadow:none;}.pc-sidebar-nav button,.pc-sidebar-bottom button{border-radius:12px;transition:background .16s ease,color .16s ease,transform .12s ease;}.pc-sidebar-nav button:hover,.pc-sidebar-bottom button:hover{background:var(--howu-soft);}.pc-sidebar-nav button.is-active,.pc-sidebar-bottom button.is-active{background:var(--howu-soft-2);color:#9A6A00;}.pc-sidebar-nav button:active,.pc-sidebar-bottom button:active{transform:scale(.97);}
.pc-feed-column,.pc-search-page,.pc-settings-v4-page,.pc-profile-page{border-color:var(--howu-line);box-shadow:none;}
/* Cards + inputs */
.pc-post-card,.pc-panel,.pc-search-page,.pc-settings-v4-group,.pc-settings-form{background:var(--howu-card);border-color:var(--howu-line);}.pc-post-card{border-radius:18px;overflow:visible;}.pc-search-field,.pc-settings-search,input,textarea,select{border-color:var(--howu-line);}.pc-search-field:focus-within,.pc-settings-search:focus-within{border-color:var(--howu-yellow);box-shadow:0 0 0 3px rgba(255,214,0,.12);}.pc-primary-button{background:var(--howu-yellow);color:#171717;border-color:transparent;box-shadow:none;}.pc-primary-button:hover{background:var(--howu-gold);}.pc-primary-button:active{transform:scale(.98);}
/* Search */
.pc-search-v4{overflow:hidden;}.pc-search-v4>header,.pc-search-v4 .pc-search-tabs{background:var(--howu-card);}.pc-search-tabs button.is-active{color:#9A6A00;border-bottom-color:var(--howu-yellow);}.pc-tag-results button{border:1px solid var(--howu-line);background:var(--howu-card);border-radius:14px;}.pc-tag-results button:hover{background:var(--howu-soft);}.pc-tag-post-results{margin-top:16px;padding-top:16px;border-top:1px solid var(--howu-line);}.pc-tag-post-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;}.pc-tag-post-heading strong{font-size:15px;}.pc-tag-post-heading small{color:var(--pc-text-soft);font-size:11px;}
/* Notifications */

/* Messages */

/* Rooms */

/* Frames: all production assets were normalized to one exact central avatar opening. */
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]{--pc-frame-art-size:242.9%;overflow:visible;}.pc-avatar-frame-art{left:50%;top:50%;width:var(--pc-frame-art-size,242.9%);height:var(--pc-frame-art-size,242.9%);transform:translate(-50%,-50%);object-position:50% 50%;max-width:none;max-height:none;pointer-events:none;}.pc-post-card .pc-post-header .pc-avatar-shell[class*="frame-"]{margin:0 12px 0 0;}.pc-avatar-media{z-index:2;}.pc-avatar-frame-art{z-index:5;}
/* Error boundary no longer looks like an unrelated red SaaS crash screen. */
.min-h-screen.bg-gradient-to-br.from-red-50.to-orange-50{background:var(--howu-bg);}.min-h-screen.bg-gradient-to-br.from-red-50.to-orange-50>div{border-radius:20px;border:1px solid var(--howu-line);box-shadow:0 18px 55px rgba(0,0,0,.08);}
/* Product updates */
.howu-update-modal-v2 .howu-update-brand span{display:grid;gap:1px;}.howu-update-modal-v2 .howu-update-brand small{font-size:10px;color:var(--pc-text-soft);font-weight:600;}.howu-update-details p{margin:0 0 10px;line-height:1.58;color:var(--pc-text);font-size:14px;}.howu-update-links>div{display:grid;gap:8px;}.howu-update-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--howu-line);border-radius:12px;background:var(--howu-card);font-weight:700;font-size:13px;}.howu-update-links a:hover{background:var(--howu-soft);}.howu-update-live-toast em{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* DM calls */
.howu-global-call{position:fixed;z-index:2147482400;right:18px;top:max(18px,env(safe-area-inset-top));width:min(420px,calc(100vw - 36px));display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--howu-yellow) 44%,var(--howu-line));border-radius:20px;background:var(--howu-card);color:var(--howu-ink);box-shadow:0 22px 70px rgba(0,0,0,.17);transform:translateY(-14px) scale(.985);opacity:0;transition:.18s ease;}.howu-global-call.is-visible{transform:none;opacity:1;}.howu-global-call-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;}.howu-global-call-copy{display:grid;align-content:center;min-width:0;}.howu-global-call-copy small{color:#9A6A00;font-weight:800;font-size:10px;}.howu-global-call-copy strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.howu-global-call-copy span{font-size:11px;color:var(--pc-text-soft);}.howu-global-call-copy em{font-size:11px;color:#d34b4b;font-style:normal;margin-top:3px;}.howu-global-call-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;}.howu-global-call-actions button{border-radius:12px;padding:10px;font-weight:800;}.howu-global-call-actions .is-decline{background:#f4f4f1;color:#c83f42;}.howu-global-call-actions .is-accept{background:var(--howu-yellow);color:#171717;}
/* Responsive polish */
@media(max-width:900px){.pc-layout{grid-template-columns:76px minmax(0,1fr);}.pc-feed-column,.pc-search-page{width:100%;max-width:none;}}
@media(max-width:700px){.pc-layout{display:block;}.pc-sidebar{border-right:0;}.pc-post-card{border-radius:0;border-left:0;border-right:0;}.pc-search-page{border-radius:0;border-left:0;border-right:0;}.howu-global-call{left:10px;right:10px;top:max(10px,env(safe-area-inset-top));width:auto;}.pc-avatar-frame-art{width:var(--pc-frame-art-size,242.9%);height:var(--pc-frame-art-size,242.9%);}}
@media(prefers-reduced-motion:reduce){.howu-global-call{transition:none;}}


/* HOWU Control Center — Updates is a first-class admin tool */
.pc-platform-admin-tabs{overflow-x:auto;scrollbar-width:none;}.pc-platform-admin-tabs::-webkit-scrollbar{display:none;}.pc-admin-updates-page{max-width:none;}.pc-admin-updates-page .howu-admin-updates{display:grid;gap:18px;}.pc-admin-updates-page .howu-admin-update-form{border:1px solid var(--howu-line);border-radius:18px;background:var(--howu-card);padding:18px;}.pc-admin-updates-page textarea{min-height:104px;resize:vertical;}.pc-admin-updates-page .howu-admin-update-history{border-top:1px solid var(--howu-line);padding-top:16px;}

/* Broader HOWU UI finish pass */
.pc-main,.pc-content,.pc-page-content{background:var(--howu-bg);}.pc-panel,.pc-settings-v4-group,.pc-settings-card,.pc-friend-groups,.pc-anonymous-inbox,.pc-custom-status-panel,.pc-capsule-panel{border-color:var(--howu-line);box-shadow:none;}.pc-panel button,.pc-settings-v4-group button,.pc-settings-card button{transition:background .16s ease,border-color .16s ease,transform .12s ease;}.pc-panel button:active,.pc-settings-v4-group button:active,.pc-settings-card button:active{transform:scale(.985);}
.pc-search-page{max-width:920px;margin-inline:auto;}.pc-search-page>header h1{font-weight:800;letter-spacing:-.025em;}.pc-search-field{background:color-mix(in srgb,var(--howu-card) 75%,var(--howu-bg));border-radius:15px;}.pc-search-tabs button{font-weight:700;}.pc-search-results article,.pc-search-results>button{border-color:var(--howu-line);}
.pc-post-card header strong{font-weight:760;}.pc-post-actions button{border-radius:10px;}.pc-post-actions button:hover{background:var(--howu-soft);}.pc-post-card img,.pc-post-card video{image-rendering:auto;}
.pc-settings-v4-page{background:var(--howu-bg);}.pc-settings-v4-group{background:var(--howu-card);border-radius:18px;overflow:hidden;}.pc-settings-v4-group>header{padding:16px 18px;}.pc-settings-row{border-color:var(--howu-line);}.pc-settings-row:hover{background:color-mix(in srgb,var(--howu-soft) 35%,transparent);}
.pc-friend-groups,.pc-anonymous-inbox,.pc-custom-status-panel{background:var(--howu-card);border:1px solid var(--howu-line);border-radius:18px;}



/* Never let old branding assets leak into visible app UI. */
img[src*="legacy app-logo"],img[src*="legacy app-icon"]{visibility:hidden;}

/* Make frame overlays deterministic in every known avatar placement. */
.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch{position:relative;}.pc-avatar-shell .pc-avatar-media,.pc-profile-avatar .pc-avatar-media,.pc-customize-avatar .pc-avatar-media{position:relative;inset:auto;width:100%;height:100%;border-radius:50%;object-fit:cover;}.pc-avatar-frame-art{position:absolute;margin:0;inset:auto;transform-origin:center center;}

@media(max-width:900px){.pc-search-page{max-width:none;margin:0;}.pc-platform-admin-body{padding:14px;}.pc-admin-updates-page .howu-admin-update-form{padding:14px;}}

/* Room voice calls — same HOWU call language as DMs */


/* Official HOWU brand mark — never fall back to legacy icon CSS. */
.pc-brand-mark{background:url("/howu-icon.png") center/contain no-repeat;box-shadow:none;color:transparent;}.pc-brand-logo{box-shadow:none;}.pc-brand-logo img{object-fit:contain;}


/* HOTFIX 5 FRAME GEOMETRY — actual PNG openings calibrated to the PFP edge. */
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]{--pc-frame-art-size:242.9%;isolation:isolate;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite{--pc-frame-art-size:240%;}
.pc-avatar-frame-art{display:block;left:50%;top:50%;right:auto;bottom:auto;width:var(--pc-frame-art-size,242.9%);height:var(--pc-frame-art-size,242.9%);transform:translate(-50%,-50%);object-fit:contain;object-position:center;overflow:visible;}
.pc-avatar-media,.pc-avatar-shell>img:not(.pc-avatar-frame-art),.pc-profile-avatar>img:not(.pc-avatar-frame-art){position:relative;z-index:2;}
.pc-avatar-frame-art{z-index:6;}

/* Tighter mobile notification/actions layout without hiding controls. */


.pc-avatar-frame-art.frame-cyber-horns-lite{width:240%;height:240%;}

/* V13 cleaned from howu-hotfix-v7.css */
/* HOWU HOTFIX 6 — UI coherence, single frame renderer, notification/admin/chat polish */
:root{
  --h6-yellow:#ffd400;--h6-yellow-soft:#fff8cc;--h6-bg:#fafaf7;--h6-card:#fff;
  --h6-text:#171717;--h6-muted:#77776f;--h6-line:#e8e8e2;--h6-shadow:0 10px 32px rgba(22,22,18,.055)
;}
html[data-theme="dark"]{
  --h6-bg:#11110f;--h6-card:#1b1b18;--h6-text:#f7f7f3;--h6-muted:#aaa99f;--h6-line:rgba(255,255,255,.09);--h6-yellow-soft:#302d10;--h6-shadow:none
;}

/* ONE frame system. The old ::before/::after renderer was fighting the real <img> frame. */
.pc-avatar-shell[class*="frame-"]::before,.pc-avatar-shell[class*="frame-"]::after,.pc-profile-avatar[class*="frame-"]::before,.pc-profile-avatar[class*="frame-"]::after,.pc-customize-avatar[class*="frame-"]::before,.pc-customize-avatar[class*="frame-"]::after,.pc-frame-swatch[class*="frame-"]::before,.pc-frame-swatch[class*="frame-"]::after,.pc-post-card .pc-avatar-shell[class*="frame-"]::before,.pc-post-card .pc-avatar-shell[class*="frame-"]::after,.pc-profile-page .pc-avatar-shell[class*="frame-"]::before,.pc-profile-page .pc-avatar-shell[class*="frame-"]::after{
  content:none;display:none;background:none;animation:none;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch){position:relative;overflow:visible;isolation:isolate;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]{--pc-frame-art-size:243%;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite{--pc-frame-art-size:243%;}
.pc-avatar-frame-art{
  display:block;position:absolute;left:50%;top:50%;right:auto;bottom:auto;
  width:var(--pc-frame-art-size,243%);height:var(--pc-frame-art-size,243%);max-width:none;max-height:none;
  margin:0;transform:translate(-50%,-50%);transform-origin:50% 50%;object-fit:contain;object-position:50% 50%;
  pointer-events:none;z-index:4;filter:none;}
.pc-avatar-shell>.pc-avatar-media,.pc-avatar-shell>img:not(.pc-avatar-frame-art),.pc-profile-avatar>img:not(.pc-avatar-frame-art),.pc-customize-avatar>img:not(.pc-avatar-frame-art),.pc-frame-swatch>img:not(.pc-avatar-frame-art){position:relative;z-index:2;border-radius:50%;object-fit:cover;}

/* Admin > Updates: actual form classes, not the obsolete selector from Hotfix 5. */
.pc-admin-updates-page .howu-admin-updates{display:grid;gap:16px;color:var(--h6-text);overflow:visible;padding:0;}
.pc-admin-updates-page .howu-admin-updates-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 2px;}
.pc-admin-updates-page .howu-admin-updates-head h2{color:var(--h6-text);margin:2px 0 4px;font-size:clamp(22px,2.6vw,30px);line-height:1.05;}
.pc-admin-updates-page .howu-admin-updates-head p{color:var(--h6-muted);max-width:680px;line-height:1.45;margin:0;}
.pc-admin-updates-page .howu-update-composer,.pc-admin-updates-page .howu-update-history{
  display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0;
  padding:18px;background:var(--h6-card);color:var(--h6-text);border:1px solid var(--h6-line);border-radius:18px;box-shadow:var(--h6-shadow);overflow:hidden;}
.pc-admin-updates-page .howu-update-composer *{box-sizing:border-box;min-width:0;}
.pc-admin-updates-page .howu-update-composer>label,.pc-admin-updates-page .howu-update-fields-row>label,.pc-admin-updates-page .howu-update-two-col>label{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-content:start;margin:0;width:100%;float:none;}
.pc-admin-updates-page .howu-update-composer label>span{display:block;position:static;color:var(--h6-text);font-size:12px;font-weight:800;line-height:1.2;margin:0;padding:0;transform:none;}
.pc-admin-updates-page .howu-update-composer label>small{display:block;position:static;color:var(--h6-muted);font-size:11px;line-height:1.35;margin:0;transform:none;}
.pc-admin-updates-page .howu-update-fields-row{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(170px,.8fr) minmax(230px,1.25fr);gap:12px;align-items:start;width:100%;}
.pc-admin-updates-page .howu-update-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;width:100%;}
.pc-admin-updates-page .howu-update-composer input,.pc-admin-updates-page .howu-update-composer select,.pc-admin-updates-page .howu-update-composer textarea{
  display:block;position:static;width:100%;max-width:none;margin:0;padding:11px 12px;
  background:color-mix(in srgb,var(--h6-card) 90%,var(--h6-bg));color:var(--h6-text);border:1px solid var(--h6-line);border-radius:12px;
  line-height:1.4;font:inherit;transform:none;opacity:1;}
.pc-admin-updates-page .howu-update-composer input,.pc-admin-updates-page .howu-update-composer select{min-height:46px;}
.pc-admin-updates-page .howu-update-composer textarea{min-height:112px;resize:vertical;white-space:pre-wrap;}
.pc-admin-updates-page .howu-update-two-col textarea{min-height:150px;}
.pc-admin-updates-page .howu-update-composer input::placeholder,.pc-admin-updates-page .howu-update-composer textarea::placeholder{color:color-mix(in srgb,var(--h6-muted) 75%,transparent);opacity:1;}
.pc-admin-updates-page .howu-update-composer :is(input,select,textarea):focus{outline:0;border-color:var(--h6-yellow);box-shadow:0 0 0 3px rgba(255,212,0,.14);}
.pc-admin-updates-page .howu-update-send-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--h6-line);padding-top:15px;}
.pc-admin-updates-page .howu-update-send-row p{margin:0;color:var(--h6-muted);line-height:1.45;}
.pc-admin-updates-page .howu-update-send-row button{min-height:44px;border-radius:12px;background:var(--h6-yellow);color:#171717;padding:0 18px;font-weight:850;}
.pc-admin-updates-page .howu-update-history-title,.pc-admin-updates-page .howu-update-history-list article>div,.pc-admin-updates-page .howu-update-history-list footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pc-admin-updates-page .howu-update-history-list{display:grid;gap:10px;}.pc-admin-updates-page .howu-update-history-list article{background:var(--h6-bg);border:1px solid var(--h6-line);border-radius:13px;padding:12px;color:var(--h6-text);}
.pc-admin-updates-page .howu-update-history-list p,.pc-admin-updates-page .howu-update-history-empty{color:var(--h6-muted);}

/* Notifications: clean, visible feed that matches the badge source. */








/* DMs: room-like structure + WhatsApp-level smoothness, keeping HOWU identity. */





/* Search: reduce visual work and keep results stable on iPad. */
.pc-search-page{background:var(--h6-card);border-color:var(--h6-line);border-radius:20px;box-shadow:var(--h6-shadow);}.pc-search-field{position:relative;background:color-mix(in srgb,var(--h6-bg) 72%,var(--h6-card));border:1px solid var(--h6-line);border-radius:16px;contain:layout paint;}.pc-search-results,.pc-search-section{content-visibility:auto;contain-intrinsic-size:500px;}.pc-explore-grid img{transform:translateZ(0);}

/* Settings: safe, consistent page instead of letting a subpage visually explode. */
.pc-settings-v4-page{width:min(900px,100%);margin-inline:auto;background:var(--h6-bg);color:var(--h6-text);}.pc-settings-v4-title,.pc-settings-subheader{background:var(--h6-card);border:1px solid var(--h6-line);border-radius:18px;margin-bottom:12px;padding:15px 16px;}.pc-settings-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.pc-settings-v4-group{margin:0;padding:0;border:1px solid var(--h6-line);border-radius:16px;background:var(--h6-card);box-shadow:none;overflow:hidden;}.pc-settings-v4-group>h3{padding:13px 15px 8px;margin:0;color:var(--h6-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;}.pc-settings-v4-row{min-height:52px;padding:10px 13px;border-top:1px solid var(--h6-line);background:transparent;}.pc-settings-v4-row:first-of-type{border-top:0;}.pc-settings-v4-row.is-clickable:hover{background:var(--h6-yellow-soft);}.pc-settings-subpage-content{display:grid;gap:12px;}.pc-settings-search{border:1px solid var(--h6-line);border-radius:15px;background:var(--h6-card);box-shadow:none;}.pc-feature-error{background:var(--h6-card);border:1px solid #ffd6d6;border-radius:16px;color:var(--h6-text);margin:16px;padding:16px;}

/* Room surface: don't let stale expired cards look active; room itself stays clean. */


/* Global interaction polish */
button,a,[role="button"]{-webkit-tap-highlight-color:transparent;}.pc-app button{touch-action:manipulation;}.pc-panel,.pc-post-card,.pc-search-page{transition:border-color .15s ease,background .15s ease;}.pc-inline-error{border:1px solid #ffd3d3;background:#fff5f5;color:#a73f3f;border-radius:12px;padding:9px 11px;}

@media(max-width:900px){
  .pc-admin-updates-page .howu-update-fields-row{grid-template-columns:1fr 1fr;}.pc-admin-updates-page .howu-update-fields-row>label:last-child{grid-column:1/-1;}.pc-settings-dashboard-grid{grid-template-columns:1fr;}
  
}
@media(max-width:700px){
  .pc-admin-updates-page .howu-update-fields-row,.pc-admin-updates-page .howu-update-two-col{grid-template-columns:1fr;}.pc-admin-updates-page .howu-update-fields-row>label:last-child{grid-column:auto;}.pc-admin-updates-page .howu-update-composer,.pc-admin-updates-page .howu-update-history{padding:13px;border-radius:15px;}.pc-admin-updates-page .howu-update-send-row{align-items:stretch;flex-direction:column;}.pc-admin-updates-page .howu-update-send-row button{width:100%;}
  
  
  .pc-settings-v4-title,.pc-settings-subheader{border-radius:0;border-left:0;border-right:0;}
}


/* Rooms and DMs now share one calm conversation language. */










/* ========================================================================
   HOWU HOTFIX 7 — deterministic avatar decorations + product UI pass
   ======================================================================== */

/* A decoration now owns one bounded avatar box instead of exploding 2.4x
   outside the PFP. Cropped art stays centered; the photo is scaled to the
   real transparent opening of each frame. */
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]{
  /* V7.1: the cropped frame's transparent opening is ~77.5% of the image.
     130% frame size makes that opening ~100% of the avatar, so the PFP keeps
     its normal size and the decoration hugs it instead of swallowing it. */
  --howu-frame-box:130%;
  --howu-frame-media:100%;
  position:relative;
  overflow:visible;
  isolation:isolate;
}

:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]>.pc-avatar-frame-art{
  display:block;
  position:absolute;
  left:50%;top:50%;
  width:var(--howu-frame-box);height:var(--howu-frame-box);
  max-width:none;max-height:none;
  transform:translate(-50%,-50%);
  object-fit:contain;object-position:center;
  pointer-events:none;z-index:4;
}
.pc-avatar-shell[class*="frame-"]>.pc-avatar-media{
  position:absolute;
  left:50%;top:50%;
  width:var(--howu-frame-media);height:var(--howu-frame-media);
  transform:translate(-50%,-50%);
  margin:0;border-radius:50%;overflow:hidden;z-index:2;
}
.pc-avatar-shell[class*="frame-"]>.pc-avatar-media>img,.pc-avatar-shell[class*="frame-"]>.pc-avatar-media>span{width:100%;height:100%;border-radius:50%;object-fit:cover;}
:is(.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]>img:not(.pc-avatar-frame-art){
  position:absolute;left:50%;top:50%;
  width:var(--howu-frame-media);height:var(--howu-frame-media);
  transform:translate(-50%,-50%);object-fit:cover;border-radius:50%;z-index:2;
}
/* Permanently retire every legacy pseudo-element decoration layer. */
.pc-avatar-shell[class*="frame-"]::before,.pc-avatar-shell[class*="frame-"]::after,.pc-profile-avatar[class*="frame-"]::before,.pc-profile-avatar[class*="frame-"]::after,.pc-customize-avatar[class*="frame-"]::before,.pc-customize-avatar[class*="frame-"]::after,.pc-frame-swatch[class*="frame-"]::before,.pc-frame-swatch[class*="frame-"]::after{content:none;display:none;background:none;}

/* Core product surface: flatter, cleaner, less template-ish. */
.pc-app{background:#fbfbf9;color:var(--h6-text);}
.pc-sidebar{background:rgba(255,255,255,.94);border-right:1px solid #ecece8;box-shadow:none;backdrop-filter:blur(18px) saturate(130%);}
.pc-nav-item{border-radius:15px;transition:background .14s ease,color .14s ease,transform .14s ease;}
.pc-nav-item:hover{background:#f6f6f2;}
.pc-nav-item.is-active{background:#f1f1ed;color:#9c7200;box-shadow:inset 0 0 0 1px #e7e4da;}
.pc-nav-item:active{transform:scale(.97);}
.pc-nav-badge{box-shadow:0 0 0 2px #fff;}
.pc-desktop-topbar{background:rgba(251,251,249,.86);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid #ecece8;}
.pc-topbar-search{background:#fff;border:1px solid #e8e8e3;border-radius:16px;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.pc-topbar-search:focus-within{border-color:#d8bd48;box-shadow:0 0 0 3px rgba(245,196,0,.10);}

.pc-feed-composer,.pc-post-card,.pc-panel{border:1px solid #e9e9e4;border-radius:19px;background:#fff;box-shadow:0 4px 20px rgba(24,24,20,.035);}
.pc-feed-composer-main{padding-top:16px;}.pc-feed-composer-main>button:not(.pc-composer-mic){background:#f7f7f4;border:1px solid #ecece6;border-radius:999px;text-align:left;transition:border-color .14s ease,background .14s ease;}.pc-feed-composer-main>button:not(.pc-composer-mic):hover{background:#fffdf2;border-color:#e4ce68;}
.pc-feed-composer-tools{border-top:1px solid #efefe9;}.pc-feed-composer-tools button{border-radius:12px;}.pc-feed-composer-tools button:hover{background:#f8f7ef;color:#765a00;}
.pc-feed-sort{margin-block:16px 10px;color:#6f706d;}.pc-feed-sort select{background:transparent;border:0;font-weight:650;}

/* Search: immediate feedback and compact real results instead of a giant blank card. */
.pc-search-page{min-height:360px;border:1px solid #e8e8e3;border-radius:22px;background:#fff;box-shadow:0 5px 24px rgba(20,20,18,.035);overflow:hidden;}
.pc-search-page .pc-page-title{padding:18px 20px 8px;}.pc-search-page .pc-page-title h1{font-size:27px;letter-spacing:-.035em;}
.pc-search-field--large{margin:4px 18px 12px;min-height:52px;background:#f7f7f4;border:1px solid #e5e5df;border-radius:17px;padding-inline:15px;box-shadow:none;}
.pc-search-field--large:focus-within{background:#fff;border-color:#d8bc41;box-shadow:0 0 0 3px rgba(245,196,0,.11);}
.pc-search-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 12px;border-bottom:1px solid #ecece7;overflow:visible;}
.pc-search-tabs button{min-width:0;padding:12px 6px;border:0;border-bottom:2px solid transparent;border-radius:10px 10px 0 0;background:transparent;color:#73736f;font-weight:720;}
.pc-search-tabs button.is-active{color:#9b7500;border-bottom-color:#f2c900;background:linear-gradient(180deg,transparent,#fffbed);}
.pc-search-status{min-height:120px;display:grid;place-items:center;color:#85857f;font-size:14px;animation:howuStatusIn .15s ease both;}
@keyframes howuStatusIn{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}
.pc-user-results{padding:5px 12px 16px;display:grid;gap:5px;}.pc-user-row{border:1px solid transparent;border-radius:15px;padding:6px;}.pc-user-row:hover{background:#fafaf6;border-color:#ecece6;}
.pc-search-posts{padding:6px 12px 16px;display:grid;gap:7px;}.pc-search-post-row{border:1px solid #ecece7;border-radius:15px;background:#fff;padding:8px;}.pc-search-post-row:hover{border-color:#e0ca68;background:#fffdf5;}

/* Notifications: make unread status unmistakable and keep controls usable. */






/* DMs and Rooms share one smooth messaging language. */









/* Official update sender editor */
.howu-official-sender-card{display:grid;gap:16px;padding:18px;border:1px solid #e5e3d9;border-radius:18px;background:linear-gradient(145deg,#fff,#fffdf3);box-shadow:0 4px 18px rgba(28,27,20,.035);}
.howu-official-sender-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}.howu-official-sender-head h3{margin:3px 0 4px;font-size:21px;letter-spacing:-.025em;}.howu-official-sender-head p{margin:0;color:#77776f;font-size:13px;}
.howu-official-preview{min-width:245px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e8e6dc;border-radius:15px;}.howu-official-preview img{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#f6f4ea;}.howu-official-preview>span{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;min-width:0;}.howu-official-preview strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.howu-official-preview small{grid-column:1/-1;color:#85857e;font-size:10px;}.howu-official-preview-badge,.howu-official-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:2px 7px;background:color-mix(in srgb,var(--badge,#F5C400) 18%,#fff);border:1px solid color-mix(in srgb,var(--badge,#F5C400) 65%,#d5d5cf);color:color-mix(in srgb,var(--badge,#F5C400) 62%,#2c2c27);font-size:9px;line-height:1.4;font-weight:850;}
.howu-official-fields{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;}.howu-official-fields label,.howu-official-badge-editor label{display:grid;gap:6px;min-width:0;}.howu-official-fields label>span,.howu-official-badge-editor label>span{font-size:11px;font-weight:780;color:#5f605b;}.howu-official-fields input,.howu-official-badge-editor input,.howu-official-badge-editor select{min-width:0;min-height:42px;padding:0 11px;border:1px solid #dfdfd9;border-radius:11px;background:#fff;color:#232321;}.howu-official-fields input:focus,.howu-official-badge-editor input:focus,.howu-official-badge-editor select:focus{outline:0;border-color:#d0b746;box-shadow:0 0 0 3px rgba(245,196,0,.10);}.howu-official-upload input{padding:8px;}.howu-official-upload small{color:#8a8a83;font-size:9px;}
.howu-official-badge-editor{display:grid;grid-template-columns:1.3fr 1fr .8fr .55fr;align-items:end;gap:10px;padding-top:12px;border-top:1px solid #eceae1;}.howu-official-toggle{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 10px;background:#faf9f3;border:1px solid #e8e4d7;border-radius:11px;}.howu-official-toggle input{min-height:auto;width:17px;height:17px;accent-color:#e7bd00;padding:0;}.howu-official-toggle span{font-size:12px;color:#393a36;}.howu-official-badge-editor input[type="color"]{padding:4px;width:100%;}
.howu-official-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;}.howu-official-save{min-height:42px;border:0;border-radius:11px;padding:0 15px;background:#f2c817;color:#171713;font-weight:850;}.howu-official-save:hover{background:#e5b900;}.howu-official-save:disabled{opacity:.5;}.howu-official-status{font-size:11px;color:#77776f;}.howu-official-status.is-success{color:#2f7b49;}.howu-official-status.is-error{color:#b54848;}
.howu-update-brand strong{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}

@media(max-width:900px){
  .howu-official-sender-head{display:grid;}.howu-official-preview{min-width:0;width:100%;}.howu-official-fields{grid-template-columns:1fr;}.howu-official-badge-editor{grid-template-columns:1fr 1fr;}
  .pc-search-tabs{grid-template-columns:repeat(5,max-content);overflow-x:auto;justify-content:start;}.pc-search-tabs button{padding-inline:14px;}
}
@media(max-width:620px){
  .howu-official-badge-editor{grid-template-columns:1fr;}.howu-official-actions{align-items:stretch;flex-direction:column;}.howu-official-save{width:100%;}
}

/* Official update identity uses the admin-configured sender logo, not a hard-coded app glyph. */

/* V13 cleaned from howu-hotfix-v8.css */
/* HOWU HOTFIX 8 — production repair layer (2026-08-18)
   Deliberately does not modify the loading screen. */

/* --------------------------------------------------------------------------
   AVATARS / FRAMES
   One renderer only. V7 globally forced every artwork to 243%, which made
   smaller frames drift away from the profile photo and caused horn clipping.
   -------------------------------------------------------------------------- */
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]::before,:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch)[class*="frame-"]::after{
  content:none;display:none;animation:none;background:none;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch){
  position:relative;overflow:visible;isolation:isolate;}
.pc-avatar-shell>.pc-avatar-media{position:absolute;inset:0;z-index:2;border-radius:50%;overflow:hidden;}
.pc-avatar-frame-art{
  display:block;position:absolute;left:50%;top:50%;right:auto;bottom:auto;
  width:calc(100% * var(--howu-frame-scale,1.70));height:calc(100% * var(--howu-frame-scale,1.70));
  max-width:none;max-height:none;margin:0;object-fit:contain;object-position:center;
  transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;z-index:5;
  border:0;background:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.09));}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cyber-horns-lite{--howu-frame-scale:1.707;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-cosmic-orbit{--howu-frame-scale:2.430;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-liquid-demon{--howu-frame-scale:1.718;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-shadow-dragon{--howu-frame-scale:1.690;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-butterfly{--howu-frame-scale:1.918;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-inferno-horns{--howu-frame-scale:1.679;}
:is(.pc-avatar-shell,.pc-profile-avatar,.pc-customize-avatar,.pc-frame-swatch).frame-frost-crown{--howu-frame-scale:1.690;}

/* The artwork is intentionally larger than its avatar. Never clip it in the
   common avatar host containers, but keep the photo itself clipped to a circle. */

.pc-profile-avatar{overflow:visible;}
.pc-profile-avatar>.pc-avatar-media,.pc-profile-avatar>img:not(.pc-avatar-frame-art){border-radius:50%;}

/* --------------------------------------------------------------------------
   NOTIFICATIONS
   Keep controls usable on iPhone/iPad, remove layout collisions, and make the
   feed robust when long sender names or update titles are present.
   -------------------------------------------------------------------------- */








/* --------------------------------------------------------------------------
   SEARCH
   JS V8 prevents stale requests; CSS keeps the search shell stable while the
   current request changes so Safari does not appear to "jump" or freeze.
   -------------------------------------------------------------------------- */
.pc-search-page,.pc-search-page *{box-sizing:border-box;}
.pc-search-page{min-width:0;contain:inline-size;}
.pc-search-field--large input{min-width:0;}
.pc-search-tabs{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;}
.pc-user-results,.pc-search-posts{min-width:0;}

/* --------------------------------------------------------------------------
   DMs / ROOMS
   Prevent flex children from forcing the mobile workspace wider than viewport.
   -------------------------------------------------------------------------- */







/* --------------------------------------------------------------------------
   SETTINGS
   The JS now keeps a valid merged preference object and reports DB failures
   instead of clearing the error. These rules stop nested sections overflowing.
   -------------------------------------------------------------------------- */
.pc-settings-v4,.pc-settings-v4-main,.pc-settings-v4-page,.pc-settings-v4-content,.pc-settings-v4-group{min-width:0;max-width:100%;box-sizing:border-box;}
.pc-settings-v4-row>*{min-width:0;}
.pc-settings-v4-row :is(strong,span,small,p){overflow-wrap:anywhere;}
.pc-settings-v4 :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box;}

/* Official HOWU sender editor: keep every field accessible instead of cutting
   the third column off on tablets. */
.pc-admin-updates-page,.howu-admin-updates,.howu-official-sender-card{min-width:0;max-width:100%;box-sizing:border-box;}
.howu-official-fields,.howu-official-badge-editor{min-width:0;}

@media (max-width:900px){
  
  
  
  
  
  .howu-official-fields{grid-template-columns:minmax(0,1fr);}
}

@media (max-width:640px){
  
  
  
  
  
  
  
  
  
  

  .pc-search-page{border-left:0;border-right:0;border-radius:0;}
  .pc-search-field--large{margin-inline:10px;}
  .pc-search-tabs{padding-inline:7px;}

  
  
  
  
  

  .pc-settings-v4-header{padding-inline:12px;}
  .pc-settings-v4-row{padding-inline:13px;}
  .pc-settings-search{margin-inline:11px;}

  .howu-official-sender-card{padding:13px;border-radius:14px;}
  .howu-official-preview{width:100%;min-width:0;}
  .howu-official-badge-editor{grid-template-columns:minmax(0,1fr);}
}

/* Dark mode repair for V7 polish rules that used literal white backgrounds. */
html[data-theme="dark"] .pc-search-page,html[data-theme="dark"] .howu-official-sender-card,html[data-theme="dark"] .howu-official-preview,html[data-theme="dark"] .howu-official-fields input,html[data-theme="dark"] .howu-official-badge-editor input,html[data-theme="dark"] .howu-official-badge-editor select{
  background:var(--pc-surface);color:var(--pc-text);border-color:var(--pc-border);}
html[data-theme="dark"] .pc-search-field--large,html[data-theme="dark"] .howu-official-toggle{background:var(--pc-surface-2);border-color:var(--pc-border);color:var(--pc-text);}

/* V13 cleaned from howu-hotfix-v9.css */
/* HOWU HOTFIX 9 — targeted notification/story/frame repair. Loading untouched. */
.pc-avatar-shell,.pc-story-avatar,.pc-story-avatar--own{overflow:visible;}
.pc-avatar-frame-art{pointer-events:none;-webkit-user-select:none;user-select:none;}
.pc-story-avatar--own .pc-avatar-media>img{width:100%;height:100%;object-fit:cover;display:block;}