:root{--bg: #121317;--bg-soft: #16181d;--card: #1a1c22;--card-hover: #1f2229;--line: #2a2e37;--line-soft: #22252d;--ink: #e8e9ee;--ink-soft: #a3a8b5;--ink-faint: #6b7080;--brand: #25a56a;--brand-ink: #4fd28f;--danger: #f06a6a;--warn: #f2b84b;--prompt-bg: #0e1013;--prompt-line: #2f3440;--var-bg: color-mix(in srgb, var(--c) 22%, var(--prompt-bg));--var-ink: var(--c-ink);--var-filled-bg: color-mix(in srgb, var(--brand) 22%, var(--prompt-bg));--var-filled-ink: var(--brand-ink);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px -14px rgba(0, 0, 0, .6);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .35), 0 18px 40px -16px rgba(0, 0, 0, .7);--font-sans: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "D2Coding", monospace;--w-page: 72rem;--w-prose: 44rem;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--c: var(--brand);--c-ink: var(--brand-ink);--c-soft: color-mix(in srgb, var(--c) 18%, var(--bg));--c-softer: color-mix(in srgb, var(--c) 9%, var(--bg));color-scheme:dark}:root[data-theme=light]{--bg: #f7f8fa;--bg-soft: #eef0f4;--card: #ffffff;--card-hover: #f3f5f9;--line: #dfe3ea;--line-soft: #e9ecf1;--ink: #1c1e24;--ink-soft: #565c6a;--ink-faint: #8a90a0;--brand-ink: #1b8a57;--danger: #d13b3b;--warn: #b7791f;--prompt-bg: #ffffff;--prompt-line: #cfd5df;--var-bg: color-mix(in srgb, var(--c) 16%, #fff);--var-filled-bg: color-mix(in srgb, var(--brand) 16%, #fff);--shadow-card: 0 1px 2px rgba(20, 30, 50, .05), 0 8px 24px -12px rgba(20, 30, 50, .14);--shadow-lift: 0 2px 4px rgba(20, 30, 50, .06), 0 16px 36px -14px rgba(20, 30, 50, .22);--c-soft: color-mix(in srgb, var(--c) 14%, #fff);--c-softer: color-mix(in srgb, var(--c) 7%, #fff);color-scheme:light}[data-cat=work-writing]{--c: #25a56a;--c-ink: #4fd28f}[data-cat=planning]{--c: #3b82f6;--c-ink: #7fb0ff}[data-cat=marketing]{--c: #f43f5e;--c-ink: #ff8298}[data-cat=dev]{--c: #6366f1;--c-ink: #9c9eff}[data-cat=hr-career]{--c: #14b8a6;--c-ink: #4fd9c8}[data-cat=study]{--c: #f97316;--c-ink: #ffa15c}[data-cat=teaching]{--c: #eab308;--c-ink: #f6cf4a}[data-cat=daily]{--c: #0ea5e9;--c-ink: #5cc6f5}[data-cat=creative]{--c: #a855f7;--c-ink: #c78bff}:root[data-theme=light] [data-cat],:root[data-theme=light][data-cat]{--c-ink: color-mix(in srgb, var(--c) 72%, #000)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}html:lang(ja) body{word-break:normal;overflow-wrap:break-word}img,svg{max-width:100%;height:auto}a{color:var(--c-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{line-height:1.35;letter-spacing:-.02em;margin:0}h1{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.1rem);font-weight:800}h2{font-size:1.25rem;font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 1em}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--c-soft)}:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{max-width:var(--w-page);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.prose{max-width:none}.prose h2{margin:2rem 0 .75rem}.prose h3{margin:1.5rem 0 .5rem}.prose ul,.prose ol{padding-left:1.3em}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-soft);padding:.1em .35em;border-radius:4px}.prose pre{background:var(--prompt-bg);border:1.5px solid var(--prompt-line);border-radius:var(--radius);padding:.9rem 1.1rem;white-space:pre-wrap;overflow-x:auto;margin:.5rem 0 1rem}.prose pre code{background:none;padding:0;font-family:var(--font-sans);font-size:.95rem;line-height:1.75}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.small{font-size:.875rem}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.site-header .container{display:flex;align-items:center;gap:1rem;height:3.5rem}.logo{display:flex;align-items:baseline;gap:.4rem;font-weight:800;font-size:1.1rem;color:var(--ink);white-space:nowrap}.logo:hover{text-decoration:none}.logo .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--brand);display:inline-block;align-self:center}.logo .domain{font-size:.7rem;font-weight:500;color:var(--ink-faint)}.nav{display:flex;gap:.25rem;margin-left:.5rem}.nav a{padding:.35rem .6rem;border-radius:var(--radius-sm);color:var(--ink-soft);font-size:.925rem}.nav a:hover,.nav a[aria-current=page]{background:var(--bg-soft);color:var(--ink);text-decoration:none}.header-search{margin-left:auto;display:flex}.lang-switch{display:flex;gap:.15rem}.lang-switch a{padding:.3rem .45rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--ink-faint)}.lang-switch a[aria-current=true]{color:var(--ink);background:var(--bg-soft)}.lang-switch a:hover{text-decoration:none;color:var(--ink)}@media(max-width:640px){.lang-switch{display:none}}.site-footer .lang-switch{display:flex}.header-search input{width:clamp(8rem,22vw,16rem);height:2.1rem;padding:0 .75rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-soft)}.header-search input::placeholder{color:var(--ink-faint)}.icon-btn{width:2.1rem;height:2.1rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-soft)}.icon-btn:hover{background:var(--card-hover)}@media(max-width:640px){.nav,.logo .domain{display:none}}.site-footer{margin-top:4rem;border-top:1px solid var(--line-soft);padding:2rem 0 5rem;color:var(--ink-soft);font-size:.875rem}.site-footer .row{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.75rem}.site-footer a{color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:2.5rem;padding:0 1rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:600;font-size:.925rem;white-space:nowrap}.btn:hover{background:var(--card-hover);text-decoration:none}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--brand) 85%,#000)}.btn-sm{height:2rem;padding:0 .7rem;font-size:.85rem}.btn svg{width:1em;height:1em}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .55rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;line-height:1.6;background:var(--c-soft);color:var(--c-ink)}.badge-neutral{background:var(--bg-soft);color:var(--ink-soft)}.badge-outline{background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-size:.85rem}.chip:hover{border-color:var(--c);color:var(--ink);text-decoration:none}.chip[aria-current=true],.chip.active{background:var(--c-soft);border-color:var(--c);color:var(--c-ink)}.card{display:block;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1rem 1.1rem;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}.card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--line)}.card-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.cat-card{border-top:3px solid var(--c)}.cat-card .name{font-weight:700;font-size:1.05rem}.cat-card .desc{color:var(--ink-soft);font-size:.875rem;margin:.15rem 0 .5rem}.cat-card .count{color:var(--c-ink);font-size:.8rem;font-weight:600}.prompt-card .title{font-weight:700;font-size:1rem;line-height:1.4}.prompt-card .one{color:var(--ink-soft);font-size:.875rem;margin:.3rem 0 .7rem}.prompt-card .meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.section{margin-top:2.75rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h2{font-size:1.15rem}.section-head a{font-size:.875rem;color:var(--ink-soft)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.825rem;color:var(--ink-faint);margin:1.25rem 0 .75rem}.breadcrumb a{color:var(--ink-soft)}.breadcrumb li{list-style:none}.breadcrumb li+li:before{content:"›";margin-right:.35rem}.breadcrumb{padding:0}.hero{padding:3rem 0 1.5rem}.hero h1{font-size:clamp(1.7rem,1.2rem + 2.4vw,2.6rem)}.hero p{color:var(--ink-soft);font-size:1.05rem;margin:.75rem 0 1.25rem}.hero-search{display:flex;gap:.5rem;max-width:34rem}.hero-search input{flex:1;height:3rem;padding:0 1rem;font-size:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.hero-search .btn{height:3rem}.hero-hints{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.prompt-block{position:relative;background:var(--prompt-bg);border:1.5px solid var(--prompt-line);border-radius:var(--radius);overflow:hidden}.prompt-block-head{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem .5rem .9rem;border-bottom:1px dashed var(--prompt-line);background:color-mix(in srgb,var(--prompt-bg) 60%,var(--card));font-size:.8rem;color:var(--ink-soft)}.prompt-block-head .spacer{flex:1}.prompt-text{margin:0;padding:1rem 1.1rem;white-space:pre-wrap;font-family:var(--font-sans);font-size:.975rem;line-height:1.8}.prompt-text p{margin:0}.prompt-text p+p{margin-top:.9em}.var{display:inline;padding:.05em .4em;border-radius:6px;background:var(--var-bg);color:var(--var-ink);font-weight:600;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-bottom:1.5px dashed var(--c)}.var.filled{background:var(--var-filled-bg);color:var(--var-filled-ink);border-bottom-style:solid;border-bottom-color:var(--brand);font-weight:500}.var[contenteditable=true]{outline:none}.var[contenteditable=true]:focus{box-shadow:0 0 0 2px var(--c)}.var[contenteditable=true]:empty{padding-inline:1.6em}[data-mode=form] .hint-inline,[data-mode=inline] .hint-form{display:none}.prompt-block.bad{border-style:dashed;opacity:.9}.prompt-block.bad .prompt-block-head{color:var(--danger)}.detail-top{display:grid;gap:1.25rem;margin-top:1rem}@media(min-width:1024px){.detail-top{grid-template-columns:minmax(0,1fr) 21rem;align-items:start}.detail-top .sticky{position:sticky;top:4.25rem}}.var-form{display:grid;gap:.8rem}.var-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.var-form input,.var-form textarea,.var-form select{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);min-height:2.5rem}.var-form textarea{min-height:6rem;resize:vertical}.var-form .hint{font-size:.775rem;color:var(--ink-faint);margin-top:.25rem}.var-form .warn{color:var(--warn)}.var-form .other-input{margin-top:.4rem}.var-form .example-btn{background:none;border:0;padding:0;color:var(--c-ink);font-size:.775rem;text-decoration:underline;text-underline-offset:2px}.mode-toggle{display:flex;gap:.25rem;padding:.2rem;background:var(--bg-soft);border-radius:var(--radius-pill)}.mode-toggle button{flex:1;border:0;background:transparent;border-radius:var(--radius-pill);padding:.3rem .6rem;font-size:.8rem;color:var(--ink-soft)}.mode-toggle button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-card)}.paste-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.paste-row .label{font-size:.85rem;color:var(--ink-soft);width:100%}.side-panel{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1rem 1.1rem}.side-panel h2{font-size:.95rem;margin-bottom:.75rem}.anatomy{display:grid;gap:.35rem;margin:1rem 0}.anatomy-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;align-items:start}.anatomy-label{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);background:var(--c-soft);color:var(--c-ink);text-align:center;margin-top:.3rem}.anatomy-label.none{background:transparent;color:var(--ink-faint)}.anatomy-text{white-space:pre-wrap;background:var(--prompt-bg);border-left:3px solid var(--c);padding:.5rem .8rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.925rem}.anatomy-text.none{border-left-color:var(--line)}@media(max-width:480px){.anatomy-row{grid-template-columns:1fr;gap:.2rem}.anatomy-label{justify-self:start}}.variant+.variant{margin-top:1rem}.variant h3{margin-bottom:.5rem}.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.sticky-bar .status{flex:1;font-size:.85rem;color:var(--ink-soft)}.sticky-bar .btn-primary{flex:0 0 auto;min-width:7rem}@media(min-width:1024px){.sticky-bar{display:none}}.toast{position:fixed;left:50%;bottom:5rem;transform:translate(-50%) translateY(1rem);background:var(--ink);color:var(--bg);padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;opacity:0;pointer-events:none;transition:.2s;z-index:60;max-width:min(90vw,26rem);text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:1024px){.toast{bottom:2rem}}.builder{display:grid;gap:1.25rem}@media(min-width:1024px){.builder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.builder .sticky{position:sticky;top:4.25rem}}.builder-field{display:grid;gap:.25rem}.builder-field .head{display:flex;align-items:baseline;gap:.5rem}.builder-field .tag{font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:var(--radius-sm);background:var(--c-soft);color:var(--c-ink)}.builder-field .hint{font-size:.8rem;color:var(--ink-faint)}.builder-field textarea{width:100%;min-height:3.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);resize:vertical}.tech-toggles{display:grid;gap:.4rem}.tech-toggles label{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .7rem;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;font-size:.9rem}.tech-toggles label:has(:checked){border-color:var(--brand);background:var(--c-softer)}.tech-toggles input{margin-top:.3rem}.tech-toggles a{font-size:.775rem;color:var(--ink-faint);margin-left:auto;white-space:nowrap}.tech-list{display:grid;gap:.6rem;counter-reset:t}.tech-item{display:grid;grid-template-columns:2.2rem 1fr;gap:.75rem;align-items:start}.tech-item .num{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--c-soft);color:var(--c-ink);font-weight:800;font-size:.9rem}.path-strip{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--card)}.path-strip .arrow{color:var(--ink-faint)}.filter-bar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:1rem 0 1.25rem}.filter-bar .label{font-size:.8rem;color:var(--ink-faint);margin-right:.25rem}.status-flag{position:fixed;top:4rem;right:1rem;z-index:45;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:var(--warn);color:#000;font-weight:700}.callout{padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--bg-soft);border-left:3px solid var(--c);font-size:.925rem}.callout.warn{border-left-color:var(--warn)}.callout.empty{border-left-color:var(--line);color:var(--ink-faint);font-style:italic}.result-list{display:grid;gap:.75rem}mark{background:var(--c-soft);color:inherit;border-radius:3px;padding:0 .1em}