.manual-container{max-width:var(--container-max);margin:var(--header-height) auto 0;min-height:calc(100vh - var(--header-height) - 200px);gap:40px;padding:40px 24px;display:flex}.manual-sidebar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:280px;height:fit-content;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-shrink:0;padding:24px;position:sticky;top:100px}.manual-sidebar-title{font-family:var(--font-display);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.manual-menu-list{flex-direction:column;gap:8px;display:flex}.manual-menu-item a{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-smooth);align-items:center;padding:10px 14px;font-size:.95rem;font-weight:500;display:flex}.manual-menu-item a:hover{color:var(--color-primary-light);background-color:var(--bg-card-hover)}.manual-menu-item.active a{color:var(--text-inverse);background:var(--gradient-primary);font-weight:600}.manual-back-link{border-top:1px dashed var(--border-color);margin-top:24px;padding-top:16px}.manual-back-link a{color:var(--color-primary-light);align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:inline-flex}.manual-back-link a:hover{text-decoration:underline}.manual-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);flex-grow:1;padding:40px}.manual-article h1{font-family:var(--font-display);margin-bottom:16px;font-size:2.25rem;font-weight:800;line-height:1.3}.manual-article h2{font-family:var(--font-display);border-bottom:2px solid var(--border-color);margin-top:40px;margin-bottom:20px;padding-bottom:8px;font-size:1.5rem;font-weight:700}.manual-article h3{margin-top:28px;margin-bottom:12px;font-size:1.2rem;font-weight:600}.manual-article p{color:var(--text-muted);margin-bottom:20px;font-size:1rem;line-height:1.8}.coming-soon-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.coming-soon-icon{margin-bottom:24px;font-size:4rem;animation:3s ease-in-out infinite manual-float}@keyframes manual-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.manual-image-container{border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:var(--bg-main);margin:24px 0;overflow:hidden}.manual-image-container img{width:100%;height:auto}.manual-image-caption{color:var(--text-muted);text-align:center;background-color:var(--bg-card-hover);border-top:1px solid var(--border-color);padding:10px;font-size:.85rem}kbd{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-main);padding:2px 6px;font-family:monospace;font-size:.85em;font-weight:700;box-shadow:0 1px 1px #0003}.manual-step-card{background-color:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-smooth);margin-bottom:24px;padding:24px}.manual-step-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (max-width:992px){.manual-container{flex-direction:column;gap:24px;padding:20px 16px}.manual-sidebar{width:100%;position:static}.manual-content{padding:24px}}.manual-icon-list{flex-direction:column;gap:16px;margin:16px 0;padding:0;list-style:none;display:flex}.manual-icon-list li{align-items:flex-start;gap:12px;display:flex}.manual-icon-wrapper{border-radius:var(--radius-sm);background-color:var(--bg-main);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-main);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.manual-icon-wrapper svg{stroke-width:2.5px;width:16px;height:16px}.matrix-quadrants{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-main);box-shadow:var(--shadow-sm);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin:24px 0;padding:20px;display:grid}.mq-axis{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:700}.mq-axis-top{text-align:center;grid-area:1/2/2/3}.mq-axis-left{text-align:right;grid-area:2/1/3/2}.mq-axis-right{text-align:left;grid-area:2/3/3/4}.mq-axis-bottom{text-align:center;grid-area:3/2/4/3}.mq-plane{aspect-ratio:3/2;border:1px solid var(--border-color);border-radius:var(--radius-sm);--mq-cross:color-mix(in srgb, var(--text-muted) 45%, transparent);grid-area:2/2/3/3;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mq-q2{border-right:1px dashed var(--mq-cross);border-bottom:1px dashed var(--mq-cross)}.mq-q1{border-bottom:1px dashed var(--mq-cross)}.mq-q4{border-right:1px dashed var(--mq-cross)}.mq-cell{text-align:center;background-color:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;display:flex}.mq-numeral{font-family:var(--font-display);opacity:.55;font-size:clamp(1.75rem,6vw,3rem);font-weight:700;line-height:1}.mq-label{color:var(--text-main);font-size:.85rem;font-weight:600;line-height:1.4}.mq-q1{background-color:color-mix(in srgb, var(--color-danger) 10%, var(--bg-card))}.mq-q2{background-color:color-mix(in srgb, var(--color-primary) 10%, var(--bg-card))}.mq-q3{background-color:color-mix(in srgb, var(--color-accent) 10%, var(--bg-card))}.mq-q1 .mq-numeral{color:var(--color-danger)}.mq-q2 .mq-numeral{color:var(--color-primary)}.mq-q3 .mq-numeral{color:var(--color-accent)}.mq-q4 .mq-numeral{color:var(--text-muted)}@media (max-width:640px){.matrix-quadrants{gap:8px;padding:14px}.mq-plane{aspect-ratio:1}.mq-axis{font-size:.7rem}.mq-axis-left,.mq-axis-right{writing-mode:vertical-rl;text-align:center;justify-self:center}.mq-axis-left{transform:rotate(180deg)}.mq-label{font-size:.75rem}}.manual-tip-part{font:inherit;color:inherit;text-align:left;cursor:help;border-radius:var(--radius-sm);-webkit-appearance:none;appearance:none;background:0 0;border:0;margin:0;padding:0;position:relative}:is(.manual-tip-part:hover,.manual-tip-part:focus,.manual-tip-part:focus-visible){outline:2px solid color-mix(in srgb, var(--color-primary) 60%, transparent);outline-offset:2px}.manual-tip{--manual-tip-bg:var(--bg-card-hover);--manual-tip-fg:var(--text-main);--manual-tip-border:var(--border-color);z-index:3;border:1px solid var(--manual-tip-border);border-radius:var(--radius-md);background-color:var(--manual-tip-bg);width:max-content;max-width:min(260px,62vw);color:var(--manual-tip-fg);text-align:left;white-space:normal;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;padding:10px 12px;font-size:.78rem;font-weight:400;line-height:1.65;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.manual-tip:before,.manual-tip:after{content:"";border:6px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.manual-tip:before{border-top-color:var(--manual-tip-border);top:100%}.manual-tip:after{border-top-color:var(--manual-tip-bg);top:calc(100% - 1px)}[data-theme=light] .manual-tip{--manual-tip-bg:#1f2937;--manual-tip-fg:#f8fafc;--manual-tip-border:#111827}.manual-tip--below{top:calc(100% + 10px);bottom:auto}.manual-tip--below:before{border-top-color:#0000;border-bottom-color:var(--manual-tip-border);top:auto;bottom:100%}.manual-tip--below:after{border-top-color:#0000;border-bottom-color:var(--manual-tip-bg);top:auto;bottom:calc(100% - 1px)}.manual-tip--start{left:0;transform:none}.manual-tip--end{left:auto;right:0;transform:none}.manual-tip--start:before,.manual-tip--start:after{left:20px}.manual-tip--end:before,.manual-tip--end:after{left:auto;right:20px;transform:none}:is(.manual-tip-part:hover>.manual-tip,.manual-tip-part:focus>.manual-tip,.manual-tip-part:focus-visible>.manual-tip){opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.manual-tip{transition:none}}@media (max-width:640px){.manual-tip{max-width:min(240px,72vw)}}.kanban-card-figure{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-main);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;margin:24px 0;padding:24px;display:flex}.manual-figure-caption{color:var(--text-muted);text-align:center;flex-direction:column;gap:2px;font-size:.8rem;line-height:1.6;display:flex}.manual-figure-hint{opacity:.85;font-size:.75rem}.kc-card{border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background-color:var(--bg-card);width:100%;max-width:320px;box-shadow:var(--shadow-sm);padding:16px 16px 14px}.kc-assignee{border-radius:var(--radius-sm);background-color:var(--bg-card-hover);color:var(--text-muted);padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.kc-title{width:100%;color:var(--text-main);margin-top:10px;padding:0;font-size:1rem;font-weight:700;line-height:1.4;display:block}.kc-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.kc-tag{border-radius:var(--radius-pill);color:#fff;padding:3px 10px;font-size:.75rem;font-weight:700}.kc-tag-a{background-color:#f59e0b}.kc-tag-b{background-color:#f26d6d}.kc-meta{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.kc-due,.kc-todo{white-space:nowrap;align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex}.kc-due{border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger);padding:4px 8px}.kc-todo{color:var(--text-muted)}.kc-due svg,.kc-todo svg{flex-shrink:0;width:14px;height:14px}.kc-priority{border-radius:var(--radius-pill);background-color:var(--color-accent);color:#fff;white-space:nowrap;padding:4px 10px;font-size:.75rem;font-weight:700}@media (max-width:640px){.kanban-card-figure{padding:16px}.kc-meta{flex-wrap:wrap}}.note-format-figure{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-main);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;margin:24px 0;padding:24px;display:flex}.nf-toolbar{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);max-width:100%;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex;position:relative}.nf-divider{background-color:color-mix(in srgb, var(--text-muted) 40%, transparent);align-self:stretch;width:1px;margin:0 4px}.nf-btn{width:32px;height:32px;color:var(--text-main);justify-content:center;align-items:center;display:inline-flex}.nf-btn svg{width:17px;height:17px}.nf-btn-color{flex-direction:column;gap:2px;padding-bottom:3px;position:relative}.nf-btn-color:after{content:"";background-color:var(--color-danger);border-radius:2px;width:17px;height:3px}.nf-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-main);height:32px;color:var(--text-main);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:.8rem;font-weight:600;display:inline-flex}.nf-select svg{width:14px;height:14px;color:var(--text-muted)}.nf-btn:hover,.nf-select:hover{background-color:var(--bg-card-hover)}.nf-toolbar .manual-tip-part{position:static}.nf-toolbar .manual-tip{text-align:center;width:auto;max-width:none;bottom:calc(100% + 10px);left:0;right:0;transform:none}.nf-toolbar .manual-tip:before,.nf-toolbar .manual-tip:after{display:none}@media (max-width:640px){.note-format-figure{padding:16px}.nf-divider{margin:0 2px}}