*,*:before,*:after{box-sizing:border-box}:root{--bg: #1d2029;--panel: #2a2f3a;--panel-2: #272c36;--panel-3: #222733;--line: #3a3f4d;--text: #e8ebf2;--muted: #a8afc1;--accent: #6f88ff;--accent-hover: #8096ff;--input: #1f2330;--message-hover: #2f3542}html,body,#root{margin:0;min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left,#344064,transparent 34%),radial-gradient(circle at bottom right,#2d3348,transparent 42%),var(--bg);font-family:Space Grotesk,Avenir Next,Segoe UI Variable Text,Noto Sans,sans-serif}button{border:0;border-radius:8px;padding:.45rem .7rem;background:var(--accent);color:#fff;font-size:.86rem;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text);font-size:.92rem;padding:.55rem .68rem}input:focus,textarea:focus{outline:2px solid rgba(111,136,255,.45);outline-offset:1px}.app{width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;margin:0;border-radius:0;border:0;background:linear-gradient(160deg,var(--panel) 0%,var(--panel-2) 100%);box-shadow:none;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.app.connecting{display:grid;place-items:center}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:.9rem 1rem;border-bottom:1px solid var(--line);background:var(--panel-3)}.brand{justify-self:start;display:flex;align-items:center;gap:.6rem}.brand-text{display:flex;flex-direction:column;gap:.1rem}.brand h1{font-size:1.1rem;font-weight:700;margin:0}.new-site-btn{padding:.28rem .55rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:.82rem}.new-site-form{display:inline-flex;align-items:center;gap:.35rem}.new-site-form input{width:160px}.brand p{color:var(--muted);font-size:.75rem;margin:0}.view-switch{justify-self:center;display:flex;align-items:center;gap:.35rem;padding:.2rem;border-radius:9px;border:1px solid var(--line);background:var(--panel);transform:translate(22px)}.view-btn{background:transparent;color:var(--muted);padding:.34rem .62rem}.view-btn:hover{background:#ffffff0d}.view-btn.active{color:#fff;background:var(--accent)}.profile{display:flex;align-items:center;gap:.65rem;justify-self:end;position:relative}.mobile-online-toggle{display:none}.profile h2{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.profile-view{display:flex;align-items:center;gap:.65rem;position:relative}.profile-view span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;font-size:.9rem}.profile-icon-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--text)}.profile-icon-btn:hover{background:var(--panel-2)}.profile-icon-btn.active{color:#dce4ff;border-color:#7894ff80;background:#4c6fff29}.profile-icon-btn .material-symbols-outlined{font-size:20px;line-height:1}.notification-icon-btn.active{color:#7fb3ff;border-color:#7fb3ff6b;background:#6fa3ff1f}.notification-icon-btn.blocked{color:#ff9d9d;border-color:#e2717142;background:#c256561a}.profile-color-picker{position:absolute;top:calc(100% + 8px);right:0;display:grid;grid-template-columns:repeat(4,24px);gap:.4rem;padding:.55rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);z-index:20}.profile-color-swatch{width:24px;height:24px;border-radius:999px;border:2px solid transparent;padding:0}.profile-color-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #00000073}.profile-form{display:flex;align-items:center;gap:.5rem}.profile-inline-notice{position:absolute;top:calc(100% + 8px);right:0;width:min(19rem,70vw);padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0e1422f5;box-shadow:0 10px 26px #0308144d;font-size:.8rem;line-height:1.32;z-index:24}.profile-inline-notice.info{color:#d7def0}.profile-inline-notice.success{color:#c9f1d9;border-color:#66c68c3d}.profile-inline-notice.error{color:#ffd1d1;border-color:#e271713d}.friends-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(28rem,calc(100vw - 2rem));max-height:min(34rem,calc(100vh - 7rem));overflow-y:auto;padding:.8rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0e1422fa;box-shadow:0 18px 34px #03081461;display:grid;gap:.8rem;z-index:28}.friends-section{display:grid;gap:.55rem;padding:.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.friends-section-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.friends-section-title{margin:0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.friends-section-note,.friends-empty-state{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}.friends-provider-row,.friends-inline-form,.friends-row-actions,.friends-auth-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.friends-provider-row button,.friends-inline-form button,.friends-row button,.friends-search-result button,.friends-signout-btn,.friends-site-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:32px;padding:.35rem .65rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:.8rem}.friends-provider-row button:hover,.friends-inline-form button:hover,.friends-row button:hover,.friends-search-result button:hover,.friends-signout-btn:hover,.friends-site-link:hover{background:var(--panel-2)}.friends-inline-form input,.friends-section input{width:100%}.friends-inline-form input{flex:1 1 11rem}.friends-auth-badge,.friends-pill{display:inline-flex;align-items:center;gap:.25rem;width:fit-content;padding:.2rem .45rem;border-radius:999px;border:1px solid rgba(120,148,255,.24);background:#7894ff1f;color:#dce4ff;font-size:.74rem}.friends-list,.friends-search-results,.friends-site-list{display:grid;gap:.45rem}.friends-row,.friends-search-result,.friends-site-entry{display:grid;gap:.22rem;padding:.6rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff06}.friends-row-main,.friends-site-entry{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.friends-profile-meta{min-width:0;display:grid;gap:.14rem}.friends-profile-name{display:flex;align-items:center;gap:.45rem;min-width:0;font-size:.88rem}.friends-profile-name strong,.friends-profile-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-handle{color:#dce4ff}.friends-display-name{color:var(--muted)}.friends-meta-line,.friends-site-meta{color:var(--muted);font-size:.74rem}.friends-row-actions{justify-content:flex-end}.friends-row button.danger,.friends-signout-btn{border-color:#e2717142;color:#ffd1d1}.friends-row button.primary,.friends-search-result button.primary,.friends-provider-row button.primary,.friends-inline-form button.primary{border-color:#7894ff80;background:#4c6fff2e;color:#eff3ff}.friends-row button.primary:hover,.friends-search-result button.primary:hover,.friends-provider-row button.primary:hover,.friends-inline-form button.primary:hover{background:#4c6fff47}.friends-site-link{text-decoration:none}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:0;height:100%}.chat-panel{grid-column:2;min-width:0;min-height:0;display:block;position:relative}.chat-panel.drag-over{outline:2px dashed rgba(111,136,255,.7);outline-offset:-2px}.chat-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr)}.chat-layout.with-music{grid-template-columns:minmax(0,1fr) 320px}.chat-main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative}.drop-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#0f131bc7;color:#dce3ff;font-size:1rem;pointer-events:none}.messages{padding:.9rem 1rem;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:.06rem}.messages-window-info{align-self:center;margin:0 0 .45rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);background:#0b0f1cb8;color:var(--muted);font-size:.74rem}.empty-state{color:var(--muted);font-size:.93rem}.message-group{padding:.14rem .7rem;border-radius:8px;border:1px solid transparent}.message-group:hover{background:var(--message-hover);border-color:#ffffff0f}.message-meta{display:flex;align-items:baseline;gap:.55rem}.message-meta b{font-size:.95rem}.message-meta span{font-size:.77rem;color:var(--muted)}.message-group-lines{display:grid;gap:0}.message-line{line-height:1.2;font-size:.95rem;margin:0;white-space:pre-wrap;word-break:break-word}.chat-link{color:#85a8ff;text-decoration:underline;text-underline-offset:2px}.chat-link:hover{color:#a8c1ff}.chat-image-btn{width:fit-content;background:transparent;border:0;padding:.15rem 0;cursor:zoom-in}.chat-image{display:block;max-width:min(520px,90vw);max-height:320px;width:auto;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.14)}.image-modal{position:fixed;inset:0;z-index:999;background:#000000db;display:grid;place-items:center;padding:1rem;cursor:zoom-out}.image-modal-content{max-width:min(95vw,1800px);max-height:92vh;width:auto;height:auto;border-radius:10px;box-shadow:0 10px 40px #00000080}.poll-card{margin:.22rem 0;width:min(100%,36rem);align-self:flex-start;padding:.8rem .9rem;border-radius:14px;border:1px solid rgba(136,171,255,.18);background:linear-gradient(180deg,#1b243ce0,#111726f5);display:grid;gap:.75rem;box-shadow:0 10px 24px #03081429}.roll-card{margin:.22rem 0;width:fit-content;max-width:min(100%,18rem);align-self:flex-start;display:grid;gap:.32rem}.roll-card-lines{display:grid;justify-items:start;gap:.32rem}.roll-pill-card{display:inline-flex;align-items:center;max-width:100%;padding:.44rem .72rem;border-radius:12px;border:1px solid rgba(136,171,255,.18);background:linear-gradient(180deg,#1b243ce0,#111726f5);box-shadow:0 10px 24px #03081429;font-size:.9rem;line-height:1.25;color:#eef3ff;white-space:pre-wrap;word-break:break-word}.poll-card-draft{border-color:#5fddb83d;background:linear-gradient(180deg,#162929f0,#11181dfa)}.poll-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.poll-meta{min-width:0}.poll-pill{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.22rem .6rem;color:#d7e2ff;font-size:.74rem;white-space:nowrap;background:#ffffff0d}.poll-question{margin:0;font-size:.98rem;line-height:1.35;max-width:34rem}.poll-vote-panel,.poll-results,.poll-draft-form{display:grid;gap:.75rem}.poll-vote-options,.poll-option-drafts{display:grid;gap:.55rem}.poll-vote-options{justify-items:start;width:100%}.poll-option-choice{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem;padding:.55rem .7rem;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:background .14s ease,border-color .14s ease}.poll-option-choice:hover{background:#ffffff0f;border-color:#ffffff24}.poll-option-choice input{margin:0;justify-self:start;align-self:center}.poll-option-choice span{min-width:0;text-align:left;line-height:1.35}.poll-result-row{display:grid;gap:.34rem}.poll-result-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.poll-result-label,.poll-result-stats,.poll-total-voters,.poll-helper-text{font-size:.84rem}.poll-result-stats,.poll-total-voters,.poll-helper-text{color:var(--muted)}.poll-result-bar{height:.66rem;overflow:hidden;border-radius:999px;background:#ffffff14}.poll-result-fill{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#6fa3ff,#89d4ff)}.poll-result-fill.selected{background:linear-gradient(90deg,#58d7a4,#8ff0c5)}.poll-field{display:grid;gap:.4rem}.poll-field>span{font-size:.82rem;color:var(--muted)}.poll-field input{width:100%}.poll-option-draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.poll-option-remove-btn,.poll-add-option-btn,.poll-submit-btn,.poll-cancel-btn,.poll-type-toggle button{border-radius:10px}.poll-option-remove-btn{width:2.15rem;padding:0;font-weight:700}.poll-add-option-btn{justify-self:start;font-size:.84rem;padding:.42rem .72rem}.poll-type-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;justify-self:start;padding:.25rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000029}.poll-type-toggle button{min-width:0;padding:.48rem .72rem;font-size:.83rem;background:transparent;border-color:transparent}.poll-type-toggle button.active{background:#6fa3ff3d;border-color:#6fa3ff8c}.poll-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.poll-submit-btn,.poll-cancel-btn{min-width:7rem;padding:.5rem .85rem}.poll-submit-btn{background:linear-gradient(180deg,#568cfff5,#4874e6f5);border-color:#7ba4ff80;color:#fff}.poll-submit-btn:disabled{background:#ffffff14;border-color:#ffffff14;color:var(--muted)}.poll-cancel-btn{background:#ffffff0a}.poll-draft-error{margin:0;color:#ffb4b4;font-size:.84rem}.composer{border-top:1px solid var(--line);padding:.8rem 1rem 1rem;display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:stretch;background:var(--panel-3)}.composer-input-wrap{position:relative;min-width:0;display:grid;gap:.45rem}.slash-command-menu{position:absolute;left:0;right:0;bottom:calc(100% + .5rem);display:grid;gap:.35rem;padding:.4rem;border-radius:14px;border:1px solid rgba(126,155,235,.24);background:#0e1422f5;box-shadow:0 14px 34px #0206106b;z-index:12}.slash-command-item{display:grid;gap:.16rem;justify-items:start;width:100%;padding:.65rem .75rem;text-align:left;border-radius:10px;border:1px solid transparent;background:transparent}.slash-command-item:hover,.slash-command-item.active{background:#6fa3ff1f;border-color:#6fa3ff3d}.slash-command-label{font-size:.92rem;font-weight:700;color:#f4f7ff}.slash-command-description{font-size:.78rem;color:var(--muted)}.composer-command-notice{padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);font-size:.82rem;line-height:1.3}.composer-command-notice.info{background:#ffffff0a;color:#d7def0}.composer-command-notice.success{background:#47a87924;border-color:#66c68c42;color:#c9f1d9}.composer-command-notice.error{background:#c2565624;border-color:#e271713d;color:#ffd1d1}.composer-command-notice-floating{position:absolute;left:.85rem;bottom:1.15rem;width:min(10.25rem,calc(240px - 2.75rem));transform:translate(calc(-100% - 2.2rem));box-shadow:0 10px 26px #03081447;z-index:9;pointer-events:none}.composer textarea{min-height:56px;max-height:160px;resize:vertical}.composer>button{align-self:stretch;min-width:90px}.music-rail{border-left:1px solid var(--line);min-width:0;min-height:0;background:#0b0f1c8c}.music-panel-shell{height:100%;display:grid;grid-template-rows:auto auto auto auto auto auto minmax(0,1fr);gap:.8rem;padding:.9rem .95rem 1rem}.music-panel-header{display:flex;justify-content:space-between;align-items:start;gap:.8rem}.music-panel-header h3,.music-now-playing-label{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.music-panel-header p{margin:.25rem 0 0;font-size:.82rem;color:#d7def0}.music-panel-close-btn,.music-controls button,.music-add-form button,.music-queue-remove-btn{border:1px solid var(--line);background:#ffffff0a}.music-panel-banner{border-radius:12px;padding:.65rem .75rem;font-size:.84rem;line-height:1.35;border:1px solid rgba(255,255,255,.07)}.music-panel-banner.info{background:#ffffff0a;color:#d7def0}.music-panel-banner.success{background:#47a87924;border-color:#66c68c42;color:#c9f1d9}.music-panel-banner.error{background:#c2565624;border-color:#e271713d;color:#ffd1d1}.music-now-playing{display:grid;gap:.5rem}.music-now-playing-card,.music-queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.music-track-thumb{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#ffffff0f}.music-track-thumb-placeholder{display:grid;place-items:center;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#c9d4ec}.music-track-copy,.music-queue-copy{min-width:0;display:grid;gap:.2rem}.music-track-copy strong,.music-queue-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-copy span,.music-queue-copy span,.music-empty-state{font-size:.82rem;color:var(--muted)}.music-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.music-control-btn{min-width:0;min-height:42px;display:inline-grid;place-items:center;padding:0}.music-control-btn svg{font-size:1.15rem}.music-volume-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;font-size:.84rem}.music-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.music-queue-list{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.55rem;align-content:start}.music-queue-list>.music-empty-state{padding:.25rem 0}.music-queue-list .music-queue-item+.music-queue-item{margin-top:.45rem}.music-queue-item{grid-template-columns:minmax(0,1fr) auto}.music-queue-remove-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;padding:0}.music-mobile-pill{position:fixed;right:1rem;bottom:5.5rem;z-index:28;border-radius:999px;border:1px solid rgba(111,136,255,.32);background:#161f38f0;box-shadow:0 10px 28px #02061166}.music-mobile-backdrop{position:fixed;inset:0;z-index:34;background:#0508109e;display:grid;align-items:end}.music-mobile-drawer{max-height:min(78vh,760px);border-top-left-radius:18px;border-top-right-radius:18px;border:1px solid var(--line);background:#0f1423fa;overflow:auto}@media(max-width:720px){.poll-card{width:100%}.poll-card-header,.poll-result-label-row,.poll-actions{grid-template-columns:1fr}.poll-card-header,.poll-result-label-row{display:grid}.poll-pill{justify-self:start}.poll-type-toggle{width:100%}.slash-command-menu{left:-.1rem;right:-.1rem}.composer-command-notice-floating{left:1rem;right:1rem;width:auto;transform:none}.chat-layout.with-music{grid-template-columns:minmax(0,1fr)}.music-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.music-mobile-pill{bottom:6rem}}.whiteboard-panel{grid-column:2;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.65rem;padding:.85rem 1rem 1rem}.whiteboard-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:36px}.whiteboard-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;position:relative;z-index:1}.whiteboard-color-control{position:absolute;left:calc(50% - 120px);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.whiteboard-color-swatches{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem}.whiteboard-color-swatch{width:26px;height:26px;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.12);background:var(--swatch-color);box-shadow:inset 0 0 0 1px #0000001f}.whiteboard-color-swatch:hover{transform:translateY(-1px)}.whiteboard-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #6f88ff47,inset 0 0 0 1px #0000001a}.whiteboard-tool-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:0}.whiteboard-tool-btn:hover{background:var(--panel-3)}.whiteboard-tool-btn.active{border-color:#6f88ffe6;background:#6f88ff33}.whiteboard-tool-btn .material-symbols-outlined{font-size:20px;line-height:1}.whiteboard-reset-btn{height:36px;padding:0 .7rem;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-size:.8rem}.whiteboard-reset-btn:hover{background:var(--panel-3);color:var(--text)}.thickness-control{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.85rem;position:relative;z-index:1}.thickness-control input{width:140px;padding:0}.thickness-control strong{color:var(--text);min-width:3.1rem}.whiteboard-stage{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:320px;height:100%;touch-action:none;overflow:hidden}.whiteboard-stage.erasing{cursor:cell}.whiteboard-stage.panning{cursor:grab}.whiteboard-stage.panning:active{cursor:grabbing}.whiteboard-canvas{position:absolute;inset:0;pointer-events:none}.whiteboard-preview-canvas{pointer-events:none}.notes-panel{grid-column:2;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.7rem;padding:.85rem 1rem 1rem}.notes-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.notes-toolbar-group{display:flex;align-items:center;gap:.35rem;padding:.2rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-3)}.notes-tool-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.3rem .5rem;font-size:.8rem}.notes-tool-btn.active{border-color:#6f88ffe6;background:#6f88ff38}.notes-tool-btn.notes-icon-btn{min-width:34px;min-height:30px;padding:.2rem .35rem;display:inline-flex;align-items:center;justify-content:center;gap:.15rem}.notes-tool-btn.danger{color:#ff9ea0}.notes-size-value{min-width:48px;text-align:center;font-size:.8rem;color:var(--muted)}.notes-size-sign{font-size:.8rem}.notes-add-btn{display:inline-flex;align-items:center;gap:.35rem;background:#4c6fff;padding:.42rem .6rem;font-size:.82rem}.notes-blocks{min-height:0;overflow-y:auto;display:grid;gap:.6rem;padding-right:.2rem}.notes-document{min-height:0;height:100%;overflow:auto;display:block;border:1px solid var(--line);border-radius:10px;background:#0a0c1247;padding:.2rem}.notes-editor-surface{min-height:420px;padding:.7rem .8rem;outline:none;white-space:pre-wrap;word-break:break-word;color:var(--text);font-size:.95rem;line-height:1.5}.notes-plain-textarea{width:100%;height:100%;min-height:100%;border:0;border-radius:8px;background:transparent;color:var(--text);padding:.7rem .8rem;font:inherit;font-size:.95rem;line-height:1.5;resize:none;outline:none}.notes-editor-surface:empty:before{content:attr(data-placeholder);color:var(--muted)}.notes-timeline{display:grid;gap:.3rem}.notes-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:var(--muted);font-size:.78rem}.notes-timeline-slider{width:100%;padding:0}.notes-timeline-slider:disabled{opacity:.5}.notes-footnote{margin:0;color:var(--muted);font-size:.78rem}.notes-line-row{border:1px solid var(--line);border-radius:8px;padding:.45rem .5rem;display:grid;grid-template-columns:auto 1fr auto;gap:.45rem;align-items:start}.notes-line-row.selected{border-color:#6f88ffb3;box-shadow:0 0 0 1px #6f88ff38 inset}.notes-line-meta{min-width:95px;display:grid;gap:.15rem;font-size:.72rem;color:var(--muted);align-self:center}.notes-line-input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0a0c1252;color:var(--text);padding:.45rem .55rem;resize:vertical;line-height:1.4}.notes-line-input.notes-text-bold{font-weight:700}.notes-line-input.notes-text-underline{text-decoration:underline}.notes-line-actions{display:flex;align-items:center;gap:.25rem}.notes-block{border:1px solid var(--line);border-radius:10px;background:var(--panel-3);padding:.55rem;display:grid;gap:.45rem}.notes-block.selected{border-color:#6f88ffb3;box-shadow:0 0 0 1px #6f88ff33 inset}.notes-block-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.76rem;color:var(--muted)}.notes-block-actions{display:flex;align-items:center;gap:.3rem}.notes-editor{min-height:56px;background:#0a0c1259;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.55rem .6rem;outline:none;white-space:pre-wrap;word-break:break-word}.notes-editor:focus{border-color:#6f88ffcc;box-shadow:0 0 0 1px #6f88ff33}.notes-type-h1{font-size:2em!important;font-weight:700}.notes-type-h2{font-size:1.55em!important;font-weight:700}.notes-type-h3{font-size:1.3em!important;font-weight:700}.notes-type-ul,.notes-type-ol{padding-left:1.5rem;position:relative}.notes-type-ul:before{content:"•";position:absolute;left:.6rem;color:var(--muted)}.notes-type-ol:before{content:"1.";position:absolute;left:.4rem;color:var(--muted)}.cursor-marker{position:absolute;transform:translate(-2px,-2px);pointer-events:none}.cursor-pin{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid currentColor;filter:drop-shadow(0 0 2px rgba(0,0,0,.65))}.cursor-name{display:inline-block;margin-left:.35rem;margin-top:.15rem;font-size:.72rem;color:#fff;background:#0000009e;border-radius:5px;padding:.1rem .35rem}.online-panel{grid-column:1;border-right:1px solid var(--line);background:var(--panel-3);min-height:0;display:grid;grid-template-rows:auto 1fr}.online-header{padding:.8rem .75rem;border-bottom:1px solid var(--line);display:grid;gap:.55rem}.online-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.online-close-btn{display:none}.online-panel h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.call-btn{width:100%;font-size:.82rem;padding:.45rem .55rem}.call-actions-row{display:grid;grid-template-columns:1fr auto auto;gap:.45rem;align-items:stretch}.call-actions-row .call-btn{width:auto}.call-actions-row .call-btn-leave{width:100%}.call-btn-mic,.call-btn-screen{width:42px;min-width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#2d3650}.call-btn-screen:hover:not(:disabled){background:#374667}.call-btn-screen.is-sharing{background:#1c7c4d}.call-btn-screen.is-sharing:hover:not(:disabled){background:#239761}.call-btn-mic:hover:not(:disabled){background:#374667}.call-btn-mic.is-active{background:#1c7c4d}.call-btn-mic.is-active:hover:not(:disabled){background:#239761}.call-btn-mic.is-muted{background:#7d4f22}.call-btn-mic.is-muted:hover:not(:disabled){background:#94612a}.call-btn-start{background:#4c6fff}.call-btn-join{background:#1ea652}.call-btn-join:hover:not(:disabled){background:#22b85c}.call-btn-leave{background:#a33939}.call-btn-leave:hover:not(:disabled){background:#bc4343}.call-status{margin:0;color:var(--muted);font-size:.78rem}.screen-quality-panel{display:grid;gap:.35rem}.screen-quality-panel>span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.screen-quality-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.screen-quality-btn{width:100%;padding:.34rem .4rem;border-radius:8px;border:1px solid var(--line);background:#2a3146;color:var(--text);font-size:.76rem}.screen-quality-btn:hover:not(:disabled){background:#344061}.screen-quality-btn.active{background:#4c6fff;border-color:#7894ffcc;color:#fff}.screen-share-warning{margin:0;color:#f0b35f;font-size:.74rem;line-height:1.3}.online-list{padding:.55rem;overflow-y:auto}.online-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .45rem;border-radius:6px;font-size:.9rem}.online-item:hover{background:#ffffff0a}.online-item.has-friend-actions{cursor:context-menu}.online-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-call-icon{display:inline-flex;align-items:center;justify-content:center;color:#3ee08a;flex:0 0 auto}.online-screen-icon{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#436eff29;color:#9bb6ff;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto}.online-screen-icon:hover:not(:disabled){background:#436eff4d}.online-screen-icon.active{background:#1ea65238;color:#52df8f;border-color:#52df8f66}.online-screen-icon:disabled{opacity:.5;cursor:not-allowed}.online-more-btn{width:28px;height:28px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.online-more-btn:hover{background:#ffffff17;color:var(--text)}.online-call-icon.muted{color:#f0b35f}.online-dot{width:9px;height:9px;border-radius:999px;background:#3ee08a;box-shadow:0 0 8px #3ee08acc;flex:0 0 auto}.latency-badge{position:fixed;left:.7rem;bottom:.7rem;z-index:20;padding:.28rem .5rem;border:1px solid var(--line);border-radius:8px;background:#0b0f1ce6;color:var(--muted);font-size:.75rem;line-height:1;pointer-events:none}.screen-share-modal{position:fixed;inset:0;z-index:910;display:grid;grid-template-columns:minmax(0,1fr);padding:.75rem .75rem .75rem calc(240px + .9rem);pointer-events:none}.screen-share-stage{min-height:0;border:1px solid var(--line);border-radius:10px;background:#02050c;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto}.screen-share-frame{position:relative;width:min(100%,calc(100vw - 240px - 1.5rem));height:min(100%,calc(100vh - 1.5rem));max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto}.screen-share-close-btn{position:absolute;top:.7rem;right:.7rem;z-index:2;min-width:36px;height:36px;padding:0 .6rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#040812c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.screen-share-close-btn:hover{background:#11192ceb}.screen-share-image{width:100%;height:100%;display:block;object-fit:contain;object-position:center center}.screen-share-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;background:#02050cb8}.friend-context-menu{position:fixed;min-width:180px;padding:.35rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0c101cfa;box-shadow:0 18px 34px #03081461;display:grid;gap:.2rem;z-index:60}.friend-context-menu button{width:100%;justify-content:flex-start;padding:.45rem .6rem;border-radius:8px;border:0;background:transparent;color:var(--text);font-size:.82rem;text-align:left}.friend-context-menu button:hover{background:#ffffff14}@media(max-width:840px){.layout{grid-template-columns:1fr;grid-template-rows:1fr;position:relative;min-height:0;height:100%;overflow:hidden}.online-panel{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:40;border-right:1px solid var(--line);border-bottom:0;max-height:none;transform:translate(-100%);transition:transform .18s ease;box-shadow:10px 0 30px #00000052}.online-panel.mobile-open{transform:translate(0)}.screen-share-modal{background:#040812eb;padding:.6rem;pointer-events:auto}.screen-share-frame{width:min(100%,calc(100vw - 1.2rem));height:min(100%,calc(100vh - 1.2rem))}.online-close-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:.78rem;padding:.2rem .45rem}.mobile-drawer-backdrop{position:fixed;inset:0;z-index:35;background:#04070e7a}.chat-panel,.whiteboard-panel,.notes-panel,.calendar-panel{grid-column:1;grid-row:1;min-height:0;height:100%}.chat-panel{display:flex;flex-direction:column}.chat-layout,.chat-main{display:flex;flex-direction:column;min-height:0;height:100%}.messages{flex:1 1 auto;min-height:0;padding:.7rem .75rem}.composer{position:sticky;bottom:0;z-index:5;padding:.6rem .7rem calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,#12192bdb,#0f1423fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composer textarea{min-height:52px;max-height:28dvh}.whiteboard-panel{padding:.55rem .6rem calc(.6rem + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);overflow:hidden}.whiteboard-toolbar{flex-wrap:wrap;min-height:0;position:sticky;top:0;z-index:2;padding-bottom:.25rem;background:linear-gradient(180deg,#111827f5,#111827e0)}.whiteboard-color-control{position:static;order:-1;width:100%;transform:none}.whiteboard-stage{min-height:0}.thickness-control{width:100%}.thickness-control input{flex:1 1 auto}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:.35rem .55rem;align-items:center;padding:.6rem .7rem}.brand{grid-column:1;grid-row:1;min-width:0}.brand p{display:none}.profile{grid-column:2;grid-row:1;align-self:center;gap:.4rem;width:auto}.profile h2,.view-switch{display:none}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:.82rem;font-weight:600}.mobile-nav-toggle.active{background:#4c6fff2e;border-color:#4c6fff80}.mobile-nav-backdrop,.calendar-mobile-list-backdrop{position:fixed;inset:0;z-index:50;background:#04070e80;display:flex;align-items:flex-end;justify-content:center;padding:.6rem}.mobile-nav-drawer,.calendar-mobile-list-sheet{width:100%;max-height:calc(100dvh - 1.2rem);border-radius:18px;border:1px solid var(--line);background:#0f1423fa;box-shadow:0 18px 70px #00000073;overflow:auto}.mobile-nav-drawer{display:grid;gap:.75rem;padding:.8rem}.mobile-nav-header,.mobile-nav-section{display:grid;gap:.55rem}.mobile-nav-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.mobile-nav-header h3,.calendar-mobile-list-header h4{margin:0;font-size:1rem}.mobile-nav-header p,.calendar-mobile-list-header p{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.mobile-nav-section h4,.calendar-mobile-list-header h4{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:var(--muted)}.mobile-nav-list{display:grid;gap:.45rem}.mobile-nav-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:var(--muted);font-size:.82rem}.mobile-nav-view-btn,.mobile-nav-action-btn,.mobile-nav-close-btn,.calendar-mobile-list-close{min-height:38px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.45rem .8rem;font-size:.9rem;font-weight:600}.mobile-nav-view-btn.active{background:#4c6fff2e;border-color:#4c6fff8c}.mobile-nav-action-btn.secondary{background:transparent}.mobile-new-site-form{display:grid;gap:.45rem}.mobile-new-site-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.calendar-mobile-list-shell{padding:.8rem;display:grid;gap:.7rem}.calendar-mobile-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.calendar-mobile-list-close{min-height:34px;padding-inline:.75rem}.calendar-mobile-timezone{width:100%}.friends-panel{position:fixed;top:auto;right:.75rem;left:.75rem;width:auto;max-height:min(70vh,calc(100vh - 7rem))}.friend-context-menu{left:.75rem!important;right:.75rem;min-width:0}.friends-row-main,.friends-site-entry{flex-direction:column;align-items:flex-start}.friends-row-actions{justify-content:flex-start}.mobile-online-toggle{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;padding:.2rem .5rem .2rem .35rem;background:var(--panel);color:var(--text);font-size:.8rem;min-height:30px}.mobile-online-toggle-dot{width:9px;height:9px;border-radius:999px;background:#5e86ff;box-shadow:0 0 8px #5e86ffb3}.mobile-online-toggle.state-active .mobile-online-toggle-dot{background:#1ea652;box-shadow:0 0 8px #1ea652cc}.mobile-online-toggle.state-joined .mobile-online-toggle-dot{background:#bc4343;box-shadow:0 0 8px #bc4343cc}.mobile-online-toggle-count{font-weight:600;line-height:1}.notes-panel{padding:.55rem .6rem calc(.6rem + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);overflow:hidden}.notes-document{height:100%;min-height:0;overflow:auto}.notes-plain-textarea,.notes-editor-surface{min-height:0}.notes-timeline{display:none}.calendar-simple-shell{padding:.55rem .6rem calc(.7rem + env(safe-area-inset-bottom));min-height:0;height:100%;overflow:hidden}.calendar-simple-layout,.calendar-simple-layout.mobile{flex:1 1 auto;min-height:0;height:100%}.calendar-simple-layout{grid-template-columns:minmax(0,1fr)}.calendar-simple-header{flex-wrap:wrap;align-items:flex-start;gap:.5rem}.calendar-simple-header p{display:none}.calendar-simple-header-actions{width:auto;justify-content:flex-start}.calendar-simple-timezone{display:none}.calendar-mobile-timezone{display:grid;gap:.35rem}.calendar-simple-sidebar{display:none}.calendar-simple-month-card{min-height:0;height:100%;grid-template-rows:auto auto minmax(0,1fr)}.calendar-simple-month-toolbar{flex-wrap:wrap;margin-bottom:.45rem}.calendar-simple-weekdays{margin-bottom:.3rem}.calendar-simple-month-grid{gap:.35rem;height:100%;min-height:0}.calendar-simple-day{min-height:0;height:100%;padding:.4rem;gap:.35rem}.calendar-simple-day-count,.calendar-simple-day-body{display:none}.calendar-simple-popover{max-height:min(58dvh,32rem);overflow:auto}.latency-badge{display:none}}.calendar-panel{grid-column:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.calendar-layout{min-height:100%;display:grid;grid-template-columns:280px minmax(0,1fr);gap:.8rem;padding:.7rem .75rem .8rem}.calendar-sidebar,.calendar-detail{min-width:0;min-height:0}.calendar-sidebar{border:1px solid var(--line);border-radius:14px;background:var(--panel-3);overflow:hidden}.calendar-event-list{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.75rem;padding:.85rem}.calendar-sidebar-header,.calendar-card-header,.calendar-event-title-row,.calendar-header,.calendar-form-actions,.calendar-entry-row,.calendar-window-row,.calendar-entry-actions,.calendar-inline-fields,.calendar-checkbox-row{display:flex;align-items:center;gap:.6rem}.calendar-sidebar-header,.calendar-card-header,.calendar-event-title-row,.calendar-header,.calendar-form-actions,.calendar-entry-row,.calendar-window-row{justify-content:space-between}.calendar-sidebar-header h3,.calendar-header h2,.calendar-card h4,.calendar-event-header-card h3{margin:0}.calendar-sidebar-header p,.calendar-header p,.calendar-event-title-row p,.calendar-event-description{margin:.18rem 0 0;color:var(--muted);font-size:.84rem}.calendar-create-btn,.calendar-mobile-list-toggle,.calendar-secondary-btn,.calendar-danger-btn,.calendar-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.calendar-create-btn,.calendar-mobile-list-toggle{background:#4c6fff2e}.calendar-event-items,.calendar-detail,.calendar-entry-list,.calendar-window-list{display:grid;gap:.55rem}.calendar-detail{align-content:start;overflow-y:auto;padding-right:.15rem}.calendar-card,.calendar-event-card,.calendar-banner,.calendar-mobile-list,.calendar-mobile-list-toggle{border:1px solid var(--line);border-radius:14px;background:var(--panel-3)}.calendar-card{padding:.85rem;display:grid;gap:.75rem}.calendar-banner{padding:.7rem .85rem}.calendar-banner.info{background:#4c6fff24}.calendar-banner.success{background:#43c98f24}.calendar-banner.error{background:#e95e7324}.calendar-event-card{width:100%;text-align:left;padding:.75rem .8rem;display:grid;gap:.24rem}.calendar-event-card strong,.calendar-entry-row strong,.calendar-summary-block strong,.calendar-window-row strong{color:var(--text)}.calendar-event-card span,.calendar-entry-row span,.calendar-summary-block span,.calendar-window-row span,.calendar-card-header span{color:var(--muted);font-size:.82rem}.calendar-event-card.active{border-color:#6f88ffcc;box-shadow:0 0 0 1px #6f88ff33 inset;background:#6f88ff1f}.calendar-card label{display:grid;gap:.3rem}.calendar-card label>span{font-size:.8rem;color:var(--muted)}.calendar-card textarea,.calendar-card input,.calendar-card select{width:100%}.calendar-inline-fields{align-items:stretch}.calendar-inline-fields>label{flex:1 1 0}.calendar-checkbox-row{justify-content:flex-start}.calendar-checkbox-row input{width:auto}.calendar-danger-btn{color:#ffabb5}.calendar-final-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border-radius:999px;background:#43c98f1f;color:#bff6da;font-size:.82rem}.calendar-summary-grid,.calendar-day-grid{display:grid;gap:.6rem}.calendar-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-summary-block{display:grid;gap:.3rem;padding:.75rem;border-radius:12px;background:#ffffff08}.calendar-day-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.calendar-day-cell{min-height:88px;padding:.7rem;display:grid;gap:.3rem;justify-items:start;align-content:space-between;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08}.calendar-day-cell.active{border-color:#6f88ffd9;box-shadow:0 0 0 1px #6f88ff2e inset}.calendar-entry-row,.calendar-window-row{padding:.65rem .75rem;border-radius:12px;background:#ffffff08}.calendar-entry-row>div:first-child,.calendar-summary-block,.calendar-window-row>strong,.calendar-window-row>span{min-width:0}.calendar-entry-row>div:first-child{display:grid;gap:.2rem}.calendar-icon-btn{width:34px;height:34px;padding:0}.calendar-icon-btn.danger{color:#ffabb5}.calendar-empty-state{color:var(--muted);font-size:.86rem}.calendar-empty-main{min-height:220px;place-items:center;text-align:center}.calendar-timezone-field{min-width:220px;display:grid;gap:.3rem}.calendar-mobile-list-shell{display:none}@media(max-width:900px){.calendar-panel{grid-column:1;grid-row:1}.calendar-layout{grid-template-columns:minmax(0,1fr);padding:.65rem .7rem .75rem}.calendar-sidebar{display:none}.calendar-mobile-list-shell{display:grid;gap:.6rem}.calendar-mobile-list{padding:.75rem}.calendar-header,.calendar-event-title-row,.calendar-form-actions,.calendar-entry-row,.calendar-window-row,.calendar-inline-fields{flex-wrap:wrap}.calendar-summary-grid{grid-template-columns:1fr}.calendar-day-grid{grid-template-columns:1fr 1fr}.calendar-timezone-field{min-width:0;width:100%}}.calendar-simple-shell{display:flex;flex-direction:column;gap:.7rem;padding:.65rem .85rem .85rem;align-items:stretch;justify-content:flex-start}.calendar-simple-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:.75rem;align-items:start;align-content:start}.calendar-simple-layout.mobile{grid-template-columns:minmax(0,1fr)}.calendar-simple-header,.calendar-simple-month-toolbar,.calendar-simple-month-nav,.calendar-simple-card-header,.calendar-simple-form-actions,.calendar-simple-entry,.calendar-simple-entry-actions,.calendar-simple-checkbox,.calendar-simple-header-actions{display:flex;align-items:center}.calendar-simple-header,.calendar-simple-month-toolbar,.calendar-simple-card-header,.calendar-simple-entry{justify-content:space-between}.calendar-simple-header{gap:.75rem}.calendar-simple-header h2,.calendar-simple-month-nav h3,.calendar-simple-card-header h4,.calendar-simple-subsection h5{margin:0}.calendar-simple-header p,.calendar-simple-card-header p,.calendar-simple-muted{margin:.2rem 0 0;color:var(--muted)}.calendar-simple-header-actions{gap:.75rem;justify-content:flex-end}.calendar-simple-timezone{min-width:220px;display:grid;gap:.35rem}.calendar-simple-timezone span{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.82rem}.calendar-simple-timezone select,.calendar-simple-form input{width:100%}.calendar-simple-notice,.calendar-simple-empty,.calendar-simple-month-card,.calendar-simple-card{border:1px solid var(--line);border-radius:18px;background:#1118279e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.calendar-simple-notice,.calendar-simple-empty,.calendar-simple-card,.calendar-simple-month-card{padding:.75rem .85rem}.calendar-simple-month-card{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.calendar-simple-notice.success{background:#43c98f24}.calendar-simple-notice.error{background:#e95e7324}.calendar-simple-empty{min-height:240px;display:grid;place-items:center;color:var(--muted)}.calendar-simple-month-toolbar{gap:.85rem;margin-bottom:.65rem}.calendar-simple-month-nav{gap:.55rem}.calendar-simple-nav-btn,.calendar-simple-today-btn,.calendar-simple-primary-btn,.calendar-simple-secondary-btn,.calendar-simple-icon-btn{border:1px solid var(--line);border-radius:12px;background:#ffffff0a;color:var(--text)}.calendar-simple-nav-btn,.calendar-simple-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.calendar-simple-today-btn,.calendar-simple-primary-btn,.calendar-simple-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem .95rem}.calendar-simple-primary-btn{background:linear-gradient(135deg,#5d7affe0,#4462eff0);border-color:#6f88ffb8}.calendar-simple-secondary-btn{background:#ffffff0d}.calendar-simple-weekdays,.calendar-simple-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem;overflow:visible;align-items:start}.calendar-simple-weekdays{margin-bottom:.4rem}.calendar-simple-month-grid{min-height:0;grid-template-rows:repeat(6,minmax(0,1fr))}.calendar-simple-weekdays span{padding:0 .15rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.calendar-simple-day-wrap{position:relative;overflow:visible;width:100%;height:100%;min-width:0;z-index:1}.calendar-simple-day-wrap.popover-open{z-index:20}.calendar-simple-day-wrap.recommended-join-right:after{content:"";position:absolute;top:0;bottom:0;width:.55rem;background:transparent;border-top:1px solid rgba(255,196,94,.82);border-bottom:1px solid rgba(255,196,94,.82);z-index:2;pointer-events:none;box-sizing:border-box}.calendar-simple-day-wrap.recommended-join-right:after{right:-.55rem}.calendar-simple-day{width:100%;min-height:0;height:100%;padding:.55rem;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#080c1694;color:var(--text);text-align:left;display:grid;gap:.6rem;align-content:start}.calendar-simple-day.outside{opacity:.42}.calendar-simple-day.active{background:linear-gradient(180deg,#242e4ef5,#0f1423f0)}.calendar-simple-day.mine{box-shadow:0 0 0 1px #54e79a38 inset}.calendar-simple-day.selected{border-color:#6f88ffe6;box-shadow:0 0 0 1px #6f88ff42 inset;position:relative;z-index:3}.calendar-simple-day.today{box-shadow:0 0 0 1px #54e79a42 inset}.calendar-simple-day.selected-today{box-shadow:0 0 0 1px #6f88ff42 inset,0 0 0 2px #54e79a2e}.calendar-simple-day.recommended{border-color:#ffc45ed1;box-shadow:0 0 0 1px #ffc45e24 inset;background:linear-gradient(180deg,#4a361152,#0f1423f0)}.calendar-simple-day.recommended-selected{box-shadow:0 0 0 1px #ffcc6f3d inset,0 0 0 2px #ffae3847,0 0 18px #ffae3814}.calendar-simple-day.recommended:not(.recommended-start):not(.recommended-single){border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.calendar-simple-day.recommended:not(.recommended-end):not(.recommended-single){border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.calendar-simple-day.draft-range{background:linear-gradient(180deg,#4661d659,#0e1322eb)}.calendar-simple-day-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.calendar-simple-day-top strong{font-size:.96rem}.calendar-simple-day-count,.calendar-simple-selection-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:.2rem .65rem;border-radius:999px;background:#6f88ff2e;color:#dbe4ff;font-size:.78rem}.calendar-simple-day-body{display:grid;gap:.16rem;color:var(--muted);font-size:.76rem}.calendar-simple-day-event{display:inline-flex;align-items:center;gap:.28rem;max-width:100%;color:#ffd57feb;font-size:.72rem;min-width:0}.calendar-simple-day-event>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-simple-day-body em,.calendar-simple-entry em{color:#dbe4ffd1;font-style:normal}.calendar-simple-popover{position:absolute;top:0;left:calc(100% + .65rem);z-index:9;width:min(360px,42vw);min-width:320px;padding:.9rem;border:1px solid rgba(111,136,255,.25);border-radius:18px;background:#0d121ef5;box-shadow:0 20px 40px #00000047;display:grid;gap:.85rem}.calendar-simple-day-wrap:nth-child(7n) .calendar-simple-popover,.calendar-simple-day-wrap:nth-child(7n-1) .calendar-simple-popover{left:auto;right:calc(100% + .65rem)}.calendar-simple-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.calendar-simple-popover-header h4{margin:0}.calendar-simple-popover-header p{margin:.18rem 0 0;color:var(--muted);font-size:.82rem}.calendar-simple-lower{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}.calendar-simple-sidebar{display:grid;gap:.75rem;align-content:start;position:sticky;top:.65rem;align-self:start}.calendar-simple-card{display:grid;gap:.75rem}.calendar-simple-form,.calendar-simple-form-grid,.calendar-simple-section-list,.calendar-simple-entry-list{display:grid;gap:.6rem}.calendar-simple-form label{display:grid;gap:.35rem}.calendar-simple-form label>span{font-size:.8rem;color:var(--muted)}.calendar-simple-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-simple-checkbox{gap:.4rem;justify-content:flex-start}.calendar-simple-checkbox input{width:auto;margin:0;flex:0 0 auto}.calendar-simple-checkbox span{margin:0}.calendar-simple-form-actions{gap:.6rem;flex-wrap:wrap}.calendar-simple-subsection{display:grid;gap:.45rem}.calendar-simple-entry{gap:.75rem;padding:.55rem .7rem;border-radius:14px;background:#ffffff0a}.calendar-simple-entry-button{width:100%;border:1px solid rgba(255,255,255,.06);color:inherit;text-align:left;cursor:pointer}.calendar-simple-entry-button.selected{border-color:#ffc45eb8;background:linear-gradient(180deg,#4a361157,#ffffff0d);box-shadow:0 0 0 1px #ffc45e2e inset,0 0 18px #ffae3814}.calendar-simple-entry>div:first-child{min-width:0;display:grid;gap:.22rem}.calendar-simple-entry span{color:var(--muted)}.calendar-simple-entry.own-entry{border:1px solid rgba(111,136,255,.2)}.calendar-simple-icon-btn.danger{color:#ffabb5}@media(max-width:1100px){.calendar-simple-month-grid{gap:.5rem}}@media(max-width:900px){.calendar-simple-shell{padding:.55rem .65rem .75rem}.calendar-simple-layout,.calendar-simple-layout.mobile{grid-template-columns:minmax(0,1fr)}.calendar-simple-header,.calendar-simple-month-toolbar,.calendar-simple-card-header,.calendar-simple-entry,.calendar-simple-form-actions{flex-wrap:wrap}.calendar-simple-timezone{min-width:0;width:100%}.calendar-simple-day{min-height:82px;height:auto;padding:.5rem}.calendar-simple-form-grid{grid-template-columns:1fr}.calendar-simple-popover{position:static;width:100%;min-width:0;margin-top:.6rem}.calendar-simple-sidebar{position:static;top:auto}}@media(max-width:680px){.calendar-simple-weekdays,.calendar-simple-month-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-simple-weekdays span{font-size:.72rem;text-align:center}.calendar-simple-day{min-height:74px;height:auto;gap:.35rem}.calendar-simple-day-body{font-size:.72rem}.calendar-simple-day-body span:nth-child(2),.calendar-simple-day-body em{display:none}}@media(max-width:840px){.app.is-mobile .calendar-simple-day-wrap{overflow:hidden}.app.is-mobile .calendar-simple-day-top{justify-content:flex-start}.app.is-mobile .calendar-simple-day-count,.app.is-mobile .calendar-simple-day-body,.app.is-mobile .calendar-simple-day-event{display:none!important}.app.is-mobile .calendar-simple-day{gap:0;padding:.45rem .5rem}}