:root{font-family:Inter,'Segoe UI','맑은 고딕',sans-serif;color:#182c31;background:#f4f6f3;font-size:calc(15px * var(--text-scale,1))}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:24px 5vw;border-bottom:1px solid #dce3dd;background:#fff}.brand{font-size:calc(23px * var(--text-scale,1));font-weight:800;letter-spacing:2px;text-decoration:none;color:#193b32}header>span{color:#77867d;font-size:calc(12px * var(--text-scale,1))}nav{display:flex;align-items:center;gap:24px;margin-left:auto}nav a{color:#53695f;text-decoration:none}nav form{margin:0}main{max-width:1150px;margin:0 auto;padding:58px 30px;min-height:80vh}.eyebrow{font-size:calc(11px * var(--text-scale,1));letter-spacing:2px;color:#5e786b;font-weight:700;margin-bottom:18px}h1{font-size:calc(46px * var(--text-scale,1));letter-spacing:-2px;line-height:1.22;margin:0 0 22px}h2{font-size:calc(23px * var(--text-scale,1));letter-spacing:-.7px}p{color:#67776e;line-height:1.8}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.note{font-size:calc(14px * var(--text-scale,1));border-left:2px solid #c3d2c8;padding-left:24px}.note p{font-size:calc(12px * var(--text-scale,1))}.dot{display:inline-block;width:7px;height:7px;background:#90a49b;border-radius:50%;margin-right:8px}.devices{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.device,.guide,.panel,.history{border:1px solid #dce3dd;border-radius:16px;background:#fff;padding:28px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:calc(10px * var(--text-scale,1));letter-spacing:1px;color:#88978e}.badge{background:#edf3ee;color:#3f6552;border-radius:20px;padding:8px 12px;letter-spacing:0}.device-center{text-align:center;padding:25px 0 14px}.power-symbol{font-size:calc(56px * var(--text-scale,1));background:#edf4ed;border:1px solid #d2e2d2;width:100px;height:100px;border-radius:50%;margin:0 auto;color:#355d44;line-height:95px}.device-center h2{margin:17px 0 0}.device-center p{font-size:calc(13px * var(--text-scale,1));margin-top:6px}.spec{display:flex;justify-content:space-between;padding:12px 0;font-size:calc(12px * var(--text-scale,1));border-top:1px solid #eef0ec;color:#7a897f}.spec code{color:#3f5147}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:13px 20px;transition:background .15s}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:#294f3d;color:#fff;font-weight:650;width:100%;margin-top:16px}.primary:hover:not(:disabled){background:#183e2c}.secondary{background:#eaf0ea;color:#294f3d;font-weight:600}.quiet{padding:6px;background:transparent;color:#5d7365}.small{font-size:calc(11px * var(--text-scale,1));line-height:1.8}.guide{background:#ebf0e8;padding:32px}.guide ol{list-style:none;counter-reset:item;padding:0;margin:30px 0}.guide li{counter-increment:item;padding:0 0 18px 40px;position:relative}.guide li:before{content:'0' counter(item);position:absolute;left:0;color:#81937f;font-size:calc(12px * var(--text-scale,1));top:3px}.guide li b{font-size:calc(14px * var(--text-scale,1))}.guide li p{font-size:calc(12px * var(--text-scale,1));margin:4px 0}.history{margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:calc(18px * var(--text-scale,1))}.empty{color:#8a978d;font-size:calc(13px * var(--text-scale,1));padding:20px 0}.job{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e7ece6;padding:14px 0;font-size:calc(13px * var(--text-scale,1))}.job time{color:#819086;font-size:calc(11px * var(--text-scale,1))}footer{border-top:1px solid #dce3dd;padding:25px 5vw;font-size:calc(10px * var(--text-scale,1));letter-spacing:1px;color:#849186;display:flex;justify-content:space-between}.auth{max-width:480px;margin:30px auto}.auth h1{font-size:calc(35px * var(--text-scale,1))}label{display:block;font-size:calc(13px * var(--text-scale,1));color:#425b4c;margin:20px 0}input{display:block;width:100%;padding:13px;border:1px solid #cad6cc;border-radius:7px;margin-top:8px;background:#fff;font:inherit}.error,#feedback:not(:empty){padding:14px;background:#fff0de;color:#6e4c25;border-radius:8px;margin:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#f2f5ef;border-radius:8px;font-size:calc(12px * var(--text-scale,1));line-height:1.8}.panel{margin:20px 0}.panel h2{font-size:calc(19px * var(--text-scale,1))}.link{display:inline-block;text-decoration:none;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:calc(12px * var(--text-scale,1))}td,th{padding:12px 8px;border-bottom:1px solid #e5ebe4}td{white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #92bfa5;outline-offset:3px}@media(max-width:700px){header{padding:18px;gap:12px}header>span{display:none}nav{gap:12px;font-size:calc(12px * var(--text-scale,1))}main{padding:30px 18px}h1{font-size:calc(34px * var(--text-scale,1))}.intro{display:block}.note{margin-top:24px}.devices{grid-template-columns:1fr}.device,.guide{padding:22px}footer{display:block}footer span{display:block;margin-top:10px}.job{flex-wrap:wrap}}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}.flow span{padding:16px;border-radius:10px;background:#edf3ea;font-size:calc(13px * var(--text-scale,1))}.flow b{color:#78917d}.steps{padding-left:25px}.steps li{padding:10px 0;line-height:1.8;color:#4d6455}.notice{padding:15px;border-radius:8px;background:#e1efdf;color:#315b3b}@media(max-width:700px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between;margin:4px 0 0}.flow{flex-direction:column;align-items:stretch}.flow b{transform:rotate(90deg);align-self:center}.flow span{text-align:center}}@media print{header,footer,button{display:none}main{padding:0;max-width:none}.panel{break-inside:avoid;border:1px solid #ccc}.flow span{padding:6px}body{background:white}h1{font-size:calc(26px * var(--text-scale,1))}p,li{font-size:calc(12px * var(--text-scale,1))}}
textarea{display:block;width:100%;border:1px solid #cad6cc;border-radius:8px;padding:14px;margin-top:8px;font:inherit;background:#fafcf8}summary{cursor:pointer;color:#4d6857;padding:12px 0}

