:root{--accent: #05499A;--accent-hover: #043C80;--accent-weak: #E9F0F9;--highlight: #FBAF16;--highlight-weak:#FEF3DA;--text: #1B2534;--text-muted: #647081;--bg: #EDF0F4;--panel: #FFFFFF;--panel-2: #F7F9FB;--canvas: #F4F4F2;--border: #E2E7EE;--border-strong: #C9D2DE;--danger: #D64545;--danger-weak: #FBEAEA;--ok: #2E7D5B;--text-on-accent: #fff;--tooltip-bg: #232D3D;--overlay: rgba(16,24,38,.42);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--r1: 6px;--r2: 10px;--shadow-1: 0 1px 2px rgba(16,24,38,.06), 0 2px 6px rgba(16,24,38,.05);--shadow-2: 0 2px 6px rgba(16,24,38,.1), 0 16px 40px rgba(16,24,38,.18);--shadow-lift: 0 2px 4px rgba(5,73,154,.1), 0 4px 12px rgba(16,24,38,.08);--font: "Segoe UI Variable Text", system-ui, -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs: 13px;--fs-lg: 15px;--fw-strong: 600;--tr: .13s ease}.btn{font:inherit;font-size:var(--fs);font-weight:500;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--r1);padding:5px var(--s3);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s1);transition:background var(--tr),border-color var(--tr),color var(--tr),box-shadow var(--tr);white-space:nowrap}.btn:hover{background:var(--accent-weak);color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.45;cursor:default;background:transparent;color:var(--text)}.btn--primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);box-shadow:var(--shadow-1)}.btn--primary:hover{background:var(--accent-hover);color:var(--text-on-accent)}.btn--danger{color:var(--danger)}.btn--danger:hover{background:var(--danger-weak);color:var(--danger)}.btn--ghost{justify-content:flex-start;width:100%}.btn--outline{border-color:var(--border-strong);background:var(--panel)}.btn.is-active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.input{font:inherit;font-size:var(--fs);color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r1);padding:5px var(--s2);transition:border-color var(--tr),box-shadow var(--tr);font-variant-numeric:tabular-nums}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.panel{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3)}.panel-title{font-size:var(--fs-xs);font-weight:var(--fw-strong);color:var(--text-muted);letter-spacing:.06em;margin-bottom:2px}.field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s2);font-size:var(--fs)}.field .input{width:100%;min-width:0}.muted{color:var(--text-muted);font-size:var(--fs-sm)}.banner{padding:var(--s2) var(--s3);font-size:var(--fs);border-bottom:1px solid var(--border)}.banner--error{background:var(--danger-weak);color:var(--danger);border-color:#d6454540}.banner--info{background:var(--accent-weak);color:var(--accent);border-color:#05499a2e}.banner--warn{background:var(--highlight-weak);color:#7a5a00;border-color:#fbaf1659}.context-menu{position:fixed;z-index:41;min-width:140px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);box-shadow:var(--shadow-2);padding:var(--s1);font-size:var(--fs)}.context-menu__item{padding:6px var(--s3);cursor:pointer;white-space:nowrap;color:var(--text);border-radius:var(--r1)}.context-menu__item:hover{background:var(--accent-weak);color:var(--accent)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--overlay);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{background:var(--panel);border-radius:var(--r2);box-shadow:var(--shadow-2);border:1px solid var(--border);padding:var(--s5);min-width:380px;max-height:82vh;overflow-y:auto}.dialog__title{margin:0 0 var(--s3);font-size:var(--fs-lg);font-weight:var(--fw-strong);color:var(--text)}.dialog__row{display:flex;align-items:center;gap:var(--s2);margin:var(--s2) 0}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s4)}.dialog .btn{border-color:var(--border-strong)}.dialog .btn--primary{border-color:var(--accent)}.acts-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.acts-table th{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.04em;border-bottom:1px solid var(--border)}.acts-table th,.acts-table td{padding:4px 6px;text-align:left;font-size:var(--fs-sm)}.acts-table tr+tr td{border-top:1px solid var(--border)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font);font-size:var(--fs);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-grid{display:grid;grid-template-columns:190px 5px 1fr 5px 240px;grid-template-rows:auto auto 1fr auto;height:100vh}.headerbar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--s2);padding:6px var(--s3);background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 1px 2px #1018260a;position:relative;z-index:10}.wordmark{font-weight:700;color:var(--accent);font-size:var(--fs-lg);letter-spacing:.01em;padding-right:var(--s2)}.project-name{font-size:var(--fs-sm);color:var(--text-muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:2px;margin-left:var(--s2)}.header-right{margin-left:auto;display:flex;align-items:center;gap:2px}.header-sep{width:1px;height:18px;background:var(--border);margin:0 var(--s2)}.banner-slot{grid-column:1 / -1}.col-left{grid-column:1;grid-row:3 / 5;border-right:1px solid var(--border);overflow-y:auto;background:var(--panel);display:flex;flex-direction:column}.col-right{grid-column:5;grid-row:3 / 5;border-left:1px solid var(--border);overflow-y:auto;background:var(--panel)}.pane-splitter{grid-row:3 / 5;cursor:col-resize;background:var(--bg);transition:background var(--tr);touch-action:none;position:relative}.pane-splitter--left{grid-column:2}.pane-splitter--right{grid-column:4}.pane-splitter:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:1px;background:transparent;transition:background var(--tr)}.pane-splitter:hover,.pane-splitter:active{background:var(--accent-weak)}.pane-splitter:hover:after,.pane-splitter:active:after{background:var(--accent)}.tool-section{padding:var(--s3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s2)}.canvas-cell{grid-column:3;grid-row:3;overflow:hidden;background:var(--canvas)}.timeline-cell{grid-column:3;grid-row:4;border-top:1px solid var(--border);background:var(--panel)}.timeline{padding:var(--s2) var(--s3);display:flex;gap:var(--s3);align-items:center}.timeline__date{min-width:96px;text-align:center;font-weight:var(--fw-strong);font-variant-numeric:tabular-nums;color:var(--text);background:var(--highlight-weak);border:1px solid var(--highlight);border-radius:var(--r1);padding:3px var(--s2)}.timeline-range{flex:1;accent-color:var(--accent)}.restore-banner{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--accent-weak);color:var(--accent);font-size:var(--fs);border-bottom:1px solid rgba(5,73,154,.18)}.restore-banner__actions{margin-left:auto;display:flex;gap:var(--s2)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--s2);margin-top:var(--s1)}.palette-tile{position:relative;aspect-ratio:1;width:100%;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);cursor:grab;transition:background var(--tr),border-color var(--tr),color var(--tr),box-shadow var(--tr),transform var(--tr)}.palette-tile:hover{background:var(--panel);color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.palette-tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.palette-tile:active{cursor:grabbing;transform:none}.palette-tile.is-active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);box-shadow:none;transform:none}.palette-tile:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none;background:var(--panel);color:var(--text);border-color:var(--border)}.palette-tile__fallback{font-size:var(--fs);font-weight:var(--fw-strong)}.palette-tile:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 5px);transform:translate(-50%) translateY(2px);background:var(--tooltip-bg);color:#fff;font-size:var(--fs-sm);font-weight:500;line-height:1;white-space:nowrap;padding:5px 8px;border-radius:var(--r1);box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transition:opacity var(--tr),transform var(--tr);z-index:40}.palette-tile:hover:after,.palette-tile:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.gantt-track{position:relative;height:10px;min-width:100px;background:var(--panel-2);border:1px solid var(--border);border-radius:5px;overflow:hidden}.gantt-bar{position:absolute;top:1px;bottom:1px;background:var(--accent);border-radius:4px;opacity:.85}.target-picker{position:relative}.target-picker>summary{list-style:none;cursor:pointer;font-size:var(--fs-sm)}.target-picker>summary::-webkit-details-marker{display:none}.target-picker__list{position:absolute;z-index:30;right:0;margin-top:2px;min-width:160px;max-height:180px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r1);box-shadow:var(--shadow-2);padding:var(--s1) var(--s2);display:flex;flex-direction:column;gap:2px}.target-picker__item{display:flex;align-items:center;gap:var(--s1);font-size:var(--fs-sm);white-space:nowrap}.profile-section{margin-bottom:16px}.profile-field{margin:8px 0}.profile-field__label{display:block;font-size:13px;margin-bottom:2px}.profile-field__hint{font-size:12px;margin-top:2px;color:var(--text-muted)}.profile-badge{font-size:12px;color:#8a6d00;background:var(--highlight-weak);border-radius:4px;padding:2px 6px;margin-top:4px;display:inline-block}.auth-page{display:flex;flex-direction:column;align-items:center;gap:var(--s5);padding:var(--s5);min-height:100vh;background:var(--bg)}.auth-card{display:flex;flex-direction:column;gap:var(--s3);background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);max-width:560px;width:100%;box-shadow:var(--shadow-1)}.auth-tabs{display:flex;gap:var(--s2);border-bottom:1px solid var(--border);padding-bottom:var(--s2);margin-bottom:var(--s2)}.auth-tabs .btn{border:none;background:transparent}.auth-msg{padding:var(--s3);border-radius:var(--r1);background:var(--accent-weak);color:var(--accent);font-size:var(--fs-sm);margin:0}.auth-card label{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--fs)}.auth-card label input{padding:var(--s2);border:1px solid var(--border-strong);border-radius:var(--r1);background:var(--panel);color:var(--text);font-size:var(--fs)}.auth-card label input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.auth-card .btn{width:100%}.privacy-table{background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);max-width:560px;width:100%}.privacy-table table{width:100%;border-collapse:collapse;margin-top:var(--s3)}.privacy-table table th{background:var(--panel-2);border:1px solid var(--border);padding:var(--s2);text-align:left;font-weight:var(--fw-strong);font-size:var(--fs-sm);color:var(--text)}.privacy-table table td{border:1px solid var(--border);padding:var(--s2);font-size:var(--fs-sm);color:var(--text)}.consent-dialog{max-width:560px;overflow-y:auto}.consent-dialog ul{margin:var(--s3) 0 var(--s3) var(--s5);padding:0;list-style:disc}.consent-dialog li{margin-bottom:var(--s2);font-size:var(--fs-sm);color:var(--text)}.plan-list{display:flex;flex-direction:column;height:100vh}.plan-list__body{flex:1;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);align-items:center;background:var(--bg);overflow-y:auto}.plan-list__body>*{width:100%;max-width:720px}.plan-list__body table{width:100%;border-collapse:collapse}.plan-list__body table th{background:var(--panel-2);border:1px solid var(--border);padding:var(--s2);text-align:left;font-weight:var(--fw-strong);font-size:var(--fs-sm);color:var(--text)}.plan-list__body table td{border:1px solid var(--border);padding:var(--s2);font-size:var(--fs);color:var(--text)}.plan-list__body table td:last-child{text-align:right;display:flex;justify-content:flex-end;gap:var(--s1)}.btn--link{background:transparent!important;border:none;color:var(--accent);text-decoration:underline;padding:0 0 1px}.btn--link:hover{background:transparent!important;color:var(--accent)}.btn--link:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.landing{--l-fs: 15px;--l-fs-lg: 17px;--l-max: 1080px;min-height:100vh;background:var(--bg);color:var(--text);font-size:var(--l-fs);line-height:1.62;overflow-x:hidden}.landing h1,.landing h2,.landing h3{margin:0;line-height:1.28;letter-spacing:-.01em}.landing p{margin:0}.landing .btn--lg{font-size:var(--l-fs);padding:10px var(--s5)}.landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);background:var(--panel);border-bottom:1px solid var(--border)}.landing-nav .wordmark{font-size:var(--l-fs-lg)}.landing-nav__actions{margin-left:auto;display:flex;gap:var(--s2);flex-wrap:wrap}.landing-hero{max-width:var(--l-max);margin:0 auto;padding:var(--s5) var(--s5) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--s5);align-items:center}.landing-hero__text{display:flex;flex-direction:column;gap:var(--s4)}.landing-hero h1{font-size:34px;font-weight:700}.landing-lede{font-size:var(--l-fs-lg);color:var(--text-muted);max-width:52ch}.landing-cta{display:flex;gap:var(--s3);flex-wrap:wrap}.landing-cta .btn{width:auto}.landing-art,.landing-step-art,.landing-feature-art{display:block;width:100%;height:auto;max-width:100%}.landing-mark{flex:0 0 auto;width:20px;height:20px;margin-top:2px}.landing-section{max-width:var(--l-max);margin:0 auto;padding:calc(var(--s5) * 2) var(--s5) 0;display:flex;flex-direction:column;gap:var(--s5)}.landing-section>h2{font-size:24px;font-weight:700}.landing-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.landing-contrast__col{background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);box-shadow:var(--shadow-1)}.landing-contrast__col--after{border-color:var(--accent);box-shadow:var(--shadow-lift)}.landing-contrast__head{font-size:var(--fs-xs);font-weight:var(--fw-strong);letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--s3)}.landing-contrast__col--after .landing-contrast__head{color:var(--accent)}.landing-contrast ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s3)}.landing-contrast li{display:flex;gap:var(--s2);align-items:flex-start}.landing-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}.landing-step{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2);box-shadow:var(--shadow-1)}.landing-step__no{width:26px;height:26px;border-radius:999px;background:var(--accent);color:var(--text-on-accent);font-weight:var(--fw-strong);font-size:var(--fs);display:flex;align-items:center;justify-content:center}.landing-step h3{font-size:var(--l-fs-lg)}.landing-step p{color:var(--text-muted)}.landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}.landing-feature{background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);box-shadow:var(--shadow-1);transition:box-shadow var(--tr),transform var(--tr)}.landing-feature:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.landing-feature h3{font-size:var(--l-fs)}.landing-feature p{color:var(--text-muted);font-size:var(--fs)}.landing-section--privacy .privacy-table{max-width:none}.landing-closing{align-items:center;text-align:center}.landing-footer{max-width:var(--l-max);margin:calc(var(--s5) * 2) auto 0;padding:var(--s5);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm);text-align:center}@media (max-width: 900px){.landing-hero{grid-template-columns:minmax(0,1fr);padding-top:var(--s4)}.landing-hero h1{font-size:27px}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-steps{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.landing-nav{padding:var(--s3)}.landing-hero,.landing-section{padding-left:var(--s3);padding-right:var(--s3)}.landing-contrast,.landing-features{grid-template-columns:minmax(0,1fr)}.landing-hero h1{font-size:23px}.landing-cta .btn{width:100%;justify-content:center}}