.ark-login-wrapper{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;display:flex!important;align-items:center;justify-content:center;z-index:999;background-color:#000}.ark-bg-slideshow{position:absolute;inset:0;z-index:-1}.ark-bg-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.2),transparent 34%),radial-gradient(circle at 80% 70%,rgba(56,189,248,.15),transparent 36%),repeating-linear-gradient(45deg,rgba(148,163,184,.08) 0,rgba(148,163,184,.08) 1px,transparent 1px,transparent 9px),linear-gradient(180deg,#030712,#0b1220)}.ark-glass-card{position:relative;z-index:1000;width:90%;max-width:400px;padding:40px;border-radius:24px;background:#8b000040!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 20px 50px #000000b3;color:#fff}.ark-header h1{font-size:1.8rem;letter-spacing:2px;margin-bottom:5px}.glass-container{position:relative;z-index:1000;width:90%;max-width:400px;padding:40px;border-radius:24px;background:#8b000033!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 20px 50px #0009;color:#fff;text-align:center}.ark-back-btn{position:absolute;top:25px;left:25px;z-index:1001;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:30px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.3s}.ark-back-btn:hover{background:#ffffff40}.ark-header h1{font-size:1.8rem;margin:0;letter-spacing:3px;font-weight:800}.ark-header h2{font-size:1.1rem;margin:5px 0;font-weight:300;opacity:.9}.ark-subtitle{font-size:.75rem;opacity:.6;margin-bottom:25px;text-transform:uppercase}.input-group{text-align:left;margin-bottom:18px}.input-group label{display:block;font-size:.8rem;margin-bottom:6px;margin-left:4px;font-weight:500}.input-group input{width:100%;padding:12px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.2)!important;background:#ffffff0d!important;color:#fff!important;font-size:1rem;box-sizing:border-box;transition:.3s}.input-group input:focus{outline:none;background:#ffffff26!important;border-color:#ffffff80!important}.admin-btn-hot{width:100%;padding:14px;border:none;border-radius:12px;background:#d32f2f!important;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px;transition:transform .2s,background .2s}.admin-btn-hot:hover{background:#b71c1c!important;transform:translateY(-2px)}.admin-btn-hot:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;margin:25px 0;color:#fff6;font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#fff3}.divider span{padding:0 10px}.auth-green-btn{width:100%;padding:14px;background:#4caf501a!important;border:1px solid rgba(76,175,80,.5)!important;border-radius:12px;color:#81c784!important;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.auth-green-btn:hover{background:#4caf5040!important;color:#fff!important}.login-error{background:#f003;color:#ffcdd2;font-size:.85rem;padding:10px;border-radius:8px;margin-bottom:15px;border:1px solid rgba(255,0,0,.3)}@media(max-width:480px){.glass-container{width:85%;padding:30px 20px}}.glass-teacher{background:#142d1e4d!important;border:1px solid rgba(129,199,132,.3)!important;box-shadow:0 20px 50px #00140099}.teacher-btn{width:100%;padding:14px;border:none;border-radius:12px;background:#a78bfa!important;color:#0a0c10!important;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px;transition:transform .2s,background .2s}.teacher-btn:hover{background:#8b5cf6!important;transform:translateY(-2px)}.auth-gold-btn{width:100%;padding:14px;background:#ffd7001a!important;border:1px solid rgba(255,215,0,.4)!important;border-radius:12px;color:gold!important;font-weight:600;cursor:pointer;transition:.3s}.auth-gold-btn:hover{background:#ffd70033!important;box-shadow:0 0 15px #ffd70033}.auth-black-btn{width:100%;margin-top:15px;padding:10px;background:#0006!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px;color:#ccc!important;cursor:pointer;font-size:.85rem}.link-btn{margin-top:12px;background:transparent;border:none;color:#a7f3d0;cursor:pointer;font-size:.85rem;text-decoration:underline}.link-btn:disabled{opacity:.6;cursor:not-allowed}.login-success{background:#4caf5033;border:1px solid rgba(76,175,80,.4);padding:10px;border-radius:8px;font-size:.85rem;text-align:center}.ark-slide{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease-out;will-change:opacity}.ark-active{opacity:1!important}.ark-bg-slideshow:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.8) 100%);z-index:2;pointer-events:none}@media(min-width:1024px){.ark-login-wrapper{justify-content:flex-end!important;padding-right:10%}.glass-container{max-width:420px;animation:slideInRight .8s ease-out}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.ark-smoke-wrap{display:none}.smoke-particle{position:absolute;width:2px;height:2px;background:#fff3;border-radius:50%;filter:blur(50px)}.s1{bottom:-100px;left:15%;box-shadow:0 0 150px 100px #fff3;animation:driftUp 20s infinite ease-out}.s2{bottom:-120px;left:45%;box-shadow:0 0 200px 130px #ffffff26;animation:driftUp 28s infinite ease-out 2s}.s3{bottom:-100px;right:20%;box-shadow:0 0 140px 90px #fff3;animation:driftUp 24s infinite ease-out 5s}@keyframes driftUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}20%{opacity:.6}80%{opacity:.3}to{transform:translateY(-120vh) translate(150px) scale(4) rotate(180deg);opacity:0}}@media(max-width:900px),(prefers-reduced-motion:reduce){.ark-slide{transition:none!important}.glass-container{animation:none!important}}.admin-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#0b1220,#020617 55%,#000);color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.admin-nav{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 3.5rem;border-bottom:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#0f172aeb,#0f172a8c);z-index:40}.brand{display:inline-flex;align-items:center;gap:.75rem}.brand-dot{width:11px;height:11px;border-radius:999px;background:radial-gradient(circle,#38bdf8,#0ea5e9);box-shadow:0 0 16px #38bdf8e6}.brand-text{font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem}.brand-tag{font-size:.7rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);text-transform:uppercase;letter-spacing:.16em;color:#9ca3af}.nav-logout{padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(248,113,113,.18);background:transparent;color:#fecaca;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .12s ease,box-shadow .12s ease}.nav-logout:hover,.nav-logout:focus{background:#f8717114;box-shadow:0 0 18px #f871711f;transform:translateY(-1px);outline:none}.admin-main{flex:1;padding:2.4rem 3.5rem 3.2rem}.admin-heading h1{margin:0;font-size:1.9rem;letter-spacing:.09em;text-transform:uppercase}.admin-heading p{margin-top:.5rem;max-width:650px;font-size:.92rem;color:#9ca3af}.admin-grid{margin-top:2.4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;align-items:stretch}.admin-card{position:relative;padding:1.25rem 1.25rem 1.05rem;border-radius:1.1rem;background:linear-gradient(180deg,#111827f2,#020617e6);border:1px solid rgba(55,65,81,.65);box-shadow:0 18px 40px #020617cc;display:flex;flex-direction:column;gap:.9rem;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;min-height:140px}.admin-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px #020617e6;z-index:10}.admin-grid>.admin-card:nth-child(1) .card-icon{background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 8px 24px #7c3aed2e}.admin-grid>.admin-card:nth-child(2) .card-icon{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 8px 24px #f973162e}.admin-grid>.admin-card:nth-child(3) .card-icon{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b9812e}.admin-grid>.admin-card:nth-child(4) .card-icon{background:linear-gradient(135deg,#f472b6,#fb7185);box-shadow:0 8px 24px #f472b62e}.admin-grid>.admin-card:nth-child(5) .card-icon{background:linear-gradient(135deg,#60a5fa,#7c3aed)}.admin-grid>.admin-card:nth-child(6) .card-icon{background:linear-gradient(135deg,#a78bfa,#60a5fa)}.admin-card:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at top right,rgba(255,255,255,.02),transparent 40%);opacity:1;pointer-events:none;transform:translateZ(0)}.card-icon{width:54px;height:54px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#0b1120;font-size:1.5rem;font-weight:600;box-shadow:0 6px 18px #02061799;transition:transform .12s ease}.card-body h2{margin:0;font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase}.card-body p{margin:.35rem 0 0;font-size:.86rem;color:#9ca3af}.card-footer{margin-top:auto;display:flex;justify-content:flex-end;align-items:center}.card-button{padding:.46rem .9rem;border-radius:999px;border:none;background:linear-gradient(90deg,#38bdf8,#0ea5e9);color:#0b1120;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 10px 24px #0ea5e91f}.card-button:hover,.card-button:focus{transform:translateY(-2px);box-shadow:0 14px 40px #0ea5e92e;outline:none}.card-button:active{transform:translateY(0)}.card-button:disabled{opacity:.6;cursor:default;transform:none}.admin-section{margin-top:2.4rem;z-index:1}.admin-hint{margin-top:.8rem;font-size:.9rem;color:#9ca3af}.panel{padding:1.6rem 1.5rem 1.7rem;border-radius:1.1rem;background:radial-gradient(circle at top left,#020617,#020617 40%,#000);border:1px solid rgba(55,65,81,.9);box-shadow:0 18px 50px #020617e6;position:relative;z-index:20}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem}.panel-header h2{margin:0;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}.panel-header p{margin:.35rem 0 0;font-size:.9rem;color:#9ca3af}.panel-close{border-radius:999px;border:1px solid rgba(148,163,184,.6);background:transparent;color:#e5e7eb;font-size:.78rem;padding:.3rem .9rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .12s ease,transform .08s ease}.panel-close:hover,.panel-close:focus{background:#94a3b80a;transform:translateY(-1px);outline:none}.panel-alert{border-radius:.75rem;padding:.55rem .9rem;font-size:.85rem;margin-bottom:1rem}.panel-alert-error{background:#f8717114;border:1px solid rgba(248,113,113,.45);color:#fecaca}.panel-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:1.4rem}.panel-card{border-radius:.9rem;background:#0f172ad9;border:1px solid rgba(31,41,55,.9);padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column}.panel-card h3{margin:0 0 .9rem;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.teacher-form{display:flex;flex-direction:column;gap:.8rem}.teachers-table-wrapper{flex:1;margin-top:.4rem;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.form-row{display:flex;flex-direction:column;gap:.25rem}.form-row label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.form-row input,.form-row select{border-radius:.6rem;border:1px solid rgba(55,65,81,.9);background:#0f172ae6;padding:.45rem .7rem;font-size:.87rem;color:#e5e7eb}.form-row input::placeholder{color:#6b7280}.primary-btn{margin-top:.45rem;padding:.45rem .9rem;border-radius:999px;border:none;background:linear-gradient(to right,#38bdf8,#0ea5e9);color:#0b1120;font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;box-shadow:0 8px 22px #0ea5e914}.primary-btn:disabled{opacity:.6;cursor:default}.ghost-btn{padding:.28rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:transparent;color:#e5e7eb;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.panel-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem}.muted-text{font-size:.85rem;color:#9ca3af}.teachers-table{width:100%;border-collapse:collapse;font-size:.87rem}.teachers-table thead{position:sticky;top:0;background:#0f172afa;z-index:5}.teachers-table th,.teachers-table td{padding:.45rem .4rem;text-align:left;vertical-align:middle}.teachers-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;border-bottom:1px solid rgba(31,41,55,.9)}.teachers-table tbody tr:nth-child(odd){background:#0f172ac7}.teachers-actions{text-align:right}.danger-link{border:none;background:none;color:#fecaca;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.danger-link:disabled{opacity:.6;cursor:default}:focus{outline:3px solid rgba(56,189,248,.12);outline-offset:2px}@media(max-width:1100px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main,.admin-nav{padding-inline:1.8rem}}@media(max-width:900px){.panel-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-grid{grid-template-columns:1fr}.admin-main,.admin-nav{padding-inline:1.2rem}}.modal-backdrop{position:fixed;inset:0;background:#020617bf;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{width:min(520px,92%);background:#0f172af2;border-radius:16px;padding:1.4rem;border:1px solid rgba(148,163,184,.3)}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.subjects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;font-size:.8rem}.teachers-table-wrapper{width:100%;overflow:visible}.teachers-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.88rem}.teachers-table thead{background:#0f172af2}.teachers-table th{padding:.6rem .55rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;border-bottom:1px solid rgba(31,41,55,.8);white-space:nowrap}.teachers-table td{padding:.55rem;vertical-align:middle;white-space:normal}.teachers-table tbody tr:nth-child(odd){background:#0f172abf}.teachers-table tbody tr:nth-child(2n){background:#0f172a99}.teachers-table tbody tr:hover{background:#38bdf80f}.admin-card,.panel-card{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.admin-card::-webkit-scrollbar,.panel-card::-webkit-scrollbar{width:8px}.admin-card::-webkit-scrollbar-track,.panel-card::-webkit-scrollbar-track{background:transparent}.admin-card::-webkit-scrollbar-thumb,.panel-card::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:8px}.admin-card::-webkit-scrollbar-thumb:hover,.panel-card::-webkit-scrollbar-thumb:hover{background:#94a3b88c}.panel-card{flex:1;max-height:100%;overflow-y:auto;overflow-x:hidden}.admin-card,.panel-card,.panel{height:auto;max-height:none;overflow:visible}.admin-root .teachers-table-wrapper{max-height:65vh;overflow-y:auto;overflow-x:auto}.teacher-notices{margin-top:2rem}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem}.notices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem}.notice-card{background:linear-gradient(135deg,#0f172ad9,#020617e6);border:1px solid rgba(148,163,184,.25);border-radius:1.2rem;padding:1.2rem 1.4rem;box-shadow:0 20px 40px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease}.notice-card:hover{transform:translateY(-3px);box-shadow:0 25px 60px #000000bf}.notice-header h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem;color:#e5e7eb}.notice-body p{font-size:.95rem;line-height:1.5;color:#cbd5f5;margin-bottom:.9rem}.notice-footer{font-size:.8rem;color:#9ca3af;text-align:right}.notice-badge{background:#3b82f6;color:#fff;font-size:.65rem;padding:.2rem .5rem;border-radius:999px;margin-left:.4rem}.modal-backdrop{position:fixed;inset:0;background:#020617a6;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{width:100%;max-width:420px;background:#020617;border-radius:1rem;padding:1.4rem;border:1px solid rgba(148,163,184,.4)}.nav-logout{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;border-radius:999px;background:linear-gradient(135deg,red,#900);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:0 4px 15px #f006;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-logout:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#f33,#b00);box-shadow:0 6px 20px #f009;border-color:#fff9}.nav-logout:active{transform:scale(.95)}@media(max-width:768px){.nav-logout{padding:.5rem 1.2rem;font-size:.7rem;box-shadow:0 0 12px #f00c;border-width:2px}}.home-section{background:#0a0c10;overflow:hidden}.hero{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.hero-bg.active{opacity:1;animation:kenBurns 10s ease-out forwards}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0c104d,#0a0c10);z-index:2}.hero-content{position:relative;z-index:3;padding:0 2rem}.hero-content h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:#fff;margin:0;letter-spacing:-.03em;text-shadow:0 10px 30px rgba(0,0,0,.8)}.hero-content h1 span{color:#a78bfa}.hero-content p{font-size:clamp(.9rem,2.5vw,1.3rem);color:#f1f5f9;opacity:.9;margin-top:1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.hero-divider{width:60px;height:3px;background:#a78bfa;margin:2.5rem auto 0;border-radius:10px;box-shadow:0 0 15px #a78bfa99}.welcome-container{max-width:1100px;margin:-120px auto 100px;position:relative;z-index:10;padding:0 1.5rem}.home-content{background:#1e293b73;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:40px;padding:5rem 3rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -12px #0009}.profile-label{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:900;color:#a78bfa;letter-spacing:.3em;margin-bottom:1.5rem}.profile-label .dot{width:8px;height:8px;background:#a78bfa;border-radius:50%;box-shadow:0 0 10px #a78bfa}.welcome-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;margin-bottom:3rem;color:#fff;line-height:1.1;text-align:center}.profile-body{max-width:850px;margin:0 auto;text-align:left}.lead-text{font-size:1.3rem;color:#fff;line-height:1.6;margin-bottom:2rem;border-left:4px solid #a78bfa;padding-left:1.5rem}.profile-details p{font-size:1.1rem;line-height:1.8;color:#cbd5e1;margin-bottom:1.5rem}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.15)}}@media(max-width:768px){.welcome-container{margin-top:-60px}.home-content{padding:4rem 1.5rem}.lead-text{font-size:1.1rem}}.vine-entry{margin-top:2rem;text-align:center}.vine-subtext{color:#94a3b8;font-size:.95rem;margin-bottom:.6rem}.vine-btn-landing{display:inline-block;background:#16a34a;color:#fff;padding:1rem 2.2rem;border-radius:999px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 15px #16a34a59}.vine-btn-landing:hover{background:#15803d;transform:translateY(-1px)}:root{--amethyst: #a78bfa;--cinematic-black: #0a0c10;--platinum: #f1f5f9;--glass: rgba(30, 41, 59, .45)}.activities-section{background:var(--cinematic-black);color:var(--platinum);min-height:100vh;font-family:Inter,sans-serif}.activities-banner{height:400px;width:100%;background:linear-gradient(to bottom,rgba(10,12,16,.1),var(--cinematic-black)),url(/celine.jpg);background-size:cover;background-position:center 30%;display:flex;align-items:center;padding:0 4rem}.activities-banner h1{font-size:clamp(2rem,6vw,4rem);font-weight:900;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.5)}.activities-banner span{color:var(--amethyst)}.activities-container{max-width:1400px;margin:-50px auto 0;padding:0 2rem 5rem}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.activity-card{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#161b22;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1)}.activity-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:all .5s ease}.activity-card:hover{transform:translateY(-8px);border-color:var(--amethyst);box-shadow:0 20px 40px #a78bfa26}.activity-card:hover img{filter:grayscale(0%);transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#a78bfa1a;display:flex;align-items:center;justify-content:center;opacity:0;font-weight:900;letter-spacing:.2em;transition:opacity .3s}.activity-card:hover .card-overlay{opacity:1}.lightbox{position:fixed;inset:0;background:#000000f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-img{max-height:80vh;max-width:90vw;border-radius:12px;box-shadow:0 0 60px #000c;animation:zoomIn .3s ease-out}.lightbox-controls{position:absolute;top:2rem;right:2rem;display:flex;gap:1rem}.download-btn,.lightbox-close{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-weight:700}.download-btn{padding:0 1.5rem;height:50px;border-radius:14px;gap:10px;font-size:.8rem}.lightbox-close{width:50px;height:50px;border-radius:14px;font-size:1.2rem}.download-btn:hover,.lightbox-close:hover{background:var(--amethyst);color:var(--cinematic-black)}.lightbox-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.75rem;opacity:.5;letter-spacing:.2em}.long-press-hint{position:absolute;top:15%;left:50%;transform:translate(-50%);background:var(--amethyst);color:var(--cinematic-black);padding:10px 24px;border-radius:50px;font-size:.7rem;font-weight:800;text-transform:uppercase;z-index:10002;animation:hintFade 3s forwards}@media(max-width:768px){.activities-banner{padding:0 2rem;height:300px}.activities-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.activities-container{padding:0 1rem}.lightbox-controls{top:auto;bottom:3rem;right:50%;transform:translate(50%);width:90%;justify-content:center}.download-btn{flex:1;height:55px}.lightbox-close{width:55px;height:55px}.long-press-hint{top:12%;width:80%;text-align:center}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes hintFade{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.contact-section{background:#0a0c10;color:#f1f5f9;min-height:100vh;padding-bottom:5rem;font-family:Inter,sans-serif}.contact-banner{height:380px;width:100%;background:linear-gradient(to bottom,#0a0c1033,#0a0c10),url(/celine.jpg);background-size:cover;background-position:center 30%;display:flex;align-items:center;padding:0 4rem}.contact-banner h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;margin:0}.contact-banner span{color:#a78bfa}.contact-container{max-width:1300px;margin:-60px auto 0;padding:0 1.5rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.contact-card{background:#1e293b73;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.card-header h3{margin:0;font-size:1.2rem;font-weight:800}.card-sub{font-size:.85rem;opacity:.6;margin-top:1rem}.embed-wrapper{width:100%;height:220px;background:#000;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.embed-wrapper iframe{width:100%;height:100%;border:none}.contact-form{display:flex;flex-direction:column;gap:12px}.contact-form input,.contact-form textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:10px;color:#fff;font-size:.9rem;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#a78bfa}.submit-btn{background:#a78bfa;color:#0a0c10;border:none;padding:14px;border-radius:10px;font-weight:900;cursor:pointer;letter-spacing:.05em;transition:transform .2s}.submit-btn:hover{transform:scale(1.02)}@media(max-width:600px){.contact-banner{padding:0 1.5rem;height:250px}.contact-grid{grid-template-columns:1fr}.contact-container{margin-top:-30px}}.splash-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172a,#020617 55%,#000);color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;overflow:hidden}.splash-orbit{position:relative;width:220px;height:220px;margin-bottom:2.5rem}.core-glow{position:absolute;inset:40px;border-radius:999px;background:radial-gradient(circle,#38bdf8,#0f172a 65%);box-shadow:0 0 60px #38bdf8bf;opacity:.9}.ring{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(148,163,184,.45);box-shadow:0 0 35px #0f172ae6}.ring-1{animation:spin-slow 16s linear infinite}.ring-2{inset:18px;border-color:#60a5fa8c;animation:spin-med 11s linear infinite reverse}.ring-3{inset:36px;border-color:#38bdf8b3;animation:pulse-ring 2.4s ease-in-out infinite}.splash-text{text-align:center}.splash-text h1{margin:0;font-size:2.2rem;letter-spacing:.16em;text-transform:uppercase}.tagline{display:block;margin-bottom:.8rem;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:#9ca3af}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-med{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.03);opacity:1}}.alevel-admin-root{background:radial-gradient(circle at top left,#0b1220,#020617 55%,#000)!important;color:#e5e7eb!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif!important}.alevel-admin-main{width:100%;padding:2.1rem 3rem 3rem}.alevel-admin-root h1,.alevel-admin-root h2,.alevel-admin-root h3{letter-spacing:.05em}.alevel-admin-root .panel-card{border:1px solid rgba(55,65,81,.65)!important;background:linear-gradient(180deg,#111827f2,#020617e6)!important;box-shadow:0 18px 40px #020617cc!important}.alevel-admin-root .teachers-table thead{background:#0f172afa!important}.alevel-admin-root .teachers-table th{color:#9ca3af!important}.alevel-admin-root .teachers-table tbody tr:nth-child(odd){background:#0f172ac7!important}.alevel-admin-root .teachers-table tbody tr:nth-child(2n){background:#0f172a99!important}.alevel-admin-root .primary-btn{background:linear-gradient(to right,#38bdf8,#0ea5e9)!important;color:#0b1120!important}.alevel-admin-root .ghost-btn{border:1px solid rgba(148,163,184,.45)!important;color:#e5e7eb!important}.alevel-learners-layout{align-items:start}.alevel-register-card .teacher-form{gap:.95rem}.alevel-register-card .form-row input,.alevel-register-card .form-row select{padding:.56rem .78rem;font-size:.92rem}@media(max-width:960px){.alevel-admin-main{padding:1.2rem 1rem 2rem}.alevel-learners-layout{grid-template-columns:1fr!important}}.filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.8rem;opacity:.8}.form-group input,.form-group select{background:#0f172a;color:#fff;border:1px solid #1f2937;padding:.5rem;border-radius:6px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.vine-auth-bg{min-height:100vh;width:100%;background:linear-gradient(#0000008c,#0000008c),url(/slide9.jpg) center center / contain no-repeat;background-color:#000;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.vine-auth-card{background:#e1f5e9f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:400px;padding:40px 30px;border-radius:35px;border:1.5px solid #c8e6c9;box-shadow:0 10px 30px #0000004d;text-align:center}.vine-title{color:#052e16;font-size:1.8rem;font-weight:900;margin-bottom:30px}.vine-subtitle{color:#064e3b;font-size:.95rem;font-weight:600;margin-bottom:18px}.vine-form input{background:#fff;border:2px solid #c8e6c9;border-radius:50px;padding:14px 20px;font-size:1rem;color:#064e3b;outline:none}.vine-form input:focus{border-color:#2e7d32}.vine-btn{background:#2e7d32;color:#fff;border:none;border-radius:50px;padding:14px;font-size:1.1rem;font-weight:800;cursor:pointer;margin-top:10px;transition:all .2s ease}.vine-btn:hover:not(:disabled){background:#1b5e20;transform:translateY(-2px)}.vine-links a,.vine-footer a{color:#2e7d32;text-decoration:none;font-weight:700}.vine-footer{margin-top:30px;padding-top:20px;border-top:1px dashed #c8e6c9;color:#4e7d52}@media(max-width:768px){.vine-auth-bg{background-size:cover}.vine-auth-card{padding:30px 20px;border-radius:28px;width:95%}}.back-home-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:14px 22px;margin-bottom:1.5rem;font-size:.95rem;font-weight:700;letter-spacing:.3px;color:#fff;text-decoration:none;border-radius:999px;background:linear-gradient(135deg,#ff3c3cf2,#c80000f2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 25px #0006,0 0 #f009;transition:all .25s ease}.back-home-btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px #00000080,0 0 20px #f009}.back-home-btn:active{transform:scale(.96)}@media(max-width:480px){.back-home-btn{width:100%;padding:16px;font-size:1rem}}.vine-auths{min-height:100vh;width:100%;background:linear-gradient(135deg,#d1fae5,#e6fbf3,#f0fdf4);display:flex;align-items:center;justify-content:center;padding:20px 16px;box-sizing:border-box}.vine-card{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(220,252,231,.5);border-radius:24px;box-shadow:0 12px 40px #00000014;padding:40px 32px;max-width:420px;width:100%;transition:transform .3s ease}.vine-card:hover{transform:translateY(-4px)}.vine-card>div:first-child{font-size:3.5rem;margin-bottom:12px;text-align:center}.vine-card p{text-align:center;color:#15803d;font-weight:700;font-size:1.4rem;margin-bottom:24px}.vine-card h2{text-align:center;color:#064e3b;font-weight:900;font-size:1.8rem;margin-bottom:32px}.vine-card input{width:100%;padding:14px 16px;margin-bottom:16px;border:1px solid #c6f6d5;border-radius:12px;font-size:1rem;background:#fff9;outline:none;transition:all .2s ease}.vine-card input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98126;background:#fff}.vine-card input::placeholder{color:#94a3b8}.error{color:#ef4444;font-size:.9rem;margin-bottom:16px;text-align:center}.vine-card button{width:100%;padding:14px;background:#064e3b;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s ease;margin-top:12px}.vine-card button:hover{background:#052e16;transform:translateY(-2px)}.vine-card button:disabled{background:#9ca3af;cursor:not-allowed}.switch-auth{text-align:center;margin-top:24px;color:#64748b;font-size:.95rem}.switch-auth a{color:#10b981;font-weight:700;text-decoration:none}.switch-auth a:hover{text-decoration:underline}.vine-eula-backdrop{position:fixed;inset:0;background:#0206178c;display:grid;place-items:center;z-index:3000;padding:14px}.vine-eula-modal{width:min(560px,96vw);background:#fff;border:1px solid #bbf7d0;border-radius:16px;padding:16px;box-shadow:0 24px 48px #00000038}.vine-eula-modal h3{margin:0 0 8px;color:#064e3b}.vine-eula-modal ul{margin:0;padding-left:18px;color:#1f2937}.vine-eula-modal li{margin:7px 0}.vine-eula-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.vine-eula-actions .disagree,.vine-eula-actions .agree{width:auto;margin:0;padding:10px 14px;border-radius:10px;font-size:.95rem}.vine-eula-actions .disagree{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.vine-eula-actions .agree{background:#065f46;color:#fff;border:1px solid #047857}@media(max-width:480px){.vine-card{padding:32px 20px}.vine-card h2{font-size:1.6rem}}.vine-post{width:100%;max-width:650px;margin:0 auto 24px;padding:20px;background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:32px;box-shadow:0 6px 20px #0000000a;box-sizing:border-box;overflow:hidden;transition:all .25s ease}.vine-post:hover{border-color:#10b981;box-shadow:0 12px 32px #10b9811f;transform:translateY(-3px)}.vine-post-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;position:relative;width:100%;padding-right:0}.post-avatar,.avatar-fallback{width:48px;height:48px;border-radius:50%;border:2px solid #10b981;flex-shrink:0;overflow:hidden;cursor:pointer;background:#f1f5f9}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-user-meta{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;padding-right:36px}.revine-top{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:6px 11px;margin:0 0 8px;border-radius:999px;border:1px solid rgba(16,185,129,.28);background:linear-gradient(135deg,#10b98129,#ffd7001f),#f8fffb;color:#047857;font-size:.92rem;font-weight:900;letter-spacing:.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px #fffc,0 3px 10px #10b98129}.theme-dark .revine-top{border-color:#34d3996b;background:linear-gradient(135deg,#10b98133,#facc1524),#020617d9;color:#6ee7b7;box-shadow:inset 0 1px #ffffff1f,0 4px 12px #10b98133}.community-chip{border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;font-weight:800;border-radius:999px;padding:4px 10px;margin:0 0 8px;width:fit-content;cursor:pointer}.community-chip:hover{background:#d1fae5}.meta-top{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding-right:0;min-height:30px}.post-kebab-wrap{position:absolute;top:-2px;right:-2px;margin-left:0;z-index:40}.post-kebab-btn{border:none;background:transparent;color:#475569;font-size:1.35rem;line-height:1;width:30px;height:30px;border-radius:999px;cursor:pointer}.post-kebab-btn:hover{background:#0f172a14}.name-row{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;width:100%;padding-right:0;line-height:1}.name-main{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:50%;flex:1 1 50%}.top-time{font-size:.95rem;color:#64748b;white-space:nowrap}.report-modal-backdrop{position:fixed;inset:0;background:#02061780;display:grid;place-items:center;z-index:2147483647;padding:14px}.report-modal{width:min(460px,96vw);background:#fff;border-radius:14px;border:1px solid #dbeafe;box-shadow:0 24px 50px #02061740;padding:14px}.report-modal-title{font-size:1rem;font-weight:900;color:#052e16}.report-modal-subtitle{margin-top:4px;margin-bottom:10px;font-size:.9rem;color:#334155}.report-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-chip{border:1px solid #cbd5e1;border-radius:999px;padding:9px 12px;background:#fff;color:#0f172a;font-weight:700;text-transform:capitalize;cursor:pointer}.report-chip.active{border-color:#0ea5e9;background:#ecfeff;color:#075985}.report-details{width:100%;margin-top:10px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;min-height:84px;resize:vertical;font:inherit;color:#0f172a}.report-modal-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.report-modal-actions button{border:none;border-radius:999px;padding:8px 12px;font-weight:800;font-size:.92rem;line-height:1;min-height:36px;min-width:92px;cursor:pointer}.report-modal-actions .primary{background:#065f46;color:#fff}.report-modal-actions .danger{background:#dc2626;color:#fff}.report-modal-actions .secondary{background:#e2e8f0;color:#0f172a}.theme-dark .report-modal{background:#0b0b0b;border-color:#ffffff2e}.theme-dark .report-modal-title,.theme-dark .report-modal-subtitle{color:#fff}.theme-dark .report-chip{background:#111827;border-color:#fff3;color:#fff}.theme-dark .report-chip.active{background:#0ea5e940;border-color:#38bdf8}.theme-dark .report-details{background:#111827;border-color:#fff3;color:#fff}.theme-dark .report-modal-actions .secondary{background:#1f2937;color:#fff}.display-name{color:#052e16;font-weight:900;font-size:1.1rem;line-height:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block;max-width:100%}.username.handle{color:#64748b;font-size:.95rem;font-weight:700;line-height:1;min-width:0;max-width:34%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 34%;display:block}.vine-post .verified{background:#1d9bf0;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:0;flex:0 0 auto;box-shadow:0 0 6px #1d9bf099}.username,.time{color:#64748b;font-size:.9rem}.top-time{margin-left:2px;line-height:1;flex:0 0 auto}.mention-preview{margin:6px 0 2px;padding:6px 10px;border-radius:10px;background:#1d9bf014;font-size:.9rem;color:#1f2937}.post-pdf-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.post-pdf-item{border:1px solid #d1fae5;background:#f8fffb;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:8px}.post-pdf-item a{color:#0f172a;font-weight:700;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-pdf-item .pdf-download-btn{margin-left:auto;border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:800}.pdf-icon{flex:0 0 auto}.mention-suggest-list{margin:6px 0 0;border-radius:12px;background:#fff;border:1px solid #e2e8f0;overflow:hidden}.delete-post-btn{background:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:8px;border-radius:50%;color:#64748b;transition:all .2s;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-left:8px;opacity:.7}.delete-post-btn:hover,.delete-post-btn:focus{opacity:1;background:#f4212e1a;color:#ef4444;transform:scale(1.1)}.vine-post-content{font-size:1.15rem;line-height:1.5;color:#1f2937;margin:12px 0;word-break:break-word;overflow-wrap:break-word}.see-more-btn{background:transparent;border:none;color:#10b981;font-weight:700;cursor:pointer;padding:0;margin:-4px 0 12px}.see-more-btn:hover,.see-more-btn:focus{text-decoration:underline}.link-preview{margin:8px 0 14px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;cursor:pointer;display:flex;flex-direction:column}.link-preview-img{width:100%;max-height:220px;object-fit:cover}.link-preview-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.link-preview-title{font-weight:800;color:#052e16}.link-preview-desc{color:#2f6f64;font-size:.95rem;line-height:1.4}.link-preview-domain{color:#64748b;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.theme-dark .link-preview{background:#111;border-color:#ffffff1f}.theme-dark .link-preview-title,.theme-dark .link-preview-desc,.theme-dark .link-preview-domain{color:#fff}.vine-post-footer{display:flex;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:15px;margin-top:10px}.action-btn{background:transparent;border:none;color:#64748b;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:50px;transition:all .2s}.action-btn:hover{background:#f0fdf4;color:#10b981}.view-btn{cursor:default;pointer-events:none}.bookmark-btn{padding:8px 10px}.bookmark-btn.active-bookmark{color:#ef4444;background:#ef44441f}.active-like{color:#ef4444}.active-revine{color:#10b981}.liked-by-line{margin-top:8px;border:none;background:transparent;color:#475569;font-size:.86rem;padding:0 2px;cursor:pointer}.liked-by-line strong{color:#065f46}.liked-by-latest{display:inline-flex;align-items:center;gap:6px}.liked-by-latest .verified.guardian{background:#ef4444;box-shadow:0 0 6px #ef444499}.vine-comments-area{margin-top:20px;background:#f8fafc;border-radius:20px;padding:15px;border:1px solid #edf2f7}.comment-input-row{display:flex;gap:10px;margin-bottom:20px}.comment-input-row textarea{flex:1;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;resize:vertical;min-height:54px;font-family:inherit;outline:none}.comment-input-row button{background:#064e3b;color:#fff;border:none;padding:0 20px;border-radius:50px;font-weight:800;cursor:pointer;white-space:nowrap}.community-join-note{border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:10px;padding:10px 12px;font-weight:700;margin-bottom:10px}.vine-comment-node{margin-top:15px;position:relative}.comment-main{padding-left:10px}.comment-meta{display:flex;align-items:center;gap:8px}.comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;cursor:pointer}.comment-meta-text{display:flex;gap:6px;align-items:center}.comment-meta strong{color:#052e16;font-size:.95rem}.comment-username{cursor:pointer}.comment-text{margin:5px 0;font-size:.95rem;color:#374151}.mini-btn{background:transparent;border:none;font-size:.8rem;font-weight:700;color:#64748b;cursor:pointer;margin-right:12px}.mini-btn:disabled,.action-btn:disabled{opacity:.45;cursor:not-allowed}.likes-modal{width:min(430px,92vw);max-height:72vh;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #d1fae5;box-shadow:0 20px 40px #02061747;padding:12px}.likes-modal-title{font-weight:900;color:#065f46;margin-bottom:10px}.likes-modal-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto}.likes-user-row{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:8px;display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;cursor:pointer;text-align:left}.likes-user-row img{width:40px;height:40px;border-radius:10px;object-fit:cover}.likes-user-name{font-weight:800;color:#052e16;display:inline-flex;align-items:center;gap:6px}.likes-user-username{font-size:.82rem;color:#64748b}.likes-verified{width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;background:#1d9bf0;line-height:1}.del-text:hover{color:#ef4444}.nested-replies{margin:6px 0 0 32px;border-left:2px solid rgba(0,0,0,.05);padding-left:10px;display:flex;flex-direction:column;gap:6px}.toggle-replies-btn{margin-top:6px;margin-left:36px;border:none;background:transparent;color:#0f766e;font-size:.82rem;font-weight:700;cursor:pointer;padding:0;text-align:left}.carousel-wrapper{width:100%;margin:12px 0;border-radius:20px;overflow:hidden;background:#e6fbf3;position:relative;isolation:isolate;aspect-ratio:4 / 5}.carousel-wrapper.single{background:#fff;border:1px solid rgba(245,158,11,.55);background-image:linear-gradient(135deg,#10b98126,#f59e0b1f);box-shadow:0 10px 24px #0f172a14;padding:6px}.theme-dark .carousel-wrapper.single{background:#0b0b0b;border-color:#f59e0b99;background-image:linear-gradient(135deg,#10b9812e,#f59e0b29);box-shadow:0 10px 24px #00000059;padding:6px}.carousel-wrapper.single .carousel{border-radius:16px;overflow:hidden}.carousel-wrapper.single .carousel-img{border-radius:16px}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;height:100%;width:100%;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;padding:0;margin:0}.carousel:active{cursor:grabbing}.carousel::-webkit-scrollbar{display:none;width:0!important;height:0!important;background:transparent}.carousel-slide{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%;scroll-snap-align:start;position:relative;overflow:hidden;background:#e6fbf3;box-sizing:border-box}.carousel-img{width:100%!important;height:100%!important;object-fit:cover;object-position:center;display:block;background:#e6fbf3}.carousel-counter{position:absolute;top:10px;right:10px;z-index:10;background:#000000a6;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;pointer-events:none}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:0 20px;z-index:10}.dot{width:6px;height:6px;background:#d1fae5;border-radius:50%;transition:all .2s ease}.dot.active{width:18px;background:#10b981;border-radius:10px}.image-viewer-overlay{position:fixed;inset:0;background:#000000eb;z-index:99999;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,16px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-viewer-overlay.fullscreen{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}.image-viewer-img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:16px}.image-viewer-content{display:flex;flex-direction:column;align-items:center;gap:14px}.viewer-action-bar{display:flex;gap:10px;background:#00000073;padding:10px 14px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom,12px));transform:translate(-50%);z-index:100001}.viewer-action{background:transparent;border:none;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;padding:6px 10px;border-radius:999px}.viewer-action:hover{background:#ffffff1f}.viewer-fullscreen{position:absolute;top:max(10px,env(safe-area-inset-top,10px));right:64px;z-index:100000;background:#000000b3;color:#fff;border:none;font-size:1.1rem;padding:8px 12px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.viewer-meta{max-width:min(900px,90vw);color:#e5e7eb;text-align:left}.viewer-meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;color:#fff}.viewer-name{font-size:1.05rem}.viewer-username{color:#cbd5f5;font-weight:600}.viewer-time{color:#9ca3af;font-weight:600;font-size:.9rem}.viewer-caption{margin-top:6px;font-size:1rem;line-height:1.5;color:#e5e7eb;white-space:pre-wrap}.viewer-close{position:absolute;top:max(10px,env(safe-area-inset-top,10px));right:14px;z-index:100000;background:#000000b3;color:#fff;border:none;font-size:1.3rem;padding:8px 14px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:480px){.viewer-close{top:max(8px,env(safe-area-inset-top,8px));right:10px;padding:6px 10px;font-size:1.1rem}.viewer-fullscreen{top:max(8px,env(safe-area-inset-top,8px));right:54px;padding:6px 10px;font-size:1rem}}@media(max-width:768px){.vine-post{max-width:100%;margin:0 0 16px;padding:16px;border-radius:16px;border:none;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px #00000008;background:#fff;overflow:hidden}.vine-post:last-child{margin-bottom:0;border-bottom:none}.vine-post-content{font-size:1rem}.vine-post-header{gap:10px;align-items:flex-start;margin-bottom:10px}.post-avatar,.avatar-fallback{width:46px;height:46px}.post-user-meta{padding-right:34px}.revine-top{margin-bottom:7px;font-size:.88rem;border-radius:9px}.meta-top{min-height:28px;align-items:center}.name-row{gap:6px;min-height:28px;align-items:center}.name-main{max-width:48%;min-width:0;flex:1 1 48%}.display-name{font-size:1.08rem}.username.handle{max-width:28%;font-size:.9rem;flex:0 1 28%}.top-time{font-size:.92rem;margin-left:4px;flex:0 0 auto}.post-kebab-wrap{top:-2px;right:-2px}.post-kebab-btn{width:28px;height:28px;font-size:1.2rem}.action-btn{font-size:.85rem;padding:6px 10px}.carousel-img,.carousel-wrapper{border-radius:0}.carousel-wrapper{margin:8px 0;width:100%}}.meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px;min-height:22px;padding-right:30px}.delete-post-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:50%;color:#64748b;opacity:.65;transition:all .2s ease;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:28px}.delete-post-btn:hover,.delete-post-btn:focus{opacity:1;color:#ef4444;background:#ef44441f;transform:scale(1.15)}.photo-like-flash{position:absolute;font-size:64px;color:#fff;opacity:.9;animation:pop .6s ease-out forwards}@keyframes pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.pinned-badge{color:#228b22;background:#228b221a;padding:2px 8px;border-radius:999px;font-weight:600}.vine-post-content.big-text{font-size:26px;line-height:1.35;font-weight:500}.vine-post-content{transition:font-size .2s ease,line-height .2s ease}.vine-post-content.big-text{line-height:1.25}.vine-post-content{font-size:1.15rem;line-height:1.6;color:#1f2937;margin:12px 0;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.big-text{font-size:1.4rem!important;line-height:1.4;font-weight:500}.vine-post-content{white-space:pre-wrap}.comment-username .verified{margin-left:4px;vertical-align:middle}.close-thread-btn.bottom{background-color:#e63946;color:#fff;border:2px solid #B81F2D;border-radius:6px}.close-thread-btn.bottom:hover{background-color:#d62839;border-color:#9e1a25}.close-thread-btn{background-color:#e63946;color:#fff;border:2px solid #B81F2D;border-radius:6px;padding:6px 12px}.close-thread-btn:hover{background-color:#d62839;border-color:#9e1a25}.comment-reply-box{display:flex;gap:10px;margin-top:10px}.comment-reply-box:focus-within{border-color:transparent;box-shadow:none;background:transparent}.comment-reply-box input,.comment-reply-box textarea{flex:1;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;resize:vertical;min-height:54px;font-family:inherit;outline:none;background:#fff;font-size:.95rem;color:#0f172a}.comment-reply-box input::placeholder,.comment-reply-box textarea::placeholder{color:#9ca3af}.comment-reply-box button{background:#064e3b;color:#fff;border:none;padding:0 20px;border-radius:50px;font-weight:800;cursor:pointer;white-space:nowrap}.comment-reply-box button:hover{background:#052e16}.theme-dark .comment-reply-box{background:transparent;border:none;box-shadow:none}.theme-dark .comment-reply-box:focus-within{border-color:transparent;background:transparent}.theme-dark .comment-reply-box input,.theme-dark .comment-reply-box textarea{color:#fff;background:#0a0a0a;border-color:#fff3}.mini-profile-card{position:absolute;top:110%;left:0;width:240px;background:#e6fbf3;border-radius:16px;padding:14px;box-shadow:0 12px 30px #00000026;z-index:100;display:flex;gap:12px;border:1px solid #9fe0c8}.mini-profile-card img{width:48px;height:48px;border-radius:50%;object-fit:cover}.mini-meta{display:flex;flex-direction:column;gap:4px}.mini-meta strong{font-size:14px;color:#0f3d2e}.mini-meta span{font-size:13px;color:#475569}.mini-meta .last-active{font-size:12px;color:#1b7f5a;font-weight:600}.mini-meta button{margin-top:6px;align-self:flex-start;background:#2f6f64;color:#fff;border:none;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.post-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden}.mini-profile-card:after{content:"";position:absolute;top:-6px;left:18px;width:12px;height:12px;background:#e6fbf3;transform:rotate(45deg);border-left:1px solid #9fe0c8;border-top:1px solid #9fe0c8}.vine-feed-container{min-height:100vh;width:100%;margin:0;padding:0 10px 80px;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.vine-nav-top{width:100%;background:#064e3b!important;padding:10px 20px;display:flex;flex-direction:row;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px #0003;box-sizing:border-box}.vine-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.vine-nav-row{flex:1}.vine-dm-bar{margin:0;padding:0;width:auto;max-width:none;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.vine-nav-top h2{color:#fff;font-weight:900;font-size:1.4rem;margin:0;cursor:pointer;flex-shrink:0}.notif-bell{position:relative;font-size:1.3rem;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.notif-bell:hover{background:#ffffff1a}.notif-badge,.dm-unread-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:900;padding:2px 6px;border-radius:50px;border:2px solid #7f1d1d}.nav-right{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-direction:row}.nav-btn{padding:6px 14px;border-radius:50px;font-weight:800;font-size:.85rem;cursor:pointer;border:none;transition:transform .1s;white-space:nowrap}.nav-btn:active{transform:scale(.95)}.profile-btn{background:#fbbf24;color:#7c2d12}.help-btn{background:#fff;color:#064e3b;border:1px solid #a7f3d0}.logout-btn{background:#dc2626;color:#fff;border:1px solid #b91c1c}.vine-dm-bar{width:auto;max-width:none;display:flex;gap:8px;margin:0;padding:0;box-sizing:border-box;background:transparent}.vine-search{flex:0 1 200px;background:#fff;border:1px solid #c6f6d5;padding:12px 18px;border-radius:50px;font-size:.95rem;color:#052e16;outline:none;cursor:pointer;box-shadow:0 2px 8px #0000000a}.desktop-only{display:flex}.mobile-only{display:none}.discover-btn,.messages-btn{flex:0 0 auto;background:#fff;border:1px solid #c6f6d5;padding:10px;border-radius:50px;font-weight:700;color:#064e3b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;white-space:nowrap;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.discover-btn:hover,.messages-btn:hover{border-color:#10b981;background:#f0fdf4}.vine-statuses-rail{width:100%;max-width:650px;margin:0 0 16px;display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;background:#f0fdf4f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px}.status-add-card,.status-user-chip{border:1px solid #c6f6d5;background:#fff;border-radius:16px;min-width:86px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#064e3b;font-weight:700;cursor:pointer}.status-add-plus{width:32px;height:32px;border-radius:999px;background:#0f766e;color:#fff;display:grid;place-items:center;font-size:1.2rem;line-height:1}.status-user-chip img{width:34px;height:34px;border-radius:50%;border:2px solid #a7f3d0;object-fit:cover}.status-user-chip.unseen img{border-color:#f59e0b;box-shadow:0 0 0 2px #fff,0 0 0 4px #f59e0b}.status-user-chip span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.status-modal-backdrop,.status-viewer-backdrop{position:fixed;inset:0;background:#0206178c;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}.status-modal{width:min(520px,100%);background:#fff;border-radius:18px;border:1px solid #d1fae5;padding:16px;display:flex;flex-direction:column;gap:12px}.status-modal h3{margin:0;color:#064e3b}.status-modal textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #cbd5e1;border-radius:12px;padding:10px;font-size:1rem}.status-media-picker{border:1px dashed #94a3b8;border-radius:10px;padding:8px 10px;font-size:.9rem;color:#064e3b;font-weight:700;width:fit-content;cursor:pointer}.status-media-picker input{display:none}.status-media-preview-wrap{width:100%;display:flex;flex-direction:column;gap:8px}.status-media-preview-wrap img,.status-media-preview-wrap video{width:100%;max-height:220px;border-radius:12px;object-fit:cover;background:#e2e8f0}.status-media-remove{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer;width:fit-content}.status-color-row{display:flex;gap:8px}.status-color-dot{width:24px;height:24px;border-radius:999px;border:2px solid transparent;cursor:pointer}.status-color-dot.active{border-color:#111827}.status-modal-actions{display:flex;justify-content:flex-end;gap:8px}.status-modal-actions button{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.status-modal-actions button.primary{background:#0f766e;color:#fff;border-color:#0f766e}.status-viewer{width:min(640px,100%);background:#fff;border-radius:18px;border:1px solid #d1fae5;padding:14px;display:flex;flex-direction:column;gap:12px}.status-viewer-top{display:flex;justify-content:space-between;align-items:center}.status-viewer-top-actions{display:flex;align-items:center;gap:12px}.status-delete-btn{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:10px;padding:7px 12px;font-weight:700;cursor:pointer;line-height:1}.status-progress-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:6px}.status-progress-seg{height:4px;border-radius:999px;background:#94a3b859;overflow:hidden}.status-progress-fill{height:100%;width:0%;background:#fff}.status-progress-fill.done{width:100%}.status-progress-fill.active{animation-name:statusProgressFill;animation-timing-function:linear;animation-fill-mode:forwards}.status-viewer.paused .status-progress-fill.active{animation-play-state:paused}.status-viewer-user{display:flex;align-items:center;gap:10px;color:#064e3b;font-weight:800}.status-viewer-user img{width:42px;height:42px;border-radius:50%;border:2px solid #a7f3d0;object-fit:cover}.status-viewer-user small{color:#64748b;font-weight:600}.status-viewer-title-name{display:inline-flex;align-items:center;gap:6px}.status-viewer-title-name .verified{width:16px;height:16px;border-radius:50%;background:#1d9bf0;display:inline-flex;align-items:center;justify-content:center}.status-viewer-title-name .verified.guardian{background:#ef4444}.status-close-btn{border:none;background:#f1f5f9;width:34px;height:34px;border-radius:999px;font-size:1.4rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.status-viewer-body{min-height:280px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.4rem;font-weight:800;padding:22px;white-space:pre-wrap;word-break:break-word}.status-viewer-media-wrap{width:100%;height:100%;min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:10px}.status-viewer-media-wrap img,.status-viewer-media-wrap video{width:100%;max-height:420px;border-radius:12px;object-fit:contain;background:#02061747}.status-viewer-caption{color:#fff;font-size:1.05rem;font-weight:700;text-align:left}.status-viewer-actions{display:flex;justify-content:space-between;align-items:center}.status-viewer-mid{display:flex;align-items:center;gap:10px}.status-views-btn{border:1px solid #d1d5db;background:#fff;color:#064e3b;border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer}.status-viewer-actions button{border:1px solid #d1d5db;background:#fff;color:#064e3b;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer}.status-viewer-actions button:disabled{opacity:.4;cursor:not-allowed}.status-views-modal{max-width:460px}.status-viewers-list{max-height:320px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px}.status-viewer-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #f1f5f9}.status-viewer-row:last-child{border-bottom:none}.status-viewer-row img{width:38px;height:38px;border-radius:999px;object-fit:cover;border:2px solid #a7f3d0;cursor:pointer}.status-viewer-row small{color:#64748b}.status-viewer-meta-click{cursor:pointer}.status-viewer-row time{margin-left:auto;color:#64748b;font-size:.8rem}.status-viewer-name{color:#064e3b;font-weight:800;display:inline-flex;align-items:center;gap:6px}.status-viewer-name .verified{width:16px;height:16px;border-radius:50%;background:#1d9bf0;display:inline-flex;align-items:center;justify-content:center}.status-viewer-name .verified.guardian{background:#ef4444}.status-viewer-empty{padding:14px;color:#64748b;text-align:center}@keyframes statusProgressFill{0%{width:0%}to{width:100%}}.vine-create-box{position:relative;width:100%;max-width:650px;background:linear-gradient(165deg,#fff,#f6fffb);border-radius:26px;padding:20px;border:1px solid rgba(16,185,129,.22);box-shadow:0 14px 34px #052e1617,inset 0 1px #ffffffeb;margin-bottom:25px;display:flex;flex-direction:column;gap:15px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.vine-create-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(16,185,129,.12),transparent 38%),radial-gradient(circle at 90% 95%,rgba(250,204,21,.12),transparent 34%)}.vine-create-box:focus-within{border-color:#10b98180;box-shadow:0 18px 44px #052e161f,0 0 0 4px #10b9811f;transform:translateY(-1px)}.create-format-toolbar{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.create-format-toolbar button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:8px;min-width:34px;height:32px;font-weight:800;cursor:pointer}.create-format-toolbar button:hover{border-color:#10b981}.vine-create-box textarea{position:relative;z-index:1;width:100%;min-height:120px;border:none;outline:none;font-family:inherit;font-size:1.2rem;color:#052e16;resize:none;background:transparent;padding:10px 0}.vine-create-box textarea::placeholder{color:#94a3b8;font-weight:500}.feed-mention-suggest-list{margin-top:-6px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;overflow:hidden}.feed-mention-suggest-item{width:100%;display:flex;gap:10px;align-items:center;padding:9px 12px;background:transparent;border:none;border-bottom:1px solid #eef2f7;cursor:pointer;text-align:left}.feed-mention-suggest-item:last-child{border-bottom:none}.feed-mention-suggest-item:hover{background:#f0fdf4}.feed-mention-suggest-item img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #cbd5e1}.feed-mention-name{font-weight:700;color:#052e16}.feed-mention-handle{font-size:.85rem;color:#64748b}.theme-dark .feed-mention-suggest-list{background:#0f172a;border-color:#ffffff24}.theme-dark .feed-mention-suggest-item{border-bottom-color:#ffffff14}.theme-dark .feed-mention-suggest-item:hover{background:#10b98129}.theme-dark .feed-mention-name{color:#fff}.theme-dark .create-format-toolbar button{background:#111827;color:#fff;border-color:#ffffff2e}.theme-dark .feed-mention-handle{color:#ffffffb8}.create-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(16,185,129,.14)}.greeting{font-weight:700;color:#64748b;font-size:.95rem}.greeting .name{color:#064e3b;font-weight:900}.create-target-row{margin-top:7px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:#475569}.community-select{border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:.82rem;background:#fff;color:#064e3b}.right-actions{display:flex;align-items:center;gap:15px}.char-count{font-size:.8rem;font-weight:800;color:#047857;background:linear-gradient(145deg,#ecfdf5,#dcfce7);padding:4px 11px;border-radius:999px;border:1px solid #bbf7d0}.image-picker{background:#d9fbee;color:#0f5132;padding:6px 12px;border-radius:999px;font-size:14px;cursor:pointer;border:1px solid #b6f2d6;transition:.2s ease}.image-picker:hover{background:#c2f5e2}.media-icon-picker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid #bbf7d0;box-shadow:inset 0 1px #fffc}.media-icon{font-size:1rem;line-height:1}.preview-strip{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.preview-tile{position:relative;flex:0 0 110px;height:110px;border-radius:14px;overflow:hidden;border:2px solid #c9f7e6}.preview-tile img{width:100%;height:100%;object-fit:cover}.preview-tile video{width:100%;height:100%;object-fit:cover;background:#000}.remove-preview{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:16px;line-height:22px;text-align:center}.post-submit-btn{background:linear-gradient(145deg,#065f46,#047857);color:#fff;border:1px solid rgba(4,120,87,.6);padding:10px 24px;border-radius:999px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 16px #065f4638,inset 0 1px #ffffff40}.post-submit-btn:hover{background:linear-gradient(145deg,#047857,#059669);transform:translateY(-2px);box-shadow:0 10px 20px #065f464d,inset 0 1px #ffffff4d}.post-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-dark .vine-create-box{background:linear-gradient(165deg,#0f172a,#111827);border-color:#34d39952;box-shadow:0 16px 36px #00000073,inset 0 1px #ffffff14}.theme-dark .vine-create-box textarea{color:#f8fafc}.theme-dark .char-count{background:#10b9812e;color:#6ee7b7;border-color:#34d39966}.theme-dark .community-select{background:#111827;color:#e5e7eb;border-color:#fff3}.vine-content-wrapper{width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center;padding-top:150px}.hashtag-filter-banner{width:100%;margin-bottom:12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.hashtag-filter-banner button{border:1px solid #93c5fd;background:#fff;color:#1e40af;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer}.suspension-banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:12px;background:#fff7ed;color:#7c2d12;border:1px solid #fdba74;font-weight:700}.suspension-banner-text{flex:1 1 auto;min-width:0;white-space:normal;line-height:1.35}.suspension-banner button{border:none;border-radius:999px;padding:8px 12px;background:#dc2626;color:#fff;font-weight:700;cursor:pointer;flex-shrink:0}.vine-posts-list{width:100%}.vine-feed-footer{width:100%;text-align:center;color:#64748b;font-size:.82rem;padding:18px 8px 6px}.vine-trending{width:100%;margin:10px 0 18px;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:0 6px 18px #064e3b14}.trending-header{font-weight:800;color:#064e3b;margin-bottom:10px}.trending-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.trending-card{background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.trending-top{display:flex;gap:10px;align-items:center}.trending-top img{width:42px;height:42px;border-radius:50%;object-fit:cover}.trending-name{font-weight:800;color:#064e3b;display:inline-flex;align-items:center;gap:6px}.trending-handle{font-size:.85rem;color:#2f6f64}.trending-snippet{font-size:.92rem;color:#1f2937}.trending-stats{font-weight:700;font-size:.85rem;color:#64748b}.theme-dark .vine-trending{background:#111;box-shadow:none}.theme-dark .trending-card{background:#0a0a0a;border-color:#ffffff1f}.theme-dark .trending-header,.theme-dark .trending-name,.theme-dark .trending-handle,.theme-dark .trending-snippet,.theme-dark .trending-stats{color:#fff}.vine-suggest-carousel{width:100%;margin:12px 0 18px;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:0 6px 18px #064e3b14}.suggest-carousel-header{font-weight:800;color:#064e3b;margin-bottom:10px}.suggest-carousel-track{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.suggest-card{min-width:160px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;align-items:center;text-align:center}.suggest-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}.suggest-name{font-weight:800;color:#064e3b;display:inline-flex;align-items:center;gap:6px}.suggest-handle{font-size:.85rem;color:#2f6f64}.suggest-follow{background:#064e3b;color:#ecfdf5;border:none;border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer;align-self:stretch;text-align:center;margin-top:auto}.theme-dark .vine-suggest-carousel{background:#111;box-shadow:none}.theme-dark .suggest-card{background:#0a0a0a;border-color:#ffffff1f}.theme-dark .suggest-carousel-header,.theme-dark .suggest-name,.theme-dark .suggest-handle{color:#fff}.theme-dark .suggest-follow{background:#f59e0b;color:#111827}.no-posts-hint{margin-top:40px;color:#14532d;font-weight:700;font-size:1rem;text-align:center}.no-more-posts{margin:24px auto 0;padding:10px 16px;border-radius:999px;background:#064e3b14;color:#14532d;font-weight:700;font-size:.9rem;text-align:center;width:fit-content}.theme-dark .no-more-posts,.theme-dark .no-posts-hint{color:#ffffffbf}.theme-dark .no-more-posts{background:#ffffff14}@media(max-width:768px){.vine-content-wrapper{padding-top:calc(210px + env(safe-area-inset-top))}.vine-feed-container{padding:0 10px 80px}.vine-nav-top{padding:10px 15px;flex-direction:column;align-items:stretch}.vine-nav-top h2{font-size:1.2rem}.notif-bell{font-size:1.1rem;margin:0 10px}.nav-btn{padding:5px 10px;font-size:.75rem}.nav-right{flex-direction:row}.desktop-only{display:none}.mobile-only{display:flex}.vine-dm-bar{max-width:none;padding:8px 12px 12px}.vine-dm-bar{padding:0 15px 4px;gap:8px;margin:2px 0 0;flex-wrap:wrap}.suspension-banner{flex-direction:column;align-items:flex-start;gap:8px}.suspension-banner button{width:100%;text-align:center}.vine-posts-list{display:flex;flex-direction:column;gap:16px}.vine-posts-list .vine-post{margin:0}.vine-search{flex:1.5;font-size:.85rem;padding:10px 14px}.discover-btn,.messages-btn{flex:1;font-size:.8rem;padding:10px 5px}.create-footer{flex-direction:column;align-items:flex-start;gap:15px}.right-actions{width:100%;justify-content:space-between}@media(max-width:380px){.vine-dm-bar{flex-direction:column}.vine-search,.discover-btn,.messages-btn{width:100%;flex:none}}}.create-textarea{width:100%;resize:none;border:none;outline:none;font-size:16px;line-height:1.5;background:transparent}.create-textarea.big-text{font-size:26px;line-height:1.35;font-weight:500}.vine-suggestions{min-height:100vh;width:100%;padding:40px 20px;box-sizing:border-box;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;display:flex;justify-content:center}.suggestions-content{width:100%;max-width:1100px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.5);padding:40px;box-shadow:0 10px 30px #0000000d}.back-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:50px;font-weight:800;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 10px #10b98133}.suggestions-title{color:#064e3b;font-size:2rem;font-weight:900;margin:10px 0 30px;letter-spacing:-.5px}.suggestions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.suggestion-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-radius:18px;border:1px solid #e2e8f0;transition:all .25s ease;cursor:pointer}.suggestion-row:hover{border-color:#34d399;transform:translateY(-3px);box-shadow:0 8px 20px #0000000a}.user-left{display:flex;align-items:center;gap:12px;min-width:0}.avatar,.avatar-initial{width:50px;height:50px;border-radius:50%;flex-shrink:0;overflow:hidden;aspect-ratio:1 / 1}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initial{background:#dcfce7;color:#065f46;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #b9f6ca}.user-info{display:flex;flex-direction:column;min-width:0}.user-info strong{color:#064e3b;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name{display:inline-flex;align-items:center;gap:6px}.user-info span{color:#4b5563;font-size:.85rem}.follow-mini{background:#064e3b;color:#fff;border:none;padding:8px 16px;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;margin-left:10px;transition:background .2s}.follow-mini:hover{background:#059669}@media(max-width:600px){.vine-suggestions{padding:10px;background:#fff}.suggestions-content{padding:10px;background:none;border:none;box-shadow:none}.suggestions-list{grid-template-columns:1fr}.suggestions-title{font-size:1.5rem}}.suggestion-row{animation:riseUp .3s ease both}@keyframes riseUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discover-header{position:sticky;top:0;background:#ecfdf5;padding:12px 0;z-index:10}.back-btn{background-color:#228b22!important;color:#fff!important;border:none;padding:8px 14px;border-radius:999px;font-weight:600}.vine-profile-wrapper{min-height:100vh;width:100%;margin:0;padding:0;background-color:#dcfce7;display:flex;flex-direction:column}.vine-profile-footer{width:100%;text-align:center;color:#64748b;font-size:.82rem;padding:18px 8px 8px}.vine-footer-links{margin-top:6px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.vine-footer-links button{border:none;background:transparent;color:#1d4ed8;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.vine-profile-topbar{position:sticky;top:0;left:0;right:0;z-index:1000;width:100%;margin:0;padding:12px 5%;background:#064e3b!important;display:flex;align-items:center;gap:20px;box-sizing:border-box;box-shadow:0 4px 15px #0003}@media(min-width:900px){.vine-profile-topbar{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;border-radius:0;align-self:stretch;padding:12px 24px}}.topbar-more-btn{margin-left:auto;background:transparent;color:#ecfdf5;border:none;padding:6px 8px;border-radius:8px;font-weight:800;cursor:pointer;white-space:nowrap;letter-spacing:.02em}.topbar-more-btn:hover{background:#ffffff1f}.topbar-more-btn:active{transform:translateY(0);box-shadow:0 8px 18px #10b98138,inset 0 2px 6px #00000026}.more-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.more-panel{width:min(900px,95vw);max-height:85vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040}.more-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.more-header button{border:none;background:#f1f5f9;width:32px;height:32px;border-radius:50%;cursor:pointer;font-weight:800}.more-section-title{padding:14px 20px 0;font-weight:800;color:#064e3b}.more-content{padding:12px 20px 20px;overflow-y:auto}.more-content .block-btn{width:100%;margin-top:12px}.more-content .block-btn+.block-btn{margin-top:8px}.about-title{margin-top:14px}.about-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.about-row{display:flex;justify-content:space-between;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:9px 11px}.about-label{font-weight:800;color:#064e3b;font-size:.9rem}.about-value{color:#1f2937;font-weight:600;text-align:right;font-size:.9rem;overflow-wrap:anywhere}.muted-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.muted-row{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}.muted-row img{width:40px;height:40px;border-radius:50%;object-fit:cover}.muted-info{flex:1}.muted-name{font-weight:800;color:#052e16}.muted-handle{font-size:.85rem;color:#64748b}.theme-dark .muted-row{background:#0a0a0a;border-color:#ffffff1f}.theme-dark .muted-name,.theme-dark .muted-handle{color:#fff}.theme-dark .more-panel{background:#111}.theme-dark .more-header,.theme-dark .more-section-title{color:#fff;border-color:#ffffff1f}.theme-dark .about-row{background:#0a0a0a;border-color:#ffffff1f}.theme-dark .about-label,.theme-dark .about-value{color:#fff}.theme-dark .profile-about-compact .about-compact-chip{background:#0a0a0a;border-color:#ffffff1f}.theme-dark .about-compact-label,.theme-dark .about-compact-value{color:#fff}.theme-dark .more-header{background:linear-gradient(135deg,#0f172a,#111827)}.topbar-info{display:flex;flex-direction:column;flex:1}.profile-title{color:#fff;font-weight:900;font-size:1.25rem;letter-spacing:-.02em;margin:0}.post-count-mini{color:#ffffffbf;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.profile-updated-badge{align-self:flex-start;margin-top:6px;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dcfce7;background:#10b98140;border:1px solid rgba(16,185,129,.45)}.vine-profile-banner-wrapper{position:relative}.vine-profile-banner{width:100%;height:350px;background:#052e16;position:relative;overflow:hidden}.vine-profile-banner img{width:100%;height:100%;object-fit:cover;object-position:center var(--banner-y, 50%)}.banner-action-buttons{position:absolute;top:calc(env(safe-area-inset-top,10px) + 10px);left:12px;z-index:10;display:flex;gap:8px}.banner-btn{background:#0000008c;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vine-profile-header{width:100%;max-width:1200px;margin:-80px auto 0;padding:0 5%;position:relative;z-index:10;box-sizing:border-box}.header-top-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 20px;position:relative;z-index:20}.profile-action-buttons{display:flex;gap:10px;align-items:center;flex-shrink:0}.avatar-wrapper{position:relative}.avatar-circle{position:relative;width:96px;height:96px;border-radius:16px;overflow:hidden;background:#e5e7eb;border:3px solid #10b981;cursor:pointer;flex-shrink:0}.avatar-circle img,.avatar-placeholder{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{background:#d1fae5;color:#064e3b;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center}.avatar-camera-overlay{position:absolute;inset:0;background:#00000073;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:16px;pointer-events:none}@media(hover:hover){.avatar-circle:hover .avatar-camera-overlay{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media(hover:none){.avatar-camera-overlay{opacity:1;background:transparent;align-items:flex-end;justify-content:flex-end;padding:6px;font-size:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}}.avatar-action-overlay{position:fixed;inset:0;background:#00000073;z-index:100000;display:flex;align-items:flex-end;justify-content:center}.avatar-action-sheet{width:min(420px,92vw);background:#fff;border-radius:16px 16px 0 0;padding:12px;box-shadow:0 -10px 30px #00000040;display:flex;flex-direction:column;gap:8px}.avatar-action-btn{width:100%;padding:12px 14px;border-radius:12px;border:none;background:#f1f5f9;font-weight:700;cursor:pointer}.avatar-action-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-action-btn.cancel{background:#fee2e2;color:#b91c1c}.avatar-crop-overlay{position:fixed;inset:0;background:#000000b8;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px}.avatar-crop-panel{width:min(520px,92vw);background:#0f172a;border-radius:16px;padding:16px;color:#e2e8f0;box-shadow:0 20px 50px #00000073}.avatar-crop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.avatar-crop-header h3{margin:0;font-size:1.1rem}.avatar-crop-header button{background:transparent;border:none;color:#e2e8f0;font-size:1.2rem;cursor:pointer}.avatar-crop-area{width:280px;height:280px;margin:0 auto;border-radius:18px;overflow:hidden;background:#111827;border:2px solid rgba(148,163,184,.4);position:relative;touch-action:none}.avatar-crop-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:auto;max-width:none}.avatar-crop-controls{margin-top:12px}.avatar-crop-controls label{display:flex;flex-direction:column;gap:6px;font-weight:600}.avatar-crop-controls input[type=range]{width:100%}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.avatar-crop-actions .ghost-btn{background:transparent;border:1px solid #334155;color:#e2e8f0;padding:8px 14px;border-radius:10px;cursor:pointer}.avatar-crop-actions .primary-btn{background:#10b981;border:none;color:#fff;padding:8px 16px;border-radius:10px;font-weight:700;cursor:pointer}.edit-profile-btn,.follow-btn,.message-btn{height:48px;padding:0 28px;border-radius:16px;font-weight:800;font-size:.95rem;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 8px 20px #064e3b26}.edit-profile-btn{background:#fff;color:#064e3b;border:2px solid #064e3b}.follow-btn{background:#064e3b;color:#fff}.message-btn{background:#10b981;color:#fff}.edit-profile-btn:hover{background:#064e3b;color:#fff}.follow-btn:hover{background:#052e16;transform:translateY(-2px)}.message-btn:hover{background:#059669;transform:translateY(-2px)}.profile-meta{background:#fff6;padding:30px 5%;width:100%;max-width:1200px;margin:0 auto 20px;box-sizing:border-box}.profile-name{font-size:2.2rem;font-weight:900;color:#052e16;margin:0;display:flex;align-items:center;gap:10px}.verified{background:#1d9bf0;color:#fff;font-size:.9rem;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 8px #1d9bf099}.handle{font-size:1.1rem;color:#064e3b;font-weight:700;margin:4px 0 12px;opacity:.8}.bio{font-size:1.15rem;line-height:1.6;color:#1f2937;max-width:600px;margin-bottom:20px}.profile-extra{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.profile-field,.profile-link,.join-date{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #c6f6d5;border-radius:12px;font-size:.9rem;font-weight:700;color:#064e3b;text-decoration:none}.profile-link:hover{background:#f0fdf4;border-color:#10b981}.profile-about-compact{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px}.about-compact-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #d1fae5;background:#f0fdf4;max-width:100%}.about-compact-label{font-size:.8rem;font-weight:800;color:#065f46}.about-compact-value{font-size:.82rem;font-weight:700;color:#14532d;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stats{display:flex;gap:25px;padding-top:20px;border-top:1px solid rgba(6,78,59,.1)}.profile-stats span{font-size:1rem;color:#4b5563;cursor:pointer;transition:color .2s}.profile-stats strong{color:#052e16;font-weight:900;font-size:1.1rem}.edit-profile-form{display:flex;flex-direction:column;gap:14px;margin-top:14px}.edit-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #e5e7eb;font-size:.95rem;font-weight:500;outline:none;background:#fff;transition:all .2s ease}.edit-input::placeholder{color:#9ca3af}.edit-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.edit-row{display:flex;gap:12px}.edit-bio-block{position:relative;display:flex;flex-direction:column;gap:6px}.edit-label{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.bio-edit-input{width:100%;min-height:90px;padding:12px 14px;border-radius:16px;border:1px solid #e5e7eb;font-size:.95rem;line-height:1.5;resize:none;outline:none;font-family:inherit;transition:all .2s ease}.bio-edit-input::placeholder{color:#9ca3af}.bio-edit-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.char-count{align-self:flex-end;font-size:.75rem;color:#9ca3af}.vine-profile-tabs{width:100%;max-width:1200px;margin:30px auto;padding:8px;background:#064e3b14;display:flex;gap:8px;border-radius:24px;box-sizing:border-box}.tab{flex:1;padding:14px 0;border:none;background:transparent;font-weight:800;font-size:1rem;color:#064e3b;cursor:pointer;text-transform:capitalize;border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab:hover:not(.active){background:#ffffff80;color:#052e16}.tab.active{background:#064e3b;color:#fff;box-shadow:0 10px 20px #064e3b40;transform:translateY(-2px)}.vine-profile-tab-content{min-height:200px;padding:20px 16px}.vine-profile-posts{width:100%;max-width:800px;margin:0 auto;padding:20px 20px 100px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.vine-profile-posts>div{background:#fff;border-radius:24px;border:1px solid rgba(6,78,59,.08);box-shadow:0 4px 20px #052e160a;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.vine-profile-posts>div:hover{transform:translateY(-3px);box-shadow:0 12px 30px #052e1614;border-color:#10b981}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.photo-tile{aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;cursor:pointer;background:#eaf7f4}.photo-tile img{width:100%;height:100%;object-fit:cover}.empty-state,.coming-soon{margin:48px auto;padding:24px 16px;text-align:center;color:#2f6f64;font-size:.95rem;font-weight:500;background:#2f6f6414;border:1px dashed rgba(47,111,100,.25);border-radius:14px;max-width:420px}.coming-soon{min-height:180px;display:flex;align-items:center;justify-content:center;opacity:.8}.image-viewer-overlay{position:fixed;inset:0;background:#000000eb;z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.image-viewer-img{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain}.viewer-like-btn{position:absolute;bottom:32px;right:24px;background:#0009;color:#fff;border:none;border-radius:999px;padding:10px 14px;font-size:18px;display:flex;align-items:center;gap:6px;cursor:pointer}.viewer-like-btn.liked{background:#2f6f64e6}.viewer-like-btn .like-count{font-size:14px}.viewer-comment-btn{position:absolute;bottom:32px;left:24px;background:#0009;color:#fff;border:none;border-radius:999px;padding:10px 14px;font-size:18px;display:flex;align-items:center;gap:6px;cursor:pointer}.photo-comments-panel{position:absolute;bottom:0;left:0;right:0;height:60%;background:#e6fbf3;color:#0f3d2e;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:column}.photo-comments-panel .comments-header{padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.photo-comments-panel .comments-header button{width:34px;height:34px;border-radius:999px;border:1px solid rgba(120,53,15,.35);background:linear-gradient(135deg,#fef3c7,#a7f3d0);color:#78350f;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 14px #064e3b2e;transition:transform .15s ease,box-shadow .15s ease}.photo-comments-panel .comments-header button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #064e3b38}.photo-comments-panel .comments-header button:active{transform:translateY(0)}.theme-dark .photo-comments-panel .comments-header button{background:linear-gradient(135deg,#f59e0b,#10b981);color:#111827;border-color:#f59e0b80;box-shadow:0 6px 14px #00000059}.photo-comments-panel .comments-list{flex:1;overflow-y:auto;padding:12px}.photo-comments-panel .comment-item{margin-bottom:12px;padding:6px 0}.photo-comments-panel .comment-main{display:flex;gap:10px}.photo-comments-panel .comment-avatar{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;object-fit:cover;background:#cfeee3;cursor:pointer}.photo-comments-panel .comment-body{flex:1;display:flex;flex-direction:column}.photo-comments-panel .comment-username{font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.photo-comments-panel .verified{background:#1d9bf0;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 6px #1d9bf099}.photo-comments-panel .comment-text{font-size:.9rem;color:#2f6f64;opacity:.95;margin-top:2px}.photo-comments-panel .comment-meta{display:flex;gap:12px;align-items:center;margin-top:4px;font-size:12px;color:#2f6f64}.photo-comments-panel .comment-like{background:none;border:none;padding:0;color:#2f6f64;cursor:pointer;font-size:inherit}.photo-comments-panel .comment-like.liked{font-weight:600;color:#ef4444}.photo-comments-panel .reply-btn{background:none;border:none;color:#2f6f64;font-size:12px;cursor:pointer}.photo-comments-panel .comment-delete-btn{background:none;border:none;font-size:13px;color:#ef4444;cursor:pointer;opacity:.5;margin-left:6px}.photo-comments-panel .comment-delete-btn:hover{opacity:1}.photo-comments-panel .comment-replies{margin:6px 0 0 24px;display:flex;flex-direction:column;gap:6px}.photo-comments-panel .comment-thread{margin-top:6px}.photo-comments-panel .replying-to{padding:6px 12px;font-size:13px;color:#2f6f64;display:flex;justify-content:space-between;align-items:center}.photo-comments-panel .toggle-replies-btn{background:none;border:none;color:#2f6f64;font-size:12px;margin-left:46px;padding:0;cursor:pointer}.photo-comments-panel .toggle-replies-btn:hover{text-decoration:underline}.photo-comments-panel .comment-input-bar{display:flex;padding:10px;gap:8px;border-top:1px solid rgba(0,0,0,.06);align-items:center}.photo-comments-panel .comment-input-bar input{flex:1;min-width:0;border:1px solid #d1fae5;border-radius:20px;padding:8px 14px;font-size:.95rem;outline:none}.photo-comments-panel .comment-input-bar input:focus{border-color:#10b981}.photo-comments-panel .comment-input-bar button{border:none;background:#064e3b;color:#fff;font-weight:700;padding:8px 14px;border-radius:16px;cursor:pointer;white-space:nowrap}.mention{color:#1d9bf0;font-weight:700;cursor:pointer}.mention:hover{text-decoration:underline}.hashtag{color:#1d9bf0;font-weight:600;border:none;background:transparent;padding:0;margin:0;cursor:pointer;font:inherit}.mention-preview{margin:6px 10px 2px;padding:6px 10px;border-radius:10px;background:#1d9bf014;font-size:.9rem;color:#1f2937}.theme-dark .mention-preview{background:#1d9bf02e;color:#fff}.mention-suggest-list{margin:6px 10px 2px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;overflow:hidden}.mention-suggest-item{width:100%;display:flex;gap:10px;align-items:center;padding:8px 10px;background:transparent;border:none;cursor:pointer;text-align:left}.mention-suggest-item:hover{background:#f0fdf4}.mention-suggest-item img{width:28px;height:28px;border-radius:50%;object-fit:cover}.mention-name{font-weight:700;color:#052e16}.mention-handle{font-size:.85rem;color:#64748b}.theme-dark .mention-suggest-list{background:#111;border-color:#ffffff1f}.theme-dark .mention-suggest-item:hover{background:#ffffff0f}.theme-dark .mention-name,.theme-dark .mention-handle{color:#fff}.photo-comments-panel .comment-input-bar button:active{transform:translateY(1px)}.theme-dark .photo-comments-panel .comment-input-bar input{background:#0a0a0a;color:#fff;border-color:#fff3}.theme-dark .photo-comments-panel .comment-input-bar button{background:#1f2937;color:#fff}@media(max-width:768px){.vine-profile-banner{height:200px}.vine-profile-header{margin-top:-50px;padding:0 15px}.vine-profile-topbar{padding:10px 15px}.profile-title{font-size:1.1rem}.avatar-circle{width:110px;height:110px;border-radius:30px;margin-top:-55px}.profile-name{font-size:1.6rem}.bio{font-size:1rem}.profile-meta{padding:15px}.profile-extra{gap:8px}.profile-field,.profile-link,.join-date{font-size:.8rem;padding:6px 10px}.edit-profile-btn,.follow-btn,.message-btn{height:40px;padding:0 18px;font-size:.85rem;border-radius:12px}.vine-profile-tabs{margin:20px 10px;padding:6px;border-radius:16px;gap:5px}.tab{padding:12px 0;font-size:.9rem;border-radius:12px}.vine-profile-posts{padding:10px 15px 80px;gap:15px}.vine-profile-posts>div{border-radius:20px}.edit-row{flex-direction:column;gap:12px}.photos-grid{grid-template-columns:repeat(3,1fr)}}.profile-meta{font-size:13px;color:#6b8f83;margin-top:4px}.last-active{margin-left:6px}.profile-extra{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:#6b8f83}.profile-extra span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.last-active{color:#0f3d2e;font-weight:700;letter-spacing:.2px}.vine-post.pinned{border-color:#9fe0c8;box-shadow:0 6px 20px #2f6f641f}.profile-settings-btn{margin-left:8px;height:48px;padding:0 28px;border-radius:16px;border:none;background:#fbbf24;color:#7c2d12;cursor:pointer;font-weight:800;font-size:.95rem;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 20px #7c2d1233}.more-btn{background:#0ea5e9;color:#fff;box-shadow:0 8px 20px #0ea5e940}.block-btn{height:48px;padding:0 28px;border-radius:16px;border:none;background:#dc2626;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #dc262640}.block-btn.unblock{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;box-shadow:none}.blocked-banner{background:#fee2e2;color:#b91c1c;padding:10px 14px;border-radius:12px;font-weight:800}.settings-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.settings-panel{width:340px;background:#e6fbf3;border-radius:16px;padding:16px;color:#0f3d2e}.settings-item{margin:14px 0;display:flex;justify-content:space-between;align-items:center}.settings-item.stack{align-items:stretch;flex-direction:column;gap:10px}.settings-input{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:.95rem;width:100%;box-sizing:border-box}.settings-primary-btn{align-self:flex-start;background:#064e3b;color:#fff;border:none;border-radius:12px;padding:8px 14px;font-weight:800;cursor:pointer}.settings-hint{font-size:.85rem;color:#64748b}.theme-dark .settings-input{background:#0a0a0a;border-color:#fff3;color:#fff}@media(max-width:768px){.settings-primary-btn{width:100%;text-align:center}}.settings-item.danger{justify-content:center}.danger-btn{background:#e5484d;color:#fff;border:none;padding:8px 12px;border-radius:8px}.settings-panel h3{color:#0b2e22}.settings-panel label,.settings-panel span{color:#145a3a;font-weight:500}.settings-panel select,.settings-panel option,.settings-panel input{color:#0f3d2e;background:#f3fff9}.settings-header{display:flex;justify-content:space-between;align-items:center;color:#0b2e22}.settings-header button{color:#0f3d2e;background:none;border:none;font-size:18px;cursor:pointer}.vine-auth{min-height:100vh;width:100%!important;background:linear-gradient(#0000008c,#0000008c),url(/slide4.jpg) center center / contain no-repeat!important;background-color:#000!important;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.vine-card{background:#e1f5e9f2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px;padding:40px 30px;border-radius:35px;border:1.5px solid #c8e6c9!important;box-shadow:0 10px 30px #0000004d;text-align:center}.vine-card h2{color:#052e16;font-size:1.6rem;font-weight:800;margin-bottom:10px}.vine-form{display:flex;flex-direction:column;gap:15px}.vine-form input{background:#fff!important;border:2px solid #c8e6c9!important;border-radius:50px!important;padding:14px 20px;font-size:1rem;color:#052e16;outline:none}.vine-form input:focus{border-color:#2e7d32!important}.vine-btn{background:#2e7d32!important;color:#fff!important;border:none!important;border-radius:50px!important;padding:14px;font-size:1.1rem;font-weight:800;cursor:pointer;margin-top:10px;transition:all .2s ease}.vine-btn:hover:not(:disabled){background:#1b5e20!important;transform:translateY(-2px)}.error{color:#b91c1c;background:#fee2e2;padding:12px;border-radius:15px;margin-top:20px;font-size:.85rem;font-weight:600}.success{color:#15803d;background:#dcfce7;padding:12px;border-radius:15px;margin-top:20px;font-size:.85rem;font-weight:600}@media(max-width:768px){.vine-auth{background-size:cover!important}.vine-card{padding:30px 20px;border-radius:28px;width:95%}}.vine-follow-container{width:100vw;min-height:100vh;margin:0;padding:40px;box-sizing:border-box;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;display:flex;flex-direction:column;align-items:center}.vine-follow-topbar{width:100%;max-width:1200px;background:#fff;border-radius:20px;padding:20px 30px;margin-bottom:30px;display:flex;align-items:center;gap:20px;border:2px solid #b9f6ca;box-shadow:0 10px 30px #0000000d}.topbar-text h3{color:#052e16;margin:0;font-size:1.8rem;font-weight:900}.subtitle{color:#059669;font-weight:800;text-transform:uppercase}.follow-list{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:980px)and (min-width:769px){.follow-list{grid-template-columns:1fr}}.user-row{background:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;color:#052e16;transition:all .2s ease-in-out}.user-row:hover{transform:translateY(-5px);border-color:#10b981;box-shadow:0 15px 35px #10b9811a}.follow-avatar,.initial-circle{width:54px;height:54px;border-radius:50%;flex-shrink:0;overflow:hidden;aspect-ratio:1/1;border:3px solid #10b981}.follow-avatar img{width:100%;height:100%;object-fit:cover}.user-details{flex:1;margin-left:15px;min-width:0}.name-container strong{color:#052e16!important;font-size:1.1rem;font-weight:900;display:block}.handle{color:#334155;font-weight:600;font-size:.92rem}.row-bio{color:#1f2937;opacity:.85}.row-follow-btn{background:#064e3b;color:#fff!important;border:none;padding:12px 24px;border-radius:50px;font-weight:800;text-transform:uppercase;font-size:.8rem;cursor:pointer;box-shadow:0 4px 12px #064e3b33}@media(max-width:768px){.vine-follow-container{width:100%;padding:0;background:#fff;align-items:stretch}.vine-follow-topbar{border-radius:0;margin-bottom:0;padding:15px;border:none;border-bottom:1px solid #eee}.follow-list{grid-template-columns:1fr;gap:0}.user-row{border-radius:0;border:none;border-bottom:1px solid #f1f5f9;padding:15px}}.row-follow-btn{min-width:110px;padding:10px 20px;border-radius:50px;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none;background:#064e3b;color:#fff!important;box-shadow:0 4px 12px #064e3b26}.row-follow-btn.following{background:#059669;color:#fff!important;border:none}.row-follow-btn.following:hover{background:#064e3b;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.follow-name{display:inline-flex;align-items:center;gap:6px}@media(min-width:769px){.vine-follow-container{width:100vw;min-height:100vh;margin:0;padding:40px;box-sizing:border-box;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;display:flex;flex-direction:column;align-items:center}.vine-follow-topbar{width:100%;max-width:1200px;background:#fff;border-radius:20px;padding:18px 28px;margin-bottom:24px;display:flex;align-items:center;gap:20px;border:1px solid #d1fae5;box-shadow:0 10px 30px #0000000d}.follow-list{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:980px)and (min-width:769px){.follow-list{grid-template-columns:1fr}}.user-row{background:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;color:#052e16;transition:all .2s ease-in-out}.user-row:hover{transform:translateY(-4px);border-color:#10b981;box-shadow:0 15px 35px #10b9811a}.follow-avatar,.initial-circle{width:54px;height:54px;border-radius:50%;flex-shrink:0;overflow:hidden;aspect-ratio:1/1;border:2px solid #10b981}.follow-avatar img{width:100%;height:100%;object-fit:cover}.user-details{flex:1;margin-left:15px;min-width:0}.name-container strong{color:#052e16!important;font-size:1.1rem;font-weight:900;display:block}.handle{color:#334155!important;font-weight:600;font-size:.92rem}.row-bio{color:#1f2937;opacity:.85}}@media(min-width:769px){.name-container strong{color:#042f2e!important;font-size:1.2rem}.handle{color:#374151!important;font-weight:600}}@media(max-width:768px){.vine-follow-container{padding:0;background:#fff;width:100%;display:block}.user-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #f1f5f9;background:#fff}.user-row-left{display:flex;flex-direction:row;align-items:center;gap:14px;flex:1}.follow-avatar,.initial-circle{width:50px;height:50px;flex-shrink:0;aspect-ratio:1/1;overflow:hidden;border-radius:50%;border:2px solid #10b981!important;box-shadow:0 2px 8px #10b98126}.follow-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column;justify-content:center}.name-container strong{font-size:1.05rem;color:#052e16;line-height:1.2}.handle{font-size:.85rem;color:#4b5563}.row-follow-btn{background:#064e3b!important;color:#fff!important;padding:8px 16px;font-size:.75rem;font-weight:800;border-radius:50px;border:none;min-width:95px}.row-follow-btn.following{background:#d1fae5!important;color:#064e3b!important;border:1px solid #a7f3d0!important}.row-bio{display:none}}.vine-notifications-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;padding:40px 20px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.vine-notifications-page .vine-profile-topbar{width:100%;max-width:800px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px 25px;border-radius:20px;display:flex;align-items:center;gap:20px;border:1px solid rgba(167,243,208,.6);box-shadow:0 8px 32px #0000000a;margin-bottom:25px;position:sticky;top:10px;z-index:100}.vine-notifications-page .vine-profile-topbar button{background:#10b981;color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.vine-notifications-page .vine-profile-topbar h3{margin:0;color:#052e16;font-size:1.4rem;font-weight:900}.notif-row{width:100%;max-width:800px;background:#fff;margin-bottom:12px;padding:18px 22px;border-radius:20px;display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.notif-row:hover{transform:translateY(-2px);border-color:#10b981;box-shadow:0 10px 20px #10b98114}.notif-row.unread{background:#f0fdf4;border-left:4px solid #10b981}.notif-avatar{width:50px;height:50px;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid #10b981;display:flex;align-items:center;justify-content:center;background:#d1fae5}.notif-avatar img{width:100%;height:100%;object-fit:cover}.notif-avatar span{font-weight:800;color:#064e3b;font-size:1.2rem}.notif-body{flex:1;display:flex;flex-direction:column;gap:4px}.notif-text{color:#374151;font-size:1.05rem;line-height:1.4}.notif-user{color:#052e16!important;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.notif-user:hover{text-decoration:underline}.new-badge{background:#10b981;color:#fff;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:4px;margin-right:8px;vertical-align:middle}.notif-time{font-size:.85rem;color:#6b7280;font-weight:500}.empty-notifs{color:#064e3b;font-weight:700;margin-top:50px}@media(max-width:768px){.vine-notifications-page{padding:0;background:#fff;align-items:stretch}.vine-notifications-page .vine-profile-topbar{top:0;border-radius:0;margin-bottom:0;border:none;border-bottom:1px solid #eef2f1;padding:12px 15px}.notif-row{border-radius:0;border:none;border-bottom:1px solid #f1f5f9;margin-bottom:0;padding:15px}.notif-row:hover{transform:none;box-shadow:none}.notif-avatar{width:45px;height:45px}.notif-text{font-size:.95rem}}.notification-item{cursor:pointer}.dm-list{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;padding:40px 20px;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}.dm-header{width:100%;max-width:800px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px 25px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(167,243,208,.6);box-shadow:0 8px 32px #0000000a;margin-bottom:25px;position:sticky;top:10px;z-index:100}.dm-mint-pill-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:50px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s}.dm-mint-pill-btn:hover{transform:scale(1.05);background:#059669}.dm-title{color:#052e16;font-weight:900;font-size:1.4rem}.dm-item{width:100%;max-width:800px;background:#fff;margin-bottom:12px;padding:18px 22px;border-radius:24px;display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.dm-item:hover{transform:translateY(-3px);border-color:#10b981;box-shadow:0 12px 24px #10b98114}.dm-unread{background:#f0fdf4;border-left:5px solid #10b981}.dm-avatar,.dm-avatar-fallback{width:60px;height:60px;border-radius:50%;flex-shrink:0;border:2px solid #10b981;object-fit:cover}.dm-avatar-fallback{background:#d1fae5;color:#064e3b;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem}.dm-meta{flex:1;min-width:0}.dm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dm-top strong{color:#052e16;font-size:1.15rem;font-weight:800}.dm-username{display:inline-flex;align-items:center;gap:6px}.dm-preview{color:#64748b;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.dm-unread .dm-preview{color:#064e3b;font-weight:600}.dm-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:50px;font-size:.75rem;font-weight:900;margin-right:10px}.dm-delete{background:transparent;border:none;font-size:1.1rem;cursor:pointer;opacity:.3;transition:opacity .2s}.dm-item:hover .dm-delete{opacity:1}.dm-delete:hover{transform:scale(1.2)}.dm-empty{color:#064e3b;font-weight:700;margin-top:50px}@media(max-width:768px){.dm-list{padding:0;background:#fff;align-items:stretch}.dm-header{top:0;border-radius:0;margin-bottom:0;border:none;border-bottom:1px solid #eef2f1;padding:12px 15px}.dm-item{border-radius:0;border:none;border-bottom:1px solid #f1f5f9;margin-bottom:0;padding:15px}.dm-item:hover{transform:none;box-shadow:none}.dm-avatar,.dm-avatar-fallback{width:50px;height:50px}.dm-delete{opacity:.6}.dm-preview{font-size:.85rem}}.msg-row{display:flex;margin-bottom:6px;width:100%}.msg-row.mine{justify-content:flex-end}.msg-row.theirs{justify-content:flex-start}.msg-content-wrapper{max-width:78%;display:flex;flex-direction:column}.msg-bubble{position:relative;padding:9px 12px;border-radius:14px;font-size:.96rem;line-height:1.35;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 1px 1px #0f172a14}.mine .msg-bubble{background:#0a7a5b;color:#fff;border-top-right-radius:6px}.mine .msg-bubble:after{content:"";position:absolute;right:-5px;bottom:0;width:10px;height:10px;background:#0a7a5b;clip-path:polygon(0 0,100% 50%,0 100%)}.theirs .msg-bubble{background:linear-gradient(145deg,#f4faf7,#edf6f1);color:#1f2937;border-top-left-radius:6px;border:1px solid #d7e8de;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #0206170f}.theirs .msg-bubble:after{content:"";position:absolute;left:-5px;bottom:0;width:10px;height:10px;background:#eef7f2;clip-path:polygon(100% 0,0 50%,100% 100%)}.theme-dark .theirs .msg-bubble{background:linear-gradient(145deg,#1f2937,#111827);color:#e5e7eb;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #00000059}.theme-dark .theirs .msg-bubble:after{background:#18212d}.msg-seen{margin-top:3px;margin-right:2px;text-align:right;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase}@media(max-width:768px){.msg-content-wrapper{max-width:86%}.msg-bubble{font-size:.95rem;padding:9px 12px}}.chat-input-bar{display:flex;align-items:center;gap:12px;padding:15px 25px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(167,243,208,.5);position:sticky;bottom:0;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;z-index:100}.chat-input{flex:1;background:#f1f5f9;border:2px solid transparent;padding:12px 18px;border-radius:25px;font-size:1rem;color:#052e16;outline:none;transition:all .2s ease}.chat-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.chat-input::placeholder{color:#94a3b8}.chat-send-btn{background:#064e3b;color:#fff;border:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;box-shadow:0 4px 12px #064e3b33}.chat-send-btn:hover{transform:scale(1.1) rotate(-5deg);background:#10b981}.chat-send-btn:active{transform:scale(.9)}@media(max-width:768px){.chat-input-bar{padding:10px 15px;background:#fff;border-top:1px solid #eef2f1;max-width:100%;padding-bottom:env(safe-area-inset-bottom,10px)}.chat-input{padding:10px 16px;font-size:16px}.chat-send-btn{width:40px;height:40px;font-size:1.1rem}}.vine-chat-wrapper{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at 15% 20%,rgba(16,185,129,.08),transparent 35%),radial-gradient(circle at 85% 80%,rgba(16,185,129,.06),transparent 40%),#f6fbf7}.chat-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #dbe6df;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.back-btn{border:none;background:transparent;color:#0f172a;font-size:1.2rem;width:34px;height:34px;border-radius:999px;cursor:pointer}.back-btn:hover{background:#edf3ee}.chat-user{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.chat-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #10b981;flex-shrink:0}.chat-name{display:inline-flex;align-items:center;gap:6px;color:#052e16;font-size:.98rem;font-weight:800;line-height:1.1}.verified{background:#1d9bf0;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 6px #1d9bf08c}.chat-header-meta{min-width:0}.chat-lastseen{font-size:.76rem;color:#64748b;line-height:1.2;margin-top:2px}.messages-container{flex:1;overflow-y:auto;padding:14px 14px 8px}.chat-footer{border-top:1px solid #dbe6df;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-empty{margin-top:18px;color:#64748b;font-size:.92rem;text-align:center}.chat-day-divider{display:flex;justify-content:center;margin:14px 0 10px}.chat-day-divider span{font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#64748b;background:#ffffffe6;border:1px solid #dbe6df;border-radius:999px;padding:4px 10px}@media(max-width:768px){.chat-header{padding:10px}.messages-container{padding:12px 10px 8px}}.theme-dark .chat-name{color:#ecfdf5!important}.theme-dark .chat-lastseen{color:#ffffffb8!important}.theme-dark .chat-day-divider span{color:#ffffffc7;background:#111827e6;border-color:#ffffff2e}.search-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);background-attachment:fixed;font-family:Inter,system-ui,sans-serif;padding:20px;box-sizing:border-box}.search-header{width:100%;max-width:800px;display:flex;align-items:center;gap:15px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:15px 20px;border-radius:20px;border:1px solid rgba(167,243,208,.6);box-shadow:0 8px 32px #0000000d;position:sticky;top:10px;z-index:100}.search-header button{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:50px;font-weight:700;cursor:pointer;transition:transform .2s}.search-header button:hover{transform:scale(1.05);background:#059669}.search-header input{flex:1;background:transparent;border:none;outline:none;font-size:1.1rem;color:#064e3b;font-weight:500}.search-header input::placeholder{color:#6b7280}.search-results{width:100%;max-width:800px;margin-top:20px;display:flex;flex-direction:column;gap:10px}.search-section-title{font-weight:800;color:#064e3b;margin:6px 0 8px}.search-user{background:#fff;padding:15px 20px;border-radius:16px;display:flex;align-items:center;gap:15px;cursor:pointer;border:1px solid #e2e8f0;transition:all .2s ease}.search-user:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b9811a}.search-user img,.avatar-fallback{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #10b981}.avatar-fallback{background:#d1fae5;color:#064e3b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.search-user div{display:flex;flex-direction:column}.search-user strong{color:#052e16;font-size:1.1rem}.search-user-name{display:inline-flex;align-items:center;gap:6px}.search-user-info{display:flex;flex-direction:column}.verified{background:#1d9bf0;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 6px #1d9bf099}.verified.guardian{background:#ef4444;box-shadow:0 0 6px #ef444499}.search-user span{color:#6b7280;font-size:.9rem}.search-post{background:#fff;padding:14px 18px;border-radius:16px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;border:1px solid #e2e8f0;transition:all .2s ease}.search-post:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b9811a}.search-post img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #10b981;flex-shrink:0}.search-post-info{display:flex;flex-direction:column;gap:4px;min-width:0}.search-post .search-user-name span{color:#052e16;font-weight:800}.search-post-meta{color:#64748b;font-size:.85rem;font-weight:600}.search-post-content{color:#0f172a;font-size:.96rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}.search-post-stats{color:#475569;font-size:.85rem;font-weight:700}.empty{text-align:center;color:#064e3b;font-weight:600;margin-top:40px}@media(max-width:768px){.search-page{padding:10px;background:#fff}.search-header{top:0;border-radius:0;border:none;border-bottom:1px solid #eef2f1;padding:12px}.search-user,.search-post{border-radius:0;border:none;border-bottom:1px solid #f1f5f9;padding:12px}.search-user:hover,.search-post:hover{transform:none}.search-user img,.avatar-fallback{width:45px;height:45px;border-width:1px}}.guardian-analytics-page{min-height:100vh;width:100%;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);color:#052e16}.guardian-topbar{display:flex;align-items:center;gap:16px;background:#064e3b;color:#ecfdf5;border-radius:16px;padding:14px 18px;margin-bottom:18px}.guardian-range{margin-left:auto;display:flex;gap:8px}.guardian-range input{border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#ecfdf5;border-radius:8px;padding:6px 8px}.guardian-back-btn{border:none;background:#10b981;color:#fff;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}.guardian-title-wrap h2{margin:0;font-size:1.3rem}.guardian-title-wrap p{margin:2px 0 0;opacity:.85}.guardian-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.guardian-kpi-card{background:#fff;border:1px solid #d1fae5;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.guardian-kpi-card span{font-size:.88rem;color:#065f46;font-weight:700}.guardian-kpi-card strong{font-size:1.5rem}.guardian-section{background:#fff;border:1px solid #d1fae5;border-radius:14px;padding:14px;margin-bottom:14px}.guardian-section h3{margin:0 0 12px}.guardian-actions{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.guardian-csv-btn{border:1px solid #86efac;background:#ecfdf5;color:#065f46;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer;margin-bottom:10px}.guardian-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.guardian-compare-card{background:#f8fffb;border:1px solid #dcfce7;border-radius:10px;padding:10px;font-weight:700}.guardian-bars{display:flex;align-items:flex-end;gap:10px;min-height:200px;overflow-x:auto}.guardian-table{display:flex;flex-direction:column;gap:8px}.guardian-row{width:100%;border:1px solid #dcfce7;background:#f8fffb;border-radius:10px;padding:10px;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;text-align:left;color:#052e16}button.guardian-row{cursor:pointer}.guardian-rank{font-weight:800;color:#065f46}.guardian-row-main{font-weight:700}.guardian-row-meta{font-weight:800;color:#0f766e}.guardian-row-actions{display:inline-flex;align-items:center;gap:8px}.guardian-release-btn{border:1px solid #fecaca;background:#ef4444;color:#fff;border-radius:8px;padding:6px 10px;font-weight:800;cursor:pointer}.guardian-empty{color:#475569;font-size:.92rem}.guardian-funnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.guardian-funnel-step{background:linear-gradient(180deg,#ecfdf5,#dcfce7);border:1px solid #a7f3d0;border-radius:10px;padding:12px;font-weight:800}.guardian-subsection h4{margin:0 0 8px}.guardian-subsection+.guardian-subsection{margin-top:14px}.guardian-row.alert-high{border-color:#fca5a5;background:#fff1f2}.guardian-row.alert-medium{border-color:#fde68a;background:#fffbeb}.guardian-bar-col{min-width:76px;display:flex;flex-direction:column;align-items:center;gap:6px}.guardian-bar-wrap{width:44px;height:150px;display:flex;align-items:flex-end;justify-content:center;background:#ecfdf5;border:1px solid #d1fae5;border-radius:10px}.guardian-bar{width:30px;border-radius:8px 8px 6px 6px;background:linear-gradient(180deg,#10b981,#047857)}.guardian-bar-value{font-size:.86rem;font-weight:800}.guardian-bar-day{font-size:.8rem;color:#475569}@media(max-width:768px){.guardian-analytics-page{padding:14px}}.guardian-mod-page{min-height:100vh;padding:20px;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);color:#052e16}.guardian-mod-topbar{display:flex;align-items:center;gap:12px;background:#064e3b;color:#ecfdf5;border-radius:14px;padding:12px;margin-bottom:14px}.guardian-mod-topbar button{border:none;background:#10b981;color:#fff;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}.guardian-mod-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.guardian-mod-filters select,.guardian-mod-filters input{border:1px solid #a7f3d0;background:#fff;border-radius:8px;padding:8px 10px}.guardian-mod-list{display:flex;flex-direction:column;gap:10px}.guardian-mod-row{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d1fae5;border-radius:10px;padding:12px}.guardian-mod-main p{margin:4px 0}.guardian-mod-main small{color:#475569}.guardian-mod-actions{display:flex;gap:8px;align-items:center}.guardian-mod-actions button{border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.suspend-inline{display:inline-flex;align-items:center;gap:6px}.suspend-inline select{border:1px solid #a7f3d0;background:#fff;color:#065f46;border-radius:8px;padding:6px 8px;font-weight:700}.guardian-mod-actions .danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.guardian-mod-actions .warn-btn{border-color:#fde68a;background:#fef9c3;color:#a16207}.guardian-mod-actions .success{border-color:#86efac;background:#dcfce7;color:#166534}.guardian-mod-actions .success:hover{background:#bbf7d0;border-color:#4ade80}.guardian-mod-empty{padding:18px;background:#fff;border:1px solid #d1fae5;border-radius:10px}.vine-help-page{min-height:100vh;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);padding:92px 16px 16px}.vine-help-topbar{width:min(980px,calc(100% - 32px));margin:0;background:#064e3b;color:#ecfdf5;border-radius:14px;padding:12px;display:flex;align-items:center;gap:12px;position:fixed;left:50%;top:10px;transform:translate(-50%);z-index:2000}.vine-help-topbar button{border:none;background:#10b981;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer}.vine-help-topbar h2{margin:0;font-size:1.2rem}.vine-help-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}@media(max-width:768px){.vine-help-page{padding-top:86px}.vine-help-topbar{width:calc(100% - 20px);top:6px}}.vine-help-card{background:#fff;border:1px solid #d1fae5;border-radius:14px;padding:14px}.vine-help-card h3{margin:0 0 8px;color:#064e3b}.vine-help-card ul{margin:0;padding-left:18px;color:#1f2937}.vine-help-card li{margin:6px 0}.theme-dark .vine-help-page{background:#000}.theme-dark .vine-help-card{background:#0b0b0b;border-color:#ffffff24}.theme-dark .vine-help-card h3,.theme-dark .vine-help-card li{color:#fff}.vine-communities-page{min-height:100vh;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);padding:90px 14px 24px}.communities-top{max-width:1150px;margin:0 auto 12px;display:flex;align-items:center;gap:12px}.communities-top h2{margin:0;color:#064e3b}.communities-back{border:1px solid #a7f3d0;background:#fff;color:#064e3b;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.communities-layout{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:14px}.communities-sidebar,.communities-main{background:#fff;border:1px solid #d1fae5;border-radius:16px;padding:12px}.community-hero{border:1px solid #dbeafe;border-radius:16px;overflow:hidden;margin-bottom:12px;background:#fff}.community-banner{height:130px;background-size:cover;background-position:center;background-repeat:no-repeat;background:radial-gradient(circle at 10% 10%,rgba(16,185,129,.35),transparent 35%),radial-gradient(circle at 90% 90%,rgba(250,204,21,.28),transparent 34%),linear-gradient(135deg,#064e3b,#10b981 65%,#34d399)}.community-identity{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;margin-top:-26px}.community-avatar{width:66px;height:66px;border-radius:16px;background:linear-gradient(145deg,#ecfdf5,#d1fae5);border:3px solid #ffffff;box-shadow:0 8px 16px #02061724;color:#065f46;display:grid;place-items:center;font-weight:900;font-size:1.4rem;overflow:hidden}.community-avatar img{width:100%;height:100%;object-fit:cover}.community-title-wrap h3{margin:0;color:#052e16;line-height:1.15;word-break:break-word}.community-meta-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px;color:#64748b;font-size:.86rem}.hero-join{font-size:.9rem;padding:8px 14px}.community-body-grid{display:grid;grid-template-columns:290px 1fr;gap:12px}.community-body-grid.discussion-only,.community-body-grid.assignments-only{grid-template-columns:1fr}.community-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.community-tabs button{flex:0 0 auto;border:1px solid #d1fae5;background:#fff;color:#065f46;border-radius:999px;padding:7px 12px;font-weight:700;cursor:pointer}.community-tabs button.active{background:#065f46;color:#fff;border-color:#065f46}.community-info-card{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff;height:fit-content}.community-info-card h4{margin:0 0 8px;color:#064e3b}.community-info-card p{margin:0 0 8px;color:#334155;line-height:1.4}.community-info-line{font-size:.86rem;color:#64748b;margin-top:4px}.members-title{margin-top:12px!important}.community-members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.member-chip{border:1px solid #d1fae5;background:#f8fafc;border-radius:12px;padding:4px;cursor:pointer}.member-chip img{width:100%;aspect-ratio:1 / 1;border-radius:10px;object-fit:cover}.community-discussion{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.community-create-box{border:1px solid #d1fae5;background:#f8fffb;border-radius:12px;padding:10px;margin-bottom:10px}.community-format-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.community-format-toolbar button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:8px;min-width:34px;height:32px;font-weight:800;cursor:pointer}.theme-dark .community-format-toolbar button{background:#111827;color:#fff;border-color:#ffffff2e}.community-create-box textarea{width:100%;min-height:90px;resize:vertical;border:none;outline:none;background:transparent;color:#0f172a}.community-create-actions{margin-top:8px;display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.82rem}.community-create-actions button{border:none;border-radius:999px;padding:8px 12px;font-weight:700;background:#065f46;color:#fff;cursor:pointer}.community-join-note{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:10px;padding:10px;margin-bottom:10px;font-weight:700}.community-about-panel,.community-members-panel,.community-settings-panel{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.community-about-panel h4,.community-members-panel h4,.community-settings-panel h4{margin:0 0 8px;color:#065f46}.community-members-list{display:flex;flex-direction:column;gap:8px}.member-row{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:8px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:10px;align-items:start;cursor:pointer;text-align:left}.member-row img{width:44px;height:44px;border-radius:10px;object-fit:cover;grid-row:1 / span 2}.member-name{color:#052e16;font-weight:800}.member-meta{color:#64748b;font-size:.82rem}.member-main{grid-column:2;grid-row:1;min-width:0}.member-actions{grid-column:2;grid-row:2;justify-self:end;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.settings-row{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.settings-row span{color:#334155;font-weight:700}.settings-row select{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px}.save-settings-btn{border:none;border-radius:999px;padding:8px 12px;background:#065f46;color:#fff;font-weight:800;cursor:pointer}.community-upload-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.community-upload-grid input[type=file]{border:1px solid #cbd5e1;border-radius:10px;padding:7px 9px;background:#fff}.community-upload-grid button{border:none;border-radius:999px;padding:8px 12px;font-weight:800;background:#065f46;color:#fff;cursor:pointer}.community-upload-grid button:disabled{opacity:.5;cursor:not-allowed}.request-panel{margin-top:12px}.request-panel h5{margin:0 0 8px;color:#065f46}.request-row{border:1px solid #e2e8f0;border-radius:10px;padding:8px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.request-actions{display:flex;flex-wrap:wrap;gap:6px}.request-actions button{border:none;border-radius:999px;padding:6px 10px;font-weight:700;background:#ecfdf5;color:#065f46;cursor:pointer}.request-actions button.danger{background:#fee2e2;color:#991b1b}.discussion-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.discussion-top h4{margin:0;color:#064e3b}.discussion-hint{color:#64748b;font-size:.82rem}.communities-create h3{margin:0 0 8px;color:#065f46}.communities-create-toggle{width:100%;border:1px solid #86efac;border-radius:999px;padding:9px 14px;background:#065f46;color:#fff;font-weight:800;cursor:pointer}.communities-create-panel{margin-top:10px}.communities-create input,.communities-create textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;margin-bottom:8px}.communities-create textarea{min-height:70px;resize:vertical}.communities-create button{border:none;border-radius:999px;padding:9px 14px;background:#065f46;color:#fff;font-weight:800;cursor:pointer}.community-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.community-row{border:1px solid #e2e8f0;border-radius:12px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.community-row.active{border-color:#10b981;background:#f0fdf4}.community-link{border:none;background:transparent;text-align:left;cursor:pointer;padding:0;display:flex;align-items:center;gap:10px;min-width:0}.community-link-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid #86efac;background:#ecfdf5;color:#065f46;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.community-link-avatar img{width:100%;height:100%;object-fit:cover}.community-link-meta{min-width:0}.community-link strong{display:block;color:#064e3b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-link span{font-size:.82rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-join{border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer}.community-header h3{margin:0;color:#052e16}.community-header p{margin:4px 0 10px;color:#64748b}.community-empty{color:#64748b;padding:20px 6px}.community-posts{display:flex;flex-direction:column;gap:14px}.topic-filter{margin-left:6px;border:1px solid #cbd5e1;border-radius:999px;padding:4px 8px}.community-post-wrap{display:flex;flex-direction:column;gap:6px}.community-post-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.community-post-tools button{border:1px solid #d1fae5;background:#fff;color:#065f46;border-radius:999px;padding:5px 10px;font-weight:700;cursor:pointer}.topic-chip{border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:999px;padding:4px 10px;font-weight:700;font-size:.82rem}.schedule-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.community-file-picker{border:1px dashed #94a3b8;border-radius:999px;padding:6px 10px;font-size:.82rem;color:#065f46;font-weight:700;cursor:pointer;background:#fff}.community-file-picker input{display:none}.schedule-controls input{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px}.community-files-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.community-file-chip{border:1px solid #d1fae5;background:#ecfdf5;color:#065f46;border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px;max-width:100%}.community-file-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-file-chip button{border:none;background:transparent;color:#065f46;font-weight:900;cursor:pointer}.settings-row input{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px}.request-answers{margin-top:6px;padding:6px 8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.82rem;color:#334155}.rules-editor{margin-top:12px;border-top:1px solid #e2e8f0;padding-top:10px}.rules-editor h5{margin:0 0 8px;color:#065f46}.rule-edit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e2e8f0;border-radius:10px;padding:7px 9px;margin-bottom:6px}.rule-edit-row button{border:none;border-radius:999px;padding:5px 10px;background:#fee2e2;color:#991b1b;font-weight:700;cursor:pointer}.inline-add-row{display:grid;grid-template-columns:1fr auto;gap:8px}.inline-add-row input{border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.inline-add-row button{border:none;border-radius:999px;padding:8px 12px;background:#065f46;color:#fff;font-weight:700;cursor:pointer}.event-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.event-create-grid input,.event-create-grid textarea{border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.event-create-grid textarea{grid-column:1 / -1;min-height:70px}.event-create-grid button{grid-column:1 / -1;justify-self:start;border:none;border-radius:999px;padding:8px 12px;background:#065f46;color:#fff;font-weight:700;cursor:pointer}.events-list{display:flex;flex-direction:column;gap:8px}.event-row{border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.assignment-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.assignment-top-row button{border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46;border-radius:999px;padding:7px 12px;font-weight:700;cursor:pointer}.assignment-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.assignment-create-grid input,.assignment-create-grid textarea,.assignment-grade-grid input,.assignment-grade-grid textarea,.assignment-grade-grid select,.assignment-submit-row textarea{border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.assignment-create-grid textarea{grid-column:1 / -1;min-height:80px}.assignment-file-picker{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;width:fit-content;border:1px dashed #94a3b8;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;color:#065f46;cursor:pointer;background:#fff}.assignment-file-picker input[type=file]{display:none}.assignment-file-chip{grid-column:1 / -1;border:1px solid #d1fae5;background:#ecfdf5;color:#065f46;border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px;max-width:100%;width:fit-content}.assignment-file-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-file-chip button{border:none;background:transparent;color:#065f46;font-weight:900;cursor:pointer}.assignment-create-grid button{grid-column:1 / -1;justify-self:start;border:none;border-radius:999px;padding:8px 12px;background:#065f46;color:#fff;font-weight:700;cursor:pointer}.assignments-list{display:flex;flex-direction:column;gap:10px}.assignment-row{border:1px solid #e2e8f0;border-radius:12px;padding:10px;background:#fff}.assignment-row.mod-view{padding:14px;border-color:#d1fae5;box-shadow:0 6px 16px #0f172a0a}.assignment-body{margin-top:6px;white-space:pre-wrap;color:#0f172a}.assignment-attachment{margin-top:8px}.assignment-attachment a{display:inline-flex;align-items:center;gap:6px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:10px;padding:6px 10px;font-weight:700;text-decoration:none}.assignment-attachment a:hover{filter:brightness(.97)}.assignment-rubric{margin-top:6px;font-size:.86rem;color:#475569}.assignment-due-warning{margin-top:6px;border:1px solid #fdba74;background:#fff7ed;color:#9a3412;border-radius:10px;padding:6px 10px;font-size:.85rem;font-weight:700}.assignment-lock-note{margin-top:8px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:10px;padding:7px 10px;font-size:.85rem;font-weight:700}.assignment-my-submission{margin-top:8px;border:1px solid #dbeafe;background:#f8fbff;border-radius:10px;padding:8px 10px}.assignment-my-submission-title{font-size:.8rem;color:#334155;font-weight:700;margin-bottom:4px}.assignment-submit-row{margin-top:8px;display:grid;grid-template-columns:1fr;gap:8px}.assignment-submit-row textarea{min-height:180px;resize:vertical;border:1px solid #bbf7d0;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fffb);box-shadow:inset 0 1px #ffffffe6,0 4px 12px #065f4614;padding:12px 14px;font-size:.98rem;line-height:1.55}.assignment-submit-row textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9812e,0 8px 20px #065f461f}.assignment-submit-row button,.assignment-mod-row button,.assignment-grade-grid button{border:none;border-radius:999px;padding:8px 12px;background:#065f46;color:#fff;font-weight:700;cursor:pointer}.assignment-submit-actions{display:inline-flex;gap:8px;justify-content:flex-end}.assignment-submit-actions .assignment-save-draft-btn{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937;box-shadow:0 6px 14px #eab30859}.assignment-submit-actions button:not(.assignment-save-draft-btn){background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 6px 14px #b91c1c59}.assignment-mod-row .assignment-delete-btn{background:#fee2e2;color:#991b1b}.assignment-submit-row button:disabled{opacity:.55;cursor:not-allowed}.assignment-grade-grid button:disabled,.assignment-grade-grid input:disabled,.assignment-grade-grid textarea:disabled,.assignment-grade-grid select:disabled{opacity:.55;cursor:not-allowed}.assignment-mod-row{margin-top:8px}.assignment-submissions{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:10px;display:flex;flex-direction:column;gap:10px}.assignment-submissions-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.assignment-submissions-close{border:1px solid #d1d5db;background:#fff;color:#334155;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer}.assignment-submission-item{border:1px solid #e2e8f0;border-radius:10px;padding:8px}.assignment-grade-grid{margin-top:8px;display:grid;grid-template-columns:110px 150px 1fr auto;gap:8px;align-items:center}.assignment-grade-grid textarea{min-height:44px}.assignment-badges-panel{margin-top:14px;border-top:1px solid #e2e8f0;padding-top:12px}.assignment-badges-panel h5{margin:0 0 10px;color:#065f46}.assignment-badges-list{display:flex;flex-direction:column;gap:8px}.assignment-badge-row{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:8px;display:grid;grid-template-columns:40px 1fr;gap:10px;text-align:left;cursor:pointer;align-items:center}.assignment-badge-row img{width:40px;height:40px;border-radius:10px;object-fit:cover}.assignment-badges-chips{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}.assignment-badge-chip{border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700}.assignment-badge-chip.muted{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.assignment-badges-legend{margin-top:12px;border-top:1px solid #e2e8f0;padding-top:10px;color:#334155;font-size:.84rem;display:grid;gap:4px}.assignment-badges-legend h6{margin:0 0 4px;color:#065f46;font-size:.86rem}@media(min-width:901px){.community-body-grid.assignments-only .community-settings-panel{padding:16px}.assignment-create-grid{grid-template-columns:1.2fr .8fr .7fr .5fr;align-items:start}.assignment-create-grid textarea,.assignment-create-grid button{grid-column:1 / -1}.assignment-row.mod-view .member-meta{font-size:.85rem}.assignment-submissions{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.assignment-submission-item{padding:12px;background:#fff}.assignment-grade-grid{grid-template-columns:120px 180px minmax(260px,1fr) auto}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.media-item{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:0;background:#fff;cursor:pointer}.media-item img,.media-item video{width:100%;height:120px;object-fit:cover;display:block}.member-role-select{border:1px solid #cbd5e1;border-radius:8px;padding:5px 7px;max-width:140px}.member-kick-btn{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:8px;padding:6px 10px;font-weight:800;cursor:pointer}@media(max-width:900px){.vine-communities-page{padding:82px 10px 20px}.communities-sidebar,.communities-main{padding:10px}.communities-layout,.community-body-grid{grid-template-columns:1fr}.community-members-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:560px){.communities-top{gap:8px;margin-bottom:8px}.communities-top h2{font-size:1.1rem}.communities-back{padding:7px 10px;font-size:.85rem}.community-banner{height:104px}.community-identity{grid-template-columns:56px 1fr;gap:10px;margin-top:-20px;padding:10px}.community-avatar{width:56px;height:56px;border-radius:12px;font-size:1.15rem}.hero-join{grid-column:1 / -1;justify-self:start;width:100%;text-align:center}.discussion-top{flex-direction:column;align-items:flex-start;gap:4px}.discussion-hint{width:100%}.topic-filter{margin-left:0;margin-top:6px;width:100%}.community-create-box{padding:8px}.community-create-box textarea{min-height:82px}.community-create-actions{flex-direction:column;align-items:stretch;gap:8px}.community-members-grid{grid-template-columns:repeat(4,1fr)}.schedule-controls{width:100%;justify-content:stretch}.schedule-controls input,.schedule-controls button{width:100%}.event-create-grid,.assignment-create-grid{grid-template-columns:1fr}.assignment-top-row{flex-direction:column;align-items:stretch}.assignment-submit-row{grid-template-columns:1fr}.assignment-submit-row textarea{min-height:120px;font-size:.95rem}.assignment-grade-grid,.community-upload-grid{grid-template-columns:1fr}.request-row{flex-direction:column;align-items:stretch}.request-actions{width:100%}.request-actions button{flex:1;justify-content:center}.member-row{grid-template-columns:40px minmax(0,1fr);gap:8px}.member-row img{width:40px;height:40px}.member-actions{justify-self:start}.member-role-select{max-width:100%}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-item img,.media-item video{height:110px}}.vine-legal-page{min-height:100vh;background:radial-gradient(circle at top,#f0fdf4,#dcfce7);padding:90px 14px 24px}.vine-legal-card{max-width:860px;margin:0 auto;background:#fff;border:1px solid #d1fae5;border-radius:16px;padding:16px}.vine-legal-back{border:1px solid #a7f3d0;background:#fff;color:#064e3b;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.vine-legal-card h1{margin:12px 0 8px;color:#064e3b}.vine-legal-section{border-top:1px solid #e2e8f0;padding-top:10px;margin-top:10px}.vine-legal-section h3{margin:0 0 6px;color:#14532d}.vine-legal-section p{margin:0;color:#334155;line-height:1.5}#root{min-height:100vh;width:100%;overflow-x:hidden}*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#020817;color:#f9fafb}#root{min-height:100vh}img,video{max-width:100%;height:auto;display:block}html,body,#root{max-width:100%;overflow-x:hidden}*{max-width:100vw}section,main,div{overflow-x:clip}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:#020617}#root{width:100%;min-height:100vh;overflow-x:hidden}.theme-dark body{background:#000;color:#fff}.theme-dark .vine-feed-container{background:#000!important}.theme-dark .vine-profile-wrapper,.theme-dark .vine-suggestions,.theme-dark .search-page,.theme-dark .vine-chat-wrapper{background:#000!important;color:#fff}.theme-dark .vine-post,.theme-dark .suggestion-row,.theme-dark .search-user{background:#111!important;color:#fff;border-color:#ffffff1f}.theme-dark .vine-profile-topbar,.theme-dark .vine-nav-top{background:#0d0d0d!important}.theme-dark .settings-panel,.theme-dark .comment-input-bar,.theme-dark .chat-footer,.theme-dark .chat-header{background:#111!important;color:#fff}.theme-dark input,.theme-dark textarea,.theme-dark select{background:#0a0a0a;color:#fff;border-color:#fff3}.theme-dark .post-count-mini,.theme-dark .profile-updated-badge,.theme-dark .chat-header .username,.theme-dark .suggestion-row span,.theme-dark .search-user span{color:#ffffffb3}.theme-dark img{filter:none}.verified.guardian{background:#dc2626!important;box-shadow:0 0 8px #dc2626a6!important}.app-root{min-height:100vh;width:100%;display:flex;justify-content:center}.splash{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1d4ed8,#020617 55%,#000);overflow:hidden}.splash-overlay{position:absolute;inset:-20%;background-image:radial-gradient(circle at 10% 20%,rgba(56,189,248,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(251,113,133,.16),transparent 55%);opacity:.9;filter:blur(2px)}.splash-content{position:relative;text-align:center;padding:2rem 1.5rem}.splash-logo{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.splash-subtitle{margin-top:.75rem;font-size:.95rem;opacity:.8}.splash-hint{margin-top:.75rem;font-size:.8rem;opacity:.7}.glass{background:#0f172ad1;border-radius:1.25rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 45px #0f172acc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.9rem}.muted{margin-top:.4rem;font-size:.85rem;color:#9ca3af}.center{text-align:center}.primary-btn,.secondary-btn,.link-btn{font-size:.9rem;border-radius:999px;border:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.primary-btn{padding:.7rem 1.4rem;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 12px 28px #3b82f659}.primary-btn.full{width:100%}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px #3b82f673}.secondary-btn{padding:.45rem 1.1rem;background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.6)}.admin{flex-direction:column;gap:1.25rem}.admin-header{width:100%;max-width:1100px;margin:0 auto;padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.admin-main{width:100%;max-width:1100px;margin:0 auto}.admin-grid{display:grid;gap:1.25rem}.admin-card{padding:1.2rem 1.1rem}.admin-card h2{margin:0 0 .35rem;font-size:1rem}@media(min-width:640px){.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}html,body{touch-action:pan-y;overscroll-behavior-y:auto}