:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:#243733;background:#f7f8f5;font-synthesis:none;--green:#17695d;--muted:#64726d;--line:#e1e6df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}.sidebar{background:#eef1eb;border-right:1px solid var(--line);padding:38px 24px 26px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand-icon{padding:10px;border-radius:12px;background:var(--green);color:#fff}.sidebar-body{margin-top:62px}.nav-caption{font-size:10px;letter-spacing:2px;color:#718078;margin:0 14px 16px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;font-size:14px;color:#62716b}nav a:hover{background:#e3e9df}nav .nav-active{background:#dde7dc;color:#285a47;font-weight:650}.device{margin-top:auto;border-top:1px solid #d9e0d5;padding-top:23px;display:flex;gap:10px;align-items:center;color:#68786e}.device strong{display:block;font-size:12px;color:#43594c;font-weight:600}.device div>span{display:block;font-size:11px;margin-top:5px}main{padding:48px 52px 22px;max-width:1330px;width:100%;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 37px;gap:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#6e8377;margin-bottom:17px}h1{font-size:34px;font-weight:720;letter-spacing:-1.6px;line-height:1.35}.intro{font-size:14px;color:var(--muted);margin-top:11px;line-height:1.7}.page-tag{font-size:11px;border:1px solid #dae1d6;border-radius:30px;padding:8px 12px;color:#647460;white-space:nowrap}.connection{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px 30px 0;box-shadow:0 5px 20px #24373303;overflow:hidden}.connection-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-kicker{font-size:11px;color:#718275;margin-bottom:9px;letter-spacing:.3px}h2{font-size:21px;letter-spacing:-.65px;line-height:1.45}.manual{display:flex;align-items:center;gap:5px;color:#758278;font-size:11px;white-space:nowrap}.manual svg{width:15px;height:15px}.environment{border:0;margin:23px 0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.environment label{position:relative;cursor:pointer;min-width:0}.environment input{position:absolute;opacity:0;width:1px;height:1px}.env-option{display:flex;align-items:center;gap:13px;min-height:86px;padding:17px 18px;border:1px solid #dfe5dc;border-radius:10px;transition:background .15s,border-color .15s}.env-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f1f4ef;color:#698064;flex:none}.env-option strong{font-size:14px;font-weight:650;display:block}.env-option small{font-size:11px;display:block;margin-top:6px;color:#6b786f}.radio-dot{width:17px;height:17px;border:1.5px solid #c3cdc0;border-radius:50%;margin-left:auto;flex:none}input:checked+.env-option{background:#f1f7f0;border-color:#6a8a66;box-shadow:0 0 0 1px #6a8a66}input:checked+.env-option .radio-dot{border:5px solid var(--green)}input:checked+.env-option .env-icon{background:#dfebdc;color:var(--green)}.environment label:hover .env-option{border-color:#769074}.destination{margin:0 -30px;padding:22px 30px;background:#f8faf6;border-top:1px solid #e8ece4;display:flex;gap:20px;align-items:center;justify-content:space-between}.address-block{min-width:0}.address-label{font-size:10px;color:#738271;display:block;margin-bottom:7px}.address-block strong{font-size:16px;font-weight:600;letter-spacing:-.3px;overflow-wrap:anywhere}.address-block p{font-size:11px;color:#71806e;margin-top:7px;line-height:1.6}.primary{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:9px;padding:13px 18px;font-size:13px;white-space:nowrap;min-height:46px}.primary svg{width:18px;height:18px}.primary:hover{background:#12564c}.primary.disabled{background:#e6ebe2;border-color:#e6ebe2;color:#697666;cursor:default}.shortcuts{margin-top:35px;scroll-margin-top:24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading>span{color:#778373;font-size:11px;margin-bottom:3px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.menu-card{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:165px;padding:19px;display:flex;flex-direction:column;position:relative}.card-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1f3ed;color:#708268;margin-bottom:16px}.menu-card[data-menu=photos] .card-icon{background:#f8f0e8;color:#a17c50}.menu-card[data-menu=work] .card-icon{background:#edf1f6;color:#6c7e99}.menu-card[data-menu=backup] .card-icon{background:#efedf5;color:#837799}.menu-card h3{font-size:15px;font-weight:650;letter-spacing:-.4px}.menu-card p{font-size:11px;line-height:1.6;color:#778074;margin-top:7px}.card-status{font-size:10px;position:absolute;right:16px;top:22px;color:#73816b;background:#f3f5ef;padding:4px 6px;border-radius:4px}.menu-card.available{border-color:#ccd9cd}.menu-card.available:hover{border-color:#60876d;box-shadow:0 4px 14px #213e2a08}.menu-card.available .card-icon{background:#e8f1e5;color:#386a4b}.menu-card.available .card-status{background:transparent;color:var(--green);padding:0}.card-status svg{width:20px;height:20px}.menu-note{font-size:11px;color:#77816f;display:flex;gap:7px;align-items:flex-start;margin-top:16px;line-height:1.7}.menu-note svg{width:14px;height:14px;flex:none;margin-top:2px}.guide{margin-top:26px;scroll-margin-top:24px}.guide details{border:1px solid #dde4d7;background:#f0f3eb;border-radius:10px}.guide summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:18px;gap:12px}.guide summary::-webkit-details-marker{display:none}.guide-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.guide-label svg{width:17px;height:17px;color:#71816a}.guide-hint{font-size:11px;color:#76806d}.chevron{display:inline-block;margin-left:14px;font-size:16px}.guide details[open] .chevron{transform:rotate(180deg)}.guide-content{padding:3px 19px 22px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-content h3{font-size:12px;line-height:1.6;margin-bottom:5px}.guide-content p{color:#697660;font-size:12px;line-height:1.8}footer{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#82907b}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;left:15px;top:15px;padding:12px;background:#fff;z-index:10}:focus-visible{outline:3px solid #238779;outline-offset:4px}input:focus-visible+.env-option{outline:3px solid #238779;outline-offset:4px}.noscript{padding:20px;border:1px solid #b57334;background:#fff7e8;margin-top:20px}@media(min-width:1500px){main{padding-top:64px}}@media(max-width:1100px){.shell{grid-template-columns:184px 1fr}.sidebar{padding:30px 18px}.brand{font-size:19px}.brand-icon{padding:8px}main{padding:36px 30px 22px}.page-tag{display:none}.env-option{padding:15px 12px;gap:9px}.env-icon{width:30px;height:34px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:static;padding:18px 22px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center}.brand{font-size:18px;gap:10px}.brand-icon{padding:7px;border-radius:9px}.brand-icon svg{width:20px;height:20px}.sidebar-body{display:none}.device{margin:0;padding:0;border:0}.device>span,.device div>span{display:none}.device strong{font-size:10px;font-weight:500}main{padding:30px 22px 22px}.page-header{margin-bottom:26px}.eyebrow{margin-bottom:12px;font-size:9px}h1{font-size:28px;letter-spacing:-1.3px}.intro{font-size:12px;line-height:1.8;margin-top:9px}.connection{padding:21px 18px 0;border-radius:14px}h2{font-size:18px}.section-kicker{font-size:10px;margin-bottom:7px}.manual{font-size:10px}.environment{grid-template-columns:1fr;margin-top:19px;gap:10px;margin-bottom:18px}.env-option{min-height:73px;padding:13px 15px;gap:12px}.env-icon{width:36px;height:36px}.env-option strong{font-size:13px}.env-option small{font-size:11px}.destination{margin:0 -18px;padding:19px 18px;display:block}.address-block strong{font-size:14px}.primary{margin-top:16px;width:100%;padding:12px;gap:12px}.section-heading{display:block;margin-bottom:15px}.section-heading>span{display:block;margin-top:9px;font-size:10px}.shortcuts{margin-top:29px}.card-grid{gap:10px}.menu-card{padding:15px 12px;min-height:174px}.card-icon{margin-bottom:16px;width:32px;height:32px}.card-icon svg{width:20px;height:20px}.menu-card h3{font-size:14px}.menu-card p{font-size:10px}.card-status{font-size:9px;right:10px;top:20px;padding:3px 4px}.menu-card[data-menu=settings]{grid-column:1/-1;min-height:112px;padding:18px 18px 18px 72px;justify-content:center}.menu-card[data-menu=settings] .card-icon{position:absolute;left:19px;top:23px}.menu-card[data-menu=settings] .card-status{top:19px;right:15px}.menu-note{font-size:10px}.guide{margin-top:23px}.guide-hint{font-size:0}.guide summary{padding:16px}.guide-content{grid-template-columns:1fr;gap:16px}footer{font-size:9px;line-height:1.7;margin-top:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}