@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070a0e;--panel:#0e131a;--panel2:#121923;--line:#202a35;--text:#f5f7fa;--muted:#8b97a8;--accent:#a8ff3e;--accent2:#ffcc33;--danger:#ff5577;--blue:#54a9ff;--shadow:0 20px 70px #0009}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#17221a 0,#070a0e 45%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.bg-orb{position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1}.orb-a{background:var(--accent);top:12%;left:-100px}.orb-b{background:#5c2cff;right:-100px;bottom:5%}.topbar{height:70px;border-bottom:1px solid var(--line);background:#080c11dd;backdrop-filter:blur(20px);display:flex;align-items:center;gap:25px;padding:0 max(18px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:20}.brand{font-weight:900;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;font-size:19px}.potato{font-size:25px;filter:drop-shadow(0 0 12px #a8ff3e55)}.accent{color:var(--accent)}.search{display:flex;max-width:580px;flex:1;background:#0b1016;border:1px solid var(--line);border-radius:14px;overflow:hidden}.search input{flex:1;background:none;border:0;color:white;padding:12px 15px;outline:0}.search button{background:none;border:0;color:var(--muted);padding:0 16px;font-size:22px}.topbar nav{display:flex;align-items:center;gap:17px;color:#b9c3d0;font-size:14px}.btn,.pill{border:1px solid #2e3a48;padding:9px 14px;border-radius:10px}.btn{background:var(--accent);color:#081007;border-color:var(--accent);font-weight:800}.shell{max-width:1280px;margin:28px auto;padding:0 18px}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:22px}.side,.right-card,.card{background:linear-gradient(145deg,#10161eeb,#0b1016ee);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.side{padding:14px;height:max-content;position:sticky;top:92px}.side a{display:block;padding:11px 12px;border-radius:10px;color:#aeb8c7;font-size:14px}.side a:hover,.side a.active{background:#18211b;color:var(--accent)}.side h4{color:#687588;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;padding:10px 12px 4px}.feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tabs{display:flex;gap:5px;background:#0c1117;border:1px solid var(--line);padding:4px;border-radius:12px}.tabs a{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:12px}.tabs a.active{background:#1a241d;color:var(--accent);font-weight:700}.card{padding:17px;margin-bottom:15px;animation:rise .45s ease both}.post-head{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#a8ff3e,#273f20);display:grid;place-items:center;font-weight:900;color:#071007}.meta{font-size:12px;color:var(--muted)}.post-title{font-size:19px;line-height:1.3;margin:12px 0 9px;font-weight:800}.post-body{color:#b9c3d0;line-height:1.65;white-space:pre-wrap}.post-img{width:100%;max-height:620px;object-fit:cover;border-radius:13px;margin:10px 0;border:1px solid var(--line)}.actions{display:flex;align-items:center;gap:7px;margin-top:13px}.action{background:#111821;border:1px solid #202b38;color:#aeb8c7;border-radius:10px;padding:8px 11px;cursor:pointer}.action:hover{border-color:#40534a;color:white}.vote{display:flex;background:#111821;border:1px solid #202b38;border-radius:10px;overflow:hidden}.vote button{border:0;background:none;color:#9aa6b6;padding:8px 10px;cursor:pointer}.vote button.active{color:var(--accent);background:#1b271d}.vote .down.active{color:var(--danger)}.right-card{padding:17px;margin-bottom:15px}.right-card h3{margin:0 0 12px}.trend{padding:10px 0;border-bottom:1px solid #1d2630}.trend:last-child{border:0}.trend small{color:var(--muted)}.hero{padding:28px;border-radius:20px;border:1px solid #28362b;background:linear-gradient(130deg,#111a13,#0c1117);margin-bottom:20px;position:relative;overflow:hidden}.hero:after{content:'🥔';position:absolute;font-size:150px;right:4%;top:-20px;opacity:.08;transform:rotate(15deg)}.hero h1{font-size:36px;margin:0 0 8px}.hero p{color:#9aa6b6;max-width:600px}.statrow{display:flex;gap:8px;flex-wrap:wrap}.stat{background:#10171e;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:12px;color:#aeb8c7}.accent-text{color:var(--accent)}.form-card{max-width:540px;margin:50px auto;padding:28px;background:#0e141b;border:1px solid var(--line);border-radius:20px}.form-card h1{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:12px;color:#9ca8b8;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:#080d12;border:1px solid #25303b;color:white;border-radius:10px;padding:12px;outline:0}.field textarea{min-height:120px;resize:vertical}.flash{max-width:1280px;margin:14px auto;padding:12px 16px;border-radius:10px;border:1px solid #314233;background:#111b14;color:#baff80}.flash.error{border-color:#5c2937;background:#1a0e13;color:#ff9bb0}.flash.info{border-color:#263d58;background:#0d1722;color:#9dccff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile{display:flex;align-items:center;gap:18px;padding:22px}.bigavatar{width:82px;height:82px;border-radius:22px;background:linear-gradient(135deg,#a8ff3e,#4c632b);display:grid;place-items:center;font-size:32px;font-weight:900;color:#081007}.comment{padding:13px 0;border-top:1px solid var(--line)}.comment .body{color:#c3ccd7;line-height:1.55;margin:5px 0}.small{font-size:12px;color:var(--muted)}.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.admin-nav{background:#0d1319;border:1px solid var(--line);border-radius:18px;padding:12px;height:max-content;position:sticky;top:90px}.admin-nav a{display:block;padding:11px;border-radius:9px;color:#aeb8c7}.admin-nav a:hover{background:#19211c;color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{color:#7e8b9d;text-transform:uppercase;font-size:10px;letter-spacing:1px}.badge{display:inline-block;border:1px solid #2b3946;border-radius:999px;padding:4px 8px;font-size:10px}.badge.green{color:var(--accent);border-color:#344b31}.badge.red{color:#ff8299;border-color:#522735}.empty{padding:35px;text-align:center;color:var(--muted)}footer{max-width:1280px;margin:50px auto 25px;padding:20px 18px;color:#667384;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.layout{grid-template-columns:170px minmax(0,1fr)}.layout>.right{display:none}.admin-layout{grid-template-columns:1fr}.admin-nav{position:static}.grid2{grid-template-columns:1fr}}@media(max-width:700px){.topbar{padding:0 12px}.topbar .search{display:none}.layout{grid-template-columns:1fr}.layout>.left{display:none}.hero h1{font-size:27px}.shell{padding:0 10px}.card{padding:13px}.grid2{grid-template-columns:1fr}footer{display:block}.tabs{overflow:auto}.tabs a{white-space:nowrap}}

/* Potato ranks & verification */
.verified-badge{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#07100a;background:linear-gradient(135deg,#9cff57,#d8ff9c);box-shadow:0 0 18px rgba(156,255,87,.28);vertical-align:middle}.verified-badge:before{content:'🥔';font-size:12px}.rank-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:11px;font-weight:800;background:rgba(255,255,255,.04)}.rank-badge.legend{color:#ffe38a;border-color:rgba(255,211,88,.35);box-shadow:0 0 18px rgba(255,211,88,.12)}.rank-badge.mythic{color:#c9b6ff;border-color:rgba(164,121,255,.35)}.rank-badge.elite{color:#7de9ff;border-color:rgba(61,215,255,.3)}.rank-badge.pro{color:#ff9c58;border-color:rgba(255,130,56,.3)}.rank-badge.veteran{color:#8dff9c;border-color:rgba(101,255,122,.3)}.rank-badge.rookie{color:#b8c0cc}.action:disabled{opacity:.35;cursor:not-allowed}

/* ===== Potato Social Feed Upgrade ===== */
.section-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#718093;font-weight:800}.hero-pro{display:flex;align-items:center;justify-content:space-between;min-height:230px}.hero-copy{position:relative;z-index:2}.hero-actions{display:flex;gap:9px;margin-top:18px}.hero-cta{box-shadow:0 0 25px rgba(168,255,62,.16)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2c3845;background:#10171f;color:#d3dbe6;border-radius:10px;padding:9px 14px;font-weight:700}.hero-orbit{width:210px;height:170px;position:relative;opacity:.85}.hero-orbit span{position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#111a16;border:1px solid #344636;box-shadow:0 0 35px rgba(168,255,62,.08);font-size:25px;animation:floaty 4s ease-in-out infinite}.hero-orbit span:nth-child(1){right:25px;top:8px}.hero-orbit span:nth-child(2){left:10px;top:65px;animation-delay:.7s}.hero-orbit span:nth-child(3){right:45px;bottom:5px;animation-delay:1.3s}.create-side-btn{background:linear-gradient(135deg,#a8ff3e,#8ce32d)!important;color:#071007!important;font-weight:900!important;box-shadow:0 10px 25px rgba(168,255,62,.1);margin-bottom:10px}.top-create{background:#142018;border:1px solid #354a38;padding:8px 11px;border-radius:9px;color:var(--accent)!important;font-weight:800}.post-card{padding:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);border-color:#304234;box-shadow:0 24px 70px #000b}.avatar-link{display:block}.avatar-img{object-fit:cover!important}.post-author{min-width:0}.author-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.pin-badge{margin-left:auto;font-size:10px;padding:5px 8px;border-radius:999px;background:#171d13;color:#c7ff99;border:1px solid #33452d}.post-title-link{display:block}.post-title-link:hover{color:var(--accent)}.post-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.media-frame{display:block;margin-top:13px;background:#080d12;border:1px solid #202b36;border-radius:16px;overflow:hidden}.media-frame .post-img{display:block;margin:0;max-height:650px;object-fit:cover;transition:transform .35s ease}.media-frame:hover .post-img{transform:scale(1.012)}.post-footer{display:flex;align-items:center;gap:8px;margin-top:13px}.score-pill{min-width:35px;text-align:center;font-weight:800;color:#dfe7ef}.share-btn{font:inherit}.report-action{margin-left:auto}.sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-title h3{margin:0}.live-dot{font-size:9px;font-weight:900;color:#a8ff3e;border:1px solid #32442d;border-radius:999px;padding:4px 7px}.user-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #1d2630;transition:transform .2s ease}.user-row:last-child{border-bottom:0}.user-row:hover{transform:translateX(3px)}.user-rank{font-size:10px;color:#687588;width:20px}.mini-avatar{width:36px;height:36px;border-radius:12px;object-fit:cover;border:1px solid #29363f}.mini-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#a8ff3e,#263a21);color:#071007;font-weight:900}.user-info{display:flex;flex-direction:column;min-width:0}.user-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{font-size:10px;color:#758294;margin-top:3px}.user-info .verified-badge{font-size:8px;padding:2px 5px;margin-left:2px}.trend-pro{display:flex;gap:9px;align-items:flex-start}.trend-number{color:#687588;font-weight:900}.trend-pro span:last-child{display:flex;flex-direction:column;gap:3px}.trend-pro small{font-size:10px}.rules-card{background:linear-gradient(145deg,#111a14,#0b1016)}.empty-icon{font-size:42px}.profile-hero{position:relative;overflow:hidden;padding:25px}.profile-cover-glow{position:absolute;width:420px;height:180px;right:-100px;top:-90px;background:#a8ff3e;filter:blur(100px);opacity:.08}.profile-main{position:relative;display:flex;align-items:center;gap:20px}.bigavatar-img{object-fit:cover!important}.profile-copy{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-name-row h1{margin:0;font-size:28px}.profile-bio{color:#aeb8c7;line-height:1.6;margin:9px 0 13px}.profile-actions{display:flex;align-items:center;gap:8px}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;margin-top:22px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;max-width:950px;margin:40px auto}.settings-card{max-width:none;margin:0}.settings-side{padding-top:0}.avatar-editor{display:flex;align-items:center;gap:16px;padding:14px;background:#0a1016;border:1px solid #202c37;border-radius:15px;margin:18px 0}.profile-photo-wrap{flex:none}.profile-photo{width:84px;height:84px;border-radius:22px;object-fit:cover;border:1px solid #344237}.profile-photo-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#a8ff3e,#40552b);color:#071007;font-weight:900;font-size:32px}.upload-btn{display:inline-flex;cursor:pointer;border:1px solid #33423a;background:#141d17;color:#cfffaa;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.full-btn{width:100%;margin-top:15px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mini-stats>div{background:#0a1016;border:1px solid #1f2a35;border-radius:11px;padding:10px}.mini-stats b{display:block;font-size:18px}.mini-stats span{font-size:10px;color:#748194}.rank-line{margin:6px 0}.verified-badge{white-space:nowrap}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:1000px){.profile-grid,.settings-grid{grid-template-columns:1fr}.settings-side{order:-1}.hero-orbit{display:none}.profile-main{align-items:flex-start}.profile-actions{margin-left:auto}}
@media(max-width:700px){.topbar nav{gap:8px}.topbar nav>a:not(.top-create):not(.btn):not(.pill){display:none}.top-create{font-size:11px}.hero-pro{min-height:0}.hero-actions{flex-wrap:wrap}.post-footer{flex-wrap:wrap}.report-action{margin-left:0}.profile-main{flex-direction:column}.profile-actions{width:100%;margin-left:0}.profile-actions .btn,.profile-actions .ghost-btn{width:100%}.profile-actions form{width:100%}.profile-actions form .btn{width:100%}.profile-name-row h1{font-size:24px}.avatar-editor{align-items:flex-start}.profile-photo{width:70px;height:70px}}


/* =========================================================
   POTATO COMMUNITY — FINAL APP.CSS PATCH
   Preserves the original Potato Community design above.
   Adds timeline delete + profile/grid delete + safer controls.
   ========================================================= */

/* Timeline delete icon */
.timeline-delete-form{
    margin:0 0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
}

.timeline-delete-btn{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.035) !important;
    color:#9aa4b6 !important;
    line-height:1 !important;
    font-family:inherit !important;
    font-size:17px !important;
    cursor:pointer !important;
    box-shadow:none !important;
    transition:all .2s ease !important;
}

.timeline-delete-btn .trash-icon{
    display:block !important;
    width:20px !important;
    height:20px !important;
    line-height:20px !important;
    font-size:17px !important;
    color:#9aa4b6 !important;
    opacity:1 !important;
    transform:none !important;
}

.timeline-delete-btn:hover{
    color:#ff5d78 !important;
    background:rgba(255,93,120,.11) !important;
    border-color:rgba(255,93,120,.40) !important;
    box-shadow:0 0 20px rgba(255,93,120,.15) !important;
    transform:translateY(-1px) !important;
}

.timeline-delete-btn:hover .trash-icon{
    color:#ff5d78 !important;
    transform:scale(1.08) !important;
}

.timeline-delete-btn:active{
    transform:scale(.94) !important;
}

/* Profile / post grid */
.post-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.post-grid-item{
    position:relative;
    overflow:hidden;
    min-height:190px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#080d12;
    box-shadow:0 12px 35px rgba(0,0,0,.22);
}

.post-grid-item img{
    width:100%;
    height:100%;
    min-height:190px;
    object-fit:cover;
    display:block;
    transition:transform .3s ease,filter .3s ease;
}

.post-grid-item:hover img{
    transform:scale(1.035);
}

.post-grid-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    padding:42px 12px 12px;
    background:linear-gradient(transparent,rgba(0,0,0,.88));
    pointer-events:none;
}

.post-grid-overlay a{
    pointer-events:auto;
}

.post-grid-delete{
    position:absolute !important;
    top:9px !important;
    right:9px !important;
    z-index:5 !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:10px !important;
    background:rgba(7,10,14,.78) !important;
    color:#b5bfcc !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    cursor:pointer !important;
    transition:all .2s ease !important;
}

.post-grid-delete:hover{
    color:#ff7087 !important;
    border-color:rgba(255,85,119,.45) !important;
    background:rgba(255,60,85,.14) !important;
    box-shadow:0 0 18px rgba(255,85,119,.16) !important;
    transform:scale(1.05) !important;
}

/* Better owner controls when present */
.post-owner-tools{
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
}

.post-owner-edit,
.post-owner-delete{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 10px;
    border:1px solid #26333f;
    border-radius:9px;
    background:#10171f;
    color:#aeb8c7;
    cursor:pointer;
    transition:.2s ease;
}

.post-owner-edit:hover{
    color:#cfffaa;
    border-color:#40583e;
    background:#152019;
}

.post-owner-delete:hover{
    color:#ff8299;
    border-color:#653041;
    background:#1b1015;
}

/* Make the main feed footer robust when controls are added */
.post-footer{
    min-width:0;
}

.post-footer > *{
    flex:0 0 auto;
}

/* Do not let the delete control become a blank white browser button */
.timeline-delete-btn,
.post-grid-delete,
.post-owner-delete{
    text-shadow:none !important;
    outline:none;
}

.timeline-delete-btn:focus-visible,
.post-grid-delete:focus-visible,
.post-owner-delete:focus-visible{
    outline:2px solid rgba(168,255,62,.55);
    outline-offset:2px;
}

/* Small screens */
@media(max-width:700px){
    .post-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .post-grid-item,
    .post-grid-item img{
        min-height:145px;
    }

    .timeline-delete-btn{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        min-height:36px !important;
    }

    .post-grid-delete{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
    }
}

@media(max-width:430px){
    .post-grid-item,
    .post-grid-item img{
        min-height:125px;
    }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
    .post-grid-item img,
    .timeline-delete-btn,
    .post-grid-delete,
    .post-owner-edit,
    .post-owner-delete{
        transition:none !important;
    }
}