*{box-sizing:border-box} :root{--bg:#222;--panel:#292929;--gold:#a98435;--gold2:#b18a37;--text:#aaa;--muted:#777;--brown:#503a35;--line:#141414}html,body{margin:0;width:100%;height:100%;background:#171717;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}body{overflow:hidden}.phone{width:100%;height:100dvh;max-width:560px;margin:auto;background:var(--bg);position:relative;overflow:hidden}.status{height:58px;background:#222;display:flex;align-items:center;padding:0 30px;color:#ddd;font-size:15px;position:absolute;top:0;width:100%;z-index:30}.island{position:absolute;left:28%;width:44%;height:31px;background:#000;border-radius:30px;top:11px;display:flex;align-items:center;padding-left:11px}.island i{width:14px;height:14px;border-radius:50%;background:#a33;display:block}.status-right{margin-left:auto;font-size:12px;color:#ccc}.status-right b{color:#c7e8cf}.app{position:absolute;inset:58px 0 0;overflow:hidden;background:#222}.gold-head{height:235px;background:#a78335;position:relative;color:#eee;padding-top:68px;overflow:hidden}.menu-btn{position:absolute;top:12px;left:15px;color:#eee;border:1px solid #d2bd8a;border-radius:2px;background:transparent;padding:7px 12px;font-size:13px}.crest{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:49px;height:51px;object-fit:contain;mix-blend-mode:screen}.bell{position:absolute;right:17px;top:5px;color:#e5d8b5;font-size:34px;border:0;background:none;font-weight:200}.install-info{position:relative;z-index:2;padding-left:16%;display:flex;flex-direction:column;line-height:1.45;font-size:19px;letter-spacing:-.4px}.install-info strong{font-size:20px;color:#ddd;font-weight:700}.install-info b{font-size:16px;font-weight:500}.install-info small{font-size:13px;color:#ddd}.wave{position:absolute;bottom:-1px;left:-8%;width:116%;height:37px;background:#222;border-radius:50% 50% 0 0/75% 75% 0 0;box-shadow:0 -8px 0 rgba(30,30,30,.28)}.dashboard{height:calc(100% - 235px);position:relative;display:flex;flex-direction:column;align-items:center}.brand-logo{width:76%;height:100px;object-fit:contain;margin-top:1px;mix-blend-mode:screen}.timer{width:212px;height:212px;position:relative;margin-top:2px;display:grid;place-items:center}.timer-ring{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -4deg,#3c3c3c 0deg 10deg,transparent 10deg 15deg);mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px))}.timer-text{display:flex;flex-direction:column;text-align:center;font-size:17px;line-height:1.2;color:#aaa}.warning{position:absolute;bottom:72px;width:83%;border-radius:10px;background:#8c2929;color:#e2c9c9;text-align:center;padding:8px 5px;font-size:12px;line-height:1.25}.actions{position:absolute;bottom:38px;width:90%;display:flex;gap:7px}.actions button,.modal-buttons button,.done,.wide-btn{border:0;background:var(--brown);color:#b9aaaa;border-radius:28px;font-weight:600;font-size:14px}.actions button{height:51px;flex:1;line-height:1.1}.actions small{display:block;font-weight:400;font-size:13px}.dashboard footer{position:absolute;bottom:0;width:100%;height:37px;display:grid;place-items:center;background:#171717;color:#777;font-size:14px}.drawer{position:absolute;z-index:40;left:0;top:58px;bottom:0;width:min(76%,390px);background:#222;transform:translateX(-102%);transition:transform .24s ease;overflow:auto;box-shadow:4px 0 18px #0004}.drawer.open{transform:translateX(0)}.close{position:absolute;right:13px;top:7px;border:0;background:none;color:#ccc;font-size:33px;font-weight:200}.drawer-brand{height:214px;text-align:center;padding-top:45px}.drawer-brand img{width:62px;height:54px;object-fit:contain;mix-blend-mode:screen}.drawer-brand h2{font-size:23px;color:#ddd;margin:4px 0 14px}.drawer-brand p{font-size:15px;margin:0}.section-label{background:#191919;padding:10px 15px;color:#888;font-size:15px}.nav-row,.setting-row,.system-row{height:51px;margin:0 15px;border:0;border-bottom:1px solid #101010;background:transparent;color:#aaa;display:flex;align-items:center;width:calc(100% - 30px);text-align:left;font-size:16px;gap:13px;padding:0 4px}.nav-row span,.setting-row>span{font-size:13px;color:#777;width:13px}.nav-row i{margin-left:auto;font-style:normal;font-size:30px;font-weight:200;color:#777}.setting-row{position:relative}.switch{margin-left:auto;position:relative;width:60px;height:29px;background:#a98535;border-radius:30px}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;right:3px;top:3px;width:23px;height:23px;background:#ddd;border-radius:50%;box-shadow:0 0 2px #000}.switch input:not(:checked)+i{right:34px}.system-row{justify-content:space-between;font-size:16px}.system-row span:last-child{color:#777}.scrim{display:none;position:absolute;inset:58px 0 0;background:#0006;z-index:35}.scrim.show{display:block}.screen,.modal{position:absolute;z-index:45;background:#222;display:none;overflow:auto}.screen.active,.modal.active{display:block}.logs-screen{inset:58px 0 0}.screen-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#2b2b2b;color:#ddd;font-size:15px}.screen-top button{border:0;background:none;color:#ccc}.log-list{padding:0 8px}.log-item{padding:9px 10px;background:#303030;border-bottom:1px solid #191919;font-size:12px;line-height:1.5;color:#aaa}.log-item.alert{background:#77463c;color:#d7b6a9}.modal{inset:58px 0 0;border-radius:30px 30px 0 0;padding:34px 20px 24px;text-align:center;z-index:50}.x{position:absolute;right:15px;top:6px;background:none;border:0;color:#ddd;font-size:31px;font-weight:200}.guide-modal{padding-top:53px}.guide-emblem{width:min(80vw,300px);height:min(80vw,300px);border-radius:50%;background:#1b1b1b;margin:0 auto 43px;display:grid;place-items:center}.guide-emblem img{width:57%;height:57%;object-fit:contain;mix-blend-mode:screen}.modal h2{color:#b08a38;font-size:24px;margin:0 0 12px}.modal p{font-size:17px;line-height:1.4;margin:0 0 24px;color:#aaa}.modal em{font-style:normal;color:#b08a38}.info-box{border-top:1px solid #484848;border-bottom:1px solid #484848;background:#2c2c2c;padding:15px 8px;font-size:16px;line-height:1.7;text-align:left}.modal-buttons{display:flex;gap:70px;justify-content:space-between;margin-top:68px}.modal-buttons button{height:44px;flex:1}.modal-buttons button:last-child{opacity:.35}.how-modal{padding-top:52px}.how-modal h2{margin-bottom:20px}.steps{text-align:left}.steps>div{display:flex;gap:20px;min-height:61px;align-items:flex-start}.steps b{font-size:39px;line-height:1;color:#b08a38;min-width:38px}.steps p{font-size:16px;line-height:1.2;margin:3px 0 14px}.steps small{display:block;font-size:11px;line-height:1.35;margin-top:4px}.how-modal .info-box{text-align:center;margin-top:9px;line-height:1.5;font-size:17px}.done{position:absolute;bottom:30px;right:30px;width:120px;height:44px;opacity:.55}.location-modal,.notice-modal{padding-top:20px}.map-icon{width:110px;height:110px;object-fit:contain;margin:0 auto 15px;display:block;mix-blend-mode:screen}.location-modal p,.notice-modal p{font-size:15px;line-height:1.35;margin:0 0 18px}.gold-button{width:92%;height:32px;border:0;border-radius:20px;background:#ad8734;color:#e3d3b0;font-weight:600;font-size:14px}.map-placeholder{height:38%;min-height:220px;background:#2d2d2d;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;margin:17px 0 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;line-height:1.35}.wide-btn{width:100%;height:49px;font-size:15px}.notice-modal{inset:30% 0 0;border-radius:32px 32px 0 0;box-shadow:0 -8px 40px #0005}.toast{position:absolute;z-index:80;bottom:55px;left:10%;width:80%;padding:12px;background:#343434;border:1px solid #555;border-radius:12px;text-align:center;color:#ddd;font-size:13px;display:none}.toast.show{display:block}@media(min-width:600px){.phone{height:min(100dvh,1108px);margin:0 auto;border-left:1px solid #333;border-right:1px solid #333}.gold-head{height:235px}}