.avatar-fallback{color:var(--muted);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.stage-track{--dot:22px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid;position:relative}.stage{min-width:0;position:relative}.stage:before{content:"";top:calc(var(--dot) / 2 + 6px);left:calc(50% + var(--dot) / 2 + 4px);right:calc(-50% + var(--dot) / 2 + 4px);background:var(--border);height:1px;position:absolute}.stage:last-child:before{display:none}.stage.done:before{background:var(--accent)}.stage-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 2px;display:flex}.stage-btn.static{cursor:default}.stage-btn:not(.static):hover{background:var(--surface)}.stage-btn[disabled]{cursor:progress}.stage-dot{width:var(--dot);height:var(--dot);border:2px solid var(--border);background:var(--paper);color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex}.stage.done .stage-dot{background:var(--accent);border-color:var(--accent)}.stage-label{text-align:center;overflow-wrap:anywhere;font-size:.85rem;line-height:1.3}.stage-time{min-height:1.2em}@media (width<=420px){.stage-track{--dot:18px}.stage-label{font-size:.75rem}}.timeline{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.tl-system{align-items:center;gap:10px;padding-left:4px;display:flex}.tl-system-dot{border:1.5px solid var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.tl-entry{border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.tl-entry.client{background:var(--surface);border-color:#0000}.tl-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.tl-name{font-size:.9rem;font-weight:500}.tl-delete{color:var(--faint);min-height:28px;margin-left:auto}.tl-body{font-size:.95rem}.tl-image{margin-top:8px;display:block}.tl-image img{border-radius:var(--radius);border:1px solid var(--border);width:auto;max-height:420px}.copy-field{gap:8px;display:flex}.copy-field .input{font-family:var(--font-mono);letter-spacing:0;min-width:0;font-size:.85rem}.lp-topbar{z-index:2;padding:16px 20px;position:absolute;top:0;right:0}.lp-first{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:40px 24px;display:flex;position:relative}.lp-title{letter-spacing:.32em;margin-right:-.32em;font-size:50px;font-weight:400}.lp-icons{color:var(--ink);gap:16px;display:flex}.lp-intro{letter-spacing:1.6px;line-height:1.9}.lp-nav{width:100%;max-width:640px;height:120px;display:flex}.lp-nav a{letter-spacing:2.4px;color:var(--accent);flex:1;justify-content:center;align-items:center;font-size:22px;display:flex}.lp-scroll{opacity:.5;color:var(--ink);padding:8px;display:flex;position:absolute;bottom:24px;left:50%;translate:-50%}.lp-scroll:hover{opacity:.8}@media (prefers-reduced-motion:no-preference){.lp-scroll{animation:1.6s ease-in-out infinite lp-bounce}}@keyframes lp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (height<=520px){.lp-scroll{display:none}}@media (width<=640px){.lp-first{gap:12px;padding:32px 20px}.lp-title{letter-spacing:.26em;margin-right:-.26em;font-size:36px}.lp-intro{letter-spacing:1px;font-size:15px}.lp-nav{flex-direction:column;align-items:center;gap:4px;height:auto;margin-top:12px}.lp-nav a{letter-spacing:1.8px;min-height:44px;padding:8px 24px;font-size:18px}}.lp-section{justify-content:center;align-items:center;min-height:85svh;display:flex}.lp-body{letter-spacing:1.2px;width:100%;max-width:800px;padding:clamp(48px,8vw,96px) clamp(16px,2vw,32px);font-size:clamp(16px,1.2vw,17px);line-height:1.8}.lp-h2{letter-spacing:.12em;margin:0 0 .6em;font-size:2em;font-weight:500}.lp-lead{color:var(--muted)}.lp-cards{flex-wrap:wrap;gap:24px 16px;margin-top:2rem;display:flex}.lp-card{width:calc(50% - 8px)}.lp-card-thumb{aspect-ratio:400/260;object-fit:cover;object-position:top left;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;margin-bottom:10px}.lp-card-title{font-size:1.1rem;font-weight:600}.lp-card p{letter-spacing:1px;color:var(--muted);margin-top:2px;font-size:.95rem}@media (width<=640px){.lp-card{width:100%}}.lp-flow{--dot-size:11px;--step-width:3.2rem;--rail-width:2rem;margin:2rem 0 0;padding:0;list-style:none}.lp-flow li{grid-template-columns:var(--step-width) var(--rail-width) minmax(0, 1fr);padding-bottom:2.2rem;display:grid;position:relative}.lp-flow li:before{content:"";top:.9em;bottom:-.9em;left:calc(var(--step-width) + (var(--dot-size) - 1px) / 2);background:var(--border);width:1px;position:absolute}.lp-flow li:last-child{padding-bottom:0}.lp-flow li:last-child:before{display:none}.lp-step{font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:1px;grid-column:1;font-weight:600}.lp-flow-dot{width:var(--dot-size);height:var(--dot-size);border:2px solid var(--accent);background:var(--paper);border-radius:50%;grid-column:2;margin-top:.55em;position:relative}.lp-flow h3{letter-spacing:.06em;grid-column:3;font-size:1.1rem;font-weight:600}.lp-flow p{color:var(--muted);letter-spacing:1px;grid-column:3;margin-top:.2rem;font-size:.95rem}@media (width<=640px){.lp-flow{--step-width:2.4rem;--rail-width:1.5rem}}.lp-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:2rem;display:grid}.lp-plan{border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.lp-plan.pro{border-color:var(--accent)}.lp-plan-price{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:6px 0 2px;font-size:1.8rem}.lp-plan ul{margin:14px 0 0;padding-left:1.2em;font-size:.95rem}.lp-plan li{margin:6px 0}@media (width<=640px){.lp-plans{grid-template-columns:minmax(0,1fr)}}.lp-faq{flex-direction:column;gap:10px;margin-top:2rem;display:flex}.lp-faq details{border-bottom:1px solid var(--border);padding:12px 4px 14px}.lp-faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-weight:500;list-style:none;display:flex}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";color:var(--muted);font-weight:400}.lp-faq details[open] summary:after{content:"−"}.lp-faq details p{color:var(--muted);margin-top:8px;font-size:.95rem}.lp-cta{text-align:center;padding:72px 16px 96px}.lp-cta p{letter-spacing:1.4px;margin-bottom:20px}.login{place-items:center;min-height:100svh;padding:40px 16px;display:grid}.login-box{width:100%;max-width:380px}.login-logo{letter-spacing:.3em;color:var(--ink);margin-right:-.3em;font-size:30px}.login-logo:hover{text-decoration:none}.login-or{color:var(--faint);align-items:center;gap:12px;font-size:.85rem;display:flex}.login-or:before,.login-or:after{content:"";background:var(--border);flex:1;height:1px}.doc{max-width:800px;margin:0 auto;padding:48px 16px 72px}.doc h1{border-bottom:1px solid var(--border);letter-spacing:.1em;margin:16px 0 24px;padding-bottom:.3rem;font-size:1.8rem}.doc-body h2{margin:2rem 0 .6rem;font-size:1.15rem}.doc-body p,.doc-body li{font-size:.95rem;line-height:1.85}.doc-body ol,.doc-body ul{padding-left:1.5rem}.doc-body li{margin:.4rem 0}.doc-table{border-collapse:collapse;width:100%;font-size:.95rem}.doc-table th,.doc-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.6rem .85rem}.doc-table th{background:var(--surface);width:32%;font-weight:500}@media (width<=560px){.doc-table th,.doc-table td{width:100%;display:block}.doc-table td{border-top:0}}:root{--ink:#2b3639;--paper:#fefefe;--accent:#2f9cd6;--accent-ink:#fefefe;--warn:#b7802a;--danger:#c4513f;--ok:#3d8f68;--border:color-mix(in srgb, var(--ink) 15%, var(--paper));--surface:color-mix(in srgb, var(--ink) 5%, var(--paper));--surface-2:color-mix(in srgb, var(--ink) 9%, var(--paper));--muted:color-mix(in srgb, var(--ink) 70%, var(--paper));--faint:color-mix(in srgb, var(--ink) 45%, var(--paper));--accent-soft:color-mix(in srgb, var(--accent) 12%, var(--paper));--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Hiragino Sans", "Meiryo", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius:10px;--radius-lg:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#e4eaec;--paper:#1d2427;--accent:#5ab2e2;--accent-ink:#12191c;--warn:#d9a54a;--danger:#e07a68;--ok:#6cbf95;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{min-height:100svh;margin:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:.04em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-wrap:break-word;font-size:16px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:.18em;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{letter-spacing:.06em;margin:0;font-weight:500;line-height:1.4}p{margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}hr{background:var(--border);border:0;height:1px;margin:24px 0}.pre{white-space:pre-wrap}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.875rem}.tiny{font-size:.78rem}.num{font-variant-numeric:tabular-nums;letter-spacing:.02em}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--surface);text-decoration:none}.btn:active{opacity:.7}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.btn.ghost{color:var(--accent);background:0 0;border-color:#0000;padding:0 10px}.btn.ghost:hover{background:var(--accent-soft)}.btn.danger{color:var(--danger)}.btn.small{min-height:34px;padding:0 12px;font-size:.875rem}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>.label{font-size:.9rem;font-weight:500}.field>.hint{color:var(--muted);font-size:.8rem}.input,.textarea,.select{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);width:100%;min-height:44px;padding:9px 12px;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{resize:vertical;min-height:110px;line-height:1.7}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:34px}.check{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.6;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:.3em}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 14px}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--border)}.badge{background:var(--surface-2);white-space:nowrap;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.35em;height:1.75em;padding:0 .7em;font-size:.8rem;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:color-mix(in srgb, var(--warn) 14%, var(--paper));color:var(--warn)}.badge.danger{background:color-mix(in srgb, var(--danger) 13%, var(--paper));color:var(--danger)}.badge.ok{background:color-mix(in srgb, var(--ok) 13%, var(--paper));color:var(--ok)}.dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);padding:20px}.card.flat{background:var(--surface);border-color:#0000}.notice{border-radius:var(--radius);background:var(--surface);padding:12px 14px;font-size:.9rem}.notice.accent{background:var(--accent-soft)}.notice.danger{background:color-mix(in srgb, var(--danger) 10%, var(--paper));color:var(--danger)}.section-title{letter-spacing:.08em;font-size:1.1rem;font-weight:500}.empty{text-align:center;color:var(--muted);padding:48px 16px}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex-shrink:0}details.fold{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}details.fold>summary{cursor:pointer;font-weight:500}details.fold[open]>summary{margin-bottom:10px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);z-index:100;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.9rem;position:fixed;translate:-50%}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:48px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-footer{background:var(--surface);padding:28px 16px calc(28px + env(safe-area-inset-bottom));color:var(--muted);text-align:center;font-size:.85rem}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:10px;display:flex}.site-footer a{color:var(--muted)}.btn.disabled{opacity:.45;pointer-events:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=600px){.form-grid{grid-template-columns:minmax(0,1fr)}}.field>.segmented{align-self:flex-start}