: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-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)}}: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)}*{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)}}.app__content>*,.auth__card{animation:junto-fade-in .28s ease both}@media(prefers-reduced-motion:reduce){*,.app__content>*,.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:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:var(--junto-primary-500);color:#fff;border-radius:var(--junto-radius-md);font-family:var(--junto-font-heading);font-weight:700;font-size:18px}.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,.app__backdrop{display: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,.sidebar--collapsed{position:fixed;top:0;left:0;height:100vh;--sidebar-w: 264px;width:var(--sidebar-w);transform:translate(-100%);box-shadow:4px 0 24px #0000002e}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__link-label,.sidebar--collapsed .sidebar__user-name{display:inline}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__brand{justify-content:flex-start}.sidebar__collapse{display:none}.app--nav-open .sidebar{transform:translate(0)}.app--nav-open .app__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25;animation:junto-fade-in .2s ease both}.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__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}.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: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}.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__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;transition:transform .1s}.group-card:hover{transform:translateY(-1px)}.group-card__link{display:flex;flex-direction:column;gap:4px;padding:14px 18px;text-decoration:none}.group-card__name{font-weight:600;color:var(--junto-text);font-size:16px}.group-card__desc{font-size:13px;color:var(--junto-text-muted)}.group-card__meta{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__name{font-size:24px;color:var(--junto-text);margin:0 0 4px}.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__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;padding:10px 14px;background:var(--junto-surface);border:1px solid var(--junto-border);border-radius:var(--junto-radius-sm)}.member-row__name{font-weight:500;color:var(--junto-text)}.member-row__role{font-size:12px;padding:2px 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)}.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}.dashboard__links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.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;transition:transform .1s}.event-card:hover{transform:translateY(-1px)}.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;padding:0 14px;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{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}.checkmarks{display:flex;flex-direction:column;gap:14px}.checkmarks__add{display:flex;gap:8px;align-items:stretch}.checkmarks__input{flex:1}.checkmarks__type-select{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}.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}.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}