:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#a8c8ff;--md-sys-color-on-primary:#0f2a4a;--md-sys-color-secondary-container:#36475e;--md-sys-color-on-secondary-container:#d7e3f7;--md-sys-color-surface:#111418;--md-sys-color-surface-container-low:#1b2026;--md-sys-color-surface-container:#20262d;--md-sys-color-on-surface:#e8eaed;--md-sys-color-on-surface-variant:#9aa0a6;--md-sys-color-outline-variant:#2a3038;--md-sys-color-error:#f28b82;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-full:9999px;--state-hover:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);--top-bar-height:64px;--bottom-nav-height:80px;--content-max-width:720px;word-break:keep-all;overflow-wrap:break-word;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#1f3a5f;--md-sys-color-on-primary:#fff;--md-sys-color-secondary-container:#d7e3f7;--md-sys-color-on-secondary-container:#101c2b;--md-sys-color-surface:#fff;--md-sys-color-surface-container-low:#f5f6f8;--md-sys-color-surface-container:#eff1f4;--md-sys-color-on-surface:#1a1c1e;--md-sys-color-on-surface-variant:#5b6068;--md-sys-color-outline-variant:#e1e3e8;--md-sys-color-error:#b91c1c}*{box-sizing:border-box}body{margin:0}.page{max-width:640px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:0 0 8px;font-size:1.4rem}h2{margin:0 0 8px;font-size:1.05rem}.muted{color:var(--md-sys-color-on-surface-variant)}.small{font-size:.85rem}.error{color:var(--md-sys-color-error)}.center{text-align:center;margin-top:30vh}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.button{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;border:none;padding:8px 14px;font-size:.95rem;text-decoration:none;display:inline-block}.button:disabled{opacity:.5;cursor:default}.button.secondary{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant)}.spinner{vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.9em;height:.9em;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status-line{flex-basis:100%;order:1;margin:0}.button.kakao{color:#191919;background:#fee500;padding:12px 20px;font-weight:600}.login{text-align:center;margin-top:20vh}.index{text-align:center;max-width:560px;margin-top:12vh}.index-title{margin-bottom:4px;font-size:2.4rem}.index-lead{margin:0 0 12px;font-size:1.15rem;font-weight:600}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 28px;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);padding:4px 12px;font-size:.9rem}.index .button.kakao{margin-bottom:12px}.card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);margin:12px 0;padding:14px 16px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.section-head h2{margin:0}.items{margin:0;padding:0;list-style:none}.items li{border-top:1px solid var(--md-sys-color-outline-variant);padding:8px 0}.items li:first-child{border-top:none}.items a{color:var(--md-sys-color-on-surface);font-weight:500}.summary{margin:4px 0 0;font-size:.9rem}.items p.small{margin:2px 0 0}.weather p{margin:2px 0}.weather .sky{font-size:1.3rem;font-weight:600}.settings{flex-direction:column;gap:14px;display:flex}.settings fieldset{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:10px 12px}.settings label{flex-direction:column;gap:4px;display:flex}.settings label.check{flex-direction:row;align-items:center;gap:8px;padding:4px 0}.settings select{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:8px;padding:8px;font-size:1rem}.center-actions{justify-content:center;margin-top:16px}.user-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-row .button{white-space:nowrap;flex-shrink:0}.user-row p.small{margin:2px 0 0}.status-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.cause{overflow-wrap:anywhere}.badge{border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;padding:1px 6px;font-size:.75rem;display:inline-block}.badge.success{color:var(--md-sys-color-on-surface-variant)}.badge.failed,.badge.interrupted{color:var(--md-sys-color-error);border-color:var(--md-sys-color-error);font-weight:600}.badge.running{color:var(--md-sys-color-on-surface)}.item-badge{vertical-align:1px;margin-right:6px}.restart{margin-top:6px}.restart p{margin:4px 0 0}.icon{fill:currentColor;flex-shrink:0;width:24px;height:24px}.icon-button{border-radius:var(--md-sys-shape-corner-full);width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.icon-button:hover{background:var(--state-hover)}.icon-button:disabled{opacity:.5;cursor:default}.top-bar{z-index:10;height:calc(var(--top-bar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:4px;display:flex;position:sticky;top:0}.brand{color:var(--md-sys-color-on-surface);padding:0 8px;font-size:1.25rem;font-weight:700;text-decoration:none}.top-menu{gap:4px;margin-left:12px;display:flex}.top-item,.side-item,.bottom-item{color:var(--md-sys-color-on-surface-variant);font-weight:500;text-decoration:none}.top-item{border-radius:var(--md-sys-shape-corner-full);padding:8px 16px}.top-item:hover,.side-item:hover .indicator,.side-nav:not(.rail) .side-item:hover{background:var(--state-hover)}.top-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.spacer{flex:1}.user-name{white-space:nowrap;margin-right:4px}.shell-body{display:flex}.side-bar{top:calc(var(--top-bar-height) + env(safe-area-inset-top));height:calc(100dvh - var(--top-bar-height) - env(safe-area-inset-top));padding-left:env(safe-area-inset-left);flex-shrink:0;position:sticky;overflow-y:auto}.shell-main{flex:1;min-width:0}.shell-main .page{max-width:var(--content-max-width);padding-top:16px}.notice{width:calc(100% - 32px);max-width:calc(var(--content-max-width) - 32px);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);margin:12px auto 0;padding:10px 16px}.notice.error{color:var(--md-sys-color-error)}.side-nav ul{margin:0;padding:12px;list-style:none}.side-nav:not(.rail){width:280px}.side-item{border-radius:var(--md-sys-shape-corner-full);align-items:center;gap:12px;min-height:56px;padding:0 16px;display:flex}.side-nav:not(.rail) .side-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.side-nav:not(.rail) .indicator{display:contents}.side-nav.rail{width:88px}.side-nav.rail ul{padding:12px 4px}.side-nav.rail .side-item{text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:6px 0;font-size:.75rem}.indicator{border-radius:var(--md-sys-shape-corner-full);place-items:center;width:56px;height:32px;display:grid}.side-nav.rail .side-item.active .indicator,.bottom-item.active .indicator{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.side-nav.rail .side-item.active,.bottom-item.active{color:var(--md-sys-color-on-surface)}.drawer{border-radius:0 var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0;background:var(--md-sys-color-surface-container-low);width:min(320px,85vw);max-width:none;height:100dvh;max-height:none;color:var(--md-sys-color-on-surface);border:none;margin:0;padding:0}.drawer[open]{animation:.2s ease-out drawer-in}.drawer-content{height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-y:auto}.drawer::backdrop{background:#00000052}.drawer .side-nav:not(.rail){width:auto}.drawer-head{height:var(--top-bar-height);justify-content:space-between;align-items:center;padding:0 8px 0 12px;display:flex}@keyframes drawer-in{0%{transform:translate(-100%)}}body:has(dialog[open]){overflow:hidden}.bottom-nav{z-index:10;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:12px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--md-sys-color-surface-container);display:flex;position:fixed;inset:auto 0 0}.bottom-item{flex-direction:column;flex:1;align-items:center;gap:4px;font-size:.75rem;display:flex}@media (width<=839.98px){.user-name{display:none}}@media (width<=599.98px){.top-menu{display:none}.shell-main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}.side-bar{flex-direction:column;display:flex}.side-bar .side-nav{flex:1}.theme-toggle{padding:8px 20px 16px}.side-bar.rail .theme-toggle{justify-content:center;padding:8px 0 16px;display:flex}.drawer-content{flex-direction:column;display:flex}.drawer-content .side-nav{flex:1}.side-row{align-items:center;display:flex}.side-row .side-item{flex:1;min-width:0}.sub-toggle{width:40px;height:40px}.sub-toggle .icon{transition:transform .15s}.sub-toggle.open .icon{transform:rotate(180deg)}.sub-nav{margin:0;padding:0 0 4px;list-style:none}.side-nav .sub-item{min-height:40px;padding-left:52px;font-size:.9rem;font-weight:400}.side-nav:not(.rail) .sub-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.section-head h2 a{color:inherit;text-decoration:none}.section-head h2 a:hover{text-decoration:underline}.button.expand{width:100%;margin-top:8px}.order-list{margin:0;padding:0;list-style:none}.order-row{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:4px;display:flex}.order-row:last-child{border-bottom:none}.order-row .check{flex:1}.order-row .icon-button{width:40px;height:40px}
