html{font-size:clamp(14px,2.4vw,18px)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif;color:#333;background:#f2f5f8}
.w{display:flex;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:12px;background:#f2f5f8}
.wrap{width:100%;max-width:380px;margin:auto;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:32px 24px 28px}
.t{text-align:center;font-size:26px;font-weight:600;margin:0 0 16px}
.row{margin-bottom:20px}
.in{width:100%;height:30px;padding:0 14px;font-size:14px;border:1px solid #cbd2d9;border-radius:6px;transition:border-color .2s}
.in:focus{border-color:#2684ff;outline:none}
.sel{padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;background-size:12px 8px}
select.in.sel,input[type="time"].in{height:30px;line-height:30px}
.b,.bg{display:block;width:100%;height:40px;border:0;border-radius:6px;font-size:16px;letter-spacing:.05em;cursor:pointer;transition:background .2s}
.b{background:#2684ff;color:#fff}
.bg{background:#e7e7e7;color:#333}
.b:hover,.b:active{background:#2684ff}
.bg:hover,.bg:active{background:#e7e7e7}
.b:disabled,.b[disabled],.bg:disabled,.bg[disabled]{background:#c0c6cf;color:#fff;cursor:not-allowed}
.n{margin-top:40px;font-size:10px;color:#8a8a8a;line-height:1.2}
.n a{color:inherit;text-decoration:underline}
#langSet .row,#timezoneSet .row{margin-bottom:20px}
#langSet select,#timezoneSet select{appearance:none}
.hdr,.topbar{position:sticky;top:0;z-index:10;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#1a1a1a;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.card{margin-top:12px;background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);overflow:hidden}
.item{display:flex;align-items:center;height:48px;padding:8px 16px;font-size:18px;color:#1a1a1a;cursor:pointer;user-select:none}
.item:active{background:#f2f5f8}
.ic{width:24px;margin-right:12px;text-align:center;font-size:18px;color:#2684ff}
.ic.star{color:#02AAEA}
.tx{flex:1}
.ar{font-size:18px;color:#9b9b9b}
.topbar{position:sticky;top:0;z-index:10;height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#1a1a1a;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.back-btn{position:absolute;left:16px;width:32px;height:32px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;font-size:22px;color:#2684ff;cursor:pointer;line-height:1}
.back-btn:active{opacity:.6}
.topbar-title{font-size:1.5rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncard{padding:20px}
.fr{display:flex;align-items:center;margin-bottom:5px;flex-wrap:wrap;gap:6px}
.lbl{flex:0 1 auto;min-width:90px;max-width:100%;font-size:15px;margin-bottom:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}
.fld{flex:1 1 110px;min-width:135px;width:100%}
.fld > input,.fld > select{width:100%;box-sizing:border-box}
@media (max-width:360px){.lbl{font-size:14px;min-width:70px}
.fld{min-width:115px}
.wrap{padding:26px 18px 24px}
.t{font-size:18px;margin-bottom:14px}
.row{margin-bottom:18px}
.item{padding:8px 14px}
.topbar{font-size:0.95rem}
.back-btn{left:12px}
}.pwd{position:relative}
.toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px}
.btn-row{display:flex;gap:24px;margin-top:12px;flex-wrap:wrap}
.btn-row .b{flex:1;min-width:140px}
.fr input[type="checkbox"]{width:20px;height:20px}
.nowrap{flex-wrap:nowrap}
.nowrap .fld label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card.ncard .fr{padding:6px 0;border-bottom:none}
.card.ncard.line .fr{border-bottom:1px dashed #eaeaea}
.card.ncard .fr:last-of-type{border-bottom:none}
.card.ncard .lbl{color:#666;font-weight:500}
.card.ncard .fld label{color:#1a1a1a;font-size:14px}
.wrap label{word-break:break-all;white-space:pre-wrap}
.sub{font-size:15px;letter-spacing:.04em;color:#2684ff;margin:0 -20px 12px;padding:0 20px 6px;border-bottom:1px solid #e0e0e0}
.card.ncard .sub:first-child{margin-top:-12px}
.card.ncard .btn-row{margin-top:20px}
.week-row{display:flex;justify-content:space-between;gap:4px;margin-bottom:10px}
.week-row span,.week-row input[type="checkbox"]{flex:1;text-align:center;font-size:14px}
.menu-link{display:flex;align-items:center;gap:12px;padding:8px 0;cursor:pointer}
.menu-link + .menu-link{border-top:1px dashed #eaeaea}
.menu-link .ar{color:#9b9b9b;margin-left:auto}
.menu-link:active{background:#f2f5f8}
.tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:6px}
.tk-item{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px}
.tri-select{display:flex;gap:8px}
.tri-select .in.sel{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none !important;background-image:none !important;padding-right:2px;flex:1 1 0;min-width:0;max-width:100%;font-size:14px}
.date-list{margin:0;padding:0;list-style:none}
.list-item{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px dashed #eaeaea}
.list-item:last-of-type{border-bottom:none}
.id-number{flex:0 0 28px;text-align:right;color:#666;font-size:14px}
.list-item input[type="date"]{flex:1;height:30px;padding:0 10px;font-size:14px;border:1px solid #cbd2d9;border-radius:6px;box-sizing:border-box}
.list-item button{flex:0 0 54px;height:28px;border:0;border-radius:6px;background:#ff4d4f;color:#fff;font-size:12px;cursor:pointer;transition:opacity .2s}
.list-item button:active{opacity:.7}
@media(max-width:360px){.list-item button{flex:0 0 56px;font-size:13px}
}#load_content .alarm-card,#load_content #info .alarm-card{border-radius:14px;box-shadow:0 6px 24px rgba(38,132,255,0.06);background:#fff;padding:20px 16px 18px 16px;margin:0 0 32px 0;position:relative;transition:box-shadow .2s;width:100%;box-sizing:border-box}
#load_content .alarm-card:last-child,#load_content #info .alarm-card:last-child{margin-bottom:0}
#load_content .alarm-card .alarm-hd{font-size:17px;font-weight:600;color:#2684ff;margin-bottom:9px;letter-spacing:.02em}
#load_content .alarm-card .fr{padding:8px 0;border-bottom:1px dashed #eaeaea;background:none}
#load_content .alarm-card .fr:last-of-type{border-bottom:none}
#load_content .alarm-card .week-label{border-bottom:none !important}
#load_content .alarm-card .week-checkbox{border-top:none !important}
#load_content .week-label-row,#load_content .week-row{display:flex;justify-content:space-between;gap:0}
#load_content .week-label-row span{flex:1;text-align:center;color:#666;font-size:14px;line-height:24px}
#load_content .week-row input[type="checkbox"]{flex:1;width:18px;height:18px;margin:0 auto}
#load_content .sm-btn{width:84px;height:30px;font-size:14px;background:#2684ff;color:#fff;border:0;border-radius:6px;cursor:pointer;transition:opacity .2s;padding:0}
#load_content .sm-btn:active{opacity:.7}
#load_content .flex-row-gap{display:flex;gap:8px;align-items:center}
@media (max-width:360px){#load_content .alarm-card,#load_content #info .alarm-card{padding-left:6px;padding-right:6px;margin-bottom:20px}
}#load_content #info{padding:0 !important;background:none !important;box-shadow:none !important}
.divider{border:0;border-top:1px dashed #ccc;margin:20px 0}