:root{--map-ink:#102d24;--map-muted:#68766f;--map-line:#d9d9cf;--map-paper:#fbfaf5;--map-lime:#c7ee5a}.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#426b47 0,#183e32 38%,#0f3027 100%);justify-content:space-between;align-items:end;gap:40px;padding:72px max(28px,50vw - 750px);display:flex}.eyebrow{color:#d5f477;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:.74rem;font-weight:850}h1{letter-spacing:-.055em;max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:500;line-height:.92}h1 span{color:#d5f477}.lead{color:#d5dfda;max-width:700px;margin:25px 0 0;font-size:1.05rem;line-height:1.7}.hero-points{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.hero-points span{color:#e9efe9;white-space:nowrap;border:1px solid #fff3;border-radius:999px;padding:9px 12px;font-size:.75rem;font-weight:750}.app-shell{background:#f1efe7;grid-template-columns:270px minmax(600px,1fr) 250px;gap:14px;padding:18px max(18px,50vw - 790px) 110px;display:grid}.panel{border:1px solid var(--map-line);background:#ffffffdb;border-radius:20px;min-width:0;padding:18px;box-shadow:0 12px 35px #1c32270d}.panel-title{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.panel-title>span{color:#624a0b;background:#f6d66c;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:.68rem;font-weight:900;display:grid}.panel-title h2{margin:0 0 4px;font-size:1rem}.panel-title p{color:var(--map-muted);margin:0;font-size:.72rem;line-height:1.45}.field{color:#334a41;gap:7px;margin:0 0 12px;font-size:.72rem;font-weight:800;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;color:var(--map-ink);box-sizing:border-box;background:#fff;border:1px solid #d7d9d1;border-radius:11px;outline:none;padding:11px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#64856f;box-shadow:0 0 0 3px #4b7e5a1a}button{color:var(--map-ink);cursor:pointer;background:#fff;border:1px solid #d3d6ce;border-radius:11px;padding:10px 12px;font-weight:800}button:hover{border-color:#80968a}.primary{color:#fff;background:#163d31;border-color:#163d31}.wide{width:100%}.danger{color:#9c3e35}.button-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.divider{background:#e4e4dc;height:1px;margin:18px 0}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-head h3,.summary h3{margin:0;font-size:.8rem}.section-head small{color:#88938d;font-size:.63rem}.empty-editor{color:#748079;background:#f4f3ec;border-radius:12px;padding:14px;font-size:.74rem;line-height:1.5}.task-check{align-items:center;gap:8px;margin:3px 0 12px;font-size:.74rem;font-weight:750;display:flex}.task-check input{width:16px;height:16px}.color-row{gap:7px;margin:3px 0 13px;display:flex}.color-dot{border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;box-shadow:0 0 0 1px #bbc2bb}.color-dot.active{box-shadow:0 0 0 3px #173d31}.saved-list{gap:7px;margin-top:10px;display:grid}.saved-item{background:#f5f4ee;border-radius:10px;align-items:center;gap:6px;padding:8px;display:flex}.saved-item button:first-child{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;min-width:0;padding:3px;overflow:hidden}.saved-item button:last-child{color:#a64b42;background:0 0;border:0;padding:3px 7px}.canvas-panel{padding:0;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--map-line);justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:8px 16px;display:flex}.canvas-label{color:#7b6829;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.63rem;font-weight:900}.canvas-toolbar strong{font-size:.85rem}.map-tools,.history-control,.zoom-control{align-items:center;gap:7px;display:flex}.history-control{border-right:1px solid #ddd;padding-right:7px}.map-tools button,.zoom-control button{height:32px;padding:0 10px}.history-control button,.zoom-control button{width:32px;padding:0}.zoom-control span{text-align:center;min-width:43px;font-size:.68rem;font-weight:800}.text-tool{font-size:.67rem}.canvas-help{color:#6b776f;border-bottom:1px solid var(--map-line);box-sizing:border-box;background:#f6f5ef;justify-content:space-between;align-items:center;gap:15px;min-height:36px;padding:8px 16px;font-size:.68rem;display:flex}.legend{white-space:nowrap;align-items:center;gap:5px;display:flex}.legend i{border-radius:3px;width:10px;height:10px;margin-left:5px}.root-key{background:#173d31}.branch-key{background:#e7b84e}.leaf-key{background:#fff;border:1px solid #aab5ad}.viewport{scroll-behavior:smooth;background-color:#e8ebe4;background-image:radial-gradient(#bdc7be 1px,#0000 1px);background-size:18px 18px;height:720px;overflow:auto}.map-stage{width:1200px;height:760px;position:relative}.map-stage svg,#nodeLayer{width:100%;height:100%;position:absolute;inset:0}.map-edge{fill:none;stroke:#9baa9f;stroke-width:2px;stroke-linecap:round}.map-edge.level-1{stroke:#789486;stroke-width:3px}.map-node{color:#18362c;border:2px solid #0000;border-left:7px solid var(--node-color);cursor:grab;user-select:none;box-sizing:border-box;transform-origin:0 0;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;width:210px;min-height:66px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 8px 20px #25342c1f}.map-node:active{cursor:grabbing}.map-node.selected{border-color:#173d31;border-left-color:var(--node-color);z-index:3;box-shadow:0 0 0 3px #173d3121,0 10px 24px #25342c24}.map-node.level-root{color:#fff;background:#173d31;border:0;border-radius:18px;padding:15px 17px;box-shadow:0 15px 34px #14352a40}.map-node.level-root strong{letter-spacing:-.02em;font-family:Georgia,serif;font-size:1rem}.map-node.level-root small{color:#dbe6df}.map-node.level-branch{background:var(--node-soft,#f7f3e8);border-left-width:8px}.map-node.level-branch strong{font-size:.84rem}.map-node.level-leaf{border-left-width:5px;box-shadow:0 5px 14px #25342c17}.map-node strong{font-size:.75rem;line-height:1.25}.map-node small{color:#6c7872;margin-top:4px;font-size:.6rem;line-height:1.3}.node-meta{gap:5px;margin-top:7px;display:flex}.node-meta span{background:#eef1eb;border-radius:999px;padding:3px 6px;font-size:.53rem;font-weight:800}.node-meta .done{color:#fff;background:#3c7752}.node-meta .deadline{color:#7a5612;background:#fae8ac}.node-quick{z-index:5;background:#fff;border:1px solid #d6dad3;border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;bottom:-17px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #142d2329}.node-quick button{border:0;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;font-size:.72rem;display:grid}.node-quick button:hover{background:#eef1eb}.node-quick .quick-danger{color:#a1423a}.collapsed-mark{color:#fff;background:#173d31;border:2px solid #fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:.56rem;font-weight:900;display:grid;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.stats{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.stats div{text-align:center;background:#f5f4ee;border-radius:11px;padding:12px 5px}.stats strong{font-size:1.1rem;display:block}.stats span{color:#718078;text-transform:uppercase;font-size:.58rem}.progress{background:#e3e6df;border-radius:99px;height:8px;margin:14px 0 7px;overflow:hidden}.progress div{border-radius:inherit;background:#5f9b68;width:0;height:100%;transition:width .2s}.progress-text{color:#718078;margin:0;font-size:.68rem}.task-list{gap:8px;margin-top:11px;display:grid}.task-item{background:#f5f4ee;border-radius:10px;padding:10px}.task-item strong{font-size:.7rem;display:block}.task-item span{color:#7d8781;margin-top:4px;font-size:.6rem;display:block}.task-empty{color:#7d8781;font-size:.7rem}.tip{color:#604d18;background:#fff3ce;border-radius:13px;margin-top:18px;padding:14px}.tip strong{font-size:.7rem}.tip p{margin:5px 0 0;font-size:.68rem;line-height:1.5}.actionbar{z-index:40;backdrop-filter:blur(12px);background:#faf9f4f0;border:1px solid #d5d7cf;border-radius:16px;gap:8px;padding:9px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #142d2333}.actionbar button{white-space:nowrap}.actionbar .share{color:#fff;background:#163d31}.toast{z-index:60;color:#fff;opacity:0;pointer-events:none;background:#173d31;border-radius:10px;padding:10px 15px;font-size:.74rem;transition:all .2s;position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px)}.toast.show{opacity:1;transform:translate(-50%)}.mobile-modal{z-index:100;background:#091f18b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.mobile-modal[hidden]{display:none}.mobile-dialog{text-align:center;background:#fbfaf5;border-radius:22px;max-width:360px;padding:25px}.device-icon{color:#fff;background:#173d31;border-radius:15px;place-items:center;width:50px;height:50px;margin:0 auto 14px;display:grid}.mobile-dialog h2{margin:0 0 10px}.mobile-dialog p{color:#66736c;margin:0 0 18px;font-size:.85rem;line-height:1.6}.mobile-dialog a{color:#173d31;margin-top:14px;font-size:.8rem;font-weight:800;display:block}@media (width<=1080px){.app-shell{grid-template-columns:250px minmax(560px,1fr)}.summary{grid-column:1/-1}.summary .stats{max-width:450px}.viewport{height:650px}}@media (width<=760px){.hero{padding:45px 20px;display:block}.hero-points{justify-content:flex-start;margin-top:25px}.app-shell{flex-direction:column;padding:12px 12px 100px;display:flex}.sidebar{order:1}.canvas-panel{order:2}.summary{order:3}.viewport{height:570px}.canvas-toolbar{align-items:flex-start}.map-tools{flex-wrap:wrap;justify-content:flex-end;max-width:210px}.text-tool{order:2}.canvas-help{display:block}.legend{margin-top:6px;overflow-x:auto}.actionbar{border-radius:14px 14px 0 0;bottom:0;left:0;right:0;overflow-x:auto;transform:none}.actionbar button{flex:none}h1{font-size:2.9rem}}@page{size:A4 landscape;margin:8mm}@media print{html,body{background:#fff!important;margin:0!important}header,.hero,.sidebar,.summary,.actionbar,.canvas-toolbar,.canvas-help{display:none!important}.app-shell{width:var(--print-width,100%);background:#fff;display:block;margin:0!important;padding:0!important}.canvas-panel{width:var(--print-width,100%);height:var(--print-height,auto);box-shadow:none;border:0;padding:0;overflow:hidden}.viewport{width:var(--print-width,100%);background:#e8ebe4;overflow:hidden;height:var(--print-height,auto)!important}.map-stage{transform:scale(var(--print-scale,1));transform-origin:0 0}.toast{display:none}}