:root{--primary:#00754a;--primary-active:#006241;--on-primary:#fff;--brand:#006241;--canvas:#fff;--canvas-soft:#f2f0eb;--surface:#fff;--ink:#000000de;--ink-secondary:#000000b3;--ink-muted:#00000094;--ink-faint:#0006;--hairline:#0000001a;--dot-1:#006241;--dot-2:#c6f36b;--dot-3:#1e3932;--dot-4:#d4e9e2;--dot-5:#006241;--dot-6:#c6f36b;--rec:#c82014;--r-xs:4px;--r-sm:5px;--r-md:12px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--r-btn:50px;--s-xxs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:28px;--s-xxl:32px;--shadow-1:0px 0px .5px 0px #00000024, 0px 1px 1px 0px #0000003d;--shadow-2:0 1px 3px #0000001a, 0 2px 2px #0000000f, 0 0 2px #00000012;--shadow-frap:0 0 6px #0000003d, 0 8px 12px #00000024;--font:"Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas-soft);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}h1,h2,h3{word-break:auto-phrase;letter-spacing:0;margin:0}h1{font-size:26px;font-weight:700;line-height:1.23}h2{font-size:22px;font-weight:700;line-height:1.27}h3{font-size:20px;font-weight:600;line-height:1.4}a{color:var(--primary)}button{cursor:pointer;font-family:inherit;font-size:16px}.caption{color:var(--ink-muted);font-size:14px}.faint{color:var(--ink-faint);font-size:14px}.nav{z-index:10;align-items:center;gap:var(--s-xs);background:var(--canvas);border-bottom:1px solid var(--hairline);padding:var(--s-sm) var(--s-md);font-size:15px;display:flex;position:sticky;top:0}.nav .title{min-width:0;color:var(--brand);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.nav-center{grid-template-columns:44px 1fr 44px;display:grid}.nav-center .title{text-align:center}.nav-split{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.nav-split .title{text-align:center;max-width:52vw}.nav-side{align-items:center;min-width:0;display:flex}.nav-side-end{justify-content:flex-end}.nav-side a{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav .nav-icon{border-radius:var(--r-full);width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;padding:0;display:inline-flex}.nav a,.nav button.link{color:var(--ink);padding:var(--s-xxs) var(--s-xs);background:0 0;border:0;text-decoration:none}.page{max-width:1080px;padding:var(--s-md);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--s-xs);min-height:44px;padding:var(--s-xxs) 14px;border-radius:var(--r-btn);border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.95)}.btn[disabled]{color:var(--ink-faint);cursor:default}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary);border-radius:var(--r-full);padding:var(--s-xs) var(--s-lg)}.btn-primary:active{background:var(--primary-active)}.btn-row{gap:var(--s-xs);flex-wrap:wrap;display:flex}.shape-pick{gap:var(--s-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shape-card{align-items:center;gap:var(--s-xxs);padding:var(--s-xs);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;word-break:auto-phrase;text-align:center;flex-direction:column;font-size:15px;line-height:1.3;display:flex}.shape-card.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:600}.shape-card:active{transform:scale(.97)}.speak{align-items:center;gap:var(--s-sm);padding:var(--s-xxl) 0;flex-direction:column;display:flex}.speak-btn{border-radius:var(--r-full);background:var(--primary);width:160px;height:160px;color:var(--on-primary);box-shadow:var(--shadow-frap);border:0;font-size:22px;font-weight:700}.speak-btn:active{background:var(--primary-active);transform:scale(.95);box-shadow:0 0 6px #0000003d}.speak-mini:active{transform:translate(-50%)scale(.95)}.speak-btn.recording{background:var(--primary-active)}.speak-btn[disabled]{opacity:.6}.speak-mini{left:50%;bottom:calc(var(--s-md) + env(safe-area-inset-bottom));z-index:35;width:76px;height:76px;font-size:16px;position:fixed;transform:translate(-50%)}.rec-dot{border-radius:var(--r-full);background:var(--rec);width:10px;height:10px;margin-right:6px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg)}.planned{background:var(--canvas-soft);border:1px dashed var(--hairline);border-radius:var(--r-xl);padding:var(--s-lg);color:var(--ink-secondary)}.planned strong{margin-bottom:var(--s-xs);color:var(--ink);display:block}.planned ol,.planned ul{margin:var(--s-xs) 0 0;padding-left:1.4em}.toast{left:50%;top:calc(64px + env(safe-area-inset-top));z-index:40;background:var(--surface);border-radius:var(--r-xl);width:max-content;max-width:min(92vw,560px);padding:var(--s-sm) var(--s-md);box-shadow:var(--shadow-2);pointer-events:none;font-size:15px;position:fixed;transform:translate(-50%)}.banner{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--s-xs) var(--s-sm);color:var(--ink-muted);font-size:14px}.tree-wrap{touch-action:none;height:calc(100dvh - 200px);min-height:280px;margin-left:calc(-1 * var(--s-md));margin-right:calc(-1 * var(--s-md));position:relative;overflow:hidden}.tree-wrap .tbox{opacity:calc(.3 + .7 * var(--edge,1));scale:calc(.75 + .25 * var(--edge,1))}.tree-view{position:absolute;inset:0}.tree{gap:var(--s-xs);padding:var(--s-md);will-change:transform;flex-direction:column;display:inline-flex}.tnode{flex-direction:column;align-items:flex-start;display:flex}.tkids{gap:var(--s-xs);padding-left:var(--s-lg);margin-top:var(--s-xs);flex-direction:column;display:flex;position:relative}.tkids>.tnode:before{content:"";border-left:1px solid var(--hairline);border-bottom:1px solid var(--hairline);pointer-events:none;border-bottom-left-radius:6px;width:8px;height:30px;position:absolute;top:-8px;left:-8px}.tkids>.tnode:not(:last-child):after{content:"";border-left:1px solid var(--hairline);pointer-events:none;position:absolute;top:22px;bottom:-8px;left:-8px}.tbox{align-items:center;gap:var(--s-xs);width:max-content;max-width:220px;min-height:44px;padding:var(--s-xs) var(--s-sm);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);text-align:left;color:var(--ink);flex:none;display:flex}.tbox.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.tbox.drop{border-style:dashed;border-color:var(--primary)}.tbox .h{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tbox .n{color:var(--ink-faint);flex:none;font-size:14px}.dot{border-radius:var(--r-full);width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--brand);flex:none}.troot{color:var(--brand);font-weight:700}.crumbs{gap:var(--s-xxs);color:var(--ink-muted);flex-wrap:wrap;align-items:center;font-size:14px;display:flex}.crumbs button{color:var(--primary);padding:var(--s-xxs);background:0 0;border:0;font-size:14px}.unplaced{border:1px dashed var(--hairline);background:var(--canvas);border-radius:var(--r-lg);padding:var(--s-md)}.piece{padding:var(--s-xs) 0;border-top:1px solid var(--hairline)}.piece:first-of-type{border-top:0}.list{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.row{align-items:center;gap:var(--s-sm);min-height:52px;padding:var(--s-sm) var(--s-md);border-top:1px solid var(--hairline);color:var(--ink);text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;width:100%;text-decoration:none;display:flex}.row:first-child{border-top:0}.past-list>div+div{border-top:1px solid var(--hairline)}.row .grow{flex:1;min-width:0}.row.active{box-shadow:inset 3px 0 0 var(--primary)}input[type=text],textarea{width:100%;font:inherit;border-radius:var(--r-xs);background:var(--surface);color:var(--ink);border:1px solid #ddd;padding:6px;font-size:16px}textarea{min-height:96px}pre.instruction{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-md);font-family:var(--font);font-size:15px;line-height:1.6}.stack>*+*{margin-top:var(--s-md)}.tbox,.drag-piece{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-drag-source="1"]{opacity:.4}.drag-ghost{z-index:60;pointer-events:none;background:var(--surface);border:1px solid var(--primary);border-radius:var(--r-md);max-width:70vw;padding:var(--s-xs) var(--s-sm);box-shadow:var(--shadow-2);font-size:15px;position:fixed;transform:translate(-50%,calc(-100% - 24px))}.tfocus{gap:var(--s-xs);flex-direction:column;flex:none;max-width:172px;display:flex}.tfocus>.tbox{max-width:100%}.tacts{gap:var(--s-xxs);grid-template-columns:1fr;display:grid}.tacts .btn{width:100%;min-height:40px;padding:var(--s-xxs) 10px;border-radius:var(--r-btn);font-size:14px}.tedit{padding:2px}.tedit,.tedit input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.tedit input[type=text]{width:12em;max-width:200px;min-height:40px}.tbox{touch-action:manipulation}.words{border-top:1px solid var(--hairline);padding-top:var(--s-md);overscroll-behavior:contain;overflow-y:auto}.tree-wrap.with-words{height:50dvh;min-height:240px}.tnode{position:relative}.tgap{height:16px;position:absolute;left:0;right:0}.tgap.top{top:-12px}.tgap.bottom{bottom:-12px}.tgap.on:after{content:"";border-top:2px solid var(--primary);border-radius:var(--r-full);width:min(100%,200px);position:absolute;top:7px;left:0}::view-transition-group(*){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(*):only-child{animation-duration:.16s}::view-transition-new(*):only-child{animation-duration:.24s;animation-delay:.12s;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.float-note{left:50%;bottom:calc(108px + env(safe-area-inset-bottom));z-index:40;background:var(--surface);border-radius:var(--r-xl);width:max-content;max-width:min(92vw,560px);padding:var(--s-sm) var(--s-md);box-shadow:var(--shadow-2);font-size:15px;position:fixed;transform:translate(-50%)}.menu-fab{right:var(--s-md);bottom:calc(var(--s-md) + 14px + env(safe-area-inset-bottom));z-index:35;border-radius:var(--r-full);border:1px solid var(--hairline);background:var(--surface);width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow-1,none);font-size:22px;line-height:1;position:fixed}.menu-backdrop{z-index:44;background:#0000001f;position:fixed;inset:0}.menu-sheet{z-index:45;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:70dvh;box-shadow:var(--shadow-2);padding:var(--s-md) var(--s-md) calc(96px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.menu-close{right:var(--s-md);bottom:calc(var(--s-md) + 14px + env(safe-area-inset-bottom));z-index:46;border-radius:var(--r-full);border:1px solid var(--hairline);background:var(--surface);width:48px;height:48px;color:var(--ink);font-size:24px;line-height:1;position:fixed}.menu-sheet .row{min-height:52px;font-size:16px}@media (min-width:900px){.menu-sheet{left:auto;right:var(--s-md);bottom:calc(80px + env(safe-area-inset-bottom));border-radius:var(--r-xl);width:360px;padding-bottom:var(--s-md)}}.row[disabled]{color:var(--ink-faint)}.map{position:relative}.map-node{position:absolute}.map-node.tfocus{max-width:172px}.map-lines{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.map-lines path{fill:none;stroke:var(--hairline);stroke-width:1.5px}[id]{scroll-margin-top:72px}@keyframes soft-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes sheet-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(24px)}}main.page{animation:.24s cubic-bezier(.2,0,0,1) both soft-in}html.leaving main.page,html.leaving .nav .title{opacity:0;transition:opacity .16s ease-out}.menu-backdrop{animation:.2s ease-out both fade-in}.menu-sheet{animation:.24s cubic-bezier(.2,0,0,1) both sheet-in}.menu-close{animation:.2s ease-out both fade-in}.menu-backdrop.closing,.menu-close.closing{animation:.18s ease-in both fade-out}.menu-sheet.closing{animation:.18s ease-in both sheet-out}@media (prefers-reduced-motion:reduce){main.page,.menu-backdrop,.menu-sheet,.menu-close,.speak-float{animation:none!important}html.leaving main.page,html.leaving .nav .title{transition:none}}.speak-float{top:calc(72px + env(safe-area-inset-top));left:var(--s-md);right:var(--s-md);z-index:30;max-width:640px;max-height:max(140px, calc(100dvh - 72px - 160px - env(safe-area-inset-top)));overscroll-behavior:contain;border-radius:var(--r-lg);box-shadow:var(--shadow-2);margin:0 auto;animation:.2s cubic-bezier(.2,0,0,1) both soft-in;position:fixed;overflow-y:auto}.todo-backdrop{z-index:29;position:fixed;inset:0}.row.heard .grow{gap:var(--s-xxs);overflow-wrap:anywhere;flex-direction:column;display:flex}.todo-float{right:var(--s-sm);z-index:30;align-items:flex-end;gap:var(--s-xxs);flex-direction:column;display:flex;position:fixed;top:78px}.todo-chip{min-height:44px;padding:0 var(--s-sm);border-radius:var(--r-full);border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font-size:14px}.todo-chip b{margin:0 2px;font-size:16px}.todo-pop{width:min(320px, calc(100vw - 2 * var(--s-sm)));overscroll-behavior:contain;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);max-height:50dvh;padding:var(--s-sm) var(--s-md);gap:var(--s-xs);flex-direction:column;animation:.2s cubic-bezier(.2,0,0,1) both soft-in;display:flex;overflow-y:auto}.todo-list{margin:0;padding:0;list-style:none}.todo-list li+li{border-top:1px solid var(--hairline)}.todo-list label{align-items:flex-start;gap:var(--s-xs);padding:var(--s-xs) 0;cursor:pointer;min-height:44px;display:flex}.todo-list input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin-top:2px}.todo-list .grow{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.todo-pop .stack>*+*,.todo-pop>*+*{margin-top:0}.todo-more{color:var(--ink-muted);align-self:flex-end;font-size:14px}.todo-list .todo-from{font-size:14px}.todo-list li.done .todo-text{color:var(--ink-faint);text-decoration:line-through}@media (prefers-reduced-motion:reduce){.todo-pop{animation:none}}.tbox .n:has(.tbadge){flex-direction:column;align-items:flex-end;gap:2px;display:flex}.tbadge{border-radius:var(--r-full);border:1px solid var(--hairline);color:var(--ink-muted);white-space:nowrap;padding:0 6px;font-size:12px;display:inline-block}.btasks{padding-bottom:var(--s-xs);border-bottom:1px solid var(--hairline)}.btask-add input[type=text]{width:100%;min-height:44px;font-size:16px}.btn.btn-chosen{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:600}.btask-list{margin:0;padding:0;list-style:none}.btask-list li{gap:var(--s-xxs);padding:var(--s-xs) 0;flex-direction:column;display:flex}.btask-list li+li{border-top:1px solid var(--hairline)}.btask-title{overflow-wrap:anywhere;font-size:16px}.btask-list li.done .btask-title{color:var(--ink-muted);text-decoration:line-through}.btask-ops{gap:var(--s-xs)}.chip{min-height:44px;padding:0 var(--s-sm);border-radius:var(--r-full);border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;font-size:15px}.chip.on,.chip.st-途中{border-color:var(--primary);color:var(--primary)}.chip.st-済{background:var(--canvas-soft);color:var(--ink-muted)}.btask-branch{color:var(--ink-muted);margin:0 0 2px;font-size:15px}