:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#172b3c;background:#f1f4f7;font-size:16px;line-height:1.55;--navy:#10283e;--gold:#d8b76c;--line:#dce3e9;--muted:#536b7e;--red:#a43434}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,input,select{min-height:46px}button{border:1px solid var(--line);border-radius:10px;padding:9px 15px;background:#fff;color:var(--navy);font-weight:650;cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #558bb0;outline-offset:2px}input,textarea,select{width:100%;min-width:0;border:1px solid #b5c3ce;border-radius:9px;padding:10px;background:#fff;color:#172b3c}textarea{min-height:100px;resize:vertical}h1,h2,h3,p{margin:0}h1{font-size:1.45rem;letter-spacing:-.04em}h2{font-size:1.35rem;line-height:1.35}h3{font-size:1rem}small,.muted{color:var(--muted);font-size:.875rem}.brand{display:flex;align-items:center;gap:13px}.brand img{width:46px;height:46px;border-radius:10px}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--gold);font-weight:700}.top{background:var(--navy);color:#fff;padding:calc(20px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.top button{background:#233e53;color:#fff;border-color:#536476}.statusbar{background:#e8eef3;padding:10px 22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.875rem;border-bottom:1px solid var(--line)}.statusbar strong{font-weight:600}.sync-label{color:#526373}.problem{color:var(--red)!important}.actions{padding:16px 22px;display:flex;flex-wrap:wrap;gap:8px;background:#fff;border-bottom:1px solid var(--line)}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.gold{background:var(--gold);color:#172b3c;border-color:var(--gold)}.danger{color:var(--red)}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1440px;margin:0 auto;min-height:calc(100dvh - 235px)}.sidebar{border-right:1px solid var(--line);padding:24px 18px;background:#f7f9fb}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head select{width:auto;max-width:155px;font-size:.875rem}.count{background:#e5ebf0;border-radius:20px;padding:2px 9px;font-size:.875rem}.event{display:block;width:100%;text-align:left;margin-bottom:9px;padding:15px;background:#fff;border-color:transparent;box-shadow:0 1px 3px #10283e08}.event.active{border-color:#ac9258;background:#fffcf3;box-shadow:inset 4px 0 var(--gold)}.event-title{display:block;font-size:1rem;overflow-wrap:anywhere}.event-meta{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:.875rem;color:var(--muted)}.event progress{height:4px;margin:12px 0 0}.detail{padding:30px;min-width:0}.detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.detail h2{overflow-wrap:anywhere}.tag{display:inline-block;padding:3px 9px;border-radius:6px;background:#e4ebf1;color:#435b6d;font-size:.875rem;margin-bottom:8px}.summary{display:flex;gap:20px;align-items:center;margin:24px 0 12px}.summary strong{font-size:1.8rem;color:var(--navy);line-height:1}.summary .percent{margin-left:auto;font-size:1rem}.summary span{font-size:.875rem;color:var(--muted);display:block}progress{display:block;appearance:none;border:none;background:#dfe6ed;border-radius:10px;width:100%;height:7px;overflow:hidden}progress::-webkit-progress-bar{background:#dfe6ed}progress::-webkit-progress-value{background:#b99950;border-radius:10px}progress::-moz-progress-bar{background:#b99950}.tools{margin:24px 0 20px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.filters button{font-size:.875rem;padding:7px 13px;min-height:42px;background:transparent;border-color:transparent}.filters button.active{background:var(--navy);color:#fff}.task{display:flex;gap:13px;align-items:flex-start;padding:19px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.check{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.check input{appearance:none;width:27px;height:27px;min-height:0;padding:0;border:2px solid #98aabb;border-radius:7px;cursor:pointer}.check input:checked{background:var(--navy);border-color:var(--navy)}.check input:checked:after{content:'✓';display:block;text-align:center;color:#fff;line-height:23px;font-size:21px}.task-body{flex:1;min-width:0;padding-top:7px;overflow-wrap:anywhere}.task-name{font-weight:650}.task.done .task-name{color:#6b7a87;text-decoration:line-through}.note{color:var(--muted);font-size:.9375rem;white-space:pre-wrap;margin-top:5px}.due{display:inline-block;font-size:.875rem;color:#536b7e;margin-top:8px}.due.overdue{color:var(--red)}.task-actions{display:flex;gap:5px;flex-wrap:wrap;max-width:110px}.task-actions button{font-size:.875rem;padding:7px 10px}.empty{text-align:center;padding:50px 18px;color:var(--muted)}.empty-symbol{color:#b29556;font-size:2rem;margin-bottom:16px}.empty p{margin:12px auto 22px;max-width:340px}.warning{margin:14px 22px;padding:16px;border:1px solid #dfb7a6;background:#fff2eb;border-radius:10px}.warning button{margin-top:10px;margin-right:8px}.mobile-back{display:none}.boot{padding:40px}dialog{border:0;border-radius:18px;padding:0;width:min(620px,calc(100% - 24px));max-height:90dvh;color:#172b3c;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#06132299}dialog header{padding:23px 24px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}dialog .content{padding:23px 24px}dialog label{display:block;font-size:.9375rem;font-weight:650;margin:0 0 18px}dialog label input,dialog label select,dialog label textarea{display:block;margin-top:7px;font-weight:400}dialog footer{padding:16px 24px;display:flex;gap:9px;justify-content:flex-end;border-top:1px solid var(--line);flex-wrap:wrap}dialog .info{font-size:.9375rem;color:var(--muted);margin:0 0 20px}dialog .row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}dialog .row .grow{flex:1;min-width:120px;overflow-wrap:anywhere}dialog .box{padding:16px;background:#f0f4f7;border-radius:10px;margin:15px 0}dialog .box h3{margin-bottom:9px}dialog .box p{margin:8px 0}dialog ul,dialog ol{padding-left:23px}dialog li{margin:10px 0}dialog .error{color:var(--red);margin:0 24px 16px}#toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:10px;padding:12px 20px;max-width:90%;z-index:10;display:none}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.875rem}.compare section{background:#eff3f6;padding:13px;border-radius:10px}.conflict-title{margin-bottom:15px}.settings-line{border-bottom:1px solid var(--line);padding:15px 0}.settings-line h3{margin-bottom:8px}a{color:#315f80}body.modal-open{overflow:hidden}@media(max-width:740px){.top{padding:calc(15px + env(safe-area-inset-top)) 16px 15px}.top h1{font-size:1.2rem}.statusbar{padding:9px 16px;gap:5px 14px}.actions{padding:12px 16px;gap:7px}.actions>button{flex:1}.actions .secondary-action{display:none}.workspace{display:block}.sidebar{border:0;padding:20px 16px}.detail{padding:20px 16px calc(40px + env(safe-area-inset-bottom))}.workspace.selected .sidebar{display:none}.workspace:not(.selected) .detail{display:none}.mobile-back{display:inline-block;margin-bottom:18px}.task{padding:14px 10px;gap:7px}.task-actions{max-width:55px}.task-actions button{padding:8px;font-size:.8125rem}.detail-heading{gap:10px}.summary{gap:18px}dialog header,dialog .content,dialog footer{padding:18px}.compare{grid-template-columns:1fr}.section-head select{max-width:160px}.warning{margin:12px 16px}}@media(min-width:741px){.mobile-only{display:none}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:enter .15s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
:root{word-break:keep-all}button{word-break:keep-all}@media(max-width:740px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.actions{position:fixed;bottom:0;left:0;right:0;z-index:4;padding:12px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #10283e0c;border-top:1px solid var(--line)}.actions>.primary,.actions>.gold{font-size:.875rem;white-space:nowrap;padding:12px 10px;min-height:52px}.actions>.mobile-only{flex:0 0 auto;font-size:.875rem;padding:10px;min-height:52px}.detail{padding-bottom:24px}#toast{bottom:calc(98px + env(safe-area-inset-bottom))}}
