:root{color:#172235;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fff6f1;min-width:320px;height:100%;overflow:hidden}body{min-width:320px;height:100%;margin:0;overflow:hidden}#root{height:100svh;overflow:hidden}@media (width<=980px){html,body{height:auto;min-height:100%;overflow:auto}#root{height:auto;min-height:100svh;overflow:visible}}:root{--bg:#fff6f1;--surface:#ffffffb8;--surface-strong:#ffffffe6;--line:#45312d1a;--ink:#211c1c;--muted:#766966;--accent:#f2727d;--accent-deep:#d95f6b;--accent-soft:#ffe4dc;--mine:#ffe1da;--shadow:0 18px 50px #5636301a}.app-shell,.login-shell{color:var(--ink);background:var(--bg)}.app-shell{height:100svh;display:block;overflow:hidden}.sidebar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffffd1;border-radius:26px;width:min(520px,100% - 32px);padding:10px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #56363024}.brand{align-items:center;gap:12px;display:none}.topbar-brand{min-width:0;display:flex}.brand-mark{color:#fff;background:var(--accent-soft);border-radius:16px;place-items:center;width:46px;height:46px;display:inline-grid;overflow:hidden;box-shadow:0 12px 28px #f2727d3d}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand strong,.brand span{display:block}.brand strong{color:var(--ink);font-size:18px}.brand span{color:var(--muted);font-size:13px;line-height:1.35}button{font:inherit}.tab-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tab,.primary-action,.ghost-action,.icon-action,.edit-actions button,.composer-reply button{cursor:pointer;border:0}.tab{min-height:52px;color:var(--muted);text-align:left;background:0 0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0;display:flex}.tab span{display:none}.tab svg{width:24px;height:24px}.tab:hover,.tab.active{color:var(--ink);background:var(--accent-soft)}.workspace{flex-direction:column;gap:24px;min-width:0;height:100svh;min-height:0;padding:32px 32px 106px;display:flex;overflow:hidden}.topbar{flex:none;justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.profile-chip,.ghost-action{border-radius:999px;align-items:center;min-height:36px;font-size:13px;font-weight:800;display:inline-flex}.profile-chip{color:#a94f5a;background:var(--accent-soft);padding:0 14px}.ghost-action{color:var(--muted);background:#ffffffb3;gap:8px;padding:0 12px}.ghost-action:hover{color:var(--ink);background:#fff}.eyebrow{color:var(--accent-deep);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:34px;line-height:1.08}h2{color:var(--ink);font-size:22px}h3{color:var(--ink);font-size:17px}.content-grid{align-items:start;gap:20px;min-height:0;display:grid;overflow:hidden}.chat-layout{flex:auto;grid-template-columns:minmax(0,1fr)}.conversation,.board-form,.post-card,.setting-block,.timeline{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px}.conversation{height:100%;min-height:0;box-shadow:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.message-list{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex;overflow:hidden auto}.chat-gift-line{color:var(--accent-deep);text-align:center;margin:0;padding:10px 16px 0;font-size:12px;font-weight:700;line-height:1.4}.empty-state{color:var(--muted);text-align:center;align-self:center;margin:auto}.message{background:var(--surface-strong);touch-action:pan-y;border-radius:22px;gap:8px;width:min(78%,520px);max-width:calc(100% - 54px);padding:14px;display:grid;box-shadow:0 12px 30px #56363014}.message.mine{background:var(--mine);align-self:flex-end;max-width:78%}.message:not(.mine){margin-left:54px;position:relative}.message-avatar{color:#fff;background:var(--accent);border-radius:999px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid;position:absolute;bottom:4px;left:-50px;overflow:hidden}.message-avatar img,.profile-photo-preview img{object-fit:cover;width:100%;height:100%}.message.highlighted{outline-offset:3px;outline:3px solid #f2727d47}.message p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.message-body:after{content:"";clear:both;display:block}.message-inline-time{float:right;color:var(--muted);white-space:nowrap;margin:4px 0 0 14px;font-size:11px;line-height:1.4}.message-media-time{color:var(--muted);justify-self:end;font-size:11px;line-height:1.4}.message-image-button{cursor:zoom-in;background:0 0;border:0;border-radius:18px;width:100%;padding:0;display:block;overflow:hidden}.message-image-button img{object-fit:cover;width:100%;max-height:280px;display:block}.reply-preview,.composer-reply{border-left:3px solid var(--accent);color:var(--muted);background:#ffffff94}.reply-preview{text-align:left;cursor:pointer;border-top:0;border-bottom:0;border-right:0;border-radius:12px;gap:2px;width:100%;padding:8px 10px;display:grid}.reply-preview:hover{background:#ffffffdb}.reply-preview strong,.composer-reply strong{color:var(--accent-deep)}.reply-preview span,.composer-reply span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-actions,.edit-actions{justify-content:flex-end;gap:6px;display:flex}.icon-action,.edit-actions button,.composer-reply button{width:32px;height:32px;color:var(--muted);background:#ffffffb8;border-radius:12px;place-items:center;display:inline-grid}.icon-action:hover,.edit-actions button:hover,.composer-reply button:hover{color:var(--ink);background:#fff}.icon-action.danger:hover{color:#a23d48;background:var(--mine)}.inline-editor{gap:8px;display:grid}.inline-editor textarea{min-height:88px}.new-message-jump{z-index:2;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;place-items:center;width:46px;height:46px;display:grid;position:absolute;bottom:92px;right:22px;box-shadow:0 14px 34px #d95f6b5c}.composer-reply{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.composer-reply div{gap:2px;min-width:0;display:grid}.composer{border-top:1px solid var(--line);background:#ffffffa8;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:10px;min-height:72px;padding:14px;display:grid}.composer button,.composer-upload{width:44px;height:44px;color:var(--accent-deep);background:var(--accent-soft);border-radius:16px;place-items:center;display:grid}.composer button:disabled{cursor:wait;opacity:.65}.composer-upload:has(input:disabled){cursor:wait;opacity:.65}.composer-upload{cursor:pointer}.composer-upload input{display:none}input,textarea{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#ffffffd1;border:1px solid #442f2b1f;border-radius:18px;outline:none}input{height:44px;padding:0 14px}textarea{resize:vertical;min-height:140px;padding:14px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #f2727d24}.message-input{resize:vertical;min-height:44px;max-height:132px;padding:10px 14px;line-height:1.45}.board-layout,.calendar-layout{grid-template-columns:360px minmax(0,1fr)}.board-form{gap:12px;padding:18px;display:grid}.board-form .section-heading{border:0;padding:0 0 8px}.primary-action{color:#fff;background:var(--accent);border-radius:18px;justify-content:center;align-items:center;gap:8px;height:44px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #f2727d33}.primary-action:disabled{cursor:wait;opacity:.7}.post-list{gap:14px;max-height:calc(100svh - 180px);display:grid;overflow:auto}.post-card,.setting-block{gap:10px;padding:18px;display:grid}.post-card span{color:var(--accent-deep);font-size:12px;font-weight:800}.timeline{max-height:calc(100svh - 180px);padding:10px 18px;overflow:auto}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(0,1fr);gap:18px;padding:18px 0;display:grid}.timeline-item:last-child{border-bottom:0}.timeline-item time{color:var(--accent-deep);font-weight:800}.timeline-author{color:var(--muted);margin:5px 0;font-size:13px;font-weight:700;display:inline-block}.pull-refresh-indicator{z-index:30;color:#fff;background:var(--accent-deep);opacity:0;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;transition:opacity .16s,transform .16s;position:fixed;top:0;left:50%}.pull-refresh-indicator.visible{opacity:1}.calendar-screen{gap:22px;min-height:0;display:grid;overflow:auto}.calendar-month-card,.calendar-day-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:28px}.calendar-month-card{touch-action:pan-y;padding:26px}.calendar-month-header,.calendar-day-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.calendar-month-header{margin-bottom:24px}.calendar-month-header h2,.calendar-day-header h2{color:var(--ink);letter-spacing:0;margin:0;font-size:24px;font-weight:750}.calendar-month-header button,.calendar-add-button{cursor:pointer;color:var(--accent-deep);background:0 0;border:0}.calendar-month-header button{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.calendar-month-header button:hover{background:#f2727d1f}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:#93a0b6;text-align:center;margin-bottom:16px;font-size:17px;font-weight:650}.calendar-weekdays span:first-child{color:var(--accent)}.calendar-weekdays span:last-child{color:var(--accent-deep)}.calendar-days{row-gap:12px}.calendar-day{height:64px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:22px;font-weight:550;display:grid;position:relative}.calendar-day span{border-radius:999px;place-items:center;width:54px;height:54px;display:grid}.calendar-day.selected span{color:#fff;background:var(--accent)}.calendar-day.today:not(.selected) span{color:var(--accent-deep)}.calendar-day i{background:#ec5b5f;border-radius:999px;width:7px;height:7px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.calendar-day.empty{cursor:default}.calendar-day-card{padding:26px}.calendar-add-button{align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex}.calendar-add-button.inline{width:fit-content;margin-top:18px;padding:0}.calendar-add-form{grid-template-columns:1fr;align-items:start;gap:10px;margin:0;display:grid}.calendar-add-form input,.calendar-add-form textarea{min-width:0;max-width:100%}.calendar-add-form input[type=date]{appearance:none}.calendar-add-form textarea{min-height:92px}.empty-state.compact{background:#f6f8fbd1;border-radius:22px;margin:18px 0 0;padding:18px}.calendar-event-list{gap:14px;display:grid}.calendar-event-card{background:#f7f9fc;border-radius:24px;grid-template-columns:18px minmax(0,1fr) auto;gap:14px;padding:20px;display:grid;position:relative}.event-dot{background:#ec5b5f;border-radius:999px;width:14px;height:14px;margin-top:7px}.calendar-event-card h3{color:var(--ink);margin:0 0 6px;font-size:20px;font-weight:700}.calendar-event-card p{color:var(--muted);margin:0 0 8px;font-weight:500}.calendar-event-card span:not(.event-dot){color:var(--muted);font-size:14px;font-weight:600}.calendar-event-actions{gap:6px;display:flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#211c1c47;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.image-preview-backdrop{background:#211c1cb8}.image-preview-dialog{place-items:center;width:min(100%,980px);max-height:min(86svh,900px);display:grid;position:relative}.image-preview-dialog img{object-fit:contain;border-radius:18px;max-width:100%;max-height:min(86svh,900px);box-shadow:0 24px 70px #00000047}.image-preview-close{z-index:1;width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:-12px;right:-12px;box-shadow:0 12px 28px #0000002e}.event-dialog{border:1px solid var(--line);background:#fff;border-radius:24px;gap:18px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #56363033}.event-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.event-dialog-header h2{margin:0;font-size:22px;font-weight:750}.settings-grid{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:0;padding-bottom:8px;display:grid;overflow:auto}.setting-block svg{color:var(--accent)}.setting-note{color:var(--accent-deep);font-size:13px;font-weight:700}.settings-form{gap:10px;display:grid}.profile-photo-setting{gap:12px;display:grid}.profile-photo-preview{color:#fff;background:var(--accent);border-radius:24px;place-items:center;width:72px;height:72px;font-size:26px;font-weight:800;display:grid;overflow:hidden}.profile-upload-action{cursor:pointer}.profile-upload-action input{display:none}.message-action-sheet{background:#fff;border-radius:24px;gap:8px;width:min(320px,100%);padding:12px;display:grid;box-shadow:0 24px 70px #56363038}.message-action-sheet button{min-height:48px;color:var(--ink);cursor:pointer;background:#fff6f1b8;border:0;border-radius:16px;align-items:center;gap:10px;padding:0 14px;font-weight:800;display:flex}.message-action-sheet button.danger{color:#a23d48}.auth-error{color:#a23d48;background:var(--mine);border-radius:18px;padding:10px 12px;font-size:14px;line-height:1.45}.auth-notice{color:#8f4b53;background:#fff0ea;border-radius:18px;padding:10px 12px;font-size:14px;line-height:1.45}.auth-switch{width:fit-content;color:var(--accent-deep);cursor:pointer;background:0 0;border:0;justify-self:center;font-weight:800}.auth-switch:hover{text-decoration:underline}.inline-error{margin:0 14px 14px}.login-shell{place-items:center;min-height:100svh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:30px;gap:18px;width:min(100%,420px);padding:28px;display:grid;box-shadow:0 24px 70px #56363024}.login-card h1{font-size:38px}.login-card p{color:var(--muted)}.auth-form{gap:10px;display:grid}code{color:#4a3b38;overflow-wrap:anywhere;background:#fff0ea;border-radius:12px;width:fit-content;max-width:100%;padding:6px 8px;font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=980px){.app-shell{height:100svh;min-height:100svh;overflow:hidden}.sidebar{bottom:max(12px, env(safe-area-inset-bottom));width:min(460px,100% - 24px)}.tab{justify-content:center}.workspace{height:100svh;min-height:0;padding:18px 18px 100px;position:relative;overflow:hidden}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.topbar-brand .brand-mark{border-radius:18px;width:54px;height:54px}.topbar-brand strong{font-size:25px}.topbar-brand span{font-size:15px}.section-heading{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-end}.chat-layout,.board-layout,.calendar-layout,.settings-grid{grid-template-columns:1fr}.conversation{height:100%;min-height:0}.message{width:92%}.timeline-item{grid-template-columns:1fr;gap:6px}.calendar-screen{gap:16px}.calendar-month-card,.calendar-day-card{border-radius:24px;padding:18px}.calendar-month-header h2,.calendar-day-header h2{font-size:22px}.calendar-day-header{flex-direction:column;align-items:flex-start}.calendar-weekdays{font-size:15px}.calendar-days{row-gap:8px}.calendar-day{height:52px;font-size:19px}.calendar-day span{width:46px;height:46px}.calendar-add-form{grid-template-columns:1fr}.calendar-event-card{grid-template-columns:16px minmax(0,1fr)}.calendar-event-actions{grid-column:2}}