:root{--navy: #0b3d62;--navy-2: #135080;--bg: #f5f7fa;--card: #ffffff;--text: #16242e;--muted: #6b7c89;--danger: #b3261e;--ok: #1c7c45;--nav-h: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100%}.content{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px);-webkit-overflow-scrolling:touch}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;padding:24px;text-align:center}.notice code,.auth code{background:#eee;padding:2px 6px;border-radius:4px}.page{padding:16px;max-width:720px;margin:0 auto}.page-head h2{margin:8px 0 16px;color:var(--navy)}.empty,.hint,.muted,.info-msg{color:var(--muted)}.info-msg{margin:10px 0}.error{color:var(--danger)}.bottom-nav{display:flex;justify-content:space-around;align-items:stretch;background:var(--card);border-top:1px solid #e2e8ef;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-top:6px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-height:44px;text-decoration:none;color:var(--muted);font-size:11px}.nav-item.active{color:var(--navy)}.nav-icon{font-size:20px;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:none;border-radius:10px;background:var(--navy);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5}.btn.danger{background:var(--danger);margin-top:24px}.btn.send-btn{width:100%;margin-top:16px}.file-btn{cursor:pointer}.link{background:none;border:none;color:var(--navy-2);text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.auth-form input,.setting input,.row input{min-height:44px;padding:10px 12px;border:1px solid #cdd7e0;border-radius:10px;font-size:16px}.card-row{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--card);border-bottom:1px solid #eef2f6}.card-from{font-weight:700}.card-meta{color:var(--muted);font-size:13px;margin-left:auto}.dot{width:9px;height:9px;border-radius:50%;background:var(--navy)}.swipe-wrap{position:relative;overflow:hidden}.swipe-content{background:var(--card);transition:transform .05s linear;touch-action:pan-y}.swipe-confirm{background:var(--ok)}.swipe-archive{background:var(--muted)}.log-table,.card-grid,.select-list{width:100%}.log-table{border-collapse:collapse}.log-table th,.log-table td{text-align:left;padding:8px;border-bottom:1px solid #eef2f6;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.card-tile{background:var(--card);border:1px solid #e2e8ef;border-radius:12px;padding:16px;min-height:90px;position:relative}.badge{position:absolute;top:8px;right:8px;font-size:10px;background:var(--navy);color:#fff;padding:2px 6px;border-radius:6px}.select-row{display:flex;align-items:center;gap:10px;padding:12px;background:var(--card);border-bottom:1px solid #eef2f6;min-height:44px}.row{display:flex;gap:8px}.setting{margin:18px 0;display:flex;flex-direction:column;gap:8px}.setting label{font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:50}.sheet{background:#fff;width:100%;border-radius:16px 16px 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.sheet h3{margin-top:0;color:var(--navy)}.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}.landing{min-height:100%;overflow-y:auto;background:linear-gradient(180deg,#eaf2fb 0%,var(--bg) 340px);padding-bottom:calc(24px + env(safe-area-inset-bottom))}.landing-hero{text-align:center;padding:40px 20px 28px;padding-top:calc(40px + env(safe-area-inset-top));max-width:560px;margin:0 auto}.landing-logo{width:112px;height:112px;filter:drop-shadow(0 6px 16px rgba(11,61,98,.25))}.landing-title{font-size:34px;font-weight:800;color:var(--navy);margin:12px 0 4px;letter-spacing:-.5px}.dot-accent{color:var(--navy-2)}.landing-tagline{font-size:17px;color:var(--muted);margin:0 auto 24px;max-width:380px;line-height:1.45}.landing-cta{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}.oauth-row{display:flex;gap:10px}.oauth-row .btn{flex:1}.pending-check{max-width:480px;margin:8px auto 28px;padding:22px 20px;background:var(--card);border:1px solid #e2e8ef;border-radius:16px;box-shadow:0 4px 18px #0b3d620f;text-align:center}.pending-check h2{margin:0 0 6px;color:var(--navy);font-size:19px}.pending-form{display:flex;gap:8px;margin-top:14px}.pending-form input{flex:1;min-height:46px;padding:10px 14px;font-size:18px;font-weight:600;letter-spacing:1px;text-align:center;border:1px solid #cdd7e0;border-radius:10px}.pending-result{margin-top:14px;padding:12px 14px;border-radius:10px;background:#eef3f8;font-size:15px;line-height:1.4}.pending-result.good{background:#e7f6ec;color:#135a32}.features,.why{max-width:760px;margin:0 auto;padding:12px 20px 8px}.features h2,.why h2{color:var(--navy);text-align:center;font-size:22px;margin:16px 0 18px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.feature{background:var(--card);border:1px solid #e8edf3;border-radius:14px;padding:18px}.feature-icon{font-size:26px}.feature h3{margin:8px 0 6px;color:var(--navy);font-size:16px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.why-list{list-style:none;padding:0;max-width:520px;margin:0 auto}.why-list li{background:var(--card);border:1px solid #e8edf3;border-radius:12px;padding:14px 16px;margin-bottom:10px;font-size:15px;line-height:1.45}.why-list strong{color:var(--navy)}.landing-footer{text-align:center;padding:28px 20px;color:var(--muted)}.footer-logo{width:40px;height:40px;opacity:.7}.landing-footer p{margin:6px 0;font-size:14px}.small{font-size:12px}