.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--bg: #FAF8F5;--surface: #FFFFFF;--surface-2: #F4F1EC;--ink-1: #3A3A3A;--ink-2: #6B6862;--ink-3: #9C9890;--line: #ECE7DF;--line-strong: #DED7CC;--brand: #86B6A3;--brand-soft: #EAF2EE;--brand-ink: #4F8576;--brand-strong: #5E9C89;--brand-tint: #EAF3EF;--ok: #5E8C7D;--accent: #E8A87C;--accent-soft: #F8ECE2;--accent-ink: #B9744A;--success: #8FB98A;--success-soft: #EDF4EC;--warn: #D9A441;--warn-soft: #F7EEDA;--danger: #D98C7A;--danger-soft: #F7E7E3;--font-sans: "Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;--font-serif:"Source Han Serif SC","Noto Serif SC",Georgia,"Songti SC",serif;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fs-40: 40px;--lh-tight: 1.25;--lh-base: 1.6;--lh-relaxed: 1.85;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 48px;--sp-6: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--sh-1: 0 2px 8px rgba(58,58,58,.04);--sh-2: 0 8px 24px rgba(58,58,58,.06);--sh-3: 0 16px 40px rgba(58,58,58,.08);--sh-brand: 0 8px 20px rgba(134,182,163,.28);--ease-std: cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-1: .15s;--dur-2: .2s;--dur-3: .3s;--dur-4: .42s}@media (prefers-reduced-motion: reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms;--dur-4: 0ms}*{animation:none!important;transition:none!important}}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-base);color:var(--ink-1);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;line-height:var(--lh-tight);letter-spacing:.2px}.serif{font-family:var(--font-serif)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px var(--sp-3)}.brand .logo{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand-ink);font-family:var(--font-serif);font-size:18px;font-weight:700;box-shadow:var(--sh-1)}.brand b{font-size:var(--fs-16)}.brand small{display:block;color:var(--ink-3);font-size:var(--fs-12);font-weight:400}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;transition:background var(--dur-1) var(--ease-std),color var(--dur-1);font-size:var(--fs-14)}.nav-item .ic{width:18px;height:18px;flex:none;opacity:.8}.nav-item.locked{color:var(--ink-3)}.nav-item.locked .ic{opacity:.5}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;flex:none;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4)}.topbar h2{font-size:var(--fs-20)}.content{padding:var(--sp-4);overflow:auto;flex:1}.content-narrow{max-width:1080px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:var(--fs-14);font-weight:600;cursor:pointer;padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;transition:transform var(--dur-1) var(--ease-spring),background var(--dur-1) var(--ease-std),box-shadow var(--dur-1);-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--sh-brand)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(1.03)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink-1)}.btn-text{background:transparent;color:var(--brand-ink);padding:8px 10px}.btn-text:hover{background:var(--brand-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:#f2dad3}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 12px;font-size:var(--fs-12)}.btn-lg{padding:13px 26px;font-size:var(--fs-16)}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-ghost .spinner,.btn-text .spinner{border-color:#4f85764d;border-top-color:var(--brand-ink)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-12);color:var(--ink-2);font-weight:600}.input,.select,.textarea{font-family:inherit;font-size:var(--fs-14);color:var(--ink-1);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:11px 14px;transition:border-color var(--dur-1) var(--ease-std),box-shadow var(--dur-1);width:100%;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.textarea{resize:vertical;min-height:96px;line-height:var(--lh-base)}.card-hover{transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2);cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.grid{display:grid;gap:var(--sp-3)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:880px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-12);font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2)}.tag.brand{background:var(--brand-soft);color:var(--brand-ink)}.tag.accent{background:var(--accent-soft);color:var(--accent-ink)}.tag.success{background:var(--success-soft);color:#4f7e4b}.tag.warn{background:var(--warn-soft);color:#946e1f}.tag.danger{background:var(--danger-soft);color:#b45b47}.tag.ok{background:var(--success-soft);color:#4f7e4b}.tag.err{background:var(--danger-soft);color:#b45b47}.dot{width:7px;height:7px;border-radius:50%;background:var(--brand);display:inline-block}.switch{position:relative;width:42px;height:24px;flex:none;cursor:pointer}.switch input{display:none}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--line-strong);border-radius:var(--r-pill);transition:background var(--dur-2) var(--ease-std)}.switch .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--sh-1);transition:transform var(--dur-2) var(--ease-spring)}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track+.knob{transform:translate(18px)}.slider{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--r-pill);background:var(--line-strong);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--dur-1) var(--ease-spring)}.slider::-webkit-slider-thumb:active{transform:scale(1.15)}.toast-wrap{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{background:var(--ink-1);color:#fff;padding:11px 18px;border-radius:var(--r-md);box-shadow:var(--sh-3);font-size:var(--fs-14);display:flex;align-items:center;gap:9px;animation:toastIn var(--dur-3) var(--ease-spring)}.toast .dot{background:var(--brand)}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a3a3a52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:grid;place-items:center;animation:fade var(--dur-2) var(--ease-std)}.modal{width:min(440px,92vw);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-3);padding:var(--sp-4);animation:modalPop var(--dur-3) var(--ease-spring)}@keyframes modalPop{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.modal h3{font-size:var(--fs-24);margin-bottom:8px}.modal .sub{color:var(--ink-2);margin-bottom:var(--sp-3)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--surface);box-shadow:var(--sh-3);z-index:55;transform:translate(100%);transition:transform var(--dur-3) var(--ease-std);display:flex;flex-direction:column}.drawer.open{transform:none}.drawer header{padding:var(--sp-3) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer .body{padding:var(--sp-3);overflow:auto}.empty{text-align:center;padding:var(--sp-5) var(--sp-3);color:var(--ink-2)}.empty svg{margin-bottom:var(--sp-2)}.empty b{display:block;color:var(--ink-1);font-size:var(--fs-16);margin-bottom:4px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal .cell{aspect-ratio:1;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;font-size:var(--fs-12);color:var(--ink-3);transition:transform var(--dur-1) var(--ease-spring);cursor:default}.cal .cell:hover{transform:translateY(-2px)}.cal .cell.lv1{background:#e4eeea}.cal .cell.lv2{background:#c9e0d7}.cal .cell.lv3{background:#a9d0c2}.cal .cell.lv4{background:var(--brand);color:#fff}.cal .head{background:transparent;color:var(--ink-3);font-weight:600}.stat{display:flex;flex-direction:column;gap:6px}.stat .k{color:var(--ink-2);font-size:var(--fs-12)}.stat .v{font-size:var(--fs-32);font-weight:700;font-family:var(--font-serif);letter-spacing:-.5px}.stat .d{font-size:var(--fs-12)}.bars{display:flex;align-items:flex-end;gap:10px;height:140px;padding-top:10px}.bars .bar{flex:1;background:var(--brand-soft);border-radius:var(--r-sm) var(--r-sm) 0 0;position:relative;transition:background var(--dur-1);min-height:6px;animation:grow var(--dur-3) var(--ease-std)}.bars .bar:hover{background:var(--brand)}.bars .bar span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:var(--fs-12);color:var(--ink-3)}@keyframes grow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-14)}.tbl th{text-align:left;color:var(--ink-3);font-weight:600;font-size:var(--fs-12);padding:10px 12px;border-bottom:1px solid var(--line)}.tbl td{padding:13px 12px;border-bottom:1px solid var(--line);color:var(--ink-1)}.tbl tr{transition:background var(--dur-1)}.tbl tbody tr:hover{background:var(--surface-2)}.plan{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3);display:flex;flex-direction:column;gap:10px;position:relative;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2),border-color var(--dur-2)}.plan:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.plan.feature{border-color:var(--brand);box-shadow:var(--sh-brand)}.plan .pname{font-size:var(--fs-20);font-weight:700}.plan .price{font-family:var(--font-serif);font-size:var(--fs-32);font-weight:700}.plan .price small{font-size:var(--fs-14);color:var(--ink-3);font-family:var(--font-sans);font-weight:400}.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.plan li{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2);font-size:var(--fs-14)}.plan li .ck{color:var(--brand);flex:none}.editor{max-width:clamp(560px,64vw,960px);margin:0 auto}.editor .doc{font-family:var(--font-serif);font-size:var(--fs-16);line-height:var(--lh-relaxed);color:#2f2f2f;outline:none;min-height:60vh;padding:var(--sp-2) 0}.editor .doc p{margin:0 0 1.1em}.caret{display:inline-block;width:2px;height:1.1em;background:var(--brand);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(2) infinite}.typing{animation:typeIn var(--dur-3) var(--ease-std)}@keyframes typeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp var(--dur-3) var(--ease-std) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stagger>*{animation:fadeUp var(--dur-3) var(--ease-std) both}.stagger>*:nth-child(1){animation-delay:0ms}.view{display:none}.view.active{display:block;animation:fadeUp var(--dur-3) var(--ease-std)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row.between{justify-content:space-between}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.grow{flex:1}.center{text-align:center}.pill-note{font-size:var(--fs-12);color:var(--ink-3)}.divider{height:1px;background:var(--line);margin:var(--sp-3) 0}.mo-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a3a3a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50;animation:fadeIn var(--dur-2) var(--ease-std)}.mo-modal{width:min(560px,92vw);max-height:88vh;overflow:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3)}.mo-modal.wide{width:min(880px,94vw)}.mo-modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}.mo-modal-body{padding:var(--sp-3)}.mo-modal-foot{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.mo-tabs{display:inline-flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:var(--r-md)}.mo-tab{position:relative;border:none;background:transparent;padding:7px 14px;border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-14)}.mo-tab.active{background:var(--surface);color:var(--brand-ink);font-weight:600;box-shadow:var(--sh-1)}.mo-tab:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-3) var(--ease-std)}.mo-tab.active:after{transform:scaleX(1)}.mo-skel{background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:skel 1.2s infinite;border-radius:8px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.mo-spin{display:inline-block;border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mo-empty{text-align:center;padding:var(--sp-5) var(--sp-2);color:var(--ink-3)}.mo-empty-ico{font-size:40px;margin-bottom:8px}.mo-sec-title{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-3) 0 var(--sp-2)}.mo-sec-title>span{font-size:var(--fs-20);font-weight:700;color:var(--ink-1)}.stat-card{padding:var(--sp-2) var(--sp-3)}.stat-card.accent{background:linear-gradient(135deg,var(--brand-soft),#fff)}.stat-label{font-size:var(--fs-12);color:var(--ink-2)}.stat-value{font-size:var(--fs-32);font-weight:800;color:var(--ink-1);line-height:1.15;margin-top:2px}.stat-sub{font-size:var(--fs-12);margin-top:2px}.grid{display:grid;gap:var(--sp-2)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.book-card{display:flex;flex-direction:column;gap:6px;cursor:pointer}.book-cover{height:120px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:12px}.book-cover .bc-title{font-weight:700;font-size:var(--fs-16)}.book-cover .bc-genre{font-size:var(--fs-12);opacity:.85}.book-meta{display:flex;justify-content:space-between;font-size:var(--fs-12);color:var(--ink-2)}.book-target{display:flex;gap:10px;font-size:var(--fs-12);color:var(--brand-strong);font-weight:500}.book-progress{display:flex;gap:10px;font-size:var(--fs-12);color:var(--ink-2)}.skel-card{height:188px;border-radius:var(--r-lg)}.cal-heat{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.cal-cell{aspect-ratio:1;border-radius:4px;background:var(--surface-2)}.cal-cell.lv1{background:#dce9e3}.cal-cell.lv2{background:#b6d6c8}.cal-cell.lv3{background:#8fbea8}.cal-cell.lv4{background:var(--brand-strong)}.char-card{display:flex;gap:12px;align-items:flex-start}.char-ava{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0}.char-role{font-size:var(--fs-12)}.timeline{border-left:2px solid var(--line);padding-left:var(--sp-2);margin-left:8px}.tl-item{position:relative;padding:8px 0 8px 16px}.tl-item:before{content:"";position:absolute;left:-7px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.tl-item.revealed:before{background:var(--success)}.tl-item.abandoned:before{background:var(--ink-3)}.graph-wrap{height:540px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--fs-12);color:var(--ink-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}.nav-group-label{font-size:var(--fs-12);color:var(--ink-3);padding:14px 12px 4px;letter-spacing:.05em}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-3);box-shadow:var(--sh-1)}.chart-box{width:100%;height:260px}.reader{max-width:760px;margin:0 auto;line-height:var(--lh-relaxed)}.reader h2{color:var(--brand-ink);margin-top:var(--sp-4)}.reader h3{color:var(--ink-1)}.reader-toc{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 0;z-index:3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wa-panel{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden}.wa-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.wa-live{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--brand-ink);font-size:var(--fs-14)}.wa-dot{width:9px;height:9px;border-radius:50%;background:var(--brand-strong);box-shadow:0 0 #5e9c8980;animation:waPulse 1.6s ease-out infinite}@keyframes waPulse{0%{box-shadow:0 0 #5e9c8973}70%{box-shadow:0 0 0 8px #5e9c8900}to{box-shadow:0 0 #5e9c8900}}.wa-monitor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--brand-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:10px}.wa-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.wa-stat b{font-size:var(--fs-20);color:var(--brand-ink);font-weight:800;line-height:1}.wa-stat span{font-size:var(--fs-12);color:var(--ink-2)}.wa-hints{display:flex;flex-direction:column;gap:6px;margin-top:var(--sp-2)}.wa-hint{font-size:var(--fs-12);line-height:1.5;padding:8px 10px;border-radius:var(--r-sm);border-left:3px solid var(--brand);background:var(--surface-2);color:var(--ink-1);animation:fadeIn var(--dur-2) var(--ease-std)}.wa-hint.warn{border-left-color:var(--accent);background:var(--accent-soft)}.wa-hint.ok{border-left-color:var(--brand-strong);background:var(--brand-soft)}.wa-sec-title{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-3) 0 var(--sp-1);font-size:var(--fs-13);font-weight:700;color:var(--ink-3);letter-spacing:.3px}.wa-sec-title>span:before{content:"·";color:var(--brand);margin-right:6px;font-weight:900}.wa-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.wa-preset{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-1);font-size:var(--fs-12);font-weight:600;cursor:pointer;transition:transform var(--dur-1) var(--ease-spring),background var(--dur-1),border-color var(--dur-1),box-shadow var(--dur-1)}.wa-preset .ico{font-size:14px}.wa-preset:hover:not([disabled]){background:var(--brand-soft);border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--sh-1)}.wa-preset[disabled]{opacity:.45;cursor:not-allowed}.wa-chat{flex:1;min-height:120px;max-height:34vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}.wa-msg{border-radius:var(--r-md);padding:10px 12px;animation:fadeUp var(--dur-2) var(--ease-std)}.wa-msg.user{background:var(--surface-2);border:1px solid var(--line)}.wa-msg.ai{background:var(--brand-soft);border:1px solid var(--line)}.wa-msg-head{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:var(--fs-12)}.wa-tag{font-size:10px;padding:1px 7px;border-radius:var(--r-pill);background:var(--brand);color:#fff;font-weight:600}.wa-msg-body{font-size:var(--fs-13);line-height:1.65;color:var(--ink-1);white-space:pre-wrap;word-break:break-word}.wa-msg-actions{display:flex;gap:8px;margin-top:8px}.wa-msg-actions .btn{padding:6px 10px;font-size:var(--fs-12)}.proj-picker{display:inline-flex;align-items:center;gap:8px}.proj-picker .ico{font-size:16px}.proj-picker .select{min-width:200px}.book-bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-top:2px}.book-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-strong));border-radius:99px;transition:width var(--dur-3) var(--ease-std)}.mo-cal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-2)}.mo-cal-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mo-cal-head b{font-size:var(--fs-16)}.mo-cal-total{margin-left:auto;font-size:var(--fs-12);color:var(--brand-ink);background:var(--brand-soft);padding:3px 10px;border-radius:var(--r-pill)}.mo-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.mo-cal-week{margin-bottom:6px}.mo-cal-wd{justify-content:center;color:var(--ink-3);font-size:var(--fs-12);font-weight:600}.mo-cal-cell{height:54px;border-radius:var(--r-sm);background:var(--surface-2);display:flex;align-items:flex-start;justify-content:flex-start;padding:6px;font-size:var(--fs-12);color:var(--ink-2);transition:transform var(--dur-1) var(--ease-std),box-shadow var(--dur-1)}.mo-cal-cell.empty{background:transparent}.mo-cal-cell:not(.empty):hover{transform:translateY(-2px);box-shadow:var(--sh-1);cursor:default}.mo-cal-cell .d{font-weight:600;color:var(--ink-1)}.mo-cal-cell[data-lvl="0"]{background:var(--surface-2)}.mo-cal-cell[data-lvl="1"]{background:#dcede6}.mo-cal-cell[data-lvl="2"]{background:#bbd9cc}.mo-cal-cell[data-lvl="3"]{background:#8fc3ae;color:#fff}.mo-cal-cell[data-lvl="3"] .d{color:#fff}.mo-cal-cell[data-lvl="4"]{background:var(--brand-strong);color:#fff}.mo-cal-cell[data-lvl="4"] .d{color:#fff}.badge-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badge{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 12px;text-align:center;transition:transform var(--dur-1) var(--ease-spring)}.badge.on{background:var(--brand-soft);border-color:var(--brand)}.badge.off{opacity:.7}.badge.on:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}@keyframes badge-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.badge.on{animation:badge-pop var(--dur-4) var(--ease-spring)}.badge-ico{font-size:28px}.badge-name{font-weight:700;margin-top:6px;color:var(--ink-1)}.badge-prog{font-size:var(--fs-12);color:var(--ink-2);margin-top:2px}.badge.on .badge-prog{color:var(--brand-ink)}.sub-card{background:linear-gradient(135deg,var(--brand-soft),#fff);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-2)}.sub-top{display:flex;align-items:center;justify-content:space-between}.sub-plan{font-size:var(--fs-20);font-weight:800;color:var(--brand-ink)}.model-list{display:flex;flex-direction:column;gap:10px}.model-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1),box-shadow var(--dur-1)}.model-item:hover{border-color:var(--brand)}.model-item.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:var(--sh-1)}.model-item.locked{opacity:.6}.radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);flex:none;transition:all var(--dur-1)}.radio.on{border-color:var(--brand);background:radial-gradient(circle at center,var(--brand) 0 5px,#fff 6px)}.model-mgr{display:flex;flex-direction:column}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{font-size:var(--fs-13);padding:7px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all var(--dur-1)}.preset-chip:hover{border-color:var(--brand);color:var(--brand-ink)}.preset-chip.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.fld{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-13)}.fld>span{color:var(--ink-2);font-weight:600}.fld input,.fld textarea,.fld select{width:100%;padding:9px 11px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:var(--fs-14)}.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.nav-group{margin-bottom:2px}.nav-group-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-12);color:var(--ink-3);font-weight:700;letter-spacing:.4px;padding:10px 12px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-group-label .nav-caret{transition:transform var(--dur-2) var(--ease-std);font-size:10px}.nav-group.collapsed .nav-caret{transform:rotate(-90deg)}.nav-group-body{display:flex;flex-direction:column;gap:2px;overflow:hidden;transition:max-height var(--dur-3) var(--ease-std),opacity var(--dur-2)}.nav-group.collapsed .nav-group-body{max-height:0!important;opacity:0}.nav-scroll{margin-top:4px;display:flex;flex-direction:column;gap:2px}.scope-bar{display:flex;align-items:center;gap:12px;margin-bottom:var(--sp-2);flex-wrap:wrap}.proj-checklist{max-width:980px}.proj-checkall{gap:8px;padding:10px 12px;background:var(--surface-2);border-radius:var(--r-md);cursor:pointer}.proj-check{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;border:1px solid transparent}.proj-check.on{border-color:var(--brand);background:var(--brand-soft)}.proj-check input{width:16px;height:16px;accent-color:var(--brand)}.wizard{display:flex;gap:var(--sp-3);align-items:flex-start}.wizard-steps{flex:none;width:190px;display:flex;flex-direction:column;gap:4px}.ws-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;font-size:var(--fs-14);transition:background var(--dur-1) var(--ease-std),color var(--dur-1),border-color var(--dur-1);border:1px solid transparent}.ws-step .ws-num{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-12);font-weight:700;background:var(--surface-2);color:var(--ink-3);transition:background var(--dur-1)}.ws-step.on{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand);font-weight:600}.ws-step.on .ws-num{background:var(--brand);color:#fff}.ws-step.done .ws-num{background:var(--brand-strong);color:#fff}.ws-step.done{color:var(--ink-1)}.wizard-body{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}@media (max-width:720px){.wizard{flex-direction:column}.wizard-steps{width:100%;flex-direction:row;flex-wrap:wrap}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink-1);font-size:var(--fs-14);line-height:var(--lh-base);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:var(--brand-ink);text-decoration:none}.btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-1);padding:10px 18px;border-radius:var(--r-md);font-size:var(--fs-14);transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2) var(--ease-std),background var(--dur-2)}.btn:hover{box-shadow:var(--sh-1);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--sh-brand)}.btn-primary:hover{background:var(--brand-strong)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:6px 12px;font-size:var(--fs-12);border-radius:var(--r-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-3)}.card-hover{transition:transform var(--dur-3) var(--ease-std),box-shadow var(--dur-3)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-2)}.field label{font-size:var(--fs-12);color:var(--ink-2)}.input,textarea.input{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-md);padding:11px 14px;font-size:var(--fs-14);color:var(--ink-1);transition:border-color var(--dur-2),box-shadow var(--dur-2)}.input:focus,textarea.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-12);background:var(--surface-2);color:var(--ink-2)}.pill-brand{background:var(--brand-soft);color:var(--brand-ink)}.pill-accent{background:var(--accent-soft);color:var(--accent-ink)}.pill-warn{background:var(--warn-soft);color:var(--accent-ink)}.pill-success{background:var(--success-soft);color:var(--brand-ink)}.pill-lock{background:var(--line);color:var(--ink-3)}.pill-danger{background:var(--danger-soft);color:var(--accent-ink)}.shell{display:grid;grid-template-columns:232px 1fr;height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;box-shadow:var(--sh-brand)}.brand b{font-size:var(--fs-16);color:var(--ink-1)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);color:var(--ink-2);font-size:var(--fs-14);border:none;background:transparent;width:100%;text-align:left;transition:background var(--dur-2),color var(--dur-2)}.nav-item:hover{background:var(--surface-2);color:var(--ink-1)}.nav-item.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.nav-item .ico{width:18px;text-align:center}.main{overflow:auto;display:flex;flex-direction:column}.topbar{height:60px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-3);position:sticky;top:0;z-index:5}.topbar .title{font-size:var(--fs-20);font-weight:600}.topbar .user{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-ink);display:grid;place-items:center;font-weight:600}.content{padding:var(--sp-3);max-width:1180px;width:100%}.login-wrap{height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 15% -10%,var(--brand-soft),transparent 60%),radial-gradient(900px 500px at 110% 120%,var(--accent-soft),transparent 55%),var(--bg)}.login-card{width:380px;animation:fade-up var(--dur-4) var(--ease-std) both}.login-card h1{font-family:var(--font-serif);font-size:var(--fs-32);margin:0 0 4px}.login-card .sub{color:var(--ink-3);margin-bottom:var(--sp-3)}.login-tabs{display:flex;gap:6px;margin-bottom:var(--sp-2)}.login-tabs button{flex:1;padding:8px;border:none;background:var(--surface-2);border-radius:var(--r-md);color:var(--ink-2);font-size:var(--fs-14)}.login-tabs button.active{background:var(--brand);color:#fff}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-2)}.proj-card{cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:150px}.proj-card .name{font-size:var(--fs-20);font-weight:600;font-family:var(--font-serif)}.proj-card .meta{color:var(--ink-3);font-size:var(--fs-12);display:flex;gap:8px;align-items:center}.proj-card .summary{color:var(--ink-2);font-size:var(--fs-14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.add-card{border:1.5px dashed var(--line-strong);background:transparent;display:grid;place-items:center;color:var(--ink-3);min-height:150px;border-radius:var(--r-lg);transition:all var(--dur-2)}.add-card:hover{border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft)}.ws-shell{display:flex;flex-direction:column;height:calc(100vh - 60px);position:relative}.ws-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px var(--sp-3);border-bottom:1px solid var(--line);background:var(--surface);flex:none}.ws-topbar .title{font-size:var(--fs-16);font-weight:600;font-family:var(--font-serif)}.ws-topbar .spacer{flex:1 1 auto;min-width:8px}.ws-topbar .divider{width:1px;height:22px;background:var(--line-strong);margin:0 2px}.ws{display:grid;flex:1;min-height:0;grid-template-columns:clamp(180px,14vw,260px) minmax(0,1fr);transition:grid-template-columns .25s ease}.ws.with-assist{grid-template-columns:clamp(180px,14vw,260px) minmax(0,1fr) min(380px,90vw)}.ws-assist{border-left:1px solid var(--line);background:var(--surface);overflow:auto;animation:waSlide .25s ease}.ws-assist.hidden{display:none}@keyframes waSlide{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.ws-pane>.editor,.ws-pane>.reader{flex:1;min-height:0;width:100%}.ws-pane>.editor{resize:none}.ws-pane>.reader{overflow:auto}.fab{position:absolute;right:20px;bottom:20px;z-index:30;width:54px;height:54px;border-radius:50%;border:none;background:var(--brand);color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px #00000047;transition:transform .15s ease}.fab:hover{transform:scale(1.07)}@media (max-width: 760px){.ws{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ws-tree{border-right:none;border-bottom:1px solid var(--line);max-height:200px}.ws.with-assist{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.ws-assist{border-left:none;border-top:1px solid var(--line);max-height:52vh}}.ws-tree{border-right:1px solid var(--line);background:var(--surface);overflow:auto;padding:var(--sp-2)}.ws-tree .vol{margin-bottom:var(--sp-1)}.ws-tree .vol-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--r-md);font-weight:600;color:var(--ink-1)}.ws-tree .vol-head:hover{background:var(--surface-2)}.ws-tree .ch{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 26px;border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-14);cursor:pointer}.ws-tree .ch:hover{background:var(--surface-2);color:var(--ink-1)}.ws-tree .ch.active{background:var(--brand-soft);color:var(--brand-ink)}.ws-pane{display:flex;flex-direction:column;overflow:hidden}.ws-toolbar{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 var(--sp-3);background:var(--surface)}.ws-toolbar .spacer{flex:1}.editor{flex:1;border:none;resize:none;padding:var(--sp-3);font-size:var(--fs-16);line-height:var(--lh-relaxed);color:var(--ink-1);background:var(--bg);outline:none;font-family:var(--font-serif)}.typer{white-space:pre-wrap}.cursor:after{content:"▍";color:var(--brand);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.reader{flex:1;overflow:auto;padding:var(--sp-5) var(--sp-4);background:#fcfaf6}.reader .doc{max-width:720px;margin:0 auto;font-family:var(--font-serif);font-size:var(--fs-18);line-height:var(--lh-relaxed);color:#4a463f}.reader h2{font-size:var(--fs-24);text-align:center;margin-bottom:var(--sp-3)}.reader .progress{max-width:720px;margin:var(--sp-3) auto 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a3a3a52;display:grid;place-items:center;z-index:50;animation:fade var(--dur-3) both}.modal{width:440px;max-width:92vw;background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-3);box-shadow:var(--sh-3);animation:pop var(--dur-3) var(--ease-spring) both}.modal h3{margin:0 0 var(--sp-2);font-size:var(--fs-20)}.plan-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:var(--sp-2) 0}.plan-box{border:1px solid var(--line);border-radius:var(--r-md);padding:12px 8px;text-align:center}.plan-box b{display:block;font-size:var(--fs-16)}.plan-box small{color:var(--ink-3)}.set-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) 0;border-bottom:1px solid var(--line)}.set-row .desc{color:var(--ink-3);font-size:var(--fs-12);margin-top:2px}.locked{opacity:.65}.switch{width:44px;height:26px;border-radius:var(--r-pill);border:none;background:var(--line-strong);position:relative;transition:background var(--dur-2)}.switch.on{background:var(--brand)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--dur-2) var(--ease-spring);box-shadow:var(--sh-1)}.switch.on:after{transform:translate(18px)}.char-item{display:flex;gap:8px;align-items:center;margin-bottom:var(--sp-2)}.char-item .input{margin:0}.rel-item{display:flex;gap:8px;align-items:center;padding:var(--sp-2);background:var(--surface-2);border-radius:var(--r-2);margin-bottom:var(--sp-2)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-2);margin-bottom:var(--sp-3)}.stat{padding:var(--sp-2)}.stat .k{color:var(--ink-3);font-size:var(--fs-12)}.stat .v{font-size:var(--fs-24);font-weight:700;font-family:var(--font-serif)}.stat .v small{font-size:var(--fs-12);color:var(--ink-3);font-weight:400}.profile-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.profile-head .avatar{width:64px;height:64px;font-size:var(--fs-24)}.calendar{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}.cal-day{aspect-ratio:1;border-radius:5px;background:var(--surface-2);position:relative}.cal-day[data-lvl="1"]{background:var(--brand-soft)}.cal-day[data-lvl="2"]{background:#c9e2d8}.cal-day[data-lvl="3"]{background:#9ccbb8}.cal-day[data-lvl="4"]{background:var(--brand)}.cal-legend{display:flex;gap:6px;align-items:center;font-size:var(--fs-12);color:var(--ink-3);margin-top:10px}.mo-toast-wrap{position:fixed;top:18px;right:18px;z-index:90;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.mo-toast{pointer-events:auto;max-width:360px;background:var(--surface);color:var(--ink-1);padding:12px 18px;border-radius:var(--r-md);box-shadow:var(--sh-3);font-size:var(--fs-14);line-height:var(--lh-base);word-break:break-word;border:1px solid var(--line);animation:slide-in var(--dur-3) var(--ease-spring) both}.mo-toast.ok{border-left:4px solid var(--success);background:#f0fdf4}.mo-toast.err{border-left:4px solid var(--danger);background:#fef2f2}.mo-toast.info{border-left:4px solid var(--brand);background:#eff6ff}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.stagger>*{animation:fade-up var(--dur-4) var(--ease-std) both}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.muted{color:var(--ink-3)}.row{display:flex;gap:var(--sp-2);align-items:center}.wrap{flex-wrap:wrap}.empty{text-align:center;color:var(--ink-3);padding:var(--sp-5);border:1.5px dashed var(--line);border-radius:var(--r-lg)}.demo-tag{font-size:var(--fs-12);color:var(--warn);background:var(--warn-soft);padding:2px 8px;border-radius:var(--r-pill)}.proj-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.proj-progress-bar{flex:1;min-width:80px;position:relative;height:6px;background:var(--ink-5);border-radius:3px;overflow:hidden}.proj-progress-fill{height:100%;background:var(--brand);border-radius:3px;transition:width .4s ease}.proj-progress-label{font-size:var(--fs-10)!important;color:var(--brand-ink);margin-left:6px}.aw-progress{margin-bottom:var(--sp-2);padding:var(--sp-2);background:linear-gradient(135deg,#f0f7ff,#fafbff);border:1px solid var(--brand-light, rgba(59,130,246,.18))}.aw-progress.running{border-color:var(--success);background:linear-gradient(135deg,#f0fff4,#fafffb)}.aw-progress.paused{border-color:var(--warn)}.aw-progress.done{border-color:var(--success);opacity:.9}.aw-progress.error{border-color:var(--danger);background:linear-gradient(135deg,#fff5f5,snow)}.aw-progress-bar-wrap{width:100%;height:8px;background:var(--ink-5);border-radius:4px;overflow:hidden}.aw-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),#60a5fa);border-radius:4px;transition:width .5s ease;animation:aw-pulse 1.5s ease-in-out infinite}.aw-progress.done .aw-progress-bar-fill,.aw-progress.error .aw-progress-bar-fill,.aw-progress.paused .aw-progress-bar-fill{animation:none;background:var(--success)}@keyframes aw-pulse{0%,to{opacity:.9}50%{opacity:1}}.aw-live{margin-top:10px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.aw-live-hint{font-size:var(--fs-11);color:var(--brand-ink);padding:6px 10px;background:var(--brand-soft);border-bottom:1px dashed var(--line)}.aw-live-text{max-height:180px;overflow:auto;padding:10px;font-family:var(--font-serif);font-size:var(--fs-13);line-height:1.7;color:var(--ink-1);white-space:pre-wrap}.chat-me,.chat-ai{max-width:92%;padding:10px 13px;border-radius:var(--r-md);font-size:var(--fs-14);line-height:var(--lh-base);white-space:pre-wrap;word-break:break-word}.chat-me{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}.chat-ai{align-self:flex-start;background:var(--surface-2);color:var(--ink-1);border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px;padding:var(--sp-2);border-top:1px solid var(--line);background:var(--surface)}.update-banner{display:flex;align-items:center;gap:12px;justify-content:center;padding:8px 16px;font-size:var(--fs-13);background:linear-gradient(90deg,var(--brand),var(--brand-strong));color:#fff}.update-banner.force{background:linear-gradient(90deg,#e0533d,#c0392b)}.update-banner .btn-sm{padding:4px 10px}.update-banner .btn-ghost{color:#fff;border-color:#ffffff80}.route-fade{animation:fade var(--dur-3) var(--ease-std) both}.list-in>*{animation:fade-up var(--dur-3) var(--ease-std) both}.list-in>*:nth-child(2){animation-delay:40ms}.list-in>*:nth-child(3){animation-delay:80ms}.list-in>*:nth-child(4){animation-delay:.12s}.list-in>*:nth-child(5){animation-delay:.16s}.list-in>*:nth-child(6){animation-delay:.2s}.list-in>*:nth-child(7){animation-delay:.24s}.list-in>*:nth-child(8){animation-delay:.28s}.hamburger,.nav-backdrop{display:none}@media (max-width: 768px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:248px;z-index:60;transform:translate(-100%);transition:transform var(--dur-3) var(--ease-std);box-shadow:var(--sh-3)}.shell.nav-open .sidebar{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#28282861;animation:fade var(--dur-3) both}.hamburger{display:inline-flex}.content{padding:var(--sp-2)}}