:root{--ink:#243447;--paper:#e9ecef;--white:#ffffff;--mint:#00897b;--muted:#64748b;--line:#dce2e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}#app{max-width:760px;min-height:100dvh;margin:auto;padding:24px 20px calc(92px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.brand b{letter-spacing:.16em;font-size:18px}.brand small{font-size:12px;color:var(--muted)}h1{font-size:clamp(25px,6vw,34px);line-height:1.15;margin:12px 0}h2{font-size:21px}p{line-height:1.6}.subtitle{color:var(--muted);font-size:14px;margin:10px 0 24px}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:.09em}.search{width:100%;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--white);font-size:16px;margin:8px 0 20px}.menu{display:grid;gap:13px}.menu button,.primary{background:var(--ink);color:var(--white);border:0;border-radius:15px;padding:19px 18px;min-height:60px;text-align:left;display:flex;align-items:center;gap:14px;width:100%}.menu button span:last-child{margin-left:auto}.menu .accent{background:var(--mint);color:var(--ink)}.symbol{color:var(--mint);width:25px;text-align:center;font-size:21px}.accent .symbol{color:var(--ink)}.status{display:flex;align-items:center;gap:8px;margin:22px 0;color:var(--mint);font-size:13px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:flex;justify-content:space-around;background:var(--paper);border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:5}.nav button{min-height:48px;min-width:80px;background:transparent;border:0;color:var(--muted);font-size:13px}.nav button.active{color:var(--mint);font-weight:600}.list{background:var(--white);border:1px solid var(--line);border-radius:15px;overflow:hidden}.row{display:flex;gap:14px;align-items:center;justify-content:space-between;width:100%;min-height:58px;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:16px;font-size:16px}.row:last-child{border-bottom:0}.row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.back{background:transparent;color:var(--mint);border:0;min-height:44px;padding:8px 0;text-align:left}.toolbar{display:flex;justify-content:space-between;align-items:center}.star{font-size:25px;border:0;background:transparent;min-width:48px;min-height:48px;color:var(--mint)}details{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}summary{padding:18px;min-height:56px;cursor:pointer}details[open] summary{color:var(--mint);border-bottom:1px solid var(--line)}details .row{padding-left:28px}.article{line-height:1.7;font-size:16px}.article h2{margin-top:26px}.article p{white-space:pre-wrap;overflow-wrap:anywhere}.article img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:10px}.image-link{display:block}.table-wrap{overflow-x:auto;margin:18px 0;background:var(--white);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}td{border:1px solid var(--line);padding:12px;min-width:85px;vertical-align:top;white-space:pre-wrap}td:first-child{font-weight:600}.card{background:var(--white);padding:20px;border:1px solid var(--line);border-radius:16px;margin:18px 0}.card label{display:block;margin:12px 0;font-size:14px}.card input{margin:8px 0 16px;width:100%;padding:16px;border-radius:10px;border:1px solid var(--line);font-size:16px}.card .primary{justify-content:center}.error{color:#8b302b;background:#fbe9e5;padding:14px;border-radius:12px;line-height:1.5;overflow-wrap:anywhere}.note{color:var(--muted);font-size:13px;line-height:1.6}.loading{padding:30px 0}progress{width:100%;accent-color:var(--mint);height:12px}.empty{padding:22px;color:var(--muted)}.badge{background:var(--mint);padding:5px 9px;border-radius:7px;font-size:12px}.hidden,[hidden]{display:none!important}.zoom{position:fixed;inset:0;background:#243447ed;z-index:10;overflow:auto;padding:70px 12px 20px}.zoom img{max-width:none;min-width:100%;height:auto}.zoom button{position:fixed;right:20px;top:16px;background:var(--mint);border:0;border-radius:10px;padding:14px;z-index:11}.article .missing{font-size:13px;color:var(--muted);border:1px dashed var(--line);padding:12px}.deactivate{border:0;background:transparent;color:var(--mint);min-height:44px;text-decoration:underline}@media(min-width:620px){#app{padding-top:35px}.menu{max-width:550px}.article{font-size:17px}}

.brand{align-items:center;margin-bottom:30px}.brand b{display:block;letter-spacing:-.03em;font-size:22px;font-weight:650}.brand div small{display:block;margin-top:5px;font-style:italic}.brand strong{font-size:12px;font-weight:600;color:var(--mint)}
.menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu button{min-width:0;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:var(--white);color:var(--ink);border:1px solid var(--line);padding:18px 14px;border-radius:16px;gap:14px}.menu button span:last-child{margin-left:0}.menu button .symbol{font-size:24px;text-align:left;height:28px;width:28px}.tile-copy{display:block;width:100%;overflow-wrap:anywhere}.tile-copy strong{font-size:15px;font-weight:600;display:block}.tile-copy small{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}.menu .accent{grid-column:1/-1;min-height:62px;flex-direction:row;align-items:center;background:var(--mint);color:white;border-color:var(--mint)}.menu .accent .symbol{color:white}.menu .accent .tile-copy{flex:1}.menu .accent span:last-child{margin-left:auto}.primary{background:var(--ink)}.badge{background:#dcefea;color:var(--mint)}.zoom button{background:white;color:var(--ink)}.brand strong{white-space:nowrap}.deactivate{font-size:14px}.menu button:hover,.row:hover{background:#f4f8f9}.menu .accent:hover{background:#00786c}.article .image-link{max-width:100%}
@media(min-width:620px){.menu{max-width:none;gap:16px}.menu button{padding:24px;min-height:160px}.menu .accent{min-height:66px}.tile-copy strong{font-size:17px}}

.brand-logo{width:48px;height:52px;object-fit:contain}.update-notice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:white;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:18px;font-size:13px}.update-notice span{flex:1}.update-notice button{border:0;background:var(--ink);color:white;border-radius:8px;padding:10px}.update-notice [data-later]{background:transparent;color:var(--muted)}

#app{padding-top:calc(24px + env(safe-area-inset-top,0px));padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.zoom{padding-top:calc(70px + env(safe-area-inset-top,0px))}.zoom button{top:calc(16px + env(safe-area-inset-top,0px))}
.dimensions-table table{table-layout:fixed}.dimensions-table th,.dimensions-table td{min-width:0;padding:12px 10px;overflow-wrap:anywhere;text-align:left}.dimensions-table th{background:#f4f8f9;border:1px solid var(--line);font-weight:600}
@media(min-width:620px){#app{padding-top:calc(35px + env(safe-area-inset-top,0px))}}
.install-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;margin-bottom:20px}.install-tabs button{flex:1;min-height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:600}.install-tabs [aria-selected="true"]{border-bottom-color:var(--mint);color:var(--mint)}.install-guide h2{font-size:20px}.install-guide ol{padding-left:22px;line-height:1.65}.install-guide li{padding-left:4px;margin:14px 0;overflow-wrap:anywhere}.open-pc{justify-content:center}