:root{color-scheme:light;--font-ui: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;--font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--surface-canvas: #eeeeee;--surface-primary: #fafafa;--surface-secondary: #f5f5f5;--surface-raised: #fafafa;--surface-accent: #e9eff6;--surface-presence: #edf4eb;--surface-waiting: #f5edf4;--surface-attention: #f7f1df;--surface-error: #f7ecef;--surface-inverse: #424242;--text-primary: #2a2a2a;--text-secondary: #454545;--text-tertiary: #616161;--text-on-accent: #fafafa;--text-accent: #3b6ea8;--text-presence: #3f713d;--text-waiting: #842879;--text-attention: #765a00;--text-error: #99324b;--text-inverse: #fafafa;--border-default: #bdbdbd;--border-subtle: #e0e0e0;--border-strong: #9e9e9e;--border-accent: #9eafc4;--border-presence: #a8c6a5;--border-waiting: #c7a9c1;--border-attention: #d1bd79;--border-error: #d6a5b0;--accent-primary: #3b6ea8;--accent-hover: #2f5a8a;--accent-focus: #842879;--accent-presence: #4f894c;--accent-waiting: #842879;--accent-attention: #9a7500;--accent-error: #99324b;--focus-ring: rgb(132 40 121 / 24%);--selection-tint: rgb(82 114 175 / 5%);--wordmark-color-1: #3b6ea8;--wordmark-color-2: #29838d;--wordmark-color-3: #842879;--wordmark-color-4: #97365b;--wordmark-color-5: #ac4426;--syntax-keyword: #3b6ea8;--syntax-string: #3f743d;--syntax-number: #97365b;--syntax-comment: #616161;--syntax-type: #765a00;--syntax-function: #236f77;--syntax-variable: #97365b;--syntax-property: #842879;--syntax-operator: #3b6ea8;--syntax-heading: #99324b;--shadow-card: 0 20px 55px rgb(42 42 42 / 9%);--shadow-header: 0 1px 0 rgb(42 42 42 / 8%);--shadow-focus: 0 0 0 4px var(--focus-ring);--shadow-panel: 0 14px 34px rgb(42 42 42 / 10%);--radius-small: 7px;--radius-medium: 11px;--radius-large: 18px;--radius-pill: 999px;font-family:var(--font-ui);background:var(--surface-canvas);color:var(--text-primary)}:root[data-theme=dark]{color-scheme:dark;--font-ui: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;--font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--surface-canvas: #090819;--surface-primary: #0c0a20;--surface-secondary: #131033;--surface-raised: #1f1147;--surface-accent: #110d26;--surface-presence: #1a1926;--surface-waiting: #1a1333;--surface-attention: #1f1924;--surface-error: #1e112a;--surface-inverse: #847ab1;--text-primary: #f2f3f7;--text-secondary: #919ad9;--text-tertiary: #8387b3;--text-on-accent: #0c0a20;--text-accent: #7984d1;--text-presence: #919ad9;--text-waiting: #8387b3;--text-attention: #919ad9;--text-error: #ec5370;--text-inverse: #0c0a20;--border-default: #7469a6;--border-subtle: #59639c;--border-strong: #919ad9;--border-accent: #6564d1;--border-presence: #919ad9;--border-waiting: #8387b3;--border-attention: #d86762;--border-error: #ec5370;--accent-primary: #ff2afc;--accent-hover: #df85ff;--accent-focus: #42c6ff;--accent-presence: #a7da1e;--accent-waiting: #a875ff;--accent-attention: #ffd400;--accent-error: #ec5370;--focus-ring: rgb(66 198 255 / 28%);--selection-tint: rgb(63 136 173 / 10%);--wordmark-color-1: #ff2afc;--wordmark-color-2: #df85ff;--wordmark-color-3: #a875ff;--wordmark-color-4: #7984d1;--wordmark-color-5: #42c6ff;--syntax-keyword: #ff2afc;--syntax-string: #7984d1;--syntax-number: #ffd400;--syntax-comment: #768baf;--syntax-type: #ffd400;--syntax-function: #42c6ff;--syntax-variable: #df85ff;--syntax-property: #1ea8fc;--syntax-operator: #ff2afc;--syntax-heading: #a875ff;--shadow-card: 0 0 0 1px rgb(145 154 217 / 18%), 0 24px 60px rgb(0 0 0 / 44%);--shadow-header: 0 1px 0 rgb(145 154 217 / 30%);--shadow-focus: 0 0 0 4px var(--focus-ring);--shadow-panel: 0 0 0 1px rgb(145 154 217 / 18%), 0 18px 44px rgb(0 0 0 / 52%);--radius-small: 7px;--radius-medium: 11px;--radius-large: 18px;--radius-pill: 999px}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--surface-canvas);font-size:16px;line-height:1.6}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.button{min-height:38px;border:1px solid var(--border-default);border-radius:var(--radius-small);padding:7px 13px;background:var(--surface-primary);color:var(--text-primary);font-size:14px;font-weight:650;line-height:1.35;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .14s ease}.button:hover{border-color:var(--border-strong);background:var(--surface-secondary)}.button:active{transform:translateY(1px)}.button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-focus);outline-offset:3px}.button:disabled{cursor:wait;opacity:.6}.button.primary{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-on-accent)}.button.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.button.secondary{background:var(--surface-primary)}.button.quiet-button{border-color:transparent;background:transparent;color:var(--text-secondary);font-weight:600}.button.quiet-button:hover{border-color:var(--border-subtle);background:var(--surface-secondary);color:var(--text-primary)}.icon-label-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon-label-button svg{width:16px;height:16px;flex:0 0 auto}.icon-button{width:38px;min-width:38px;min-height:38px;display:inline-grid;place-items:center;padding:0}.icon-button svg{width:16px;height:16px}.button.copy-feedback-button[data-copy-state]{border-color:var(--border-presence);background:var(--surface-presence);color:var(--text-presence)}.button.copy-feedback-button[data-copy-state=error]{border-color:var(--border-error);background:var(--surface-error);color:var(--text-error)}.copy-feedback-button[data-copy-state]>svg{display:none}.copy-feedback-button[data-copy-state]:after{width:16px;flex:0 0 auto;content:"✓";font-size:16px;font-weight:800;line-height:1;text-align:center}.copy-feedback-button[data-copy-state=error]:after{content:"!"}.theme-toggle{width:38px;height:38px;flex:0 0 auto;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-small);background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.theme-toggle:hover{border-color:var(--border-strong)}.theme-knob{width:100%;height:100%;display:grid;place-items:center;transition:color .14s ease}.theme-knob svg{width:16px;height:16px}.theme-knob svg:first-child,.theme-toggle[aria-checked=true] .theme-knob svg:nth-child(2){display:none}.theme-toggle[aria-checked=true]{border-color:var(--border-accent);background:var(--surface-accent)}.theme-toggle[aria-checked=true] .theme-knob{color:var(--accent-primary)}.theme-toggle[aria-checked=true] .theme-knob svg:first-child{display:block}.wordmark{display:inline-flex;align-items:center;gap:.22em;color:var(--text-primary);font-size:30px;font-weight:780;line-height:1}.wordmark-icon{width:.82em;height:.82em;flex:0 0 auto;color:var(--text-primary);opacity:.75}.wordmark-letters{letter-spacing:-.035em}.wordmark-letters>span:nth-child(1){color:var(--wordmark-color-1)}.wordmark-letters>span:nth-child(2){color:var(--wordmark-color-2)}.wordmark-letters>span:nth-child(3){color:var(--wordmark-color-3)}.wordmark-letters>span:nth-child(4){color:var(--wordmark-color-4)}.wordmark-letters>span:nth-child(5){color:var(--wordmark-color-5)}.wordmark.small{flex:0 0 auto;font-size:21px}.entry-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at top left,var(--surface-accent),transparent 44%),var(--surface-canvas)}.entry-card{width:min(600px,100%);padding:clamp(34px,7vw,62px);border:1px solid var(--border-subtle);border-radius:var(--radius-large);background:var(--surface-raised);box-shadow:var(--shadow-card);text-align:left}.entry-card.compact{width:min(520px,100%)}.entry-card h1{max-width:12em;margin:22px 0 14px;font-size:clamp(30px,6vw,46px);font-weight:760;letter-spacing:-.035em;line-height:1.2}.entry-card.compact h1{font-size:clamp(26px,5vw,36px)}.entry-eyebrow,.pane-eyebrow{margin:22px 0 0;color:var(--text-accent);font-size:13px;font-weight:750;letter-spacing:.06em}.entry-copy{max-width:39em;margin:0 0 28px;color:var(--text-secondary);font-size:16px;line-height:1.85}.entry-action{min-height:44px;padding-inline:18px}.entry-card>.quiet-button{display:block;margin-top:18px;margin-left:-12px}.inline-message{margin:18px 0;border:1px solid var(--border-default);border-radius:var(--radius-medium);padding:13px 15px;font-size:14px}.inline-message.error{border-color:var(--border-error);background:var(--surface-error);color:var(--text-error)}.loading-indicator{width:26px;height:26px;display:block;margin-top:20px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-screen{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-primary)}.session-header{position:relative;z-index:5;flex:0 0 auto;border-bottom:1px solid var(--border-default);background:var(--surface-raised);box-shadow:var(--shadow-header)}.header-main{min-height:58px;display:grid;grid-template-columns:auto minmax(80px,auto) minmax(180px,1fr) auto auto;grid-template-areas:"brand participants state document session";align-items:center;gap:10px;padding:9px clamp(14px,3vw,28px)}.header-main>.wordmark{grid-area:brand}.header-state{min-width:0;display:flex;grid-area:state;align-items:center;gap:8px}.participants{min-width:0;max-width:260px;display:flex;grid-area:participants;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}.participants::-webkit-scrollbar{display:none}.participant{max-width:180px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid var(--border-presence);border-radius:var(--radius-pill);padding:4px 9px;background:var(--surface-presence);color:var(--text-presence);font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant.current{border-color:var(--border-accent);background:var(--surface-accent);color:var(--text-accent)}.participant-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--accent-presence)}.participant.current .participant-dot{background:var(--accent-primary)}.document-status{min-width:0;display:flex;align-items:center;gap:10px;flex:1;color:var(--text-secondary)}.status-indicator{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--text-tertiary)}.status-indicator svg{display:none}.document-status[data-tone=progress] .status-indicator{background:var(--accent-primary);box-shadow:0 0 0 4px var(--selection-tint)}.document-status[data-tone=shared] .status-indicator{background:var(--accent-presence)}.document-status[data-tone=waiting] .status-indicator{background:var(--accent-waiting)}.document-status[data-tone=undelivered] .status-indicator{width:16px;height:16px;border-radius:0;background:transparent;color:var(--accent-attention)}.document-status[data-tone=undelivered] .status-indicator svg{display:block;width:16px;height:16px}.document-status[data-tone=error] .status-indicator{background:var(--accent-error)}.document-status-copy{min-width:0;display:flex;align-items:baseline;gap:8px}.document-status-title{color:var(--text-primary);font-size:14px;white-space:nowrap}.document-status-detail{min-width:0;color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-status-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.button.document-status-action{min-height:30px;padding:4px 9px;border-color:var(--border-attention);background:var(--surface-primary);color:var(--text-attention);font-size:13px}.button.document-status-action.primary{border-color:var(--border-accent);background:var(--surface-accent);color:var(--text-accent)}.network-status{flex:0 0 auto;border:1px solid var(--border-attention);border-radius:var(--radius-pill);padding:4px 9px;background:var(--surface-attention);color:var(--text-attention);font-size:13px;font-weight:700}.action-group{display:flex;align-items:center}.header-actions{display:contents}.action-group{gap:6px;white-space:nowrap}.document-actions{grid-area:document}.session-actions{grid-area:session}.session-actions{padding-left:10px;border-left:1px solid var(--border-default)}.sign-out-button{margin-left:6px}.source-mode-button[aria-pressed=true]{border-color:var(--border-accent);background:var(--surface-accent);color:var(--text-accent)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.editor-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface-primary)}.blocks{flex:1;min-height:0;display:flex;overflow-y:auto;padding:16px;background:var(--surface-primary)}.loading-copy{margin:auto;color:var(--text-secondary);font-size:14px}.markdown-block{width:min(1200px,100%);height:fit-content;min-height:100%;display:flex;flex-direction:column;align-self:flex-start;margin:0 auto;border:0;border-radius:0;background:var(--surface-primary);overflow:visible;transition:box-shadow .14s ease}.raw-editor{width:100%;min-height:calc(100dvh - 160px);flex:1;border:0;padding:20px;background:var(--surface-secondary);color:var(--text-primary);caret-color:var(--accent-primary);font-family:var(--font-code);font-size:16px;line-height:1.65;overflow:auto;resize:none;tab-size:4}.raw-editor:focus{outline:none}.raw-editor:read-only{background:var(--surface-primary);color:var(--text-secondary);cursor:default}.raw-collaboration-state{margin:0;padding:10px 20px;border-top:1px solid var(--border-waiting);background:var(--surface-waiting);color:var(--text-waiting);font-size:13px;line-height:1.5}.collaborative-markdown-block>.button.block-copy-button{align-self:flex-start;margin:10px 20px}.raw-conflicts{display:grid;gap:12px;padding:14px 20px 20px;border-top:1px solid var(--border-attention);background:var(--surface-attention);color:var(--text-attention)}.raw-conflict-intro,.raw-conflict-version-label{margin:0;font-size:13px;line-height:1.5}.raw-conflict{display:grid;gap:7px;padding:13px;border:1px solid var(--border-attention);border-radius:var(--radius-control);background:var(--surface-primary);color:var(--text-primary)}.raw-conflict-version-label{color:var(--text-secondary)}.raw-conflict-version{max-height:180px;margin:0;overflow:auto;padding:9px;border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-secondary);color:var(--text-primary);font-family:var(--font-code);font-size:13px;white-space:pre-wrap}.raw-conflict-actions{display:flex;flex-wrap:wrap;gap:8px}.button.raw-conflict-choice[aria-pressed=true]{border-color:var(--border-accent);background:var(--surface-accent);color:var(--text-accent)}.button.raw-conflict-apply{justify-self:start}.markdown-block.locked{box-shadow:-3px 0 0 var(--accent-waiting)}.markdown-block.conflict,.markdown-block.recovering{box-shadow:-3px 0 0 var(--accent-attention)}.block-state{position:relative;display:flex;align-items:center;gap:11px;padding:11px 13px;border-bottom:1px solid var(--border-waiting);background:var(--surface-waiting);color:var(--text-waiting);overflow:hidden}.markdown-block.conflict .block-state,.markdown-block.recovering .block-state{border-color:var(--border-attention);background:var(--surface-attention);color:var(--text-attention)}.block-state-marker{position:relative;width:16px;height:16px;flex:0 0 auto;border:2px solid currentColor;border-radius:3px;background:transparent}.block-state-marker:before{position:absolute;top:-8px;left:2px;width:8px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;content:""}.block-wait-progress{position:absolute;z-index:1;top:0;right:0;left:0;height:3px;background:var(--border-waiting)}.block-wait-progress-fill{width:100%;height:100%;display:block;background:var(--accent-waiting);transform:scaleX(0);transform-origin:left;animation:block-wait-progress var(--block-wait-duration) linear forwards}.markdown-block.conflict .block-wait-progress{background:var(--border-attention)}.markdown-block.conflict .block-wait-progress-fill{background:var(--accent-attention)}@keyframes block-wait-progress{to{transform:scaleX(1)}}.block-state-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:1px}.block-state-title{font-size:14px;line-height:1.4}.block-state-detail{font-size:13px;line-height:1.5}.block-state-estimate{flex:0 0 auto;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.block-state-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.button.block-copy-button,.button.block-restore-button{min-height:34px;flex:0 0 auto;border-color:var(--border-attention);background:var(--surface-primary);color:var(--text-attention);font-size:13px}.button.block-restore-button{border-color:var(--border-attention);background:var(--text-attention);color:var(--text-inverse)}.block-editor-host{min-width:0;min-height:0;display:flex;flex:1}.block-editor-host.loading:before{content:"編集画面を準備しています";margin:auto;color:var(--text-secondary);font-size:14px}.editor-load-error{margin:auto;padding:20px;color:var(--text-error);font-size:14px}.expiry-footer{min-height:34px;flex:0 0 auto;padding:6px 18px;border-top:1px solid var(--border-subtle);background:var(--surface-secondary);color:var(--text-secondary);font-size:13px;text-align:center}.expiry-footer.ending-soon{border-color:var(--border-accent);background:var(--surface-accent);color:var(--text-accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.header-main{min-height:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand participants document" "state state session";gap:7px 8px;padding-block:7px}.participants{max-width:none}.header-state{min-width:0}.document-status-detail{display:none}.document-status-actions{gap:4px}.document-status-title{overflow:hidden;text-overflow:ellipsis}.session-actions{justify-self:end}}@media(max-width:800px){.participant{max-width:124px}.header-state{gap:6px}.document-status-copy{gap:5px}.document-status-title,.document-status-detail{white-space:nowrap}.blocks{padding:16px}.raw-collaboration-state,.raw-conflicts{padding-inline:14px}.block-state{align-items:flex-start;flex-wrap:wrap}.block-state-actions{width:auto;margin-left:27px;flex-wrap:wrap}.expiry-footer{text-align:left}}@media(max-width:520px){.entry-screen{padding:16px}.entry-card{padding:30px 23px}.wordmark.small{font-size:19px}.header-main{grid-template-columns:minmax(0,1fr) minmax(0,124px);grid-template-areas:"brand participants" "document document" "state session";padding-inline:10px}.document-actions{justify-self:start}.participants{max-width:124px}.participant{max-width:98px;padding-inline:7px}.document-actions,.session-actions{gap:4px}.document-actions .button,.session-actions .button,.session-actions .theme-toggle{min-height:36px}.document-actions .icon-button,.session-actions .icon-button,.session-actions .theme-toggle{width:36px;min-width:36px;height:36px}.document-actions .icon-label-button,.session-actions .icon-label-button{padding:6px 8px;font-size:13px}.session-actions .new-session-button{padding-inline:4px}.sign-out-button{margin-left:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.block-wait-progress-fill{background:repeating-linear-gradient(90deg,var(--accent-waiting) 0 18%,var(--surface-waiting) 18% 25%);animation:none!important;transform:none}.markdown-block.conflict .block-wait-progress-fill{background:repeating-linear-gradient(90deg,var(--accent-attention) 0 18%,var(--surface-attention) 18% 25%)}}