:root{--junto-primary-50: #fff5f0;--junto-primary-100: #ffe8d8;--junto-primary-400: #ff8a5c;--junto-primary-500: #f26b3a;--junto-primary-600: #d94f26;--junto-primary-700: #b3381a;--junto-secondary-50: #f0f4f8;--junto-secondary-400: #829ab1;--junto-secondary-500: #627d98;--junto-secondary-700: #334e68;--junto-secondary-800: #243b53;--junto-secondary-900: #102a43;--junto-accent-500: #ffd54f;--junto-success: #4caf7d;--junto-error: #d4574a;--junto-warning: #e8913a;--junto-info: #627d98;--junto-font-heading: "Outfit", system-ui, sans-serif;--junto-font-body: "Inter", system-ui, sans-serif;--junto-font-mono: "JetBrains Mono", ui-monospace, monospace;--junto-radius-sm: 8px;--junto-radius-md: 12px;--junto-radius-lg: 16px;--junto-radius-pill: 9999px;--junto-bg: #fafaf7;--junto-surface: #ffffff;--junto-text: #1a1a1a;--junto-text-muted: #6b6560;--junto-border: #e5e1db;--junto-primary-soft: color-mix(in srgb, var(--junto-primary-500) 13%, var(--junto-surface));--junto-primary-soft-strong: color-mix(in srgb, var(--junto-primary-500) 24%, var(--junto-surface));--junto-primary-on-soft: var(--junto-primary-700);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--junto-bg: #1c1c1e;--junto-surface: #2c2c2e;--junto-text: #f5f5f0;--junto-text-muted: #a09a94;--junto-border: #3a3a3c;--junto-primary-on-soft: var(--junto-primary-400);--junto-secondary-50: color-mix(in srgb, var(--junto-secondary-500) 18%, var(--junto-surface))}}:root[data-theme=light]{--junto-bg: #fafaf7;--junto-surface: #ffffff;--junto-text: #1a1a1a;--junto-text-muted: #6b6560;--junto-border: #e5e1db;--junto-primary-on-soft: var(--junto-primary-700)}:root[data-theme=dark]{--junto-bg: #1c1c1e;--junto-surface: #2c2c2e;--junto-text: #f5f5f0;--junto-text-muted: #a09a94;--junto-border: #3a3a3c;--junto-primary-on-soft: var(--junto-primary-400);--junto-secondary-50: color-mix(in srgb, var(--junto-secondary-500) 18%, var(--junto-surface))}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--junto-font-body);background:var(--junto-bg);color:var(--junto-text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}@keyframes junto-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth__card{animation:junto-fade-in .28s ease both}@media(prefers-reduced-motion:reduce){*,.auth__card{animation:none!important;transition:none!important}}.theme-toggle{background:transparent;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);width:34px;height:34px;cursor:pointer;line-height:1;color:var(--junto-text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.theme-toggle:hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.app__topbar-right{display:inline-flex;align-items:center;gap:12px}h1,h2,h3{font-family:var(--junto-font-heading);margin:0;font-weight:600}a{color:var(--junto-secondary-500);text-decoration:none}a:hover{text-decoration:underline}.home{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,var(--junto-primary-soft),transparent 55%),var(--junto-bg)}.home__card{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-lg);padding:40px 32px;max-width:440px;width:100%;text-align:center;box-shadow:0 10px 40px #1a1a1a14}.home__badge{display:inline-block;padding:4px 12px;background:var(--junto-primary-soft);color:var(--junto-primary-on-soft);border-radius:var(--junto-radius-pill);font-size:13px;font-weight:500;margin-bottom:20px}.home__title{font-size:56px;letter-spacing:-1px;color:var(--junto-primary-500);margin-bottom:8px}.home__subtitle{font-size:18px;color:var(--junto-text-muted);margin:0 0 16px}.home__hint{font-size:13px;color:var(--junto-text-muted);opacity:.7;margin:0}.home__link{display:inline-block;margin-top:16px;font-weight:500}.app{min-height:100vh;display:flex}.sidebar{--sidebar-w: 244px;width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:16px 12px;background:var(--junto-surface);border-right:1px solid var(--junto-border);position:sticky;top:0;height:100vh;z-index:30;transition:width .25s ease,transform .25s ease}.sidebar--collapsed{--sidebar-w: 68px}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.sidebar__brand-mark{width:38px;height:38px;flex-shrink:0;object-fit:contain;display:block}.sidebar__brand-text{font-family:var(--junto-font-heading);font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--junto-primary-500);white-space:nowrap;overflow:hidden}.sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--junto-radius-sm);color:var(--junto-text);text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.sidebar__link:hover{background:var(--junto-primary-soft);text-decoration:none}.sidebar__link--active{background:var(--junto-primary-soft);color:var(--junto-primary-on-soft);font-weight:600}.sidebar__link-icon{width:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sidebar__link-label{overflow:hidden}.sidebar__footer{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--junto-border)}.sidebar__user{display:flex;align-items:center;gap:10px;padding:0 4px;min-width:0}.sidebar__user-avatar{width:30px;height:30px;flex-shrink:0;border-radius:var(--junto-radius-pill);background:var(--junto-primary-soft);color:var(--junto-primary-on-soft);display:grid;place-items:center;font-weight:700;font-size:14px}.sidebar__user-name{font-size:14px;color:var(--junto-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar__footer-actions{display:flex;align-items:center;gap:8px;padding:0 4px}.sidebar__logout{background:transparent;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);width:34px;height:34px;cursor:pointer;color:var(--junto-text-muted);display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.sidebar__logout:hover:not(:disabled){border-color:var(--junto-error);color:var(--junto-error)}.sidebar__collapse{margin-left:auto;background:transparent;border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:6px 9px;cursor:pointer;color:var(--junto-text-muted);font-size:14px;transition:background .15s}.sidebar__collapse:hover{background:var(--junto-primary-soft)}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__link-label,.sidebar--collapsed .sidebar__user-name{display:none}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__brand,.sidebar--collapsed .sidebar__user,.sidebar--collapsed .sidebar__footer-actions{justify-content:center}.sidebar--collapsed .sidebar__collapse{margin-left:0}.app__main{flex:1;min-width:0;display:flex;flex-direction:column}.app__content{flex:1;padding:32px 28px;max-width:900px;width:100%;margin:0 auto}.app__topbar{display:none}.app__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0006}.sidebar--drawer{position:fixed;top:0;left:0;height:100vh;--sidebar-w: 264px;width:var(--sidebar-w);z-index:40;box-shadow:4px 0 24px #0000002e;transition:none}@media(max-width:768px){.app__topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--junto-surface);border-bottom:1px solid var(--junto-border);position:sticky;top:0;z-index:20}.app__hamburger{background:transparent;border:none;line-height:1;padding:4px;cursor:pointer;color:var(--junto-text);display:inline-flex;align-items:center;justify-content:center}.app__logo{flex:1;font-family:var(--junto-font-heading);font-weight:700;letter-spacing:-.5px;color:var(--junto-primary-500)}.sidebar__collapse{display:none}.app__content{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.sidebar,.app__backdrop{transition:none!important;animation:none!important}}:root[data-palette=ocean]{--junto-primary-400: #60a5fa;--junto-primary-500: #3b82f6;--junto-primary-600: #2563eb;--junto-primary-700: #1d4ed8}:root[data-palette=forest]{--junto-primary-400: #34d399;--junto-primary-500: #10b981;--junto-primary-600: #059669;--junto-primary-700: #047857}:root[data-palette=grape]{--junto-primary-400: #a78bfa;--junto-primary-500: #8b5cf6;--junto-primary-600: #7c3aed;--junto-primary-700: #6d28d9}:root[data-palette=sunset]{--junto-primary-400: #fbbf24;--junto-primary-500: #f59e0b;--junto-primary-600: #d97706;--junto-primary-700: #b45309}:root[data-palette=rose]{--junto-primary-400: #fb7185;--junto-primary-500: #f43f5e;--junto-primary-600: #e11d48;--junto-primary-700: #be123c}:root[data-palette=ruby]{--junto-primary-400: #f87171;--junto-primary-500: #ef4444;--junto-primary-600: #dc2626;--junto-primary-700: #b91c1c}:root[data-palette=teal]{--junto-primary-400: #2dd4bf;--junto-primary-500: #14b8a6;--junto-primary-600: #0d9488;--junto-primary-700: #0f766e}.palette-picker{position:relative;display:inline-flex}.palette-picker__btn{background:transparent;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);width:34px;height:34px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--junto-text-muted);transition:background .15s,border-color .15s,color .15s}.palette-picker__btn:hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.palette-picker__panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-md);box-shadow:0 8px 30px #0000002e;padding:12px;min-width:176px;animation:junto-fade-in .15s ease both}.palette-picker__title{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--junto-text-muted)}.palette-picker__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.palette-swatch{width:28px;height:28px;border-radius:var(--junto-radius-pill);border:none;cursor:pointer;padding:0;outline:2px solid var(--junto-border);outline-offset:2px;transition:transform .12s}.palette-swatch:hover{transform:scale(1.12)}.palette-swatch--active{outline-color:var(--junto-text)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,var(--junto-primary-soft),transparent 55%),var(--junto-bg)}.auth__card{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-lg);padding:40px 32px;max-width:440px;width:100%;box-shadow:0 10px 40px #1a1a1a14}.auth__brand{text-align:center;margin-bottom:28px}.auth__title{font-size:40px;letter-spacing:-1px;color:var(--junto-primary-500)}.auth__logo{display:block;margin:0 auto;height:auto;max-width:70%}.auth__tagline{color:var(--junto-text-muted);margin:4px 0 0;font-size:14px}.form{display:flex;flex-direction:column;gap:16px}.form__title{font-size:22px;color:var(--junto-text);margin:0 0 8px}.form__alert{background:#d4574a1a;color:var(--junto-error);padding:10px 14px;border-radius:var(--junto-radius-sm);font-size:14px}.form__success{background:#4caf7d1a;color:var(--junto-success);padding:10px 14px;border-radius:var(--junto-radius-sm);font-size:14px}.form__switch{text-align:center;font-size:14px;color:var(--junto-text-muted);margin:0}.form__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:500;color:var(--junto-text)}.field__input{padding:10px 14px;border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);background:var(--junto-surface);color:var(--junto-text);font-size:15px;font-family:var(--junto-font-body);transition:border-color .15s,box-shadow .15s}.field__input:focus{outline:none;border-color:var(--junto-primary-500);box-shadow:0 0 0 3px #f26b3a26}.field__error{color:var(--junto-error);font-size:12px}.btn{padding:11px 18px;border:none;border-radius:var(--junto-radius-sm);font-size:15px;font-weight:600;font-family:var(--junto-font-body);cursor:pointer;transition:background .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn__icon{flex-shrink:0}.btn__copy-label{display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--junto-primary-500);color:#fff}.btn--primary:not(:disabled):hover{background:var(--junto-primary-600)}.btn--primary:not(:disabled):active{transform:scale(.98)}.btn--ghost{background:transparent;color:var(--junto-error);border:1px solid var(--junto-border);margin-top:12px}.btn--ghost:not(:disabled):hover{background:#d4574a0d}.dashboard{text-align:center;padding:40px 0}.dashboard__title{font-size:26px;color:var(--junto-text);margin-bottom:8px}.dashboard__hint{color:var(--junto-text-muted);margin-bottom:20px}.dashboard__link{display:inline-block;font-weight:500}.home-dash{display:flex;flex-direction:column;gap:24px}.home-dash__title{font-size:26px;color:var(--junto-text);margin:0}.home-dash__subtitle{color:var(--junto-text-muted);margin:4px 0 0}.home-dash__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.home-dash__section{display:flex;flex-direction:column;gap:12px}.home-dash__section-head{display:flex;align-items:center;justify-content:space-between}.home-dash__section-title{font-size:18px;color:var(--junto-text);margin:0}.home-dash__seeall{font-size:13px;font-weight:600;color:var(--junto-primary-on-soft);text-decoration:none}.home-dash__seeall:hover{text-decoration:underline}.home-dash__empty{color:var(--junto-text-muted);font-size:14px;margin:0}.home-dash__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.home-dash__group{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-md);text-decoration:none;color:var(--junto-text);transition:border-color .15s}.home-dash__group:hover{border-color:var(--junto-primary-400)}.home-dash__group-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.home-dash__group-name{flex:1;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-dash__group-count{font-size:12px;color:var(--junto-text-muted);background:var(--junto-bg);padding:2px 8px;border-radius:var(--junto-radius-pill)}.profile{display:flex;flex-direction:column;gap:16px}.profile__email{display:flex;flex-direction:column;gap:6px}.profile__email-value{font-size:15px;color:var(--junto-text-muted);padding:10px 14px;background:var(--junto-bg);border-radius:var(--junto-radius-sm);border:1px dashed var(--junto-border)}.groups{display:flex;flex-direction:column;gap:20px}.groups__header{display:flex;align-items:center;justify-content:space-between}.groups__title{font-size:26px;color:var(--junto-text);margin:0}.groups__join-link{display:inline-block;padding:8px 0;font-size:14px;font-weight:500;color:var(--junto-secondary-500)}.groups__filters{display:flex;gap:8px;flex-wrap:wrap}.groups__filter{padding:6px 14px;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);background:var(--junto-surface);color:var(--junto-text-muted);font-size:13px;font-weight:500;font-family:var(--junto-font-body);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.groups__filter:hover{border-color:var(--junto-primary-400);color:var(--junto-text)}.groups__filter--active{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.groups__hint{color:var(--junto-text-muted);font-size:14px;margin:0}.groups__empty{text-align:center;padding:40px 20px;background:var(--junto-surface);border:1px dashed var(--junto-border);border-radius:var(--junto-radius-md)}.groups__empty h3{color:var(--junto-text);margin-bottom:8px}.groups__empty p{color:var(--junto-text-muted);font-size:14px;margin:0}.groups__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.group-card{background:var(--junto-surface);border:1px solid var(--junto-border);border-left:6px solid var(--junto-primary-500);border-radius:var(--junto-radius-sm);overflow:hidden}.group-card__link{display:flex;flex-direction:column;text-decoration:none}.group-card__cover{display:block;height:96px;background-size:cover;background-position:center;background-color:var(--junto-bg)}.group-card__body{display:flex;flex-direction:column;gap:4px;padding:14px 18px}.group-card__title-row{display:flex;align-items:center;gap:8px}.group-card__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.group-card__name{font-weight:600;color:var(--junto-text);font-size:16px}.group-card__archived,.group-detail__archived{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--junto-radius-pill);background:var(--junto-secondary-50);color:var(--junto-secondary-700)}.group-card__desc{font-size:13px;color:var(--junto-text-muted)}.group-card__meta{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--junto-text-muted)}.group-card__role{text-transform:capitalize}.group-detail{display:flex;flex-direction:column;gap:24px}.group-detail__header{border-left:6px solid var(--junto-primary-500);padding-left:16px}.group-detail__cover{height:180px;border-radius:var(--junto-radius-md);background-size:cover;background-position:center;background-color:var(--junto-bg);border:1px solid var(--junto-border);margin-bottom:14px}.group-detail__heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.group-detail__dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.group-detail__name{font-size:24px;color:var(--junto-text);margin:0}.group-detail__desc{color:var(--junto-text-muted);margin:0 0 6px}.group-detail__meta{font-size:13px;color:var(--junto-text-muted);margin:0}.group-detail__section{display:flex;flex-direction:column;gap:10px}.group-detail__section-title{font-size:16px;color:var(--junto-text);margin:0}.group-detail__section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.group-event{display:flex;align-items:center;background:var(--junto-surface);border:1px solid var(--junto-border);border-left:5px solid var(--junto-primary-500);border-radius:var(--junto-radius-sm);overflow:hidden}.group-event__link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none}.group-event__unlink{flex-shrink:0;margin-right:8px}.group-event__unlink:hover{background:#d4574a1a;color:var(--junto-error)}.group-event__link:hover{text-decoration:none}.group-event__date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;flex-shrink:0}.group-event__day{font-size:20px;font-weight:700;color:var(--junto-primary-500);font-family:var(--junto-font-mono);line-height:1}.group-event__month{font-size:10px;text-transform:uppercase;color:var(--junto-text-muted);letter-spacing:.5px}.group-event__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.group-event__title{font-weight:600;color:var(--junto-text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-event__meta{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--junto-text-muted)}.group-event__time{font-family:var(--junto-font-mono)}.group-event__confirmed{display:inline-flex;align-items:center;gap:4px;color:var(--junto-success)}.group-event__chevron{color:var(--junto-text-muted);flex-shrink:0}.group-detail__members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm)}.member-row__identity{display:flex;align-items:center;gap:10px;min-width:0}.member-row__avatar{width:34px;height:34px;border-radius:var(--junto-radius-pill);border:2px solid var(--junto-border);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--junto-primary-soft)}.member-row__avatar-img{width:100%;height:100%;object-fit:cover}.member-row__avatar-fallback{color:var(--junto-primary-on-soft);font-weight:700;font-size:14px}.member-row__name{font-weight:500;color:var(--junto-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row__right{display:flex;align-items:center;gap:6px;flex-shrink:0}.member-row__role{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 10px;border-radius:var(--junto-radius-pill);text-transform:capitalize}.member-row__role--admin{background:var(--junto-primary-soft);color:var(--junto-primary-on-soft)}.member-row__role--member{background:var(--junto-secondary-50, #f0f4f8);color:var(--junto-secondary-700)}.member-row__role--viewer{background:var(--junto-bg);color:var(--junto-text-muted);border:1px solid var(--junto-border)}.member-row__menu-wrap{position:relative}.member-row__menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:190px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);box-shadow:0 8px 28px #1a1a1a29;padding:4px;display:flex;flex-direction:column}.member-row__menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--junto-text);font-size:13px;font-family:var(--junto-font-body);text-align:left;border-radius:var(--junto-radius-sm);cursor:pointer}.member-row__menu button:hover{background:var(--junto-primary-soft)}.member-row__menu-danger{color:var(--junto-error)!important}.member-row__menu-danger:hover{background:#d4574a1a!important}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--junto-radius-sm);border:1px solid transparent;background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--junto-primary-soft);color:var(--junto-primary-on-soft)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.group-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.group-stats__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);text-align:center}.group-stats__value{font-size:20px;font-weight:700;color:var(--junto-text);font-family:var(--junto-font-mono)}.group-stats__label{font-size:12px;color:var(--junto-text-muted)}.group-detail__actions-row{display:flex;gap:10px;flex-wrap:wrap}.group-detail__file-input{display:none}.invite-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.invite-form__field{flex:1;min-width:140px}.invite-form__submit{flex-shrink:0}.invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.invite-card{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:14px;display:flex;flex-direction:column;gap:12px}.invite-card__main{display:flex;justify-content:space-between;gap:12px;align-items:center}.invite-card__info{display:flex;flex-direction:column;gap:6px}.invite-card__status{align-self:flex-start;display:inline-block;font-size:11px;font-weight:600;padding:2px 10px;border-radius:var(--junto-radius-pill);text-transform:uppercase;letter-spacing:.4px}.invite-card__status--active{background:#4caf7d26;color:var(--junto-success)}.invite-card__status--expired{background:#e8913a26;color:var(--junto-warning)}.invite-card__status--revoked{background:#d4574a26;color:var(--junto-error)}.invite-card__detail{font-size:13px;color:var(--junto-text-muted)}.invite-card__qr{flex-shrink:0;padding:6px;background:var(--junto-bg);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);color:var(--junto-text);line-height:0}.invite-card__url-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invite-card__url{flex:1 1 100%;min-width:0;background:var(--junto-bg);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:8px 12px;font-family:var(--junto-font-mono);font-size:12px;color:var(--junto-text);word-break:break-all}.invite-card__revoke{align-self:flex-start}.group-detail__invitation{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-detail__token{background:var(--junto-bg);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:8px 12px;font-family:var(--junto-font-mono);font-size:13px;color:var(--junto-secondary-800);word-break:break-all;flex:1}.color-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-picker__swatch{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .1s}.color-picker__swatch:hover{transform:scale(1.1)}.color-picker__swatch--selected{border-color:var(--junto-text);box-shadow:0 0 0 2px var(--junto-surface),0 0 0 4px var(--junto-text)}.btn--sm{padding:7px 14px;font-size:13px}.btn--neutral{background:var(--junto-surface);color:var(--junto-text);border:1px solid var(--junto-border)}.btn--neutral:not(:disabled):hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.btn--ghost-neutral{background:transparent;color:var(--junto-text-muted);border:1px solid var(--junto-border)}.btn--ghost-neutral:not(:disabled):hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.btn--danger{background:var(--junto-error);color:#fff;border:1px solid var(--junto-error)}.btn--danger:not(:disabled):hover{filter:brightness(.94)}.dashboard__links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.link-events{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:14px;display:flex;flex-direction:column;gap:12px}.link-events__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.link-events__title{margin:0;font-size:14px;font-weight:600;color:var(--junto-text)}.link-events__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.link-events__option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--junto-radius-sm);cursor:pointer}.link-events__option:hover{background:var(--junto-primary-soft)}.link-events__option input{flex-shrink:0;width:16px;height:16px;accent-color:var(--junto-primary-500);cursor:pointer}.link-events__option-body{display:flex;flex-direction:column;gap:2px;min-width:0}.link-events__option-title{font-size:14px;font-weight:600;color:var(--junto-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-events__option-meta{font-size:12px;color:var(--junto-text-muted)}.group-detail__header{display:flex;flex-direction:column;gap:10px}.group-detail__cover--color{border:none}.group-detail__header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-detail__meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-detail__mycolor{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.group-detail__mycolor-label{font-size:13px;color:var(--junto-text-muted)}.group-detail__mycolor .color-picker{grid-template-columns:repeat(10,22px);gap:6px}.group-preview-event__date{flex-shrink:0;min-width:48px;font-family:var(--junto-font-mono);font-size:12px;font-weight:700;text-transform:uppercase}.preview-list__link{text-decoration:none;color:var(--junto-text)}.preview-list__link:hover{color:var(--junto-primary-500);text-decoration:none}.attendee-preview__remove{margin-left:auto}.invite-preview__status{flex-shrink:0;align-self:center}.group-activity-preview{display:flex;align-items:center;gap:16px}.group-activity-preview__streak{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;background:var(--junto-bg);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);flex-shrink:0}.group-activity-preview__streak-value{font-size:24px;font-weight:700;font-family:var(--junto-font-mono);color:var(--junto-text);line-height:1}.group-activity-preview__streak-label{font-size:11px;color:var(--junto-text-muted)}.group-activity-preview__figures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.group-activity-preview__figures li{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-activity-preview__figure-label{font-size:13px;color:var(--junto-text-muted)}.group-activity-preview__figure-value{font-family:var(--junto-font-mono);font-weight:700;color:var(--junto-text)}.group-settings,.events{display:flex;flex-direction:column;gap:20px}.events__header{display:flex;align-items:center;justify-content:space-between}.events__title{font-size:26px;color:var(--junto-text);margin:0}.events__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.event-card{background:var(--junto-surface);border:1px solid var(--junto-border);border-left:6px solid var(--junto-primary-500);border-radius:var(--junto-radius-sm);overflow:hidden}.event-card__link{display:flex;align-items:stretch;text-decoration:none}.event-card__date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;background:var(--junto-bg);border-right:1px solid var(--junto-border);min-width:64px}.event-card__day{font-size:22px;font-weight:700;color:var(--junto-primary-500);font-family:var(--junto-font-mono);line-height:1}.event-card__month{font-size:11px;text-transform:uppercase;color:var(--junto-text-muted);letter-spacing:.5px}.event-card__time{font-size:11px;color:var(--junto-text-muted);margin-top:2px;font-family:var(--junto-font-mono)}.event-card__body{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.event-card__title{font-weight:600;color:var(--junto-text);font-size:15px}.event-card__location,.event-card__group{font-size:12px;color:var(--junto-text-muted)}.event-card__location{display:inline-flex;align-items:center;gap:4px}.event-card__confirmed{font-size:11px;color:var(--junto-success);display:inline-flex;align-items:center;gap:4px}.event-card__rsvp{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;padding:8px 0;font-size:11px;font-weight:600;color:#fff;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.5px}.event-detail{display:flex;flex-direction:column;gap:20px}.event-detail__header{border-left:6px solid var(--junto-primary-500);padding-left:16px}.event-detail__title-row{display:flex;align-items:center;gap:8px}.event-detail__title{font-size:24px;color:var(--junto-text);margin:0}.event-detail__cancelled{display:inline-block;background:#d4574a26;color:var(--junto-error);padding:2px 10px;border-radius:var(--junto-radius-pill);font-size:12px;font-weight:600;margin-top:6px}.event-detail__desc{color:var(--junto-text-muted);margin:8px 0 0}.event-detail__meta p{margin:4px 0;font-size:14px;color:var(--junto-text);display:flex;align-items:center;gap:8px}.event-detail__meta-icon{flex-shrink:0;color:var(--junto-text-muted)}.event-detail__section,.event-detail__rsvp{display:flex;flex-direction:column;gap:10px}.event-detail__section-title{font-size:16px;color:var(--junto-text);margin:0}.event-detail__rsvp-buttons{display:flex;gap:8px;flex-wrap:wrap}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-row__role--going{background:#2ecc7126;color:#2ecc71}.member-row__role--maybe{background:#e8913a26;color:#e8913a}.member-row__role--not_going{background:#d4574a26;color:#d4574a}.member-row__role--pending{background:#bdc3c726;color:#7f8c8d}.event-detail__groups{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.group-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);background:var(--junto-surface);color:var(--junto-text);font-size:13px;font-weight:500;font-family:var(--junto-font-body);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.group-chip:not(:disabled):hover{transform:translateY(-1px);border-color:var(--junto-primary-400)}.group-chip:disabled{opacity:.45;cursor:not-allowed}.group-chip--active{font-weight:600}.group-chip--link,.group-chip--link:hover{text-decoration:none}.group-chip__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.group-chip__check{color:var(--junto-text);flex-shrink:0}.group-chip--editable{padding-right:6px;cursor:default}.group-chip--editable:hover{transform:none}.group-chip__label{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none}.group-chip__label:hover{text-decoration:none}.group-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--junto-radius-pill);background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,color .15s}.group-chip__remove:hover:not(:disabled){background:color-mix(in srgb,var(--junto-error) 18%,transparent);color:var(--junto-error)}.group-chip__remove:disabled{opacity:.45;cursor:not-allowed}.group-chip--add{border-style:dashed;color:var(--junto-text-muted)}.event-detail__add-group{position:relative}.group-picker-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:200px;max-height:260px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:2px}.group-picker-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--junto-radius-sm);background:transparent;color:var(--junto-text);font-family:var(--junto-font-body);font-size:13px;text-align:left;cursor:pointer;transition:background .12s}.group-picker-menu__item:hover:not(:disabled){background:var(--junto-primary-soft);color:var(--junto-primary-on-soft)}.group-picker-menu__item:disabled{opacity:.45;cursor:not-allowed}.event-detail__group-error{margin:8px 0 0;font-size:13px;color:var(--junto-error)}.calendar{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-md);padding:16px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.calendar__grid-motion{display:flex;flex-direction:column;gap:14px}.calendar__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.calendar__nav{display:inline-flex;align-items:center;gap:8px}.calendar__navbtn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);color:var(--junto-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.calendar__navbtn:hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.calendar__today{padding:7px 14px;background:transparent;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);color:var(--junto-text);font-family:var(--junto-font-body);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.calendar__today:hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.calendar__period{font-family:var(--junto-font-heading);font-size:18px;font-weight:600;color:var(--junto-text);text-transform:capitalize;margin-left:6px}.calendar__views{display:inline-flex;padding:3px;background:var(--junto-bg);border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);gap:2px}.calendar__viewbtn{padding:6px 16px;border:none;background:transparent;border-radius:var(--junto-radius-pill);color:var(--junto-text-muted);font-family:var(--junto-font-body);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.calendar__viewbtn:hover{color:var(--junto-text)}.calendar__viewbtn--active{background:var(--junto-primary-500);color:#fff}.calendar__viewbtn--active:hover{color:#fff}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar__weekday{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--junto-text-muted)}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar__cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:74px;padding:8px 4px 6px;background:var(--junto-bg);border:1px solid transparent;border-radius:var(--junto-radius-sm);cursor:pointer;font-family:var(--junto-font-body);transition:background .12s,border-color .12s}.calendar__cell:hover{border-color:var(--junto-primary-400)}.calendar__daynum{font-size:14px;font-weight:600;color:var(--junto-text);font-family:var(--junto-font-mono);line-height:1}.calendar__cell--outside{opacity:.4}.calendar__cell--today .calendar__daynum{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--junto-radius-pill);background:var(--junto-primary-soft);color:var(--junto-primary-on-soft)}.calendar__cell--selected{border-color:var(--junto-primary-500);background:var(--junto-primary-soft)}.calendar__cell--selected .calendar__daynum{color:var(--junto-primary-on-soft)}.calendar__week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar__weekcell{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:92px;padding:10px 4px;background:var(--junto-bg);border:1px solid transparent;border-radius:var(--junto-radius-sm);cursor:pointer;font-family:var(--junto-font-body);transition:background .12s,border-color .12s}.calendar__weekcell:hover{border-color:var(--junto-primary-400)}.calendar__weekcell.calendar__cell--selected{border-color:var(--junto-primary-500);background:var(--junto-primary-soft)}.calendar__weekcell-weekday{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--junto-text-muted)}.calendar__weekcell-day{font-size:18px;font-weight:700;color:var(--junto-text);font-family:var(--junto-font-mono);line-height:1}.calendar__weekcell.calendar__cell--today .calendar__weekcell-day{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--junto-radius-pill);background:var(--junto-primary-soft);color:var(--junto-primary-on-soft)}.calendar__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;min-height:6px}.calendar__dot{width:14px;height:5px;border-radius:var(--junto-radius-pill);flex-shrink:0}.calendar__more{font-size:10px;font-weight:700;color:var(--junto-text-muted);line-height:1}.calendar__agenda{display:flex;flex-direction:column;gap:12px}.calendar__agenda-title{font-size:17px;color:var(--junto-text);text-transform:capitalize;margin:0}.calendar__agenda-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;background:var(--junto-surface);border:1px dashed var(--junto-border);border-radius:var(--junto-radius-md);color:var(--junto-text-muted)}.calendar__agenda-empty p{margin:0}@media(max-width:560px){.calendar__toolbar{justify-content:center}.calendar__period{width:100%;text-align:center;margin-left:0}.calendar__cell{min-height:60px}}.event-groups-picker{border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);background:var(--junto-surface);padding:14px;margin:0;display:flex;flex-direction:column;gap:10px}.event-groups-picker__chips{display:flex;flex-wrap:wrap;gap:8px}.event-info-row{display:flex;gap:20px;align-items:flex-start}.event-info-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:16px}.event-attendance{flex:0 0 auto;width:300px;align-self:flex-start;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}@media(max-width:860px){.event-info-row{flex-direction:column}.event-attendance{width:100%}}.event-attendance__title{font-size:16px;color:var(--junto-text);margin:0}.event-attendance__buttons{display:flex;flex-direction:column;gap:8px}.event-attendance__buttons .btn{width:100%;justify-content:center}.event-attendance__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:4px 2px;background:transparent;border:none;cursor:pointer;color:var(--junto-text);font-family:var(--junto-font-body);font-size:15px;text-align:left}.event-attendance__summary-label{display:inline-flex;align-items:center;gap:8px;min-width:0}.event-attendance__summary-title{font-weight:600}.event-attendance__summary-value{color:var(--junto-text-muted);font-weight:600;white-space:nowrap}.event-attendance__chevron{color:var(--junto-text-muted);flex-shrink:0}.event-attendance__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--junto-text-muted)}.event-attendance__summary--going .event-attendance__dot{background:#2ecc71}.event-attendance__summary--going .event-attendance__summary-value{color:#2ecc71}.event-attendance__summary--maybe .event-attendance__dot{background:#e8913a}.event-attendance__summary--maybe .event-attendance__summary-value{color:#e8913a}.event-attendance__summary--not_going .event-attendance__dot{background:#d4574a}.event-attendance__summary--not_going .event-attendance__summary-value{color:#d4574a}.event-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.event-cards{grid-template-columns:1fr}}.event-card-preview{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}.event-card-preview__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.event-card-preview__title{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--junto-text);margin:0}.event-card-preview__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:var(--junto-radius-pill);background:var(--junto-primary-soft);color:var(--junto-primary-on-soft);font-size:12px;font-weight:700;font-family:var(--junto-font-mono)}.event-card-preview__actions{display:inline-flex;align-items:center;gap:4px}.event-card-preview__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--junto-radius-sm);border:1px solid var(--junto-border);background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.event-card-preview__btn:hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.event-card-preview__body{display:flex;flex-direction:column}.event-card-preview__empty{margin:0;padding:6px 0;color:var(--junto-text-muted);font-size:13px}.attendee-preview{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.attendee-preview__item{display:flex;align-items:center;gap:10px;min-width:0}.attendee-preview__name{flex:1;min-width:0;font-size:14px;color:var(--junto-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendee-preview__more-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:var(--junto-radius-pill);background:var(--junto-bg);border:1px solid var(--junto-border);color:var(--junto-text-muted);font-weight:700;font-size:13px}.preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.preview-list__item{display:flex;align-items:center;gap:8px;min-width:0}.preview-list__item--comment{align-items:flex-start}.preview-list__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.preview-list__author{font-size:12px;font-weight:600;color:var(--junto-text)}.preview-list__label{flex:1;min-width:0;font-size:14px;color:var(--junto-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-list__label--clamp{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.preview-list__label--done{text-decoration:line-through;color:var(--junto-text-muted)}.preview-check{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:2px solid var(--junto-border);background:transparent;color:#fff;cursor:pointer;transition:background .15s,border-color .15s}.preview-check--on{background:var(--junto-primary-500);border-color:var(--junto-primary-500)}.preview-list__delete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--junto-radius-sm);background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,color .15s}.preview-list__delete:hover:not(:disabled){background:color-mix(in srgb,var(--junto-error) 16%,transparent);color:var(--junto-error)}.preview-list__delete:disabled{opacity:.45;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080}.modal{background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-lg);width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--junto-border);flex-shrink:0}.modal__title{font-size:18px;color:var(--junto-text);margin:0}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--junto-radius-pill);border:1px solid var(--junto-border);background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.modal__close:hover{background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.modal__body{padding:20px;overflow-y:auto;overflow-x:hidden}@media(max-width:560px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:92vh;border-radius:var(--junto-radius-lg) var(--junto-radius-lg) 0 0}.modal__header{padding:14px 16px}.modal__body{padding:16px}}.checkmarks{display:flex;flex-direction:column;gap:14px}.checkmarks__add{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.checkmarks__input{flex:1 1 200px;min-width:0}.checkmarks__type-select{flex:1 1 110px;width:auto;min-width:110px}.checkmarks__section{display:flex;flex-direction:column;gap:6px}.checkmarks__section-title{font-size:14px;font-weight:600;color:var(--junto-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.checkmarks__empty{color:var(--junto-text-muted);font-size:14px;text-align:center;padding:12px}.checkmark-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);transition:background .15s}.checkmark-row--done{opacity:.6}.checkmark-row--done .checkmark-row__label{text-decoration:line-through;color:var(--junto-text-muted)}.checkmark-row__checkbox{width:24px;height:24px;border:2px solid var(--junto-border);border-radius:6px;background:var(--junto-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:transparent;transition:all .15s;flex-shrink:0;padding:0}.checkmark-row__checkbox--checked{background:var(--junto-success);border-color:var(--junto-success);color:#fff}.checkmark-row__checkbox:hover:not(:disabled){border-color:var(--junto-primary-500)}.checkmark-row__label{flex:1;font-size:14px;color:var(--junto-text)}.checkmark-row__count{background:var(--junto-primary-soft);color:var(--junto-primary-on-soft);font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--junto-radius-pill)}.checkmark-row__delete{background:transparent;border:none;color:var(--junto-text-muted);cursor:pointer;font-size:14px;padding:4px;opacity:.5;transition:opacity .15s;display:inline-flex;align-items:center;justify-content:center}.checkmark-row__delete:hover:not(:disabled){opacity:1;color:var(--junto-error)}.comments{display:flex;flex-direction:column;gap:14px}.comments__list{display:flex;flex-direction:column;gap:12px}.comments__empty{color:var(--junto-text-muted);font-size:14px;text-align:center;padding:12px}.comments__composer{display:flex;gap:8px;align-items:stretch}.comments__input{flex:1;min-width:0}.comment-item{display:flex;gap:10px;align-items:flex-start}.comment-item--reply{margin-top:8px}.comment-item__avatar{flex-shrink:0}.comment-item__avatar-img{width:34px;height:34px;border-radius:var(--junto-radius-pill);object-fit:cover}.comment-item__avatar-fallback{width:34px;height:34px;border-radius:var(--junto-radius-pill);background:var(--junto-primary-soft);color:var(--junto-primary-on-soft);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.comment-item__body{flex:1;min-width:0;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:10px 12px}.comment-item__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-item__author{font-weight:600;font-size:14px;color:var(--junto-text)}.comment-item__edited{font-size:11px;color:var(--junto-text-muted);font-style:italic}.comment-item__actions{margin-left:auto;display:flex;gap:2px}.comment-item__action{background:transparent;border:none;color:var(--junto-text-muted);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:6px;opacity:.6;transition:opacity .15s,background .15s;display:inline-flex;align-items:center;justify-content:center}.comment-item__action:hover:not(:disabled){opacity:1;background:var(--junto-primary-soft)}.comment-item__action--danger:hover:not(:disabled){color:var(--junto-error)}.comment-item__content{margin:0;font-size:14px;color:var(--junto-text);white-space:pre-wrap;word-break:break-word}.comment-item__edit{display:flex;gap:6px;align-items:stretch}.comment-item__edit .field__input{flex:1}.comment-item__media{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.comment-item__image{max-width:160px;max-height:160px;border-radius:var(--junto-radius-sm);object-fit:cover}.comment-item__file{font-size:12px;color:var(--junto-text-muted);background:var(--junto-primary-soft);padding:4px 8px;border-radius:var(--junto-radius-pill);display:inline-flex;align-items:center;gap:4px}.comment-item__reply-toggle{background:transparent;border:none;color:var(--junto-primary-on-soft);cursor:pointer;font-size:12px;font-weight:600;padding:6px 0 0}.comment-item__reply-toggle:hover{text-decoration:underline}.comment-item__reply-box{display:flex;gap:6px;align-items:stretch;margin-top:8px}.comment-item__replies{margin-top:8px;padding-left:12px;border-left:2px solid var(--junto-border)}.notes{display:flex;flex-direction:column;gap:14px}.notes__list{display:flex;flex-direction:column;gap:10px}.notes__empty{color:var(--junto-text-muted);font-size:14px;text-align:center;padding:12px}.notes__composer{display:flex;flex-direction:column;gap:8px;align-items:stretch}.notes__textarea{resize:vertical;font-family:inherit;min-height:48px}.note-item{display:flex;gap:10px;align-items:flex-start;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);padding:10px 12px}.note-item__reorder{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.note-item__arrow{background:transparent;border:none;color:var(--junto-text-muted);cursor:pointer;font-size:11px;line-height:1;padding:2px 4px;border-radius:4px;opacity:.6;transition:opacity .15s,color .15s;display:inline-flex;align-items:center;justify-content:center}.note-item__arrow:hover:not(:disabled){opacity:1;color:var(--junto-primary-on-soft)}.note-item__arrow:disabled{opacity:.2;cursor:default}.note-item__body{flex:1;min-width:0}.note-item__title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--junto-text)}.note-item__content{margin:0;font-size:14px;color:var(--junto-text);white-space:pre-wrap;word-break:break-word}.note-item__meta{display:flex;align-items:center;gap:8px;margin-top:6px}.note-item__author{font-size:12px;color:var(--junto-text-muted)}.note-item__actions{margin-left:auto;display:flex;gap:2px}.note-item__action{background:transparent;border:none;color:var(--junto-text-muted);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:6px;opacity:.6;transition:opacity .15s,background .15s;display:inline-flex;align-items:center;justify-content:center}.note-item__action:hover:not(:disabled){opacity:1;background:var(--junto-primary-soft)}.note-item__action--danger:hover:not(:disabled){color:var(--junto-error)}.note-item__edit{display:flex;flex-direction:column;gap:6px}.note-item__edit-actions{display:flex;gap:6px}.daily-notes{display:flex;flex-direction:column;gap:16px}.daily-notes__lead{margin:0;font-size:14px;color:var(--junto-text-muted)}.daily-notes__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.daily-note-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-md)}.daily-note-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.daily-note-card__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.daily-note-card__title{font-weight:600;font-size:15px;color:var(--junto-text);overflow-wrap:anywhere}.daily-note-card__ranges{display:flex;flex-wrap:wrap;gap:6px}.daily-note-card__actions{display:flex;gap:6px;flex-shrink:0}.daily-note-card__action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.daily-note-card__action:hover:not(:disabled){background:var(--junto-primary-soft);border-color:var(--junto-primary-400);color:var(--junto-primary-on-soft)}.daily-note-card__action--danger:hover:not(:disabled){background:color-mix(in srgb,var(--junto-error) 12%,var(--junto-surface));border-color:var(--junto-error);color:var(--junto-error)}.daily-note-card__action:disabled{opacity:.5;cursor:not-allowed}.dn-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--junto-radius-pill);background:var(--junto-bg);border:1px solid var(--junto-border);color:var(--junto-text-muted);font-size:11px;font-weight:600;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.dn-badge--group{background:var(--junto-primary-soft);border-color:transparent;color:var(--junto-primary-on-soft)}.dn-badge--mode{background:var(--junto-secondary-50);border-color:transparent;color:var(--junto-secondary-500)}.dn-range-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);background:var(--junto-bg);color:var(--junto-text);font-size:12px;font-weight:500}.dn-range-chip__time{color:var(--junto-text-muted);font-family:var(--junto-font-mono);font-size:11px}.dn-form__actions{margin-top:4px}.dn-range-head,.dn-range-row{display:grid;grid-template-columns:1fr 1fr 96px 34px;gap:8px;align-items:center}.dn-range-head{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--junto-text-muted)}.dn-range-row .field__input{min-width:0;padding:8px 10px;font-size:14px}.dn-range-row__remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--junto-border);border-radius:var(--junto-radius-pill);background:transparent;color:var(--junto-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dn-range-row__remove:hover:not(:disabled){background:color-mix(in srgb,var(--junto-error) 12%,var(--junto-surface));border-color:var(--junto-error);color:var(--junto-error)}.dn-range-row__remove:disabled{opacity:.4;cursor:not-allowed}@media(max-width:560px){.dn-range-head{display:none}.dn-range-row{grid-template-columns:1fr 1fr;padding-bottom:10px;border-bottom:1px dashed var(--junto-border)}.dn-range-row:last-of-type{border-bottom:none;padding-bottom:0}.dn-range-row__remove{justify-self:end}}.calendar__cell,.calendar__weekcell{position:relative}.calendar__notes-badge{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border-radius:var(--junto-radius-pill);border:1px solid var(--junto-border);background:var(--junto-surface);color:var(--junto-text-muted);line-height:1;pointer-events:none}.calendar__notes-badge--done{background:var(--junto-success);border-color:var(--junto-success);color:#fff}.calendar__notes-badge-count{font-size:9px;font-weight:700;font-family:var(--junto-font-mono)}.calendar__agenda-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.calendar__agenda-notes{display:flex;flex-direction:column;gap:8px}.calendar__agenda-subtitle{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--junto-text-muted)}.dn-agenda-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dn-agenda-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm);transition:opacity .15s}.dn-agenda-item--done{opacity:.65}.dn-agenda-item--done .dn-agenda-item__title{text-decoration:line-through;color:var(--junto-text-muted)}.dn-agenda-item__main{display:flex;align-items:center;gap:10px;min-width:0}.dn-agenda-item__title{flex:1;min-width:0;font-size:14px;font-weight:500;color:var(--junto-text);overflow-wrap:anywhere}.dn-agenda-item__meta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.dn-agenda-item__time{font-size:11px;color:var(--junto-text-muted);font-family:var(--junto-font-mono);white-space:nowrap}.dn-check{width:24px;height:24px;border:2px solid var(--junto-border);border-radius:6px;background:var(--junto-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .15s,border-color .15s;flex-shrink:0;padding:0}.dn-check--checked{background:var(--junto-success);border-color:var(--junto-success);color:#fff}.dn-check:hover:not(:disabled){border-color:var(--junto-primary-500)}.dn-check:disabled{opacity:.6;cursor:not-allowed}.dn-check__mark{display:inline-flex;align-items:center;justify-content:center}.dn-agenda-item__completed-by{display:inline-flex;align-items:center;gap:5px;margin:0 0 0 34px;font-size:12px;color:var(--junto-success)}.dn-avatars{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border:none;border-radius:var(--junto-radius-pill);background:transparent;color:var(--junto-text-muted);cursor:pointer;flex-shrink:0;transition:background .15s}.dn-avatars:hover{background:var(--junto-primary-soft)}.dn-avatars__more{font-size:11px;font-weight:700;color:var(--junto-text-muted)}.dn-avatar{width:22px;height:22px;border-radius:var(--junto-radius-pill);border:1px solid var(--junto-border);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--junto-primary-soft);flex-shrink:0}.dn-avatars .dn-avatar:not(:first-child){margin-left:-8px}.dn-avatar__img{width:100%;height:100%;object-fit:cover}.dn-avatar__fallback{color:var(--junto-primary-on-soft);font-weight:700;font-size:10px}.dn-agenda-item__completions-wrap{overflow:hidden}.dn-agenda-item__completions{list-style:none;margin:0 0 0 34px;padding:0;display:flex;flex-direction:column;gap:6px}.dn-agenda-item__completion{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--junto-text)}@media(max-width:560px){.dn-agenda-item__main{flex-wrap:wrap}.dn-agenda-item__title{flex-basis:calc(100% - 34px)}.dn-agenda-item__meta{margin-left:34px}}.toggle-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--junto-text);cursor:pointer}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--junto-primary-500);cursor:pointer}.toggle-row input:disabled{cursor:default}.form__subtitle{font-size:15px;font-weight:600;color:var(--junto-text);margin:12px 0 2px}.field__hint{font-size:12px;color:var(--junto-text-muted);margin:0 0 8px}