:root{color:#17332d;font-synthesis:none;--green-900:#0b4f42;--green-700:#176b55;--green-100:#dff1e9;--ink:#17332d;--muted:#6b7f79;--line:#dce5e1;--surface:#fff;--danger:#bd3c3c;background:#f3f6f3;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f6f3;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfb;border-radius:14px;outline:none;padding:14px 15px}input:focus,textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #176b551f}textarea{resize:vertical;min-height:88px}label{color:#3d5650;gap:7px;font-size:14px;font-weight:700;display:grid}h1,h2,h3,p{margin-top:0}.app-shell{background:#f8faf8;max-width:680px;min-height:100vh;margin:0 auto}.pull-refresh{--pull-distance:0px;top:env(safe-area-inset-top);z-index:45;color:var(--green-700);opacity:0;transform:translate(-50%, calc(-45px + var(--pull-distance)));pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:900;transition:opacity .15s,transform .18s;display:flex;position:fixed;left:50%;box-shadow:0 7px 22px #143f342b}.pull-refresh.is-visible{opacity:1;transition:opacity .1s}.pull-refresh i{border:2px solid #b7cec6;border-top-color:var(--green-700);border-radius:50%;width:13px;height:13px;transition:transform .16s;transform:rotate(45deg)}.pull-refresh.is-ready i{transform:rotate(180deg)}.pull-refresh.is-ready{color:#fff;background:var(--green-900)}.pull-refresh.is-ready i{border-color:#fff #ffffff73 #ffffff73}.pull-refresh.is-refreshing i{animation:.7s linear infinite pull-spin}@keyframes pull-spin{to{transform:rotate(360deg)}}.topbar{z-index:20;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8faf8f0;border-bottom:1px solid #dce5e1cc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--green-900);color:#fff;border-radius:11px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.sync-status{color:var(--green-700);background:#e8f2ee;border:0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.sync-status i{background:#21a179;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.content{padding:16px 16px calc(94px + env(safe-area-inset-bottom))}.view{display:none}.view.is-active{display:block}.hero{color:#fff;background:linear-gradient(145deg,#0b4f42,#177761);border-radius:24px;padding:25px 22px 21px;box-shadow:0 15px 35px #0b4f422e}.hero h1{letter-spacing:-.04em;margin-bottom:7px;font-size:29px}.hero>p:not(.eyebrow){color:#d9eee8;margin-bottom:22px}.eyebrow{color:#87a59d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:900}.hero .eyebrow{color:#a9d9cb}.progress-row{color:#d9eee8;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.progress-track{background:#ffffff2e;border-radius:999px;height:6px;overflow:hidden}.progress-track i{border-radius:inherit;background:#d8ffef;height:100%;display:block}.section-heading{justify-content:space-between;align-items:center;margin:27px 3px 12px;display:flex}.section-heading h2{margin:0;font-size:18px}.section-heading span{text-align:center;min-width:27px;color:var(--muted);background:#e8eeeb;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.task-list,.training-list{gap:11px;display:grid}.task-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:38px 1fr;gap:12px;padding:17px 16px;display:grid;position:relative;box-shadow:0 4px 14px #1f443a0a}.task-card:before{content:"";background:#397a9b;border-radius:20px 0 0 20px;width:5px;position:absolute;inset:0 auto 0 0}.tone-purple:before{background:#7657a5}.tone-amber:before{background:#c88b2e}.tone-green:before{background:#2c8d64}.task-check{color:#fff;background:#fff;border:2px solid #b7c9c3;border-radius:11px;width:32px;height:32px;padding:0}.task-check span{place-items:center;width:100%;height:100%;display:grid}.is-complete .task-check{border-color:var(--green-700);background:var(--green-700)}.task-card.is-complete{opacity:.66}.task-card.is-complete h3{text-decoration:line-through}.task-card.is-overdue{border-color:#efc5c5}.task-meta{color:var(--muted);align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:800;display:flex}.task-dday{color:#31584e;background:#edf3f0;border-radius:7px;padding:3px 7px}.task-content h3{margin-bottom:5px;font-size:16px}.training-link,.adjustment,.completion{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.55}.adjustment{color:#8c611a;background:#fff7e6;border-radius:10px;margin-top:7px;padding:8px 10px}.completion{color:var(--green-700);margin-top:6px;font-weight:700}.empty-state{text-align:center;color:var(--muted);border:1px dashed #cbd8d3;border-radius:20px;padding:32px 18px}.empty-state h3{color:#466059;margin:8px 0 4px;font-size:16px}.empty-state p{margin:0;font-size:13px}.empty-icon{background:var(--green-100);width:38px;height:38px;color:var(--green-700);border-radius:50%;place-items:center;margin:auto;font-weight:900;display:grid}.page-title{justify-content:space-between;align-items:flex-end;margin:9px 3px 18px;display:flex}.page-title h1{letter-spacing:-.04em;margin:0;font-size:29px}.primary,.secondary{border:0;border-radius:14px;padding:14px 17px;font-weight:900}.primary{background:var(--green-900);color:#fff;box-shadow:0 8px 18px #0b4f4229}.secondary{color:var(--green-700);background:#fff;border:1px solid #c9d9d3}.primary.small{padding:11px 13px;font-size:13px}.training-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:19px 17px}.training-card-top{justify-content:space-between;gap:12px;display:flex}.training-card-actions{align-items:center;gap:7px;display:flex}.edit-button{height:36px;color:var(--green-700);background:#fff;border:1px solid #c9d9d3;border-radius:12px;padding:0 11px;font-size:12px;font-weight:900}.training-card-top p{color:var(--green-700);margin-bottom:4px;font-size:12px;font-weight:800}.training-card-top h3{margin-bottom:0;font-size:18px}.icon-button{color:#577069;background:#eef2f0;border:0;border-radius:12px;width:36px;height:36px;padding:0;font-size:22px}.icon-button.danger{color:var(--danger)}.notes{color:var(--muted);background:#f5f7f6;border-radius:12px;margin:11px 0;padding:10px 12px;font-size:13px}.training-progress{background:#edf2ef;border-radius:9px;height:24px;margin:14px 0;position:relative;overflow:hidden}.training-progress i{background:#cde9de;height:100%;display:block}.training-progress span{place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;inset:0}.mini-timeline{display:grid}.mini-task{text-align:left;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:18px 1fr;gap:8px;padding:9px 0;display:grid}.mini-task:last-child{border-bottom:0}.mini-task.is-complete{color:#8ba098}.mini-dot{border:2px solid #8ba89f;border-radius:50%;width:10px;height:10px;margin:4px}.mini-task.is-complete .mini-dot{border-color:var(--green-700);background:var(--green-700)}.mini-task b,.mini-task small{display:block}.mini-task b{font-size:13px}.mini-task small{color:var(--muted);margin-top:3px;font-size:11px}.settings-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:13px;margin-bottom:13px;padding:18px 16px;display:grid}.settings-card h2{margin-bottom:0;font-size:17px}.settings-card>p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.55}.settings-card .device-reference{background:#f1f5f3;border-radius:10px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.inline-form{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inline-form button{grid-column:1/-1}.holiday-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.holiday-list li{background:#f5f7f6;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.holiday-list b,.holiday-list small{display:block}.holiday-list b{font-size:13px}.holiday-list small{color:var(--muted);margin-top:3px;font-size:11px}.text-danger{color:var(--danger);background:0 0;border:0;font-size:12px;font-weight:800}.muted{color:var(--muted);font-size:13px}.rule-card>div{grid-template-columns:50px 1fr;align-items:center;gap:8px;display:grid}.rule-card>div b{color:var(--green-700)}.rule-card>div span{font-size:13px}.notice{background:#fff6df;border-radius:12px;padding:11px;color:#775714!important}.calendar-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:13px 10px 10px}.calendar-toolbar{grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:9px;display:grid}.calendar-toolbar h2{text-align:center;margin:0;font-size:18px}.calendar-toolbar button{height:38px;color:var(--green-700);background:#eef4f1;border:0;border-radius:12px;font-size:24px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{text-align:center;color:var(--muted);padding:7px 0;font-size:11px;font-weight:800}.calendar-weekdays span:first-child{color:#bd3c3c}.calendar-day{min-width:0;height:69px;color:var(--ink);text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;padding:7px 3px 5px;position:relative;overflow:hidden}.calendar-day>span{font-size:13px;font-weight:800;display:block}.calendar-day>small{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;line-height:1.15;display:block;overflow:hidden}.calendar-day.manual-workday{color:var(--green-700);background:#e8f6ef}.calendar-day.manual-workday>small{color:var(--green-700);font-weight:900}.calendar-day.outside{opacity:.32}.calendar-day.today{color:var(--green-700);background:#edf6f2}.calendar-day.selected{border-color:var(--green-700);box-shadow:inset 0 0 0 1px var(--green-700)}.calendar-dots{justify-content:center;gap:3px;display:flex;position:absolute;bottom:6px;left:3px;right:3px}.calendar-dots b{background:#397a9b;border-radius:50%;width:5px;height:5px}.calendar-dots b.tone-purple{background:#7657a5}.calendar-dots b.tone-amber{background:#c88b2e}.calendar-dots b.tone-green{background:#2c8d64}.selected-date-heading{justify-content:space-between;align-items:flex-end;margin:22px 3px 12px;display:flex}.selected-date-heading h2{margin:0;font-size:19px}.selected-date-heading>span{color:var(--muted);background:#e8eeeb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.holiday-badges{flex-wrap:wrap;gap:7px;margin:-3px 0 11px;display:flex}.holiday-badges span{color:var(--danger);background:#fff0f0;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.workday-badges{flex-wrap:wrap;gap:7px;margin:-3px 0 11px;display:flex}.workday-badges span{color:var(--green-700);background:#e5f5ed;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.bottom-nav{z-index:30;max-width:680px;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#83958f;background:0 0;border:0;font-size:12px;font-weight:800}.bottom-nav button.is-active{color:var(--green-700)}.bottom-nav button.is-active:before{content:"";background:var(--green-700);border-radius:999px;width:24px;height:3px;margin:0 auto 7px;display:block}dialog{background:#fff;border:0;border-radius:25px 25px 0 0;width:min(100% - 18px,620px);max-height:92vh;margin:auto auto 0;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c201b80}dialog form{padding:9px 20px calc(24px + env(safe-area-inset-bottom));gap:15px;display:grid}.dialog-handle{background:#d5dedb;border-radius:999px;width:44px;height:5px;margin:0 auto 6px}.dialog-title{justify-content:space-between;align-items:center;display:flex}.dialog-title h2{margin:0}.dialog-notice{color:#775714;background:#fff6df;border-radius:11px;margin:-3px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.connect-screen{max-width:520px;min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#f8fbf9,#eef5f1);flex-direction:column;justify-content:center;margin:auto;display:flex}.connect-screen h1{letter-spacing:-.06em;margin-bottom:13px;font-size:clamp(31px,9vw,45px);line-height:1.13}.connect-screen .lead{color:var(--muted);line-height:1.65}.connect-visual{gap:9px;margin-bottom:28px;display:flex}.connect-visual span{color:#fff;background:var(--green-900);border-radius:18px;place-items:center;width:58px;height:68px;font-size:22px;font-weight:900;display:grid;box-shadow:0 12px 25px #0b4f4226}.connect-visual span:nth-child(2){background:#497f70;transform:translateY(8px)}.connect-visual span:nth-child(3){background:#87aa9f;transform:translateY(16px)}.connect-form{gap:13px;margin-top:16px;display:grid}.security-note{color:#7a8e87;text-align:center;margin:17px 0 0;font-size:11px;line-height:1.5}.form-error{color:var(--danger);background:#ffeded;border-radius:12px;margin:0;padding:10px 12px;font-size:12px}#toast{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:100;color:#fff;opacity:0;pointer-events:none;background:#17332d;border-radius:13px;width:max-content;max-width:calc(100% - 32px);padding:12px 15px;font-size:13px;font-weight:800;transition:all .2s;position:fixed;transform:translate(-50%,15px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{background:var(--danger)}@media (width>=600px){.content{padding-inline:25px}.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}