html,body{margin:0;padding:0;width:100%;min-height:100%;background:#0b2014}#root{width:100%;min-height:100vh}:root{--color-dark: #121212;--color-medium-dark: #1a1a1a;--color-green-card: #2d4f3e;--color-lime: #4ade80;--color-white: #ffffff;--color-gray-light: #d1d5db;--color-gray-dark: #888;--max-content-width: 1200px}.app-container{min-height:100vh;width:100%;background-color:#0b2014;color:var(--color-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:24px 1rem 0;box-sizing:border-box}.hero-section{position:relative;height:80vh;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;max-width:var(--max-content-width);margin:0 auto;border-radius:20px;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background-image:url(/assets/modern-home-gym-DwlNnxFO.jpg);background-size:cover;background-position:center;background-color:var(--color-medium-dark)}.hero-content-box{position:relative;z-index:10;max-width:960px;padding:2rem;border-radius:12px}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.hero-subtitle{font-size:1.25rem;color:var(--color-white);margin-bottom:2rem;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.hero-buttons{display:flex;flex-direction:column;justify-content:center;gap:1rem}.btn{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:background-color .3s,transform .2s}.btn-primary{background-color:var(--color-lime);color:var(--color-dark)}.btn-primary:hover{background-color:#3cb86f;transform:translateY(-1px)}.btn-secondary{background-color:#1e1e1eb3;color:var(--color-white);border:1px solid var(--color-gray-dark)}.btn-secondary:hover{background-color:#2b2b2b;transform:translateY(-1px)}.overview-section{max-width:var(--max-content-width);margin:28px auto 0;display:grid;gap:20px;grid-template-columns:1fr}.video-card,.overview-card,.about-card{background:linear-gradient(180deg,#143824f2,#0f2a1cf5);border:1px solid rgba(88,196,133,.25);border-radius:14px;box-shadow:0 16px 30px #00000040;padding:22px}.video-placeholder{margin-top:12px;border:2px dashed rgba(148,255,176,.45);border-radius:12px;min-height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#dcffe5;background:radial-gradient(circle at 20% 20%,#4ade801f,#0b2014f2)}.demo-video{width:100%;height:100%;min-height:290px;border-radius:10px;object-fit:contain;background:#04120b}.overview-title{margin:0 0 10px;font-size:1.5rem}.overview-text{margin:0 0 12px;color:#d8f9df;line-height:1.65}.features-section{padding:4rem 1rem;max-width:var(--max-content-width);margin:0 auto}.section-header{text-align:center;margin-bottom:2.2rem}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.section-description{font-size:1.125rem;color:var(--color-gray-light)}.features-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.feature-card{padding:1.5rem;background-color:var(--color-green-card);border-radius:12px;box-shadow:0 10px 15px #0003;transition:background-color .3s,transform .2s ease}.feature-card:hover{background-color:#3a624d;transform:translateY(-4px)}.feature-image-placeholder{width:100%;min-height:180px;margin-bottom:1rem;border-radius:10px;border:2px dashed rgba(179,249,197,.45);background:linear-gradient(145deg,#1f4b35d1,#12291ecc);display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;color:#d8fce2;font-weight:600}.feature-image{width:100%;height:100%;min-height:180px;object-fit:cover;border-radius:8px}.feature-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.feature-card-text{color:var(--color-gray-light)}.about-section{max-width:var(--max-content-width);margin:0 auto 56px;padding:0 1rem}.about-grid{display:grid;grid-template-columns:1fr;gap:20px}.about-card-title{margin:0 0 12px;font-size:1.3rem}.about-card-text{color:#d1f5d9;margin:0 0 14px}.team-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.team-list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#0e271aa6;border:1px solid rgba(128,236,170,.2)}.team-list-item a,.github-placeholder-link{color:#8af8ac;text-decoration:none;font-weight:700}.team-list-item a:hover,.github-placeholder-link:hover{text-decoration:underline}@media(min-width:640px){.hero-buttons{flex-direction:row;gap:1.5rem}}@media(min-width:768px){.overview-section{grid-template-columns:1.2fr 1fr;align-items:stretch}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1.25fr 1fr}.hero-title{font-size:4rem}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding:76px 16px 16px;box-sizing:border-box}.app-content.centered{display:flex;justify-content:center;align-items:center}.site-footer{height:44px;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:.85rem;color:#bbf7d0;opacity:.8;border-top:1px solid rgba(255,255,255,.08)}.auth-form{width:100%;max-width:360px}.auth-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#040c0980;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-modal-card{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);overflow:hidden;border:1px solid rgba(228,241,232,.12);border-radius:24px;background:#f4f8f5;box-shadow:0 24px 70px #00000047}.auth-modal-close{position:absolute;top:18px;right:18px;z-index:2;width:42px;height:42px;padding:0;border:1px solid rgba(31,62,45,.12);border-radius:999px;background:#ffffffe0;color:#163827;font-size:1.05rem;line-height:1}.auth-modal-close:hover{background:#fff}.auth-modal-panel{padding:34px 28px 28px;overflow-y:auto;background:#f4f8f5}.auth-form{width:min(100%,360px);margin:0 auto;display:flex;flex-direction:column;gap:14px;color:#163827}.auth-form-header{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.auth-title{margin:0;font-size:1.75rem;line-height:1.1;color:#112d20}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{color:#274735;font-size:.92rem;font-weight:600}.auth-helper-text{color:#567161;font-size:.82rem;line-height:1.4}.auth-input{width:100%;padding:13px 14px;border:1px solid #c9d9ce;border-radius:14px;background:#f7fbf8;color:#1a2e22;font-size:.97rem;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}.auth-input::placeholder{color:#7c9184}.auth-input:focus{outline:none;border-color:#2f8f58;background:#fff;box-shadow:0 0 0 4px #2f8f5821;transform:translateY(-1px)}.auth-submit,.auth-secondary-action{width:100%;padding:13px 16px;border-radius:14px;font-weight:700;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}.auth-submit{margin-top:6px;border:none;background:linear-gradient(135deg,#2f8f58,#1f6f42);color:#fff;box-shadow:0 12px 26px #266f453d}.auth-submit:hover{filter:brightness(1.03);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-secondary-action{border:1px solid #c6d8ca;background:#fff;color:#1d4d34;font-size:.92rem}.auth-secondary-action:hover{border-color:#2f8f58;background:#f2f8f4;color:#163827;transform:translateY(-1px)}.auth-secondary-action:active{transform:translateY(0)}.auth-success{background-color:#2e7d32;color:#fff;padding:10px 14px;border-radius:8px;margin:16px 0;text-align:center;font-weight:500}.auth-error{margin:-2px 0 2px;padding:10px 12px;border-radius:12px;background:#fff2f0;color:#b32020;font-size:.88rem;border:1px solid #f0c7c3}@media(max-width:560px){.auth-modal-overlay{padding:0}.auth-modal-card{width:100%;min-height:100vh;max-height:100vh;border:none;border-radius:0}.auth-modal-panel{padding:68px 18px 24px}.auth-modal-close{top:14px;right:14px}.auth-title{font-size:1.6rem}}.navbar{position:fixed;top:0;left:0;width:100%;background:#1c3f12;color:#fff;padding:12px 0;box-shadow:0 2px 4px #0006;z-index:1000}.navbar-container{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar-logo{font-size:1.6rem;font-weight:700;color:#fff;text-decoration:none}.navbar-links{display:flex;gap:16px;align-items:center}.navbar-link{text-decoration:none;color:#ffffffd9;padding:6px 12px;border-radius:6px;font-size:.95rem;transition:background .2s ease}.navbar-link:hover{background:#353;color:#fff}.navbar-link.active{background:#27562b;color:#fff}.navbar-spacer{height:60px}.navbar-hamburger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:20px;background:none;border:none;cursor:pointer;padding:0}.navbar-hamburger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px}@media(max-width:768px){.navbar-hamburger{display:flex}.navbar-links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0 6px}.navbar-links.open{display:flex}.navbar-link{width:100%;padding:10px 12px;font-size:1rem}}.daily-page{width:100%;min-height:100vh;background:#0b2014;color:#dfffe0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:0 180px;box-sizing:border-box}.daily-inner{max-width:1200px;margin:0 auto}.ft-header h1{font-size:36px;margin:24px 0 26px;color:#eafbe9;font-weight:800}.ft-main-grid{display:flex;gap:48px;align-items:flex-start}.ft-left-column{flex:2}.ft-right-column{flex:1.4}.ft-section{margin-bottom:32px}.ft-section-title{font-size:16px;font-weight:700;margin-bottom:10px;color:#eafbe9}.ft-card{background:#0d2416;border-radius:10px;border:1px solid #17381f;padding:20px 22px;box-shadow:0 0 0 1px #0a281405,0 8px 20px #00000040}.ft-progress-card{display:flex;flex-direction:column;gap:20px}.ft-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#cfeac0}.ft-progress-label{color:#eafbe9}.ft-progress-value{color:#39ff14}.ft-progress-bar{margin-top:8px;width:100%;height:10px;border-radius:999px;background:#0b2014;overflow:hidden}.ft-progress-fill{height:100%;border-radius:999px;background:#39ff14;box-shadow:0 6px 18px #39ff1424;transition:width .3s ease}.ft-progress-subtext{margin-top:6px;font-size:12px;color:#bfe9bf;opacity:.85}.ft-upcoming-card{display:flex;flex-direction:column;gap:18px}.ft-workout-row{display:flex;justify-content:space-between;align-items:center}.ft-workout-left{display:flex;align-items:center;gap:12px}.ft-workout-icon{width:44px;height:44px;border-radius:10px;background:#0e3b21;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 18px #00000059}.ft-workout-text{display:flex;flex-direction:column}.ft-workout-name{font-size:14px;font-weight:600;color:#eafbe9}.ft-workout-type{font-size:12px;color:#9ccf9a;margin-top:2px}.ft-workout-time{font-size:12px;color:#b6d5b2}.ft-meal-summary-card{display:flex;flex-direction:column;gap:16px}.ft-meal-row{display:flex;align-items:center;justify-content:space-between}.ft-meal-left{display:flex;align-items:center;gap:12px;flex:1}.ft-meal-icon{width:44px;height:44px;border-radius:10px;background:#0e3b21;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 6px 18px #00000059}.ft-meal-text{display:flex;flex-direction:column}.ft-meal-name{font-size:14px;font-weight:600;color:#eafbe9}.ft-meal-type{font-size:12px;color:#9ccf9a;margin-top:2px}.ft-meal-calories{font-size:13px;color:#dfffe0;white-space:nowrap}@media(max-width:900px){.daily-page{padding:20px}.ft-main-grid{flex-direction:column}}.fittracker-fullpage{width:100%;min-height:100vh;background:#0b2014;color:#dfffe0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:0 180px 40px;box-sizing:border-box}.fittracker-inner{max-width:1200px;margin:0 auto}.ft-header{text-align:center;margin-bottom:26px}.ft-header h1{font-size:36px;margin:16px 0 0;color:#eafbe9;font-weight:800}.ft-header p{margin:8px 0 0;color:#bfe9bf;opacity:.75}.ft-error,.ft-loading{max-width:1200px;margin:0 auto 16px;border-radius:10px;padding:12px 14px;font-size:14px}.ft-error{background:#7f1d1d59;border:1px solid rgba(248,113,113,.35);color:#fecaca}.ft-loading{background:#15803d24;border:1px solid rgba(134,239,172,.18);color:#d9f99d}.ft-grid{display:flex;gap:72px;align-items:flex-start}.ft-left{width:320px;display:flex;flex-direction:column;gap:14px}.ft-calendar{width:100%;background:#0d2416;border-radius:10px;padding:20px;border:1px solid #17381f;box-shadow:0 0 0 1px #0a281405,0 8px 20px #00000040}.ft-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#cfeac0}.ft-month-title{font-weight:700;font-size:18px}.ft-arrow{background:transparent;border:none;color:#cfeac0;font-size:20px;cursor:pointer}.ft-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:8px;color:#9ccf9a;font-size:12px}.ft-weekday{text-align:center;width:100%}.ft-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.ft-day{width:100%;height:36px;background:transparent;color:#b9d9b0;display:flex;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums;border:none;padding:0;cursor:pointer;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease,color .12s ease}.ft-day-number{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.ft-day.empty{background:transparent;cursor:default}.ft-day:hover{transform:translateY(-3px);color:#eafbe9}.ft-day.active{color:#042204}.ft-day.active .ft-day-number{background:#39ff14;box-shadow:0 6px 18px #39ff1424}.ft-day.has-workout:not(.active) .ft-day-number{box-shadow:0 0 0 2px #39ff14b3}.ft-selected-summary{margin-top:16px;padding:12px 10px;border-radius:8px;background:#05190ce6;border:1px solid #1f3e23}.ft-selected-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#9ccf9a;margin-bottom:4px}.ft-selected-name{font-weight:700;color:#eafbe9;font-size:15px}.ft-selected-meta,.ft-selected-none{font-size:13px;color:#b6d5b2}.ft-activity-list{list-style:none;padding:6px 0 0;margin:0}.ft-activity-list li{font-size:13px;color:#cfeac0;margin-bottom:8px}.ft-activity-description-preview{margin-top:4px;margin-left:16px;color:#a7cfa0;white-space:pre-wrap}.ft-add-calendar-card{padding:12px 10px 14px;border-radius:8px;background:#0d2416;border:1px solid #17381f;box-shadow:0 0 0 1px #0a281405,0 8px 18px #00000040}.ft-add-activity-label{display:block;margin-top:10px;margin-bottom:6px;font-size:13px;font-weight:700;color:#eafbe9;padding-top:50px}.ft-add-calendar-card h3{margin:0 0 4px;font-size:14px;color:#f4fff2}.ft-add-calendar-btn{margin-top:8px;width:100%;text-align:center}.ft-upcoming-card{background:#0d2416;border-radius:10px;padding:14px 12px;border:1px solid #17381f;box-shadow:0 0 0 1px #0a281405,0 8px 18px #00000040}.ft-upcoming-card h3{margin:0 0 6px;font-size:16px;color:#f4fff2}.ft-empty{color:#b6d5b2;background:#0a1e0f1a;padding:10px 12px;border-radius:8px;border:1px solid rgba(30,60,30,.06);font-size:13px}.ft-upcoming-list{list-style:none;padding:0;margin:6px 0 0}.ft-upcoming-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:#081e0eb3;border:1px solid #213b24;margin-bottom:6px}.ft-upcoming-name{font-weight:700;color:#eafbe9;font-size:14px}.ft-upcoming-date{font-size:13px;color:#b6d5b2}.ft-right{flex:1;max-width:720px;display:flex;flex-direction:column;gap:18px}.ft-workout-card,.ft-plans-card,.ft-max-card{background:#0d2416;border-radius:10px;padding:18px 20px;border:1px solid #17381f;box-shadow:0 0 0 1px #0a281405,0 8px 18px #00000040}.ft-workout-header h2{margin:0;font-size:20px;color:#f1ffef}.ft-subtext{display:block;margin-top:4px;font-size:13px;color:#9ccf9a;opacity:.85}.ft-input{width:100%;padding:10px 12px;border-radius:6px;background:#0f2d1440;color:#dfffe0;border:1px solid #203e27;outline:none;font-size:14px;box-sizing:border-box}.ft-input::placeholder{color:#9bbf97}.ft-input:focus{border-color:#6f6;box-shadow:0 6px 20px #66ff660f}.ft-input.ft-small{max-width:70px;text-align:center}.ft-select{background-image:none}.ft-workout-name-row{margin-top:14px;margin-bottom:12px}.ft-workout-name-row label{display:block;font-weight:700;margin-bottom:6px;color:#eafbe9}.ft-activities-row{margin-bottom:12px}.ft-activities-row label{display:block;font-weight:700;margin-bottom:6px;color:#eafbe9}.ft-activities-hint{margin-top:4px;font-size:12px;color:#a7cfa0;opacity:.9}.ft-exercise-table{margin-top:4px}.ft-exercise-header-row{display:grid;grid-template-columns:2.1fr .7fr .7fr 1fr .5fr 40px;gap:10px;padding:0 4px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#9ccf9a}.ft-exercise-row{display:grid;grid-template-columns:2.1fr .7fr .7fr 1fr .5fr 40px;gap:10px;margin-bottom:8px;align-items:center}.ft-exercise-row.completed{background:#4caf5014;border-radius:8px}.ft-exercise-status{color:#4caf50;font-weight:700;text-align:center}.ft-exercise-complete-btn{width:30px;height:30px;border-radius:999px;border:1px solid #304b33;background:#0f2d1440;color:#4caf50;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.ft-exercise-complete-btn:hover{transform:translateY(-1px);border-color:#4caf50;box-shadow:0 6px 16px #4caf501f}.ft-exercise-complete-btn.completed{background:#4caf5029;border-color:#4caf50}.ft-exercise-status-placeholder{width:12px;height:12px;border-radius:999px;border:1.5px solid currentColor;display:block;opacity:.75}.ft-add-exercise-btn,.ft-save-btn,.ft-clear-btn,.ft-manage-plans-btn{border-radius:8px;border:none;font-weight:700;cursor:pointer;padding:9px 16px;min-height:38px}.ft-add-exercise-btn{margin-top:4px;background:transparent;border:1px dashed #234b27;color:#cfeac0;font-size:13px}.ft-save-btn{background:#39ff14;color:#072a07;box-shadow:0 8px 20px #39ff141f;width:150px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden}.ft-save-btn-success{font-size:12px;line-height:1.1;letter-spacing:.02em}.ft-clear-btn{background:transparent;color:#cfeac0;border:1px solid #234b27}.ft-remove-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid #304b33;color:#bfe9bf;font-size:18px;cursor:pointer}.ft-workout-actions{display:flex;gap:10px;margin-top:14px}.ft-plans-header h3,.ft-max-card h3{margin:0 0 6px;font-size:18px;color:#f4fff2}.ft-manage-plans-btn{margin-top:6px;width:220px;max-width:100%}.ft-plan-list-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ft-plan-chip{padding:0;border-radius:0;background:transparent;border:none;font-size:13px;color:#cfeac0}.ft-max-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.ft-max-table th,.ft-max-table td{padding:6px 8px;border-bottom:1px solid rgba(20,60,25,.6)}.ft-max-table th{text-align:left;color:#cfeac0;font-weight:600}.ft-max-table td{color:#eafbe9}.ft-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:40}.ft-modal{width:640px;max-width:95vw;max-height:90vh;background:#07180d;border-radius:14px;border:1px solid #1a3d21;box-shadow:0 18px 40px #0000008c;padding:18px 20px 20px;display:flex;flex-direction:column}.ft-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ft-modal-header h2{margin:0;font-size:20px;color:#f1ffef}.ft-modal-close{flex-shrink:0}.ft-modal-body{overflow-y:auto;padding-right:4px}.ft-plan-form{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.ft-input.ft-textarea{min-height:80px;resize:vertical}.ft-plan-save-btn{align-self:flex-start}.ft-plan-list{display:flex;flex-direction:column;gap:10px}.ft-plan-item{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:8px;background:#081e0ecc;border:1px solid #213b24}.ft-plan-main{flex:1}.ft-plan-title{font-weight:700;color:#eafbe9;margin-bottom:2px}.ft-plan-exercises{font-size:13px;color:#b6d5b2}@media(max-width:1024px){.fittracker-fullpage{padding:0 24px 24px}.ft-grid{flex-direction:column}.ft-left,.ft-calendar{width:100%}}.ft-other-activities{margin-top:16px}.ft-other-title{font-weight:700;margin-bottom:6px}.ft-other-list{list-style:none;padding:0;margin:0}.ft-other-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.ft-other-label{font-weight:600}.ft-other-main{flex:1;min-width:0}.ft-other-top-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ft-other-remove{margin-left:auto}.ft-activity-check{display:flex;align-items:center;gap:8px}.ft-activity-complete-btn{width:28px;height:28px;border-radius:999px;border:1px solid #304b33;background:#0f2d1440;color:#4caf50;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;flex-shrink:0}.ft-activity-complete-btn.completed{background:#4caf5029;border-color:#4caf50}.ft-activity-description-input{resize:vertical;min-height:78px}.ft-other-label.done{text-decoration:line-through;color:#4caf50}.mealtracker-container{color:#7aff7a;font-size:1.2rem;box-shadow:0 0 10px #39ff1460}.entry-section{margin-top:30px;animation:slideUp .6s ease}.meal-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.meal-box{background:#062417;border:1px solid #39ff14;padding:15px;border-radius:12px;box-shadow:0 0 15px #39ff1430;transition:transform .2s ease,box-shadow .3s ease}.meal-box:hover{transform:translateY(-3px);box-shadow:0 0 25px #39ff14}.meal-box label{color:#7aff7a;font-weight:700}.meal-box textarea{width:100%;height:90px;background:#0e3a23;border:1px solid #39ff14;color:#c9ffd7;padding:8px;margin-top:8px;border-radius:8px;resize:none;box-shadow:inset 0 0 10px #39ff1430}.analyze-btn{margin-top:25px;padding:12px 20px;background:#39ff14;color:#073015;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:700;box-shadow:0 0 20px #39ff14;transition:.3s ease}.analyze-btn:hover{background:#7aff7a;box-shadow:0 0 30px #39ff14}.nutrition-summary{margin-top:30px;background:#062417;padding:20px;border-radius:12px;border:1px solid #39ff14;box-shadow:0 0 20px #39ff1430;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mealtracker-fullpage{width:100%;min-height:100vh;background:#0b2014;color:#dfffe0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:0 180px;box-sizing:border-box}.mealtracker-inner{max-width:1200px;margin:0 auto}.mt-header{text-align:center;margin-bottom:26px}.mt-header h1{font-size:36px;margin:0;color:#eafbe9;font-weight:800}.mt-header p{margin:8px 0 0;color:#bfe9bf;opacity:.75}.mt-grid{display:flex;gap:48px;align-items:flex-start}.mt-calendar{width:320px;background:#0d2416;border-radius:10px;padding:20px;border:1px solid #17381f;box-shadow:0 0 0 1px #0a281405,0 8px 20px #00000040}.mt-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#cfeac0}.mt-month-title{font-weight:700;font-size:18px}.mt-arrow{background:transparent;border:none;color:#cfeac0;font-size:20px;cursor:pointer}.mt-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:8px;color:#9ccf9a;font-size:12px}.mt-weekday{text-align:center;width:100%}.mt-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.mt-day{width:100%;height:36px;background:transparent;color:#b9d9b0;display:flex;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums;border:none;padding:0;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.mt-day-number{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.mt-day.empty{background:transparent;cursor:default}.mt-day:hover{transform:translateY(-3px);color:#eafbe9}.mt-day.active{color:#042204}.mt-day.active .mt-day-number{background:#39ff14;box-shadow:0 6px 18px #39ff1424}.mt-day.has-meals:not(.active) .mt-day-number{box-shadow:0 0 0 2px #39ff14b3}.mt-meals{flex:1;max-width:720px}.mt-meals h2{font-size:20px;margin:0 0 18px;color:#f1ffef}.mt-meal-row{margin-bottom:18px;width:100%}.mt-meal-label{display:block;font-weight:700;color:#eafbe9;margin-bottom:6px}.mt-meal-input-row{display:flex;align-items:center;gap:10px}.mt-input{display:block;flex:1;box-sizing:border-box;padding:12px 16px;border-radius:6px;background:#0f2d1440;color:#dfffe0;border:1px solid #203e27;outline:none;font-size:15px}.mt-input::placeholder{color:#9bbf97}.mt-input:focus{border-color:#6f6;box-shadow:0 6px 20px #66ff660f}.mt-add-btn{width:44px;height:44px;border-radius:8px;border:none;background:linear-gradient(180deg,#39ff14,#2acc0f);color:#072a07;font-weight:800;font-size:24px;cursor:pointer;box-shadow:0 6px 18px #39ff141f}.mt-portion-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.mt-portion-label{font-size:13px;color:#b9d9b0;min-width:82px}.mt-portion-input,.mt-portion-select{padding:8px 10px;border-radius:6px;border:1px solid #203e27;background:#0f2d1440;color:#dfffe0;font-size:14px}.mt-portion-input{width:96px}.mt-portion-select{min-width:150px}.mt-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.mt-save,.mt-analyze{padding:10px 18px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.mt-save{background:transparent;color:#cfeac0;border:1px solid #234b27}.mt-analyze{background:#39ff14;color:#072a07;box-shadow:0 8px 20px #39ff141f}.mt-note{margin-left:12px;color:#a7cfa0;font-size:13px}.mt-summary{margin-top:26px}.mt-summary h3{margin-bottom:12px;color:#f4fff2;font-size:18px}.mt-empty{color:#b6d5b2;background:#0a1e0f1a;padding:12px;border-radius:8px;border:1px solid rgba(30,60,30,.06)}.mt-error{color:#ffdede;background:#3c141426;padding:12px;border-radius:8px;border:1px solid rgba(80,20,20,.12)}.mt-summary-box{margin-top:12px;border-radius:8px;background:#0e2416;border:1px solid #1d3f21;padding:14px;max-width:480px}.mt-summary-row{display:flex;justify-content:space-between;padding:8px 6px;border-bottom:1px solid rgba(15,60,20,.06)}.mt-summary-row:last-child{border-bottom:none}.mt-breakdown{margin-top:10px;color:#cfeac0}.mt-breakdown summary{cursor:pointer}.mt-breakdown ul{margin:8px 0 0 18px}.mt-item-list{list-style:none;padding:0;margin:10px 0 8px}.mt-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#0f2d144d;border-radius:6px;margin-bottom:4px;font-size:14px;color:#dfffe0}.mt-item-text{color:#dfffe0}.mt-item-empty{color:#9bbf97;font-size:13px;padding:6px 2px}.mt-item-remove{border:1px solid rgba(255,112,112,.4);background:#78191940;color:#ffdede;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.mt-portion-input{max-width:140px}.profile-container{width:100vw;min-height:100vh;background:#0b2014;display:flex;justify-content:center;align-items:center;padding:20px;color:#eaffea;overflow-x:hidden}.profile-card{background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px;width:90%;max-width:550px;border-radius:20px;box-shadow:0 4px 20px #00000059;animation:fadeIn .6s ease}.profile-guest-card{width:min(100%,460px);padding:40px 32px;border-radius:20px;background:#ffffff14;border:1px solid rgba(180,255,201,.16);box-shadow:0 4px 20px #00000059;text-align:center}.profile-guest-actions{margin-top:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.profile-guest-button{padding:12px 20px;background:#1e8f55;border:none;border-radius:999px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.profile-guest-button:hover{background:#27a766;transform:translateY(-1px)}.profile-guest-button-secondary{background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.profile-guest-button-secondary:hover{background:#ffffff2e}.profile-card h1{font-size:2rem;margin-bottom:15px;border-bottom:1px solid #2e4d3a;padding-bottom:8px;color:#bfb}.profile-card h2{margin-top:25px;margin-bottom:10px;color:#b4ffc9}.profile-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.profile-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-tab{padding:10px 16px;border-radius:999px;border:1px solid rgba(180,255,201,.25);background:#ffffff0d;color:#d9ffe0;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.profile-tab:hover{background:#ffffff1f}.profile-tab.active{background:#1e8f55;border-color:#1e8f55;color:#fff}.logout-btn{padding:10px 14px;background:#c94b4b;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.logout-btn:hover{background:#e05f5f;transform:translateY(-1px)}.profile-card p{margin:6px 0;color:#d9ffe0}.goal-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff1a;padding:10px 12px;border-radius:10px;margin:8px 0;transition:.2s}.goal-item:hover{background:#ffffff26}.goal-item input[type=checkbox]{width:18px;height:18px;margin-right:12px}.goal-main{display:flex;align-items:center;flex:1;min-width:0}.goal-main span{word-break:break-word}.goal-actions{display:flex;gap:8px;flex-shrink:0}.goal-edit-input{width:100%;margin:0}.goal-section .goal-action-btn{width:auto;padding:8px 12px;border-radius:8px;font-size:.95rem}.goal-section .goal-action-btn:hover{background:#27a766}.goal-section .goal-action-btn-secondary{background:#4c5f55}.goal-section .goal-action-btn-secondary:hover{background:#61756a}.goal-section .goal-action-btn-danger{background:#b34747}.goal-section .goal-action-btn-danger:hover{background:#cb5757}.goal-done{text-decoration:line-through;color:#9ad49a}.goal-section input{width:95%;padding:12px;margin-top:15px;margin-bottom:10px;border-radius:10px;border:none;outline:none;background:#1a3a2b;color:#eaffea;font-size:1rem}.goal-section button{width:100%;padding:12px;background:#1e8f55;border:none;border-radius:12px;font-size:1.1rem;color:#fff;cursor:pointer;transition:.3s ease}.goal-section button:hover{background:#27a766}@media(max-width:640px){.goal-item{flex-direction:column;align-items:stretch}.goal-actions{justify-content:flex-end}}.calorie-goal{margin:20px 0;padding:14px;background:#ffffff0f;border-radius:12px}.calorie-row{display:flex;gap:10px;align-items:center}.calorie-row input{flex:1;padding:10px;border-radius:8px;border:none;background:#1a3a2b;color:#eaffea}.calorie-row button{padding:10px 14px;background:#1e8f55;border:none;border-radius:8px;color:#fff;cursor:pointer}.calorie-row button:disabled{opacity:.6;cursor:not-allowed}.calorie-hint{margin-top:6px;color:#b4ffc9;font-size:.9rem}.profile-posts-section{margin-top:24px}.profile-friends-section{margin-top:20px}.profile-friends-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;padding:14px;background:#ffffff0f;border:1px solid rgba(180,255,201,.14);border-radius:12px}.profile-social-link{padding:10px 14px;background:#1e8f55;border:none;border-radius:999px;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap}.profile-social-link:hover{background:#27a766;transform:translateY(-1px)}.profile-friends-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:12px}.profile-friend-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.profile-friend-name{color:#eaffea;font-size:1rem;font-weight:700}.profile-friend-email{margin-top:4px;color:#9ad49a;word-break:break-word}.profile-meals-section{margin-top:24px}.profile-meals-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:12px}.profile-meal-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.profile-meal-date{color:#b4ffc9;font-weight:700;margin-bottom:10px}.profile-meal-grid{display:grid;gap:8px}.profile-meal-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start}.profile-meal-label{color:#9ad49a;font-weight:600}.profile-meal-value{color:#eaffea;word-break:break-word}.profile-posts-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.profile-post-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.profile-post-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#b4ffc9;font-size:.85rem}.profile-post-mood{font-weight:700;color:#d9ffe0}.profile-post-text{margin:8px 0;color:#eaffea;word-break:break-word}.profile-post-stats{margin:0;color:#9ad49a;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.profile-card{padding:24px}.profile-header-row,.calorie-row{flex-direction:column;align-items:stretch}.profile-tabs{width:100%}.profile-tab{flex:1;text-align:center}.profile-meal-row{grid-template-columns:1fr;gap:4px}.profile-friends-actions{flex-direction:column;align-items:stretch}.profile-social-link{width:100%}}.feed-page{min-height:100vh;padding:96px 16px 32px;background:#0b2014;display:flex;justify-content:center;color:#e5e7eb;box-sizing:border-box}.feed-container{width:100%;max-width:1280px;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.65fr);gap:24px;align-items:start}.feed-sidebar{display:flex;flex-direction:column;gap:24px;min-width:0;align-items:stretch;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;padding-right:4px}.feed-main-column{min-width:0}@media(max-width:900px){.feed-container{grid-template-columns:minmax(0,1fr)}.feed-sidebar{position:static;max-height:none;overflow:visible;padding-right:0}}.composer-card{background:#020617;border-radius:16px;border:1px solid rgba(148,163,184,.3);padding:20px 20px 18px;box-shadow:0 18px 45px #0f172abf;align-self:start;width:100%;box-sizing:border-box}.composer-title{font-size:1.25rem;margin:0 0 4px}.composer-subtitle{margin:0 0 16px;font-size:.85rem;color:#9ca3af}.composer-form{display:flex;flex-direction:column;gap:12px}.composer-row{display:flex;flex-wrap:wrap;gap:12px}.composer-label{display:flex;flex-direction:column;font-size:.8rem;color:#9ca3af;flex:1 1 160px;gap:4px}.composer-label-full{width:100%}.composer-select,.composer-input,.composer-textarea{border-radius:10px;border:1px solid rgba(148,163,184,.5);background:#0f172ad9;color:#e5e7eb;padding:8px 10px;font-size:.9rem;outline:none;resize:vertical}.composer-select:focus,.composer-input:focus,.composer-textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859}.composer-hint{font-size:.7rem;color:#6b7280;margin-top:2px}.composer-actions{display:flex;justify-content:flex-end;margin-top:4px}.composer-submit{border:none;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);color:#020617;transition:transform .08s ease,box-shadow .08s ease,opacity .08s ease}.composer-submit:disabled{opacity:.6;cursor:default}.composer-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #22c55e59}.feed-list{background:transparent}.feed-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.feed-title{font-size:1.25rem;margin:0 0 4px}.feed-subtitle{margin:0;font-size:.85rem;color:#9ca3af}.feed-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.feed-empty{font-size:.9rem;color:#9ca3af}.feed-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feed-card{background:#0f172af2;border-radius:16px;padding:14px 16px 12px;border:1px solid rgba(30,64,175,.6);box-shadow:0 14px 28px #0f172ab3}.feed-header{display:flex;gap:10px;align-items:center;margin-bottom:6px}.feed-avatar{width:36px;height:36px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#38bdf8,#0ea5e9 45%,#22c55e);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#020617}.feed-author-row{display:flex;gap:6px;align-items:baseline}.feed-author{font-size:.95rem;font-weight:600}.feed-handle{font-size:.75rem;color:#6b7280}.feed-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:.75rem;color:#9ca3af}.feed-mood{color:#38bdf8}.feed-dot{opacity:.7}.feed-time{opacity:.9}.feed-audience-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700;letter-spacing:.03em}.feed-audience-badge.community{background:#38bdf824;color:#7dd3fc}.feed-audience-badge.friends{background:#22c55e29;color:#86efac}.feed-text{margin:6px 0;font-size:.9rem;line-height:1.4;color:#e5e7eb;text-align:left}.feed-linked-card{margin-top:10px;border-radius:16px;border:1px solid rgba(148,163,184,.24);background:#0206178c;padding:14px 16px;box-shadow:inset 0 1px #ffffff08}.feed-linked-card.meal{border-color:#38bdf847}.feed-linked-card.workout{border-color:#22c55e47}.feed-linked-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.feed-linked-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:700;letter-spacing:.03em;background:#38bdf824;color:#7dd3fc}.feed-linked-card.workout .feed-linked-badge{background:#22c55e29;color:#86efac}.feed-linked-date{font-size:.75rem;color:#94a3b8}.feed-linked-title{margin:10px 0 6px;font-size:.98rem;color:#f8fafc}.feed-linked-summary{margin:0;font-size:.84rem;line-height:1.5;color:#cbd5e1}.feed-linked-list{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:#dbeafe;font-size:.8rem}.feed-linked-item{line-height:1.4}.feed-footer{display:flex;gap:10px;font-size:.8rem;margin-top:4px}.feed-action{border:1px solid transparent;background:transparent;padding:2px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:#9ca3af;transition:background .08s ease,color .08s ease,transform .08s ease}.feed-comment-toggle{border-color:#94a3b847;background:#0f172ab8}.feed-action-icon{width:18px;height:18px;display:block;flex-shrink:0}.feed-action span{font-size:.8rem}.feed-like-button{gap:6px}.feed-like-icon{display:inline-flex;align-items:center;justify-content:center}.feed-like-icon svg{width:16px;height:16px;display:block}.feed-like-button.is-liked{color:#86efac}.feed-like-button.is-liked:hover{color:#bbf7d0}.feed-action:hover{background:#1e40af80;color:#e5e7eb;transform:translateY(-1px)}.feed-action-liked{color:#22c55e}.feed-action-liked:hover{background:#22c55e2e;color:#4ade80}.feed-action:disabled{opacity:.6;cursor:default}.feed-action:disabled:hover{transform:none}.feed-action-danger{color:#fca5a5}.feed-action-danger:hover{background:#b91c1c47;color:#fecaca}.feed-modal-backdrop{position:fixed;inset:0;z-index:40;background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 35%),#020617c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px 16px}.feed-delete-modal{width:min(100%,320px);border-radius:18px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(160deg,#0f172afa,#064e3bf5);box-shadow:0 20px 40px #0206179e,inset 0 1px #ffffff0f;padding:18px}.feed-delete-modal-title{margin:0 0 8px;font-size:1.02rem;line-height:1.2;color:#f8fafc}.feed-delete-modal-copy{margin:0;font-size:.83rem;line-height:1.5;color:#cbd5e1}.feed-delete-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.feed-delete-modal-cancel,.feed-delete-modal-confirm{border:none;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,opacity .08s ease}.feed-delete-modal-cancel{border:1px solid rgba(148,163,184,.32);background:#0f172ae6;color:#e2e8f0}.feed-delete-modal-confirm{background:linear-gradient(135deg,#f87171,#fb7185);color:#fff7f7;box-shadow:0 14px 28px #f8717138}.feed-delete-modal-cancel:not(:disabled):hover,.feed-delete-modal-confirm:not(:disabled):hover{transform:translateY(-1px)}.feed-delete-modal-cancel:not(:disabled):hover{border-color:#38bdf873;background:#1e293bf5}.feed-delete-modal-confirm:not(:disabled):hover{box-shadow:0 16px 32px #f8717152}.feed-delete-modal-cancel:disabled,.feed-delete-modal-confirm:disabled{opacity:.6;cursor:default}.feed-comment-composer{margin-top:10px;display:flex;flex-direction:column;gap:8px}.feed-comment-input{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.5);background:#0f172ad9;color:#e5e7eb;padding:8px 10px;font-size:.85rem;resize:vertical;box-sizing:border-box}.feed-comment-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859;outline:none}.feed-comment-actions{display:flex;justify-content:flex-end}.feed-comment-actions-row{margin-top:8px;display:flex;justify-content:flex-start}.feed-comment-submit{border:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);color:#020617}.feed-comment-submit:disabled{opacity:.6;cursor:default}.feed-comment-reply{border:none;background:transparent;color:#93c5fd;border-radius:0;padding:0;font-size:.72rem;font-weight:600;cursor:pointer;transition:color .12s ease,transform .12s ease}.feed-comment-reply:hover{background:transparent;color:#dbeafe;transform:translateY(-1px)}.feed-comment-reply:disabled{opacity:.6;cursor:default;transform:none}.feed-comment-reply-composer{margin-top:10px;margin-left:18px;display:flex;flex-direction:column;gap:8px}.feed-comment-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.feed-comment-item{border-top:1px solid rgba(148,163,184,.2);padding-top:8px}.feed-reply-list{list-style:none;margin:10px 0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.feed-reply-item{border-left:2px solid rgba(56,189,248,.22);padding-left:12px}.feed-comment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem}.feed-comment-meta{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.feed-comment-author{font-weight:700;color:#d1d5db}.feed-comment-handle,.feed-comment-time{color:#9ca3af}.feed-comment-text{margin:4px 0 0;font-size:.85rem;color:#e5e7eb}.feed-comment-tools{display:inline-flex;align-items:center;gap:6px}.feed-comment-edit,.feed-comment-cancel{border:1px solid rgba(148,163,184,.28);background:#0f172acc;color:#cbd5e1;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.feed-comment-edit:hover,.feed-comment-cancel:hover{background:#1e40af47;color:#e5e7eb;border-color:#38bdf873;transform:translateY(-1px)}.feed-comment-edit:disabled,.feed-comment-cancel:disabled{opacity:.6;cursor:default;transform:none}.feed-comment-editor{margin-top:8px;display:flex;flex-direction:column;gap:8px}.feed-comment-edit-input{margin-top:0}.feed-comment-delete{border:none;background:transparent;color:#fca5a5;border-radius:999px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .12s ease}.feed-comment-delete:hover{background:#b91c1c47;color:#fecaca;transform:translateY(-1px)}.feed-comment-delete:disabled{opacity:.6;cursor:default;transform:none}.feed-comment-delete svg{width:14px;height:14px;display:block}.friend-search-card{background:#020617;border-radius:16px;border:1px solid rgba(148,163,184,.3);padding:20px;box-shadow:0 18px 45px #0f172abf;align-self:start;width:100%;box-sizing:border-box}.friend-panel-header{display:flex;flex-direction:column;align-items:stretch;gap:14px}.friend-panel-tabs{display:flex;gap:8px;flex-wrap:wrap}.friend-panel-copy{display:flex;flex-direction:column;gap:4px}.friend-panel-tab{border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;background:#0f172ad9;color:#cbd5e1;transition:background .12s ease,border-color .12s ease,color .12s ease}.friend-panel-tab:hover{background:#1e40af59;color:#e5e7eb}.friend-panel-tab.active{background:linear-gradient(135deg,#22c55e,#38bdf8);border-color:transparent;color:#020617}.friend-search-row{display:flex;gap:12px;align-items:center;margin-top:16px;margin-bottom:12px}.friend-search-input{flex:1;border-radius:10px;border:1px solid rgba(148,163,184,.5);background:#0f172ad9;color:#e5e7eb;padding:8px 10px;font-size:.9rem;outline:none;box-sizing:border-box}.friend-search-input::placeholder{color:#9ca3af}.friend-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859}.friend-search-button{border:none;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);color:#020617;transition:transform .08s ease,box-shadow .08s ease,opacity .08s ease}.friend-search-button:disabled{opacity:.6;cursor:default}.friend-search-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #22c55e59}.friend-search-message{margin:0;font-size:.85rem;color:#9ca3af}.friend-results-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}.friend-result-card{background:#0f172af2;border-radius:16px;padding:14px 16px 12px;border:1px solid rgba(30,64,175,.6);box-shadow:0 14px 28px #0f172ab3;display:flex;justify-content:space-between;align-items:center;gap:12px}.friend-result-info{display:flex;flex-direction:column;gap:4px;min-width:0}.friend-result-username{margin:0;font-size:.95rem;font-weight:600;color:#e5e7eb}.friend-result-email{margin:0;font-size:.75rem;color:#9ca3af}.friend-add-button{border:none;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#22c55e,#38bdf8);color:#020617;transition:transform .08s ease,box-shadow .08s ease,opacity .08s ease;white-space:nowrap}.friend-add-button:disabled{opacity:.6;cursor:default}.friend-add-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #22c55e59}.friend-remove-button{background:linear-gradient(135deg,#f87171,#fb7185);color:#fff7f7}.friend-remove-button:not(:disabled):hover{box-shadow:0 8px 18px #f8717159}.friend-request-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:640px){.friend-panel-header,.feed-list-header,.friend-search-row,.friend-result-card,.friend-request-actions,.feed-footer,.feed-comment-head{flex-direction:column;align-items:stretch}.friend-add-button,.friend-panel-tab,.friend-search-button,.feed-comment-submit{width:100%}.feed-delete-modal{padding:20px}.feed-delete-modal-actions{flex-direction:column-reverse}.feed-delete-modal-cancel,.feed-delete-modal-confirm{width:100%}}:root{font-family:Segoe UI,Trebuchet MS,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}