*,: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:Inter,system-ui,sans-serif;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}:root{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 249 100% 69%;--primary-foreground: 0 0% 98%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--radius: .5rem}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-96{height:24rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-96{width:24rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.transform{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))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1.5rem}.rounded-3xl{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:1rem}.border{border-width:1px}.border-\[\#1c1c27\]{--tw-border-opacity: 1;border-color:rgb(28 28 39 / var(--tw-border-opacity, 1))}.border-\[\#333\]{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.border-\[\#444\]{--tw-border-opacity: 1;border-color:rgb(68 68 68 / var(--tw-border-opacity, 1))}.bg-\[\#0a0a0f\]{--tw-bg-opacity: 1;background-color:rgb(10 10 15 / var(--tw-bg-opacity, 1))}.bg-\[\#13131a\]{--tw-bg-opacity: 1;background-color:rgb(19 19 26 / var(--tw-bg-opacity, 1))}.bg-\[\#1c1c27\]{--tw-bg-opacity: 1;background-color:rgb(28 28 39 / var(--tw-bg-opacity, 1))}.bg-\[\#2a2a35\]{--tw-bg-opacity: 1;background-color:rgb(42 42 53 / var(--tw-bg-opacity, 1))}.bg-\[\#6c63ff\]{--tw-bg-opacity: 1;background-color:rgb(108 99 255 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-10{padding:2.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.font-\[\'Syne\'\]{font-family:Syne}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,sans-serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.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-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#6c63ff\]{--tw-text-opacity: 1;color:rgb(108 99 255 / var(--tw-text-opacity, 1))}.text-\[\#9b8fff\]{--tw-text-opacity: 1;color:rgb(155 143 255 / var(--tw-text-opacity, 1))}.text-\[\#f0f0f8\]{--tw-text-opacity: 1;color:rgb(240 240 248 / 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-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-10{opacity:.1}.shadow-2xl{--tw-shadow: 0 20px 40px rgba(0, 0, 0, .7);--tw-shadow-colored: 0 20px 40px 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-\[0_0_30px_rgba\(108\,99\,255\,0\.3\)\]{--tw-shadow: 0 0 30px rgba(108,99,255,.3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-\[100px\]{--tw-blur: blur(100px);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)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.selection\:bg-\[\#6c63ff\] *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(108 99 255 / var(--tw-bg-opacity, 1))}.selection\:bg-\[\#6c63ff\] *::selection{--tw-bg-opacity: 1;background-color:rgb(108 99 255 / var(--tw-bg-opacity, 1))}.selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-\[\#6c63ff\]::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(108 99 255 / var(--tw-bg-opacity, 1))}.selection\:bg-\[\#6c63ff\]::selection{--tw-bg-opacity: 1;background-color:rgb(108 99 255 / var(--tw-bg-opacity, 1))}.selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:bg-\[\#2a2a35\]:hover{--tw-bg-opacity: 1;background-color:rgb(42 42 53 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#333\]:hover{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#5b54e5\]:hover{--tw-bg-opacity: 1;background-color:rgb(91 84 229 / var(--tw-bg-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.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))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:h-48{height:12rem}.md\:w-48{width:12rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-16{padding:4rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--accent2: #ff6b6b;--accent2-dim: rgba(255,107,107,.12);--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.12);--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38)}.story-name{font-size:10px;color:var(--text-muted);text-align:center;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed{flex:1;overflow-y:auto;padding:12px 0 104px;scrollbar-width:none}.post-image .img-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.img-placeholder.event{background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e)}.img-label{font-size:12px;color:#ffffff4d;font-style:italic}.campus-decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.campus-decor:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.poll-question{font-size:14px;font-weight:500;color:var(--text);margin-bottom:10px;line-height:1.4}.poll-option:hover{border-color:var(--border2)}.poll-option.voted .poll-opt-text{color:var(--text)}.accomplish-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.15) 0%,transparent 70%)}.investigate-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;width:100%;justify-content:center;box-shadow:0 4px 16px #6c63ff59}.investigate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff73}.investigate-btn:active{transform:scale(.98)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:50;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal-sheet{width:100%;background:var(--surface);border-radius:24px 24px 0 0;padding:20px 20px 40px;transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.1,.64,1);border-top:1px solid var(--border2)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border2);margin:0 auto 16px}.modal-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.modal-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px}.step-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.step-item{display:flex;gap:12px;align-items:flex-start}.step-num{width:24px;height:24px;border-radius:8px;background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;margin-top:1px}.step-text{font-size:13px;color:var(--text-sub);line-height:1.5}.step-text strong{color:var(--text);font-weight:500}.resource-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.resource-chip{padding:5px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);font-size:11px;color:var(--text-sub);cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:4px}.resource-chip:hover{background:var(--surface3)}.resource-chip svg{width:11px;height:11px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.modal-close{width:100%;padding:13px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:14px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.modal-close:hover{background:var(--surface3)}.engage-bar{display:flex;align-items:center;gap:0;margin-top:2px;padding-top:10px;border-top:1px solid var(--border)}.reaction-pill:hover{background:var(--surface2)}.reaction-pill.active{background:var(--accent-dim);border-color:#6c63ff4d;color:var(--text-sub)}.compose-fab{position:absolute;bottom:88px;right:16px;width:48px;height:48px;border-radius:16px;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6c63ff73;transition:transform .15s,box-shadow .15s;z-index:15}.compose-fab:hover{transform:scale(1.07);box-shadow:0 12px 32px #6c63ff8c}.campx-post-live .college-chip{font-size:10px;padding:1px 7px;border-radius:6px;background:var(--surface2);border:1px solid var(--border2);color:var(--text-muted);font-weight:400;white-space:nowrap}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--accent2: #ff6b6b;--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.1);--teal: #2dd4bf;--teal-dim: rgba(45,212,191,.1);--coral: #f97316;--coral-dim: rgba(249,115,22,.1);--pink: #e879f9;--pink-dim: rgba(232,121,249,.1);--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38)}#list-screen{background:var(--bg)}.topbar{flex-shrink:0;padding:52px 20px 14px;display:flex;align-items:flex-end;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--border)}.quota-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.quota-text{font-size:12px;color:var(--text-muted);flex:1}.quota-text strong{color:var(--text-sub)}.quota-track{flex:1;height:4px;border-radius:2px;background:var(--surface3)}.quota-fill{height:100%;border-radius:2px;background:var(--accent);width:60%}.section-label{padding:14px 20px 6px;font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.community-list{flex:1;overflow-y:auto;padding-bottom:80px;scrollbar-width:none}.community-list::-webkit-scrollbar{display:none}.community-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s;position:relative}.community-item:hover{background:var(--surface)}.community-item:active{background:var(--surface2)}.community-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:1px solid var(--border2);position:relative}.online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.community-info{flex:1;min-width:0}.community-name{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px;margin-bottom:2px}.comm-type-badge{font-size:9px;padding:1px 6px;border-radius:5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-college{background:var(--teal-dim);color:var(--teal)}.badge-open{background:var(--pink-dim);color:var(--pink)}.community-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.community-time{font-size:11px;color:var(--text-muted)}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.community-divider{height:1px;background:var(--border);margin:0 20px}.discover-card{margin:0 16px 10px;padding:14px;background:var(--surface);border:1px solid var(--border2);border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.discover-card:hover{background:var(--surface2)}.discover-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.discover-info{flex:1}.discover-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.discover-sub{font-size:11px;color:var(--text-muted)}.join-btn{padding:6px 14px;border-radius:8px;background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);color:var(--accent);font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s;white-space:nowrap}.join-btn:hover{background:#6c63ff40}#channel-screen{background:var(--bg)}.ch-topbar{flex-shrink:0;padding:52px 16px 0;background:var(--surface);border-bottom:1px solid var(--border)}.ch-topbar-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ch-comm-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--border2)}.ch-comm-info{flex:1;min-width:0}.ch-comm-name{font-size:15px;font-weight:600;color:var(--text);font-family:Syne,sans-serif}.ch-comm-members{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.ch-topbar-icons{display:flex;gap:6px}.ch-icon-btn{width:32px;height:32px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.ch-icon-btn:hover{background:var(--surface3)}.ch-icon-btn svg{width:15px;height:15px;stroke:var(--text-sub);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ch-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.ch-tabs::-webkit-scrollbar{display:none}.ch-tab{display:flex;align-items:center;gap:5px;padding:10px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;flex-shrink:0}.ch-tab.active{color:var(--text);border-bottom-color:var(--accent)}.ch-tab:hover:not(.active){color:var(--text-sub)}.ch-tab svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ch-tab .ch-unread{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent2);font-size:10px;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}.channel-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.announce-banner{flex-shrink:0;display:flex;align-items:flex-start;gap:8px;padding:10px 16px;background:#6c63ff12;border-bottom:1px solid rgba(108,99,255,.15)}.announce-icon{font-size:14px;margin-top:1px;flex-shrink:0}.announce-text{font-size:12px;color:var(--text-sub);line-height:1.5}.announce-text strong{color:var(--text);font-weight:500}.messages{flex:1;overflow-y:auto;padding:12px 16px;scrollbar-width:none;display:flex;flex-direction:column;gap:2px}.messages::-webkit-scrollbar{display:none}.msg-date-divider{text-align:center;font-size:11px;color:var(--text-muted);padding:8px 0;display:flex;align-items:center;gap:8px}.msg-date-divider:before,.msg-date-divider:after{content:"";flex:1;height:1px;background:var(--border)}.msg{display:flex;gap:10px;padding:4px 0}.msg:hover{background:transparent}.msg-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;flex-shrink:0;margin-top:2px}.msg-body{flex:1;min-width:0}.msg-header{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.msg-author{font-size:13px;font-weight:500;color:var(--text)}.msg-role{font-size:10px;padding:1px 5px;border-radius:4px;font-weight:600}.role-admin{background:var(--accent-dim);color:#a89fff}.role-mod{background:var(--green-dim);color:var(--green)}.msg-time{font-size:11px;color:var(--text-muted)}.msg-text{font-size:13px;color:var(--text-sub);line-height:1.6}.msg-text .mention{color:var(--accent);font-weight:500}.msg-text .code{font-family:monospace;font-size:12px;background:var(--surface2);padding:1px 5px;border-radius:4px;color:var(--teal)}.msg.continued{padding-left:42px}.msg.continued .msg-avatar{display:none}.msg-file{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:4px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;cursor:pointer;transition:background .15s;width:-moz-fit-content;width:fit-content;max-width:100%}.msg-file:hover{background:var(--surface2)}.msg-file svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.msg-file-info{min-width:0}.msg-file-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.msg-file-size{font-size:10px;color:var(--text-muted)}.msg-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.msg-react-pill{display:flex;align-items:center;gap:3px;padding:2px 7px;border-radius:12px;background:var(--surface);border:1px solid var(--border2);font-size:12px;cursor:pointer;transition:background .15s}.msg-react-pill:hover{background:var(--surface2)}.msg-react-pill.active{background:var(--accent-dim);border-color:#6c63ff4d}.msg-react-count{font-size:11px;color:var(--text-muted)}.voice-panel{padding:16px;display:none;flex-direction:column;align-items:center;gap:16px;flex:1}.voice-panel.active{display:flex}.voice-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:var(--text)}.voice-sub{font-size:13px;color:var(--text-muted)}.voice-members{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px 0}.voice-member{display:flex;flex-direction:column;align-items:center;gap:6px}.voice-avatar{width:56px;height:56px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;border:2px solid var(--border2);position:relative}.voice-avatar.speaking{border-color:var(--green);box-shadow:0 0 12px #4ade804d}.voice-avatar.muted:after{content:"";position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;background:var(--surface2);border:2px solid var(--bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='23' y2='23' stroke='%23888' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 9v3a3 3 0 0 0 5.12 2.12' stroke='%23888' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cpath d='M15 9.34V4a3 3 0 0 0-5.94-.6' stroke='%23888' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}.voice-name{font-size:11px;color:var(--text-muted)}.voice-controls{display:flex;gap:12px;margin-top:8px}.v-ctrl{width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.v-ctrl:hover{background:var(--surface2)}.v-ctrl.danger{background:#ff6b6b26;border-color:#ff6b6b4d}.v-ctrl svg{width:20px;height:20px;stroke:var(--text-sub);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v-ctrl.danger svg{stroke:var(--accent2)}.msg-input-bar{flex-shrink:0;padding:10px 16px 16px;background:var(--bg);border-top:1px solid var(--border)}.msg-input-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:8px 12px;transition:border-color .2s}.msg-input-wrap:focus-within{border-color:#6c63ff66}.input-actions{display:flex;gap:6px}.input-action-btn{width:28px;height:28px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.input-action-btn:hover{background:var(--surface2)}.input-action-btn svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.send-btn{width:32px;height:32px;border-radius:10px;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s;flex-shrink:0}.send-btn:hover{opacity:.9;transform:scale(1.05)}.send-btn svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--accent2: #ff6b6b;--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--teal: #2dd4bf;--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38);--bubble-me: #6c63ff;--bubble-them: #1c1c27}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;transition:transform .42s cubic-bezier(.77,0,.175,1),opacity .3s ease;will-change:transform}#inbox{background:var(--bg)}.e2ee-notice{display:flex;align-items:center;gap:7px;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.e2ee-notice svg{width:13px;height:13px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.e2ee-notice span{font-size:11px;color:var(--text-muted)}.e2ee-notice strong{color:var(--green);font-weight:500}.search-bar{flex-shrink:0;padding:10px 16px;border-bottom:1px solid var(--border)}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:8px 12px}.search-wrap svg{width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.search-wrap input{flex:1;background:transparent;border:none;outline:none;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text)}.search-wrap input::-moz-placeholder{color:var(--text-muted)}.search-wrap input::placeholder{color:var(--text-muted)}.conv-list{flex:1;overflow-y:auto;scrollbar-width:none}.conv-list::-webkit-scrollbar{display:none}.section-label{padding:12px 20px 4px;font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.conv-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s;position:relative}.conv-item:hover{background:var(--surface)}.conv-item:active{background:var(--surface2)}.conv-avatar-wrap{position:relative;flex-shrink:0}.conv-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;border:1px solid var(--border2)}.online-ring{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.offline-ring{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg)}.conv-body{flex:1;min-width:0}.conv-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.conv-name{font-size:14px;font-weight:500;color:var(--text)}.tier-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-verified{background:var(--green)}.dot-pro{background:var(--accent)}.dot-plus{background:var(--amber)}.conv-college{font-size:11px;color:var(--text-muted)}.conv-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.conv-preview svg{width:12px;height:12px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.preview-bold{color:var(--text-sub);font-weight:400}.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.conv-time{font-size:11px;color:var(--text-muted)}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.conv-divider{height:1px;background:var(--border);margin:0 20px}.request-row{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;background:#6c63ff0d;border-bottom:1px solid rgba(108,99,255,.12);transition:background .15s}.request-row:hover{background:#6c63ff1a}.req-icon{width:44px;height:44px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.req-icon svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.req-body{flex:1}.req-title{font-size:13px;font-weight:500;color:var(--accent)}.req-sub{font-size:11px;color:var(--text-muted)}.req-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}#chat{background:var(--bg)}.chat-topbar{flex-shrink:0;padding:52px 14px 12px;display:flex;align-items:center;gap:10px;background:var(--surface);border-bottom:1px solid var(--border)}.back-btn{width:34px;height:34px;border-radius:11px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.back-btn:hover{background:var(--surface3)}.chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;border:1px solid var(--border2);flex-shrink:0;position:relative}.chat-online{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}.chat-info{flex:1;min-width:0}.chat-name{font-size:15px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;display:flex;align-items:center;gap:6px}.chat-status{font-size:11px;color:var(--text-muted);margin-top:1px}.chat-status.online{color:var(--green)}.chat-topbar-actions{display:flex;gap:6px}.chat-action-btn{width:32px;height:32px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.chat-action-btn:hover{background:var(--surface3)}.chat-action-btn svg{width:15px;height:15px;stroke:var(--text-sub);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-e2ee{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;background:var(--surface);border-bottom:1px solid var(--border)}.chat-e2ee svg{width:11px;height:11px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat-e2ee span{font-size:11px;color:var(--text-muted)}.chat-e2ee strong{color:var(--green);font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px 8px;scrollbar-width:none;display:flex;flex-direction:column;gap:4px}.chat-messages::-webkit-scrollbar{display:none}.date-div{text-align:center;font-size:11px;color:var(--text-muted);padding:6px 0 10px;display:flex;align-items:center;gap:8px}.date-div:before,.date-div:after{content:"";flex:1;height:1px;background:var(--border)}.bubble-row{display:flex;align-items:flex-end;gap:6px;max-width:100%}.bubble-row.me{flex-direction:row-reverse}.bubble-row.them{flex-direction:row}.bubble-row .mini-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;flex-shrink:0;margin-bottom:2px}.bubble-row.me .mini-avatar{display:none}.bubble-group{display:flex;flex-direction:column;gap:2px;max-width:78%}.bubble-row.me .bubble-group{align-items:flex-end}.bubble-row.them .bubble-group{align-items:flex-start}.bubble{padding:9px 13px;font-size:14px;line-height:1.5;border-radius:18px;word-break:break-word;position:relative;cursor:pointer;transition:opacity .15s}.bubble:hover{opacity:.92}.bubble.me{background:var(--bubble-me);color:#fffffff2;border-bottom-right-radius:5px}.bubble.them{background:var(--bubble-them);color:var(--text-sub);border-bottom-left-radius:5px;border:1px solid var(--border2)}.bubble.first-them{border-top-left-radius:18px}.bubble.last-them{border-bottom-left-radius:5px}.bubble.first-me{border-top-right-radius:18px}.bubble.last-me{border-bottom-right-radius:5px}.bubble-row+.bubble-row.me{margin-top:2px}.bubble-row+.bubble-row.them{margin-top:2px}.bubble-row.me+.bubble-row.them{margin-top:10px}.bubble-row.them+.bubble-row.me{margin-top:10px}.reply-quote{background:#ffffff1a;border-left:2px solid rgba(255,255,255,.4);border-radius:6px;padding:4px 8px;margin-bottom:4px;font-size:12px;color:#ffffffa6;font-style:italic}.reply-quote.them-q{background:#6c63ff1a;border-left-color:var(--accent);color:var(--text-muted)}.img-bubble{width:200px;height:140px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative}.img-bubble-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.img-bubble-inner.style1{background:linear-gradient(135deg,#1a1030,#2d1f5e)}.img-bubble-inner.style2{background:linear-gradient(135deg,#0f2e1e,#1a5c2e)}.img-bubble svg{opacity:.2}.file-bubble{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;max-width:220px;transition:background .15s}.file-bubble:hover{background:#ffffff1f}.file-bubble svg{width:18px;height:18px;stroke:#ffffffb3;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.file-bubble-info .file-name{font-size:12px;color:#ffffffe6;font-weight:500}.file-bubble-info .file-size{font-size:10px;color:#ffffff80}.file-bubble.them-file{background:var(--surface2);border-color:var(--border2)}.file-bubble.them-file svg{stroke:var(--accent)}.file-bubble.them-file .file-name{color:var(--text)}.file-bubble.them-file .file-size{color:var(--text-muted)}.voice-bubble{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:22px;min-width:160px;max-width:220px}.voice-bubble.me{background:#ffffff1a}.voice-bubble.them-v{background:var(--surface2);border:1px solid var(--border2)}.voice-play{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.voice-play:hover{opacity:.8}.voice-play.me-play{background:#fff3}.voice-play.them-play{background:var(--accent-dim)}.voice-play svg{width:14px;height:14px;stroke:#fff;fill:#fff;stroke-width:0}.voice-play.them-play svg{stroke:var(--accent);fill:var(--accent)}.voice-waveform{flex:1;height:28px;display:flex;align-items:center;gap:2px}.wave-bar{border-radius:1px;background:#ffffff59;transition:height .15s}.voice-bubble.them-v .wave-bar{background:#6c63ff80}.voice-dur{font-size:11px;color:#ffffff80;flex-shrink:0}.voice-bubble.them-v .voice-dur{color:var(--text-muted)}.msg-meta{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:3px;padding:0 4px}.bubble-row.me .msg-meta{justify-content:flex-end}.receipt svg{width:13px;height:13px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.receipt.seen svg{stroke:var(--teal)}.bubble-reactions{display:flex;gap:3px;flex-wrap:wrap;padding:2px 0}.b-react{display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:10px;background:var(--surface2);border:1px solid var(--border2);font-size:12px;cursor:pointer}.b-react.active{background:var(--accent-dim);border-color:#6c63ff4d}.b-react span{font-size:10px;color:var(--text-muted)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:6px 0 4px}.typing-dots{display:flex;gap:3px;align-items:center;padding:8px 12px;background:var(--bubble-them);border:1px solid var(--border2);border-radius:18px 18px 18px 5px}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:bounce 1.2s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.typing-name{font-size:11px;color:var(--text-muted)}.reply-strip{flex-shrink:0;display:none;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border-top:1px solid var(--border2)}.reply-strip.visible{display:flex}.reply-strip-bar{width:3px;height:32px;background:var(--accent);border-radius:2px;flex-shrink:0}.reply-strip-text{flex:1}.reply-strip-author{font-size:11px;color:var(--accent);font-weight:500}.reply-strip-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-strip-close{width:24px;height:24px;border-radius:8px;background:var(--surface2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.reply-strip-close svg{width:12px;height:12px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.input-bar{flex-shrink:0;padding:8px 12px 20px;border-top:1px solid var(--border);background:var(--bg)}.input-row{display:flex;align-items:center;gap:8px}.input-action{width:36px;height:36px;border-radius:11px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.input-action:hover{background:var(--surface)}.input-action svg{width:18px;height:18px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:22px;padding:8px 14px;transition:border-color .2s}.input-wrap:focus-within{border-color:#6c63ff66}.msg-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;font-family:DM Sans,sans-serif}.msg-input::-moz-placeholder{color:var(--text-muted)}.msg-input::placeholder{color:var(--text-muted)}.emoji-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0;opacity:.6;transition:opacity .15s}.emoji-btn:hover{opacity:1}.send-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #6c63ff66;transition:transform .15s,box-shadow .15s;flex-shrink:0}.send-btn:hover{transform:scale(1.07);box-shadow:0 6px 18px #6c63ff80}.send-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--accent2: #ff6b6b;--accent2-dim: rgba(255,107,107,.12);--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.12);--coral: #f97316;--coral-dim: rgba(249,115,22,.12);--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38)}.topbar{flex-shrink:0;padding:52px 20px 0;background:var(--bg);border-bottom:1px solid var(--border);position:relative;z-index:10}.topbar-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.filter-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;padding-bottom:0}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:10px 16px;font-size:13px;font-weight:400;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;flex-shrink:0}.filter-tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.filter-tab:hover:not(.active){color:var(--text-sub)}.basic-banner{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(90deg,#6c63ff1f,#6c63ff0f);border-bottom:1px solid rgba(108,99,255,.2);transition:all .3s ease}.basic-banner.hidden{display:none}.banner-icon{width:32px;height:32px;border-radius:10px;background:var(--accent-dim);border:1px solid rgba(108,99,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-icon svg{width:15px;height:15px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.banner-text{flex:1}.banner-title{font-size:12px;font-weight:500;color:var(--text)}.banner-sub{font-size:11px;color:var(--text-muted)}.banner-cta{padding:6px 12px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:opacity .15s}.banner-cta:hover{opacity:.9}.state-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.toggle-label{font-size:11px;color:var(--text-muted);letter-spacing:.04em}.toggle-track{position:relative;width:44px;height:24px;border-radius:12px;background:var(--surface2);border:1px solid var(--border2);cursor:pointer;transition:background .2s}.toggle-track.on{background:#6c63ff66;border-color:#6c63ff80}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.toggle-track.on .toggle-thumb{transform:translate(20px);background:#fff}.toggle-state-label{font-size:11px;font-weight:500;color:var(--text-muted);min-width:50px;transition:color .2s}.toggle-track.on~.toggle-state-label{color:var(--accent)}.feed{flex:1;overflow-y:auto;padding:8px 0 104px;scrollbar-width:none;position:relative}.post{margin:0 0 2px;padding:16px 20px;background:var(--bg);border-bottom:1px solid var(--border);animation:fadeUp .4s ease both;position:relative}.post:nth-child(5){animation-delay:.33s}.college-chip{font-size:10px;padding:1px 7px;border-radius:6px;background:var(--surface2);border:1px solid var(--border2);color:var(--text-muted);font-weight:400;white-space:nowrap}.img-placeholder{width:100%;height:190px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.img-placeholder.style1{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.img-placeholder.style2{background:linear-gradient(135deg,#1a0533,#2d0f5e,#1a0533)}.img-placeholder.style3{background:linear-gradient(135deg,#0a2e1a,#1a5c2e,#0a2e1a)}.img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%)}.img-college-tag{position:absolute;bottom:10px;left:10px;padding:4px 10px;border-radius:8px;background:#0009;font-size:11px;color:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1)}.accomplish-card{background:linear-gradient(135deg,#6c63ff14,#4ade800a);border:1px solid rgba(108,99,255,.2);border-radius:14px;padding:14px;margin-bottom:12px}.accomplish-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.accomplish-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#9b8fff);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.accomplish-title{font-size:13px;font-weight:600;color:var(--text);font-family:Syne,sans-serif}.accomplish-org{font-size:11px;color:var(--text-muted);margin-top:1px}.investigate-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;width:100%;justify-content:center;box-shadow:0 4px 16px #6c63ff59;transition:transform .15s,opacity .15s}.sponsored-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);font-size:10px;color:var(--amber);font-weight:500;letter-spacing:.03em;margin-bottom:8px}.engage-bar{display:flex;align-items:center;margin-top:2px;padding-top:10px;border-top:1px solid var(--border);position:relative}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,10,15,.92) 0%,rgba(10,10,15,.4) 60%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;z-index:5;opacity:0;pointer-events:none;transition:opacity .3s ease}.lock-overlay.visible{opacity:1;pointer-events:all}.lock-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;font-size:12px;color:var(--text-sub);cursor:pointer;transition:background .15s}.lock-chip:hover{background:var(--surface3)}.lock-chip svg{width:13px;height:13px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.engage-disabled .engage-btn{opacity:.35;cursor:not-allowed;pointer-events:none}.compose-fab{position:absolute;bottom:88px;right:16px;width:48px;height:48px;border-radius:16px;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6c63ff73;transition:transform .15s,box-shadow .15s;z-index:15;opacity:1;transition:opacity .3s}.compose-fab.hidden{opacity:0;pointer-events:none}.compose-fab:hover{transform:scale(1.07)}.compose-fab svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.swipe-hint{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--surface2);border-left:1px solid var(--border2);border-radius:8px 0 0 8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:5;opacity:.6;animation:hint-pulse 3s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.6;transform:translateY(-50%) translate(0)}50%{opacity:.9;transform:translateY(-50%) translate(-3px)}}.swipe-hint svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.swipe-hint span{font-size:9px;color:var(--text-muted);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;transform:rotate(180deg)}.nudge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:50;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .25s ease}.nudge-overlay.open{opacity:1;pointer-events:all}.nudge-sheet{width:100%;background:var(--surface);border-radius:24px 24px 0 0;padding:20px 24px 44px;transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.1,.64,1);border-top:1px solid var(--border2)}.nudge-overlay.open .nudge-sheet{transform:translateY(0)}.nudge-handle{width:36px;height:4px;border-radius:2px;background:var(--border2);margin:0 auto 20px}.nudge-icon{width:56px;height:56px;border-radius:18px;background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.nudge-icon svg{width:26px;height:26px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nudge-title{font-family:Syne,sans-serif;font-size:20px;font-weight:700;color:var(--text);margin-bottom:6px}.nudge-sub{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.unlock-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.unlock-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-sub)}.unlock-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.nudge-btn{width:100%;padding:14px;background:var(--accent);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;box-shadow:0 6px 20px #6c63ff66;margin-bottom:10px;transition:opacity .15s}.nudge-btn:hover{opacity:.9}.nudge-close{width:100%;padding:12px;background:transparent;border:1px solid var(--border2);border-radius:14px;color:var(--text-sub);font-size:14px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.nudge-close:hover{background:var(--surface2)}.campx-live-wrap{margin-bottom:10px}.campx-feed-error{padding:10px 12px;border-radius:12px;background:#f871711f;border:1px solid rgba(248,113,113,.25);color:#fca5a5;margin-bottom:10px;font-size:13px;line-height:1.4}.campx-composer{display:flex;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;align-items:flex-end}.campx-composer textarea{flex:1;min-height:48px;max-height:120px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--border2);background:var(--surface2);color:var(--text);font-size:14px;font-family:DM Sans,sans-serif;line-height:1.4}.campx-composer textarea:focus{outline:none;border-color:#6c63ff80;box-shadow:0 0 0 2px #6c63ff1f}.campx-post-submit{flex-shrink:0;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9b8fff);color:#fff;border:none;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer}.campx-post-submit:disabled{opacity:.5;cursor:not-allowed}.campx-post-live{margin-bottom:4px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#08090d;color:#eef0ff}.wrap{max-width:1100px;margin:0 auto;padding:28px 18px 56px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}h1{margin:0;font-size:26px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.card{background:#121524;border:1px solid #272b45;border-radius:14px;padding:14px}.k{color:#95a0d9;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.v{font-size:24px;margin-top:8px;font-weight:700}.section{background:#111322;border:1px solid #252946;border-radius:14px;padding:16px;margin-bottom:14px}.section h2{margin:0 0 10px;font-size:18px}ul{margin:0;padding-left:18px;color:#ced3f3}li{margin:6px 0}.table-wrap{overflow:auto;border:1px solid #272b45;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:10px;border-bottom:1px solid #1f2440;font-size:13px}th{color:#95a0d9;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.btn{border:1px solid #30365b;background:#171b31;color:#eef0ff;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px}.btn:hover{border-color:#46508b}.btn.ok{background:#123022;border-color:#266546}.btn.bad{background:#33181d;border-color:#7a2f3c}.muted{color:#95a0d9;font-size:13px}.wrap{max-width:960px;margin:0 auto;padding:28px 18px}h1{margin:0 0 14px}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--border: rgba(255,255,255,.08);--border-active: rgba(255,255,255,.2);--accent: #6c63ff;--accent2: #ff6b6b;--accent-glow: rgba(108,99,255,.3);--text: #f0f0f8;--text-muted: rgba(240,240,248,.45);--text-sub: rgba(240,240,248,.65);--green: #4ade80;--amber: #fbbf24}html,body{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.6}.app{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.phone{width:390px;height:844px;background:var(--bg);border-radius:48px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;box-shadow:0 0 0 1px #ffffff0d,0 40px 120px #000c,inset 0 1px #ffffff14}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.77,0,.175,1),opacity .4s ease;will-change:transform,opacity}.screen.hidden-left{transform:translate(-100%);opacity:0;pointer-events:none}.screen.hidden-right{transform:translate(100%);opacity:0;pointer-events:none}#splash{background:var(--bg);align-items:center;justify-content:flex-end;padding-bottom:64px}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:pulse 6s ease-in-out infinite}.orb-1{width:320px;height:320px;background:radial-gradient(circle,rgba(108,99,255,.35) 0%,transparent 70%);top:-60px;left:-60px;animation-delay:0s}.orb-2{width:260px;height:260px;background:radial-gradient(circle,rgba(255,107,107,.25) 0%,transparent 70%);top:120px;right:-40px;animation-delay:2s}.orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(74,222,128,.15) 0%,transparent 70%);bottom:200px;left:20px;animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.splash-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.logo-mark{width:80px;height:80px;background:linear-gradient(135deg,var(--accent) 0%,#9b8fff 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 40px #6c63ff80;animation:logo-in .8s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes logo-in{0%{transform:scale(.6) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.logo-mark svg{width:44px;height:44px;fill:#fff}.brand-name{font-family:Syne,sans-serif;font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1;animation:text-in .7s ease .4s both;background:linear-gradient(135deg,#fff 30%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-x{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text}.brand-tagline{font-size:14px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:10px;font-weight:400;animation:text-in .7s ease .55s both}@keyframes text-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.feature-pills{display:flex;gap:8px;margin-top:28px;animation:text-in .7s ease .7s both;flex-wrap:wrap;justify-content:center;padding:0 32px}.pill{padding:5px 12px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--text-sub);letter-spacing:.02em}.splash-ctas{position:relative;z-index:2;width:100%;padding:0 28px;display:flex;flex-direction:column;gap:12px;animation:text-in .7s ease .85s both}.splash-note{text-align:center;font-size:11px;color:var(--text-muted);padding-bottom:12px;letter-spacing:.02em}.btn{width:100%;padding:16px 24px;border-radius:16px;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;letter-spacing:.01em;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#9b8fff 100%);color:#fff;box-shadow:0 8px 32px #6c63ff66}.btn-primary:hover{box-shadow:0 12px 40px #6c63ff8c}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled{box-shadow:none}.btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-active)}.topbar{display:flex;align-items:center;padding:52px 24px 16px;gap:12px}.back-btn{width:36px;height:36px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.topbar-logo{font-family:Syne,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px}.topbar-logo .x{color:var(--accent)}.form-body{padding:8px 28px 40px;flex:1;overflow-y:auto}.form-body::-webkit-scrollbar{display:none}.form-title{font-family:Syne,sans-serif;font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:8px}.form-sub{font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.6}.input-group{margin-bottom:16px}.field-error{display:none;margin-top:6px;color:#fda4af;font-size:12px;line-height:1.35}.input-label{font-size:12px;color:var(--text-sub);letter-spacing:.05em;text-transform:uppercase;font-weight:500;margin-bottom:8px;display:block}.input-wrap,.college-search-wrap{position:relative}.college-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:12px;max-height:220px;overflow-y:auto;z-index:12;display:none}.college-item{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;padding:10px 12px;cursor:pointer}.college-item:last-child{border-bottom:0}.college-item:hover:not(:disabled){background:#ffffff0d}.college-item:disabled{color:var(--text-muted);cursor:default}.input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}input[type=text],input[type=email],input[type=password],input[type=tel],select.campx-select{width:100%;padding:14px 14px 14px 44px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:15px;font-family:DM Sans,sans-serif;font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}select.campx-select{padding-left:14px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}input.no-icon{padding-left:14px}input::-moz-placeholder{color:var(--text-muted)}input::placeholder{color:var(--text-muted)}input:focus,select.campx-select:focus{border-color:#6c63ff99;box-shadow:0 0 0 3px #6c63ff1f}.eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px}.eye-btn svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.checkbox-row input[type=checkbox]{width:18px;height:18px;min-width:18px;padding:0;margin-top:2px;accent-color:var(--accent);cursor:pointer;border-radius:4px}.checkbox-label{font-size:13px;color:var(--text-muted);line-height:1.5}.checkbox-label a{color:var(--accent);text-decoration:none}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider-line{flex:1;height:1px;background:var(--border)}.divider-text{font-size:12px;color:var(--text-muted)}.verify-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:12px;margin-bottom:20px}.verify-badge.warn{background:#fbbf2414;border-color:#fbbf2440}.verify-badge.warn .verify-text{color:#fbdc78f2}.verify-badge.warn .verify-dot{background:var(--amber)}.verify-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.verify-text{font-size:12px;color:#4ade80e6;line-height:1.4}.form-footer{text-align:center;font-size:14px;color:var(--text-muted);margin-top:16px;padding-bottom:16px}.form-footer a{color:var(--accent);text-decoration:none;font-weight:500;cursor:pointer}.forgot-link{font-size:13px;color:var(--accent);text-align:right;display:block;margin-top:-8px;margin-bottom:20px;cursor:pointer;text-decoration:none;border:none;background:none;width:100%;font-family:inherit}.step-indicator{display:flex;gap:6px;margin-bottom:24px}.step-dot{height:4px;border-radius:2px;background:var(--border);transition:width .3s ease,background .3s ease;flex:0 0 8px}.step-dot.active{background:var(--accent);flex-basis:24px}.step-dot.done{background:var(--green);flex-basis:8px}.tier-cards{display:flex;gap:8px;margin-bottom:16px}.tier-card{flex:1;padding:12px 8px;border-radius:12px;background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.tier-card.selected{border-color:#6c63ff80;background:#6c63ff14}.tier-name{font-size:13px;font-weight:600;color:var(--text)}.tier-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.summary-row:last-child{border-bottom:none}.summary-k{color:var(--text-muted);flex-shrink:0}.summary-v{color:var(--text);text-align:right;word-break:break-all}.otp-row{display:flex;gap:8px;justify-content:center;margin:24px 0}.otp-cell{width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;font-family:DM Sans,sans-serif;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.otp-cell:focus{border-color:#6c63ff99;box-shadow:0 0 0 3px #6c63ff1f}.demo-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px;line-height:1.4}.toast{position:absolute;bottom:100px;left:28px;right:28px;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;font-size:13px;color:var(--text-sub);z-index:100;display:none;align-items:center;gap:10px;animation:toast-in .3s ease}.toast.show{display:flex}.toast-icon{width:20px;height:20px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.center-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;text-align:center}.mail-illus{width:72px;height:72px;border-radius:50%;background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);display:flex;align-items:center;justify-content:center;margin-bottom:24px}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--accent2: #ff6b6b;--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.12);--teal: #2dd4bf;--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;transition:transform .42s cubic-bezier(.77,0,.175,1),opacity .3s ease}.screen.active{transform:translate(0);opacity:1}.screen.offright{transform:translate(100%);opacity:0;pointer-events:none}.screen.offleft{transform:translate(-30%);opacity:0;pointer-events:none}#own-profile{background:var(--bg)}.topbar{flex-shrink:0;padding:52px 20px 12px;display:flex;align-items:flex-end;justify-content:space-between;background:var(--bg)}.topbar-title{font-family:Syne,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.topbar-right{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.profile-scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:80px}.profile-scroll::-webkit-scrollbar{display:none}.profile-hero{padding:20px 20px 16px;display:flex;flex-direction:column;align-items:center;position:relative}.hero-glow{position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(108,99,255,.18) 0%,transparent 100%);pointer-events:none}.avatar-wrap{position:relative;margin-bottom:14px;z-index:1}.profile-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:var(--text);font-family:Syne,sans-serif;border:3px solid transparent;background-clip:padding-box;position:relative}.avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#9b8fff,var(--accent2));z-index:-1}.edit-avatar-btn{position:absolute;bottom:2px;right:2px;width:26px;height:26px;border-radius:50%;background:var(--surface2);border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.edit-avatar-btn:hover{background:var(--surface3)}.edit-avatar-btn svg{width:12px;height:12px;stroke:var(--text-sub);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-name{font-family:Syne,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--text);margin-bottom:6px;text-align:center}.tier-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;justify-content:center}.tier-badge-main{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.04em}.badge-pro-main{background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);color:#a89fff}.badge-plus-main{background:var(--amber-dim);border:1px solid rgba(251,191,36,.3);color:var(--amber)}.badge-ver-main{background:var(--green-dim);border:1px solid rgba(74,222,128,.3);color:var(--green)}.tier-badge-main svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-badge{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;background:var(--surface2);border:1px solid var(--border2);font-size:11px;color:var(--text-muted)}.college-tag{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border2);font-size:13px;color:var(--text-sub);margin-bottom:10px}.college-tag svg{width:13px;height:13px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-bio{font-size:14px;color:var(--text-sub);text-align:center;line-height:1.6;padding:0 8px;margin-bottom:14px;max-width:300px}.profile-bio .accent{color:var(--accent)}.stats-row{display:flex;gap:0;width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:16px;overflow:hidden;margin-bottom:16px}.stat-item{flex:1;padding:12px 8px;text-align:center;cursor:pointer;transition:background .15s;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-item:hover{background:var(--surface2)}.stat-num{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:var(--text);line-height:1;margin-bottom:2px}.stat-label{font-size:11px;color:var(--text-muted)}.profile-actions{display:flex;gap:8px;width:100%;margin-bottom:4px}.action-btn{flex:1;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;border:none;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:active{transform:scale(.97)}.action-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-edit{background:var(--surface2);border:1px solid var(--border2);color:var(--text-sub)}.btn-edit:hover{background:var(--surface3)}.btn-share{background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);color:#a89fff}.btn-share:hover{background:#6c63ff38}.upgrade-nudge{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 4px;background:linear-gradient(90deg,#6c63ff1a,#fbbf240f);border:1px solid rgba(108,99,255,.2);border-radius:14px;cursor:pointer;transition:opacity .15s}.upgrade-nudge:hover{opacity:.85}.upgrade-icon{font-size:18px;flex-shrink:0}.upgrade-text{flex:1}.upgrade-title{font-size:13px;font-weight:500;color:var(--text)}.upgrade-sub{font-size:11px;color:var(--text-muted)}.upgrade-arrow{color:var(--accent);font-size:16px}.content-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px}.content-tab{flex:1;padding:10px 0;text-align:center;font-size:13px;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:5px}.content-tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.content-tab:hover:not(.active){color:var(--text-sub)}.content-tab svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px 0}.grid-item{aspect-ratio:1;position:relative;background:var(--surface2);cursor:pointer;overflow:hidden}.grid-item:hover .grid-overlay{opacity:1}.grid-item-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#6c63ff40;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.grid-overlay svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.grid-accomplish{background:linear-gradient(135deg,#1a1a3e,#2d2d6e);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.grid-accomplish .trophy{font-size:24px}.grid-accomplish .mini-label{font-size:8px;color:#ffffff80;text-align:center;padding:0 4px}.list-post{padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.list-post:hover{background:var(--surface)}.list-post-text{font-size:13px;color:var(--text-sub);line-height:1.6;margin-bottom:8px}.list-post-meta{display:flex;gap:12px}.list-post-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.list-post-stat svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.accomplish-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.accomplish-item:hover{background:var(--surface)}.acc-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#9b8fff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.acc-info{flex:1}.acc-title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:2px}.acc-org{font-size:12px;color:var(--text-muted);margin-bottom:4px}.acc-investigate{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:3px}.acc-investigate svg{width:11px;height:11px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#other-profile{background:var(--bg)}.other-topbar{flex-shrink:0;padding:52px 16px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.back-btn{width:34px;height:34px;border-radius:11px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.back-btn:hover{background:var(--surface2)}.back-btn svg{width:16px;height:16px;stroke:var(--text-sub);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.other-topbar-name{font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:var(--text);flex:1}.other-topbar-icons{display:flex;gap:6px}.sm-icon-btn{width:32px;height:32px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.sm-icon-btn:hover{background:var(--surface2)}.sm-icon-btn svg{width:15px;height:15px;stroke:var(--text-sub);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.other-scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:20px}.other-scroll::-webkit-scrollbar{display:none}.other-hero{padding:20px 20px 16px;display:flex;flex-direction:column;align-items:center;position:relative}.other-hero-glow{position:absolute;top:0;left:0;right:0;height:100px;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(251,191,36,.12) 0%,transparent 100%);pointer-events:none}.other-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text);font-family:Syne,sans-serif;margin-bottom:12px;position:relative;z-index:1;border:3px solid transparent}.other-avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,var(--amber),#f97316,var(--amber));z-index:-1}.other-name{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text);margin-bottom:6px;text-align:center}.other-badges{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;justify-content:center}.other-college{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted);margin-bottom:10px}.other-college svg{width:12px;height:12px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.other-bio{font-size:14px;color:var(--text-sub);text-align:center;line-height:1.6;padding:0 12px;margin-bottom:14px;max-width:300px}.other-stats-row{display:flex;gap:0;width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:16px;overflow:hidden;margin-bottom:14px}.other-stat{flex:1;padding:10px 8px;text-align:center;border-right:1px solid var(--border)}.other-stat:last-child{border-right:none}.other-stat-num{font-family:Syne,sans-serif;font-size:17px;font-weight:700;color:var(--text);line-height:1;margin-bottom:2px}.other-stat-label{font-size:11px;color:var(--text-muted)}.other-actions{display:flex;gap:8px;width:100%;margin-bottom:16px}.btn-follow{flex:2;padding:11px 16px;border-radius:12px;background:var(--accent);border:none;color:#fff;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 16px #6c63ff59}.btn-follow:hover{opacity:.9}.btn-follow:active{transform:scale(.97)}.btn-follow.following{background:var(--surface2);border:1px solid var(--border2);color:var(--text-sub);box-shadow:none}.btn-follow svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-msg{flex:1;padding:11px 16px;border-radius:12px;background:var(--surface2);border:1px solid var(--border2);color:var(--text-sub);font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:5px}.btn-msg:hover{background:var(--surface3)}.btn-msg svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mutual-row{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;background:var(--green-dim);border:1px solid rgba(74,222,128,.2);font-size:12px;color:var(--green);width:100%;margin-bottom:14px}.mutual-row svg{width:13px;height:13px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.other-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px}.other-tab{flex:1;padding:10px 0;text-align:center;font-size:13px;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:5px}.other-tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.other-tab svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scheme-row{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border);align-items:center}.scheme-label{font-size:11px;color:var(--text-muted);margin-right:4px}.scheme-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.scheme-dot.active{border-color:#fff}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #242432;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.12);--red: #f87171;--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38)}.topbar{flex-shrink:0;padding:52px 20px 14px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--border)}.topbar-title{font-family:Syne,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.8px;color:var(--text)}.search-pill{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border2);cursor:pointer;transition:background .15s}.search-pill:hover{background:var(--surface2)}.search-pill svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-pill span{font-size:13px;color:var(--text-muted)}.profile-card{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.profile-card:hover{background:var(--surface2)}.pc-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1a1a3e,#2d2d6e);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text);font-family:Syne,sans-serif;flex-shrink:0;position:relative}.pc-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#9b8fff);z-index:-1}.pc-info{flex:1}.pc-name{font-size:15px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;margin-bottom:2px}.pc-meta{display:flex;align-items:center;gap:6px}.pc-tier{font-size:10px;padding:1px 7px;border-radius:5px;font-weight:600;letter-spacing:.04em;background:var(--accent-dim);border:1px solid rgba(108,99,255,.3);color:#a89fff}.pc-college{font-size:11px;color:var(--text-muted)}.pc-chev svg{width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.settings-scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:100px}.settings-scroll::-webkit-scrollbar{display:none}.section{padding:16px 20px 0}.section-label{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:8px;padding-left:2px}.settings-group{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:8px}.settings-row{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--surface2)}.row-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-icon svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.row-text{flex:1;min-width:0}.row-title{font-size:14px;color:var(--text)}.row-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.row-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.row-value{font-size:12px;color:var(--text-muted)}.row-chev svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toggle-track{width:40px;height:23px;border-radius:12px;background:var(--surface3);border:1px solid var(--border2);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-track.on{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.toggle-track.on .toggle-thumb{transform:translate(17px);background:#fff}.danger .row-title{color:var(--red)}.danger .row-icon svg{stroke:var(--red)}.upgrade-banner{margin:0 0 8px;padding:12px 14px;background:linear-gradient(135deg,#6c63ff1f,#fbbf240f);border:1px solid rgba(108,99,255,.22);border-radius:14px;display:flex;align-items:center;gap:10px;cursor:pointer}.ub-icon{font-size:20px;flex-shrink:0}.ub-text{flex:1}.ub-title{font-size:12px;font-weight:500;color:var(--text)}.ub-sub{font-size:11px;color:var(--text-muted)}.ub-btn{padding:5px 10px;border-radius:7px;background:var(--accent);border:none;color:#fff;font-size:11px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap}.version-info{text-align:center;padding:16px 20px 8px;font-size:11px;color:var(--text-muted);line-height:1.8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--surface3: #22222f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--accent: #6c63ff;--accent-dim: rgba(108,99,255,.15);--accent2: #ff6b6b;--green: #4ade80;--green-dim: rgba(74,222,128,.12);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.12);--text: #f0f0f8;--text-sub: rgba(240,240,248,.6);--text-muted: rgba(240,240,248,.38)}html,body{height:100%;background:#070709;font-family:DM Sans,sans-serif;overflow:hidden}.app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.phone{width:390px;height:844px;background:var(--bg);border-radius:48px;border:1px solid rgba(255,255,255,.09);overflow:hidden;position:relative;box-shadow:0 0 0 1px #ffffff0a,0 40px 120px #000000d9;display:flex;flex-direction:column}.topbar{flex-shrink:0;padding:52px 20px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--border);position:relative;z-index:10}.topbar-left{display:flex;flex-direction:column;gap:1px}.college-label{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.topbar-title{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text);display:flex;align-items:center;gap:6px}.verified-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px #4ade8099}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;position:relative}.icon-btn:hover{background:var(--surface2)}.icon-btn svg{width:17px;height:17px;stroke:var(--text-sub);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notif-badge{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent2);border:1.5px solid var(--bg)}.story-row{flex-shrink:0;display:flex;gap:12px;padding:14px 20px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}.story-row::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;flex-shrink:0}.story-ring{width:52px;height:52px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--accent),var(--accent2));transition:transform .15s}.story-ring:hover{transform:scale(1.06)}.story-ring.seen{background:var(--surface2)}.story-avatar{width:100%;height:100%;border-radius:50%;background:var(--surface2);border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;color:var(--text);font-family:Syne,sans-serif}.story-name{font-size:10px;color:var(--text-muted);max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-story .story-ring{background:var(--surface2);border:1px dashed var(--border2)}.add-story .story-avatar{background:transparent;font-size:22px;color:var(--accent)}.feed{flex:1;overflow-y:auto;padding:12px 0 100px;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.post{margin:0 0 2px;padding:16px 20px;background:var(--bg);border-bottom:1px solid var(--border);animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post:nth-child(1){animation-delay:.05s}.post:nth-child(2){animation-delay:.12s}.post:nth-child(3){animation-delay:.19s}.post:nth-child(4){animation-delay:.26s}.post-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;flex-shrink:0;border:1px solid var(--border2)}.post-meta{flex:1;min-width:0}.post-author{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px}.tier-badge{font-size:9px;padding:2px 6px;border-radius:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-verified{background:var(--green-dim);color:var(--green)}.badge-pro{background:var(--accent-dim);color:#a89fff}.badge-plus{background:var(--amber-dim);color:var(--amber)}.post-info{font-size:12px;color:var(--text-muted);margin-top:1px;display:flex;align-items:center;gap:4px}.dot-sep{opacity:.4}.post-more{width:28px;height:28px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.post-more:hover{background:var(--surface)}.post-more svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round}.post-text{font-size:14px;color:var(--text-sub);line-height:1.65;margin-bottom:12px}.post-text .mention{color:var(--accent)}.post-text .hashtag{color:#a89fff}.accomplish-card{background:linear-gradient(135deg,#6c63ff14,#4ade800d);border:1px solid rgba(108,99,255,.2);border-radius:14px;padding:14px;margin-bottom:12px;position:relative;overflow:hidden}.accomplish-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.accomplish-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9b8fff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.accomplish-title{font-size:14px;font-weight:600;color:var(--text);font-family:Syne,sans-serif;line-height:1.3}.accomplish-org{font-size:12px;color:var(--text-muted);margin-top:2px}.accomplish-desc{font-size:13px;color:var(--text-sub);line-height:1.55;margin-bottom:12px}.investigate-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;width:100%;justify-content:center;box-shadow:0 4px 16px #6c63ff59;transition:transform .15s}.investigate-btn:hover{transform:translateY(-1px)}.investigate-btn svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.poll-container{margin-bottom:12px}.poll-option{position:relative;margin-bottom:8px;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color .2s}.poll-option.voted{border-color:#6c63ff66}.poll-fill{position:absolute;top:0;left:0;bottom:0;background:var(--accent-dim);border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.poll-option-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.poll-opt-text{font-size:13px;color:var(--text-sub)}.poll-opt-pct{font-size:12px;color:var(--text-muted);font-weight:500}.poll-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.reaction-strip{display:flex;align-items:center;gap:4px;margin-bottom:10px}.reaction-pill{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:20px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text-muted);cursor:pointer;transition:background .15s}.reaction-pill.active{background:var(--accent-dim);border-color:#6c63ff4d}.sponsored-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);font-size:10px;color:var(--amber);font-weight:500;margin-bottom:8px}.engage-bar{display:flex;align-items:center;margin-top:2px;padding-top:10px;border-top:1px solid var(--border)}.engage-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;background:transparent;border:none;cursor:pointer;font-size:13px;color:var(--text-muted);font-family:DM Sans,sans-serif;transition:background .15s,color .15s;flex:1;justify-content:center}.engage-btn:hover{background:var(--surface);color:var(--text-sub)}.engage-btn.liked{color:var(--accent2)}.engage-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.engage-btn.liked svg{fill:var(--accent2);stroke:var(--accent2);transform:scale(1.15)}.engage-sep{width:1px;height:16px;background:var(--border);flex-shrink:0}.post-image{width:100%;border-radius:14px;overflow:hidden;margin-bottom:12px;background:var(--surface2)}.img-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.img-placeholder.campus{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}@media (max-height: 860px){.phone{height:100vh;border-radius:0;border:none}}@media (max-width: 420px){.phone{width:100vw;height:100vh;border-radius:0;border:none}.app{align-items:flex-start}}.wrap{max-width:980px;margin:0 auto;padding:28px 18px}h1{margin:0 0 10px}.sub{color:#eef0ffad;margin:0 0 18px;line-height:1.6}.box{background:#121524;border:1px solid #262a43;border-radius:14px;padding:16px;margin:12px 0}.grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:900px){.grid{grid-template-columns:1fr 1fr}}.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#1c1c27bf;border:1px solid rgba(255,255,255,.12);color:#eef0ff;text-decoration:none;font-size:13px}.pill:hover{border-color:#ffffff2e}small{color:#eef0ff9e}body{margin:0;background:#0a0b10;color:#eef0ff;font-family:Inter,Arial,sans-serif}.wrap{max-width:1024px;margin:0 auto;padding:28px 18px}h1{margin:0 0 8px}.sub{margin:0 0 16px;color:#eef0ffb8;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.box{background:#121524;border:1px solid #262a43;border-radius:12px;padding:14px;margin:10px 0}.plan{padding:16px;border-radius:14px;background:#111428;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px}.plan h2{margin:0;font-size:18px}.meta{font-size:13px;color:#9ca3af}.price{font-size:24px;font-weight:700}.feat{font-size:13px;color:#eef0ffd1;line-height:1.5}.btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 12px;border-radius:10px;border:none;background:#6366f1;color:#fff;font-weight:600;cursor:pointer;text-decoration:none}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.18);color:#dbe1ff}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#6366f12e;border:1px solid rgba(99,102,241,.38);color:#c7d2fe}a{color:#b9b9ff;text-decoration:none}