.cockpit{--text:17px;width:100%;max-width:calc(var(--andock-grid-label) + var(--andock-grid-content) + 2 * var(--page-gutter));padding:8vh var(--page-gutter) 120px;font-size:var(--text);line-height:var(--andock-leading-body);margin:0 auto}.andock .cockpit p{margin:0}.cockpit h1{font-size:var(--andock-text-2xl);line-height:var(--andock-leading-tight);letter-spacing:-.025em;margin:0;font-weight:600}.andock .cockpit .cockpit-lead{max-width:32em;color:var(--andock-ink-2);font-size:var(--andock-text-lg);line-height:var(--andock-leading-snug);letter-spacing:-.01em;text-wrap:pretty;margin:12px 0 56px}.stepper{border-bottom:1px solid var(--andock-line);margin:0;padding:0;list-style:none}.step{grid-template-columns:var(--andock-grid-step) minmax(0, 1fr);border-top:1px solid var(--andock-line);align-items:baseline;padding:24px 0;display:grid}.step[data-state=current]{padding:32px 0 56px}.stepper-number{color:var(--andock-muted);font-size:var(--andock-step-number);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:600;line-height:1;display:inline-flex}.step[data-state=current] .stepper-number{color:var(--andock-ink)}.step-body{min-width:0}.step-head{flex-wrap:wrap;align-items:baseline;gap:2px 16px;display:flex}.cockpit .step-title{font-size:var(--andock-text-lg);font-weight:600;line-height:var(--andock-leading-snug);letter-spacing:-.01em;align-items:baseline;gap:10px;margin:0;display:inline-flex}.step[data-state=current] .step-title{font-size:var(--andock-text-xl);letter-spacing:-.02em}.step[data-state=done] .step-title,.step[data-state=waiting] .step-title{font-weight:500}.step[data-state=todo] .step-title{color:var(--andock-muted);font-weight:500}.andock .cockpit .step-summary{text-wrap:pretty;min-width:0;color:var(--andock-ink-2);flex:16em;font-size:16px}.step-action{margin-left:auto}.summary-mailbox{overflow-wrap:anywhere;align-items:center;gap:8px;display:inline-flex}.step-content{flex-direction:column;gap:28px;margin-top:20px;display:flex}.andock .cockpit .step-intro,.andock .cockpit .row-intro{color:var(--andock-ink-2)}.andock .cockpit .step-next{color:var(--andock-ink-2);font-size:16px}div.step-next{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.check-mark,.warn-icon{flex:none;width:20px;height:20px}.check-mark{color:var(--andock-success)}.warn-icon{color:var(--andock-warning)}.form{flex-direction:column;gap:20px;max-width:480px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.form-label{font-size:15px;font-weight:500}.form-input{width:100%;height:var(--andock-control);border:1px solid var(--andock-field-border);border-radius:var(--andock-radius-md);background:var(--andock-paper);color:var(--andock-ink);font:inherit;padding:0 14px;font-size:17px}.form-input[readonly]{border-color:var(--andock-line);background:var(--andock-stone);color:var(--andock-ink-2)}.form-input::placeholder{color:var(--andock-muted);opacity:1}.form-input:focus-visible{border-color:var(--andock-blue);outline:1px solid var(--andock-blue);outline-offset:0}.form-input[aria-invalid=true]{border-color:var(--andock-danger)}.form-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px;display:flex}.andock .cockpit .form-note{color:var(--andock-muted);font-size:15px;line-height:1.45}.andock .cockpit .form-error{color:var(--andock-ink);outline:none;align-items:flex-start;gap:10px;font-size:16px;line-height:1.45;display:flex}.form-error svg{color:var(--andock-danger);flex:none;width:18px;height:18px;margin-top:2px}.hint{border-radius:var(--andock-radius-md);background:var(--andock-stone);color:var(--andock-ink-2);flex-direction:column;gap:10px;margin:0;padding:14px 16px;font-size:15px;line-height:1.45;list-style:none;display:flex}.hint li{align-items:flex-start;gap:10px;display:flex}.hint .mark{margin-top:0}.choices{border:0;border-top:1px solid var(--andock-line);min-width:0;margin:0;padding:0}.choice{border-bottom:1px solid var(--andock-line);cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:64px;padding:10px 0;display:grid}.choice-title{font-weight:600}.choice-detail{color:var(--andock-ink-2);text-align:right}.choice-note{color:var(--andock-muted);font-size:14px;display:block}.radio{border:1.5px solid var(--andock-field-border);background:var(--andock-paper);appearance:none;cursor:pointer;width:20px;height:20px;transition:border-width var(--andock-dur-fast) var(--andock-ease-out), border-color var(--andock-dur-fast) ease;border-radius:50%;margin:0}.radio:checked{border:6px solid var(--andock-blue)}.radio:focus-visible{outline:2px solid var(--andock-blue);outline-offset:3px}.guide{flex-direction:column;gap:24px;display:flex}.ai-picker{border:0;min-width:0;margin:0;padding:0}.guide-question{margin-bottom:12px;padding:0;font-weight:600}.ai-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ai-tile{border:1px solid var(--andock-line);border-radius:var(--andock-radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:96px;transition:border-color var(--andock-dur-fast) ease, transform var(--andock-dur-press) var(--andock-ease-out);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative}.ai-tile:active{transform:scale(.97)}.ai-tile-name{font-size:16px;font-weight:600;line-height:1.25}.ai-tile:has(input:checked){border-color:var(--andock-blue);box-shadow:inset 0 0 0 1px var(--andock-blue)}.ai-tile:has(input:focus-visible){outline:2px solid var(--andock-blue);outline-offset:2px}.mark-other{background:var(--andock-stone);color:var(--andock-ink);box-shadow:none}.mark-other svg{width:50%;height:50%}:is(.guide-panel[data-for],.guide:has(input[name=ki]:checked) .guide-generic){display:none}:is(.guide:has(input[value=chatgpt]:checked) .guide-panel[data-for=chatgpt],.guide:has(input[value=claude]:checked) .guide-panel[data-for=claude],.guide:has(input[value=notion]:checked) .guide-panel[data-for=notion]){animation:guide-in var(--andock-dur-base) var(--andock-ease-out);display:block}.andock .cockpit .guide-first-question{color:var(--andock-ink)}@keyframes guide-in{0%{opacity:0;transform:translateY(4px)}}.guide-steps{border-top:1px solid var(--andock-line);margin:0;padding:0;list-style:none}.guide-steps li{border-bottom:1px solid var(--andock-line);grid-template-columns:32px minmax(0,1fr);align-items:baseline;padding:16px 0;display:grid}.guide-step-number{color:var(--andock-muted);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.andock .cockpit .guide-step-text{min-width:0}.ui-name.english{color:var(--andock-ink-2);font-weight:500}.ui-name{color:var(--andock-ink);font-weight:600}.andock .cockpit .guide-note{color:var(--andock-muted);margin-top:12px;font-size:15px;line-height:1.45}.cockpit .copy-field{gap:8px}.cockpit .copy-field .field{height:var(--andock-control);line-height:var(--andock-control);background:var(--andock-stone);font-size:15px}.cockpit .copy-field .andock-button{min-width:112px;height:var(--andock-control)}.questions{border-top:1px solid var(--andock-line);margin:0;padding:0;list-style:none}.questions li{border-bottom:1px solid var(--andock-line);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:6px 0;display:flex}.questions q{min-width:0}.copy-button{min-width:80px;min-height:var(--andock-target);color:var(--andock-blue);font:500 15px/1 var(--andock-font);text-align:right;cursor:pointer;transition:transform var(--andock-dur-press) var(--andock-ease-out);background:0 0;border:0;flex:none;padding:0}.copy-button:active{transform:scale(.97)}.copy-button[data-copied]{color:var(--andock-success)}.overview{border-bottom:1px solid var(--andock-line)}.row{grid-template-columns:var(--andock-grid-label) minmax(0, 1fr);border-top:1px solid var(--andock-line);padding:32px 0 36px;display:grid}.cockpit .row-label{font-size:var(--text);font-weight:600;line-height:var(--andock-leading-body);letter-spacing:0;margin:0}.row-content{flex-direction:column;align-items:stretch;gap:20px;min-width:0;display:flex}.row-primary{display:flex}.row-actions{flex-direction:column;align-items:flex-start;margin:-10px 0 0;display:flex}.row-primary{flex-direction:column;align-items:flex-start;gap:10px}.andock .cockpit .action-hint{color:var(--andock-muted);font-size:15px;line-height:1.45}.row-actions .confirm{align-self:stretch}.step-after{flex-direction:column;align-items:stretch;gap:12px;margin-top:16px;display:flex}.step-after>.action-hint{margin-top:-12px}.step-after .confirm{align-self:stretch}.reconnect{flex-direction:column;gap:20px;display:flex}.andock .cockpit .status-line{align-items:baseline;gap:12px;display:flex}.status-line .status-dot{transform:translateY(-2px)}.status-line .warn-icon{align-self:flex-start;margin-top:3px}.andock .cockpit .status-line.warn{color:var(--andock-ink)}.status-dot{background:var(--andock-muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.ok{background:var(--andock-success)}.status-dot.warn{background:var(--andock-warning)}.mailbox-identity{align-items:center;gap:14px;min-width:0;display:flex}.mailbox-text{flex-direction:column;min-width:0;display:flex}.mailbox-address{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mailbox-meta{color:var(--andock-ink-2);align-items:center;gap:6px;font-size:15px;display:inline-flex}.switch-row{border-top:1px solid var(--andock-line);align-items:center;gap:16px;padding-top:20px;display:flex}.switch-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.switch-label{cursor:pointer;font-weight:500}.switch-hint{color:var(--andock-ink-2);font-size:15px;line-height:1.4}.switch{background:var(--andock-field-border);cursor:pointer;appearance:none;width:51px;height:31px;transition:background-color var(--andock-dur-fast) ease;border-radius:999px;flex:none;margin:0;position:relative}.switch:before{content:"";position:absolute;inset:-7px -2px}.switch:after{content:"";width:27px;height:27px;transition:transform var(--andock-dur-base) var(--andock-ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--andock-blue)}.switch:checked:after{transform:translate(20px)}.switch:focus-visible{outline:2px solid var(--andock-blue);outline-offset:3px}.reopen summary{margin:-10px 0 -12px;list-style:none}.reopen summary::-webkit-details-marker{display:none}.reopen[open] summary{margin-bottom:16px}.reopen .when-open,.reopen[open] .when-closed{display:none}.reopen[open] .when-open{display:inline}.confirm{flex:100%}.confirm-summary{width:fit-content;min-height:var(--andock-target);color:var(--andock-danger);cursor:pointer;align-items:center;font-weight:500;list-style:none;display:inline-flex}.confirm-summary::-webkit-details-marker{display:none}.confirm-summary:focus-visible{outline:2px solid var(--andock-blue);outline-offset:3px;border-radius:var(--andock-radius-sm)}.confirm .when-open,.confirm[open] .when-closed{display:none}.confirm[open] .when-open{display:inline}.confirm[open] .confirm-summary{color:var(--andock-ink);font-weight:600}.confirm[open]+.confirm-hint{display:none}@media (hover:hover) and (pointer:fine){.confirm:not([open]) .confirm-summary:hover{text-underline-offset:.2em;text-decoration:underline}}.confirm-panel{flex-direction:column;gap:12px;margin:0 0 8px;display:flex}.andock .cockpit .confirm-panel .confirm-title{font-weight:600}.andock .cockpit .confirm-panel p{max-width:34em;color:var(--andock-ink)}.confirm-actions{flex-wrap:nowrap;align-items:center;gap:20px;display:flex}@media (max-width:420px){.danger-button{padding:0 18px}}.danger-button{height:var(--andock-target);white-space:nowrap;border:1.5px solid var(--andock-danger);color:var(--andock-danger);font:600 16px/1 var(--andock-font);cursor:pointer;transition:transform var(--andock-dur-press) var(--andock-ease-out);background:0 0;border-radius:999px;flex:none;padding:0 22px}.danger-button:active{transform:scale(.97)}.danger-button:focus-visible{outline:2px solid var(--andock-blue);outline-offset:3px}.cockpit .andock-button{height:var(--andock-control)}.text-button{min-height:var(--andock-target);color:var(--andock-blue);font:500 16px/1 var(--andock-font);white-space:nowrap;cursor:pointer;transition:transform var(--andock-dur-press) var(--andock-ease-out);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.text-button:active{transform:scale(.97)}.text-button.danger{color:var(--andock-danger)}.text-button.quiet{color:var(--andock-ink-2)}.andock .cockpit a.text-button{text-decoration:none}.text-button:focus-visible,.copy-button:focus-visible,.cockpit a:focus-visible,.cockpit .andock-button:focus-visible{outline:2px solid var(--andock-blue);outline-offset:3px;border-radius:var(--andock-radius-sm)}.cockpit .andock-button:focus-visible{border-radius:999px}@media (hover:hover) and (pointer:fine){.text-button:hover,.copy-button:hover{text-underline-offset:.2em;text-decoration:underline}.ai-tile:hover{border-color:var(--andock-field-border)}.ai-tile:has(input:checked):hover{border-color:var(--andock-blue)}}@media (scripting:enabled){.no-script{display:none}}@media (max-width:860px){.cockpit{--andock-grid-step:72px;--andock-step-number:1.75rem;--text:17px;padding-top:4vh}.cockpit h1{font-size:34px}.andock .cockpit .cockpit-lead{margin-bottom:40px}.step[data-state=current]{padding-bottom:40px}.step-content{margin-left:calc(-1 * var(--andock-grid-step))}.step-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;display:grid}.step-title{grid-area:1/1}.step-action{grid-area:1/2;margin-left:0}.andock .cockpit .step-summary{grid-area:2/1}.ai-tile{min-height:88px}.choice{grid-template-columns:20px minmax(0,1fr);row-gap:2px}.choice-detail{text-align:left;grid-column:2}.choice-note{display:inline}.choice-note:before{content:" · "}.form-actions .andock-button{align-self:stretch}.row{grid-template-columns:minmax(0,1fr);row-gap:16px;padding:24px 0 28px}.questions q{font-size:16px}}@media (prefers-reduced-motion:reduce){.switch:after,.danger-button,.radio,.text-button,.copy-button,.ai-tile{transition:none}.text-button:active,.copy-button:active,.danger-button:active,.ai-tile:active{transform:none}.guide-panel{animation:none!important}}.chain{--node:32px;transition:opacity var(--andock-dur-base) var(--andock-ease-out), transform var(--andock-dur-base) var(--andock-ease-out);grid-template-columns:repeat(5,minmax(0,1fr));margin:4px 0 0;padding:0;font-size:14px;line-height:1.3;list-style:none;display:grid}@starting-style{.chain{opacity:0;transform:translateY(4px)}}.chain-node{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex;position:relative}.chain-node .mark{--mark:var(--node)}.chain-label{margin-top:8px;font-weight:600}.chain-word{max-width:100%;color:var(--andock-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chain-node[data-state=fail] .chain-word{color:var(--andock-ink)}.chain-link{top:calc(var(--node) / 2 - 1px);left:calc(50% + var(--node) / 2 + 6px);width:calc(100% - var(--node) - 12px);background:var(--andock-line);border-radius:1px;height:2px;position:absolute;overflow:hidden}.chain-link>span{background:var(--andock-success);transform-origin:0;width:100%;height:100%;transition:transform .32s var(--andock-ease-out);display:block;transform:scaleX(0)}.chain-link[data-linked]>span{transform:none}.chain-status,.chain-chip{width:var(--node);height:var(--node);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.chain-ring,.chain-spin,.chain-layer{border-radius:50%;position:absolute;inset:0}.chain-ring{border:1.5px solid var(--andock-field-border);transition:opacity var(--andock-dur-fast) ease;inset:3px}.chain-node[data-state=unchecked] .chain-ring{border-style:dashed}.chain-spin{border:2px solid #0000;border-top-color:var(--andock-blue);opacity:0;transition:opacity var(--andock-dur-fast) ease;inset:3px}.chain-node[data-state=pending] .chain-spin{opacity:1;animation:.8s linear infinite chain-spin}.chain-node[data-state=pending] .chain-ring{border-color:var(--andock-line)}.chain-node[data-state=ok] .chain-ring,.chain-node[data-state=fail] .chain-ring{opacity:0}@keyframes chain-spin{to{transform:rotate(360deg)}}.chain-ok circle{fill:var(--andock-success)}.chain-fail circle{fill:var(--andock-danger)}.chain-ok path,.chain-fail path{fill:none;stroke:var(--andock-paper);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.chain-layer,.chain-badge{opacity:0;transition:opacity var(--andock-dur-base) var(--andock-ease-out), transform var(--andock-dur-base) var(--andock-ease-out);transform:scale(.8)}.chain-node[data-state=ok] .chain-ok,.chain-node[data-state=fail] .chain-fail{opacity:1;transform:none}.chain-node[data-node=andock][data-state=ok] .chain-ok{transition-delay:.28s}.chain-chip{background:var(--andock-stone);color:var(--andock-ink-2)}.chain-chip>svg:not(.chain-badge){width:58%;height:58%}.chain-andock{color:var(--andock-ink);box-shadow:inset 0 0 0 1px var(--andock-mark-ring);background:#fff}.chain-andock .logo{width:58%;height:58%}.chain-badge{width:14px;height:14px;box-shadow:0 0 0 2px var(--andock-paper);border-radius:50%;position:absolute;bottom:-3px;right:-7px}.chain-ai{letter-spacing:.01em;font-size:12px;font-weight:600}.chain-node[data-node=ai]{color:var(--andock-muted)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chain-andock{background:var(--andock-stone);box-shadow:inset 0 0 0 1px #ffffff1a}}:root[data-theme=dark] .chain-andock{background:var(--andock-stone);box-shadow:inset 0 0 0 1px #ffffff1a}@media (max-width:480px){.chain{--node:28px;font-size:13px}.chain-word{font-size:12px}}@media (prefers-reduced-motion:reduce){.chain,.chain-layer,.chain-badge{transition:opacity var(--andock-dur-fast) ease}.chain-link>span{transition:none}@starting-style{.chain{transform:none}}.chain-layer,.chain-badge{transform:none}.chain-node[data-state=pending] .chain-spin{border-color:var(--andock-blue);animation:1.6s ease-in-out infinite alternate chain-pulse}}@keyframes chain-pulse{0%{opacity:.35}}