:root{--radius-xl: 28px;--radius-lg: 22px;--radius: 16px;--radius-sm: 12px;--pill-radius: 999px;--font-display: "Google Sans", "Inter", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--md-sys-elevation-1: 0 1px 2px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.06);--md-sys-elevation-2: 0 2px 6px rgba(0,0,0,.08), 0 8px 20px rgba(0,0,0,.1);--md-sys-elevation-3: 0 6px 16px rgba(0,0,0,.12), 0 16px 40px rgba(0,0,0,.12)}:root,:root[data-theme=dark]{--md-sys-color-primary: #7adf7a;--md-sys-color-on-primary: #04230b;--md-sys-color-primary-container: #1f2f20;--md-sys-color-on-primary-container: #c6f4c6;--md-sys-color-secondary: #8fbad8;--md-sys-color-on-secondary: #0f2533;--md-sys-color-secondary-container: #233342;--md-sys-color-on-secondary-container: #dbeaf6;--md-sys-color-tertiary: #f2c27d;--md-sys-color-on-tertiary: #2d1800;--md-sys-color-surface: #0e1218;--md-sys-color-surface-1: #111722;--md-sys-color-surface-2: #141c29;--md-sys-color-surface-variant: #1a2332;--md-sys-color-on-surface: #e6eaf2;--md-text-secondary: #b8c2d3;--md-sys-color-outline: rgba(255,255,255,.08);--md-sys-color-outline-variant: rgba(255,255,255,.12);--md-sys-color-danger: #ffb4ab;--md-sys-color-on-danger: #3f0b0b;--md-field-bg: rgba(255,255,255,.06);--md-field-bg-hover: rgba(255,255,255,.09);--md-field-border: rgba(255,255,255,.1);--md-field-border-strong: rgba(178,198,255,.45);--md-state-hover: rgba(255,255,255,.06);--md-state-pressed: rgba(255,255,255,.1);--md-state-focus: rgba(178,198,255,.18)}:root[data-theme=light]{--md-sys-color-primary: #0b8a3b;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e0f3e7;--md-sys-color-on-primary-container: #0b3a20;--md-sys-color-secondary: #1f5da8;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e3ecfb;--md-sys-color-on-secondary-container: #0c2555;--md-sys-color-tertiary: #c7541f;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-surface: #f8f9fd;--md-sys-color-surface-1: #ffffff;--md-sys-color-surface-2: #f0f3fc;--md-sys-color-surface-variant: #e6eaf5;--md-sys-color-on-surface: #0f172a;--md-text-secondary: #4a5568;--md-sys-color-outline: rgba(12, 26, 75, .12);--md-sys-color-outline-variant: rgba(12, 26, 75, .18);--md-sys-color-danger: #c62828;--md-sys-color-on-danger: #ffffff;--md-field-bg: #ffffff;--md-field-bg-hover: #fbfcff;--md-field-border: rgba(9, 20, 60, .12);--md-field-border-strong: rgba(63, 86, 201, .35);--md-state-hover: rgba(9, 20, 60, .04);--md-state-pressed: rgba(9, 20, 60, .08);--md-state-focus: rgba(63, 86, 201, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:var(--font-body);font-size:16px;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 540px){body{font-size:19px;font-weight:400}.small{font-size:16px}.h2{font-size:18px;font-weight:650}.h3{font-size:16px;font-weight:650}.status-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}}p{font-weight:300}a{color:inherit;text-decoration:none}.material-symbols-rounded,.material-symbols-outlined{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;white-space:nowrap;overflow:hidden;vertical-align:middle;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" var(--icon-fill, 0),"wght" var(--icon-wght, 500),"GRAD" var(--icon-grad, 0),"opsz" var(--icon-opsz, 24)}.app-shell{width:100%;max-width:480px;margin:0 auto;padding:calc(var(--space-5) + env(safe-area-inset-top) + 96px) var(--space-4) calc(120px + env(safe-area-inset-bottom))}.auth-view .app-shell{padding-top:var(--space-4);padding-bottom:var(--space-4)}@media (min-width: 900px){body{background:linear-gradient(180deg,var(--md-sys-color-surface) 0%,var(--md-sys-color-surface-2) 100%)}.app-shell{padding-top:calc(var(--space-4) + 72px);padding-bottom:calc(120px + env(safe-area-inset-bottom))}.auth-view .app-shell{padding-top:var(--space-4);padding-bottom:var(--space-4)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-xl);box-shadow:var(--md-sys-elevation-1)}.header-nav{width:100vw;position:fixed;top:0;left:0;z-index:80}.header-nav .topbar{border-radius:0;border-left:none;border-right:none;width:100%}.brand-cluster{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-3)}.brand{font-family:var(--font-display);font-weight:650;font-size:18px;letter-spacing:.1px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#c6d6ff,#7ea0ff 45%,#4f65d9);color:#0b1b3a;font-family:var(--font-display);font-weight:800;letter-spacing:-.3px;border:1px solid rgba(255,255,255,.24)}.avatar-mark{background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.logo-img{height:30px;width:auto}.badge{font-size:11px;color:var(--md-text-secondary);padding:4px 10px;border:1px solid var(--md-sys-color-outline);border-radius:var(--pill-radius);display:inline-flex;align-items:center;gap:6px}.badge-icon{font-size:14px;line-height:1}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.grid.two{grid-template-columns:1fr}@media (min-width: 420px){.grid.two{grid-template-columns:1fr 1fr}}.panel{background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--md-sys-elevation-1)}.panel-title{font-size:15px;font-weight:700;color:var(--md-text-secondary);margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:2px solid var(--md-sys-color-outline);text-transform:capitalize;letter-spacing:.02em}.section-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--md-sys-color-primary);margin:var(--space-4) 0 var(--space-4) var(--space-4);padding-left:0;padding-bottom:0;border-bottom:none;text-transform:uppercase;letter-spacing:.12em;position:relative}.card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;gap:var(--space-3)}.h1{font-family:var(--font-display);font-size:24px;line-height:1.2;font-weight:650;margin:0 0 var(--space-2)}.h2{font-family:var(--font-display);font-size:17px;line-height:1.25;font-weight:600;margin:0 0 var(--space-2)}.h3{font-family:var(--font-display);font-size:15px;line-height:1.2;font-weight:600}.small{font-size:13px;color:var(--md-text-secondary)}.muted{color:var(--md-text-secondary)}.tiny{font-size:11px;color:var(--md-text-secondary)}.small.emphasis{font-weight:400;color:var(--md-sys-color-danger);margin-top:var(--space-2)}.kv{display:flex;justify-content:space-between;gap:var(--space-3);font-size:12px;color:var(--md-text-secondary);margin-top:var(--space-2)}.divider{height:1px;background:var(--md-sys-color-outline);margin:var(--space-2) 0}.list{display:flex;flex-direction:column;gap:var(--space-3)}.notes-list{max-height:320px;overflow-y:auto;padding-right:4px}.note-bubble{background:linear-gradient(135deg,#0080001f,#00800033);border:1px solid rgba(0,128,0,.25);border-radius:14px;padding:var(--space-4);box-shadow:var(--md-sys-elevation-1)}.note-bubble.collapsed{cursor:pointer;max-height:128px;overflow:hidden}.note-bubble.expanded{cursor:default}.note-text{font-size:14px;color:var(--md-sys-color-on-surface);margin-bottom:var(--space-3)}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center}.week-grid{display:flex;flex-direction:column;gap:var(--space-3)}.week-col{background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-sm);padding:var(--space-3);min-height:120px}.week-item{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-sm);padding:6px 8px;background:var(--md-sys-color-surface-2)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-weight:600;font-size:16px;padding:10px 14px;border-radius:18px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease,box-shadow .12s ease;box-shadow:var(--md-sys-elevation-1);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}.btn.icon-only{padding:8px;border-radius:var(--radius);min-width:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:0}.btn:hover{filter:brightness(1.02)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-outline);box-shadow:none}.btn.ghost{background:transparent;color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline);box-shadow:none}.btn.danger{background:transparent;color:var(--md-sys-color-danger);border-color:#ff5a5aa6;box-shadow:none}.btn.selected{border-color:#3f56c9bf;box-shadow:0 0 0 1px #3f56c98c}.btn.small{padding:6px 10px;font-size:13px;border-radius:12px;gap:6px}.btn.small .material-symbols-outlined{font-size:16px;line-height:1}.todo-chip.personal{border-color:#31c48df2;color:#0a5a3f}.todo-chip.shared{border-color:#74b5ffcc;color:#1d4b91}.todo-list-card{width:100%;text-align:left;background:var(--md-sys-color-surface-2);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-sm);padding:var(--space-4);color:inherit}.todo-list-card.selected{border-color:var(--md-field-border-strong);box-shadow:var(--md-sys-elevation-1)}.progress{width:100%;height:8px;border-radius:999px;background:var(--md-sys-color-outline);overflow:hidden;margin:var(--space-2) 0}.progress-bar{height:100%;background:var(--md-sys-color-primary);border-radius:inherit}.task-row .task-actions{opacity:.85;transition:opacity .12s ease}.task-row:hover .task-actions{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.install-btn{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-primary-container) 100%);color:var(--md-sys-color-on-primary);border-color:var(--md-field-border-strong);box-shadow:var(--md-sys-elevation-2);font-weight:700;padding:10px 14px;height:40px}.install-btn:disabled{background:var(--md-sys-color-surface-2);color:var(--md-text-secondary);border-color:var(--md-sys-color-outline);box-shadow:none}.countdown{color:var(--md-sys-color-danger);font-weight:400}.input,select,textarea{width:100%;background:transparent;color:var(--md-sys-color-on-surface);border:1px solid var(--md-field-border);border-radius:var(--radius-sm);padding:12px;outline:none;font-size:14px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.input:hover,select:hover,textarea:hover{border-color:var(--md-field-border-strong)}.input:focus,select:focus,textarea:focus{border-color:var(--md-field-border-strong);box-shadow:0 0 0 3px var(--md-state-focus);background:#ffffff05}select{padding-right:28px}.pill{font-size:16px;padding:6px 10px;border-radius:var(--pill-radius);border:1px solid var(--md-sys-color-outline);color:var(--md-text-secondary);background:transparent;white-space:nowrap}.pill.ok{color:var(--md-sys-color-tertiary);border-color:#31c48d8c;background:#31c48d29;padding:4px 8px;font-size:9px}.pill.end{color:var(--md-sys-color-danger);border-color:#ffb4ab59;background:#ffb4ab14}.pill.home{color:#06281b;border-color:#31c48d8c;background:#31c48d}.pill.away{color:#3c2800;border-color:#f5c44fa6;background:#f5c44f}.pill.out{color:#0b2147;border-color:#74b5ffa6;background:#5c9dff}.pill.dnd{color:#410808;border-color:#ff9292ad;background:#ff7b7b}.check{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-sm);font-weight:400;color:var(--md-text-secondary)}.check input{margin-top:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:var(--space-4);z-index:90}.modal{width:min(460px,calc(100% - 32px));max-height:92vh;overflow:auto;background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--md-sys-elevation-3)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}@media (max-width: 520px){.modal-actions{flex-direction:column;align-items:stretch}.modal-actions .btn{width:100%;justify-content:center}}.toast{position:fixed;right:var(--space-4);bottom:calc(84px + env(safe-area-inset-bottom));background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline);padding:10px 12px;border-radius:var(--radius-sm);font-size:12px;z-index:60;box-shadow:var(--md-sys-elevation-1)}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--md-text-secondary);margin:0 0 var(--space-2)}.community-title{margin:0;font-size:clamp(20px,4vw,26px);line-height:1.2;font-weight:600}.community-subtitle{margin:0;color:var(--md-text-secondary);max-width:520px;line-height:1.5}.community-screen{gap:var(--space-4)}.community-screen .panel{border-radius:var(--radius-lg)}.community-screen__heading{display:flex;flex-direction:column;gap:var(--space-2)}.community-heading__title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.community-hero{background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline);display:flex;flex-direction:column;gap:var(--space-3)}.community-hero__header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.community-hero__summary-text{margin:0;font-size:14px;color:var(--md-text-secondary);line-height:1.4}.community-hero__list{display:flex;flex-direction:column;gap:var(--space-2)}.community-hero__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-2)}.community-hero__item-text{display:flex;flex-direction:column;gap:2px}.community-hero__label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--md-sys-color-on-surface);font-weight:600}.community-hero__value{font-size:28px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.community-hero__footer{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.community-composer{display:flex;flex-direction:column;gap:var(--space-4);background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline)}.community-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.community-avatar--lg{width:56px;height:56px}.community-avatar--sm{width:36px;height:36px}.community-avatar img{width:100%;height:100%;object-fit:cover;display:block}.community-composer__field{flex:1;border:1px solid var(--md-field-border);border-radius:var(--radius-lg);background:var(--md-field-bg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .14s ease,box-shadow .14s ease}.community-composer__input--condensed{font-size:15px;line-height:1.4;min-height:88px}.community-composer__field.is-focused{border-color:var(--md-field-border-strong);box-shadow:0 0 0 2px #3f56c926}.community-composer__field.is-disabled{opacity:.6}.community-composer__input{width:100%;background:transparent;border:none;color:inherit;font:inherit;resize:none;min-height:80px}.community-composer__input::placeholder,.community-comment-input::placeholder{font-size:14px;color:var(--md-text-secondary)}.community-composer__input:focus{outline:none}.community-composer__actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;border-top:1px solid var(--md-sys-color-outline);padding-top:var(--space-2);margin-top:var(--space-2)}.chip-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--md-sys-color-outline);background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease}.chip-button.ghost{border-color:var(--md-sys-color-outline);background:var(--md-sys-color-surface-2)}.chip-button.is-disabled{opacity:.5;pointer-events:none}.community-media-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--md-sys-color-outline);margin-top:var(--space-2)}.community-media-preview img{width:100%;max-height:340px;object-fit:cover;display:block}.community-media-preview .btn{position:absolute;top:12px;right:12px}.community-composer__action-left{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.community-composer__post{min-width:110px}.community-inline-error{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--md-sys-color-danger);font-size:14px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:11px;border:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-text-secondary)}.chip-admin{border-color:#0f172a59;color:#1c2435;background:#ffffffe6;font-weight:500}.community-feed .panel{background:var(--md-sys-color-surface-1);border:1px solid var(--md-sys-color-outline)}.community-home-list{gap:var(--space-2)}.community-home-card{border:1px solid var(--md-sys-color-outline);border-radius:var(--radius);padding:var(--space-3);background:var(--md-sys-color-surface-2)}.community-home-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.community-home-card__title{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.community-home-card__time{font-size:12px;color:var(--md-text-secondary)}.community-home-card__text{margin:var(--space-2) 0 0 0;font-size:14px;line-height:1.4;color:var(--md-sys-color-on-surface)}.community-chip-new{border-radius:999px;padding:2px 8px;font-size:11px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);text-transform:uppercase;letter-spacing:.04em}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-3)}.auth-shell{width:min(520px,100%);display:flex;flex-direction:column;gap:var(--space-5)}.auth-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.auth-logo{width:170px;max-width:80%;height:auto;display:block;margin:0 auto}.auth-hero__text{display:flex;flex-direction:column;gap:6px;text-align:center;margin:0 auto}.auth-headline{margin:0;font-size:12px;font-weight:600;color:#0f172ab3;letter-spacing:.1em}.auth-tagline{margin:0 auto;max-width:520px;line-height:1.4}.roommates-screen{gap:var(--space-4)}.roommates-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.roommates-empty{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.roommates-empty .material-symbols-outlined{font-size:32px;color:var(--md-sys-color-primary)}.roommate-panel{display:flex;flex-direction:column;gap:var(--space-2);border-radius:var(--radius-lg)}.roommate-panel__body{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.roommate-avatar{width:64px;height:64px;border-radius:18px;overflow:hidden;flex-shrink:0}.roommate-avatar img{width:100%;height:100%;object-fit:cover;display:block}.roommate-info{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.roommate-name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.roommate-name{font-weight:600;font-size:16px}.roommate-status-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.roommate-dnd{font-size:12px;color:var(--md-text-secondary)}.roommate-note{margin:0;line-height:1.4}.roommate-panel__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.auth-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);border-radius:var(--radius-lg)}.auth-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--md-sys-color-surface-2);border:1px solid var(--md-sys-color-outline);border-radius:var(--pill-radius);padding:4px;gap:4px;position:relative;overflow:hidden}.auth-toggle:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 8px);border-radius:var(--pill-radius);background:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1);transform:translate(0);transition:transform .22s ease}.auth-toggle.is-signup:before{transform:translate(100%)}.auth-toggle__btn{border:none;background:transparent;color:var(--md-text-secondary);font:inherit;padding:8px 0;border-radius:var(--pill-radius);cursor:pointer;transition:color .12s ease,font-weight .12s ease;position:relative;z-index:1}.auth-toggle__btn.is-active{color:var(--md-sys-color-on-primary);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.auth-label{font-size:13px;color:var(--md-text-secondary)}.auth-error{font-size:14px;color:var(--md-sys-color-danger)}.auth-submit{width:100%;justify-content:center}.auth-hint{text-align:center;line-height:1.4}.auth-footer{text-align:center}@media (max-width: 480px){.auth-card{padding:var(--space-4)}.auth-field--split{grid-template-columns:1fr}}.community-post{display:flex;flex-direction:column;gap:var(--space-3)}.community-post__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.community-post__author{display:flex;align-items:center;gap:var(--space-2)}.community-author-line{display:flex;flex-direction:column;gap:2px}.community-author-line__primary{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.community-author-name{font-weight:600}.community-comment .community-author-name{font-weight:500;font-size:13px}.community-post__timestamp{font-size:13px;color:var(--md-text-secondary)}.community-post__text{margin:0;font-size:15px;line-height:1.6}.community-post__media{border-radius:var(--radius-lg);overflow:hidden}.community-post__media img{width:100%;max-height:400px;object-fit:cover;display:block}.community-post__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.community-comments{display:flex;flex-direction:column;gap:var(--space-3)}.community-comment{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--md-sys-color-surface-2);border:1px solid var(--md-sys-color-outline);display:flex;flex-direction:column;gap:var(--space-2)}.community-comment__top{display:flex;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between}.community-comment__meta{flex:1;min-width:140px}.community-comment__body{font-size:14px;line-height:1.5;color:var(--md-sys-color-on-surface)}.community-comment-composer{width:100%}.community-comment-input-wrap{position:relative}.community-comment-input{flex:1 1 220px;border:1px solid var(--md-field-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font:inherit;background:var(--md-field-bg);color:inherit;resize:vertical;min-height:70px;padding-right:110px}.community-comment-input:focus{outline:none;border-color:var(--md-field-border-strong);box-shadow:0 0 0 1px #3f56c940}.community-comment-submit{position:absolute;right:12px;bottom:12px}.community-empty{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between}.community-empty .material-symbols-outlined{font-size:36px;color:var(--md-sys-color-primary)}.community-load-more{display:flex;justify-content:center;padding:var(--space-3)}@media (max-width: 640px){.community-avatar--lg{width:48px;height:48px}}.status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.status-btn{--status-bg: var(--md-sys-color-surface-2);--status-fg: var(--md-sys-color-on-surface);--status-border: var(--md-sys-color-outline);padding:25px 12px;border-radius:14px;flex:1 1 46%;justify-content:center;background:var(--status-bg);color:var(--status-fg);border-color:var(--status-border);box-shadow:none;display:inline-flex;align-items:center;gap:8px}.status-btn .status-icon{font-size:18px;line-height:1}.status-btn.home{--status-bg: rgba(49, 196, 141, .12);--status-fg: #0f6b4d;--status-border: rgba(49, 196, 141, .55)}.status-btn.home.active{background:#31c48d;color:#06281b;border-color:#31c48d8c}.status-btn.away{--status-bg: rgba(245, 196, 79, .18);--status-fg: #8a5a00;--status-border: rgba(245, 196, 79, .55)}.status-btn.away.active{background:#f5c44f;color:#3c2800;border-color:#f5c44fa6}.status-btn.out{--status-bg: rgba(116, 181, 255, .18);--status-fg: #1f4f99;--status-border: rgba(116, 181, 255, .55)}.status-btn.out.active{background:#5c9dff;color:#0b2147;border-color:#74b5ffa6}.status-btn.dnd{--status-bg: rgba(255, 146, 146, .18);--status-fg: #b63a3a;--status-border: rgba(255, 146, 146, .55)}.status-btn.dnd.active{background:#ff7b7b;color:#410808;border-color:#ff9292ad}.footer-nav{position:fixed;bottom:env(safe-area-inset-bottom);left:0;width:100%;display:flex;justify-content:center;align-items:center;padding:0;background:var(--md-sys-color-surface-1);z-index:70;pointer-events:none}.footer-nav .nav-shell{list-style:none;pointer-events:auto;width:min(480px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:6px var(--space-3) 8px;background:var(--md-sys-color-surface-1);border-top:none;border-radius:0;box-shadow:none;position:relative;overflow:hidden}.nav-shell li{margin:0}.nav-btn{width:100%;padding:10px 6px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--md-text-secondary);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:650;transition:background .12s ease,border-color .12s ease}.nav-btn:hover{background:var(--md-state-hover)}.nav-btn.active{background:transparent;color:var(--md-sys-color-primary);border-color:transparent;box-shadow:none;font-weight:750}.nav-icon{line-height:1;display:grid;place-items:center}.nav-icon svg{width:22px;height:22px;fill:currentColor}.nav-label{font-size:12px}.nav-shell:after{content:none}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:flex-start;align-items:stretch;z-index:120}.drawer{width:min(320px,86vw);max-width:400px;background:var(--md-sys-color-surface-1);border-right:1px solid var(--md-sys-color-outline);padding:var(--space-5);box-shadow:var(--md-sys-elevation-3);display:flex;flex-direction:column;gap:var(--space-4);transform:translate(-16px);animation:drawerIn .2s ease forwards}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer-list{display:flex;flex-direction:column;gap:var(--space-3)}.drawer-user{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.drawer-avatar{width:64px;height:64px;border-radius:18px;font-weight:800;font-size:18px;display:grid;place-items:center;overflow:hidden}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-user-meta{text-align:center;display:grid;gap:4px}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:var(--md-sys-color-on-surface);text-decoration:none;border-bottom:1px solid var(--md-sys-color-outline)}.drawer-link:last-child{border-bottom:none}@keyframes drawerIn{0%{transform:translate(-24px);opacity:0}to{transform:translate(0);opacity:1}}.panel .topbar{background:var(--md-sys-color-surface-2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4)}@media (max-width: 360px){.row{flex-wrap:wrap}.status-btn{flex-basis:100%}}