: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-top:calc(env(safe-area-inset-top) + 8px);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}.log-table th{color:#42596b}.log-table.grid{border:1px solid #d4dde6}.log-table.grid th,.log-table.grid td{border:1px solid #d4dde6;padding:5px 8px}.log-table.grid thead th{background:#f0f4f8}.log-table.grid tbody tr:nth-child(2n){background:#f8fafc}.col-menu{position:absolute;z-index:20;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #d4dde6;border-radius:8px;padding:8px 12px;box-shadow:0 6px 20px #0000001f;max-height:50vh;overflow:auto;white-space:nowrap}.col-menu .chk{display:block;margin:4px 0}.col-menu.drop-up{top:auto;bottom:100%;left:auto;right:0;margin-top:0;margin-bottom:6px}.qso-form{display:flex;flex-direction:column;gap:8px}.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;flex-wrap:wrap}.row>input,.row>select,.row>textarea{flex:1 1 0;min-width:0}.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-top:calc(env(safe-area-inset-top) + 8px);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:min(260px,72%);height:auto;margin:0 auto 14px;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}.pub-title{color:var(--navy);margin:6px 0 4px;font-size:22px}.pub-ok{color:var(--navy);margin:6px 0}.pub-form{max-width:420px;margin:0 auto 32px;padding:0 16px}.pub-label{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:-4px}.pub-row{display:flex;gap:12px}.pub-row>div{flex:1;display:flex;flex-direction:column;gap:6px}.pub-rst{display:flex;gap:8px}.pub-rst input{width:100%}.pub-form textarea{border:1px solid #cdd7e0;border-radius:10px;padding:10px 12px;font-size:16px;font-family:inherit;resize:vertical}.cf-turnstile-host{margin:4px 0;min-height:65px}.pub-foot{text-align:center;margin-top:4px}.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}.footer-links a{color:var(--navy-2);text-decoration:underline;font-size:14px}.small{font-size:12px}.canadian-badge{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 32px);margin:2px auto 24px;padding:11px 20px;background:#fff;border:1px solid #e2e8ef;border-radius:999px;box-shadow:0 2px 8px #0b3d621a;color:var(--navy);font-weight:700;font-size:15.5px}.canadian-leaf{width:24px;height:24px;flex:none}.connect-as{background:#eef5fc;border:1px solid #d4e3f2;border-radius:10px;padding:10px 12px;font-size:14px;color:var(--text)}.connect-as .link{font-size:13px}.verify-banner{border-radius:10px;padding:12px 14px;margin:8px 0 16px;font-weight:600;text-align:center}.verify-banner.ok{background:#e6f6ec;color:#1a7f3c;border:1px solid #b6e3c6}.verify-banner.bad{background:#fdeaea;color:#b00;border:1px solid #f3c2c2}.verify-table{width:100%;border-collapse:collapse}.verify-table th,.verify-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e2e8ef;font-size:15px}.verify-table th{color:var(--muted);font-weight:600;width:38%}.card-tile-img{position:relative;aspect-ratio:3/2;background-size:cover;background-position:center;background-color:#d6e0ea;border:1px solid #e2e8ef;border-radius:12px;overflow:hidden}.card-tile-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;background:#ffffffeb;font-size:13px}.card-tile-name{font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tile-actions{display:flex;gap:8px;flex-shrink:0}.danger-link{color:var(--danger)!important}.editor{background:#fff;width:100%;max-width:560px;margin:auto;border-radius:16px 16px 0 0;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}@media (min-width: 600px){.editor{border-radius:16px;max-height:88vh}}.editor-head{display:flex;align-items:center;justify-content:space-between}.editor-head h3{margin:0;color:var(--navy)}.preview-wrap{margin:12px 0 18px}.preview-card{position:relative;width:100%;aspect-ratio:3/2;border-radius:10px;background-size:cover;background-position:center;background-color:#1b3a5b;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d4dde6}.preview-panel{margin:6px;background:#fffffff0;border:1px solid #2a2a2a;font-size:9px;color:#141414;flex:0 0 auto}.pp-row{display:flex}.pp-head{border-bottom:1px solid #2a2a2a}.pp-head .pp-cell{color:var(--navy);font-weight:700}.pp-cell{flex:1;text-align:center;padding:3px 2px;font-weight:600;border-left:1px solid #cfd8e0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pp-cell:first-child{border-left:none}.pp-data .pp-cell{font-weight:700}.preview-panel.strip .pp-cell{font-size:8px}.pp-note{border-top:1px solid #2a2a2a;padding:3px 5px;font-size:8.5px}.preview-note{text-align:center;margin-top:8px}.fld{display:flex;flex-direction:column;gap:6px;margin:14px 0}.fld>span{font-weight:600;color:var(--text);font-size:14px}.fld select,.fld textarea,.fld input{min-height:44px;padding:10px 12px;border:1px solid #cdd7e0;border-radius:10px;font-size:16px}.fld textarea{min-height:60px;resize:vertical}.chk{display:flex;align-items:center;gap:8px;font-size:15px;margin:6px 0;min-height:32px}.chk input{width:20px;height:20px}.preview-card.v-top{justify-content:flex-start}.preview-card.v-bottom{justify-content:flex-end}.preview-panel.mode-rows{padding:4px 0}.pp-line{padding:2px 6px;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-line b{color:var(--navy)}.bulk-actions{display:flex;gap:10px;margin:8px 0 4px;flex-wrap:wrap}.status-badge{margin-left:8px;font-size:11px;padding:2px 8px;border-radius:999px;white-space:nowrap}.status-badge.ok{background:#e7f6ec;color:#135a32}.status-badge.warn{background:#fdeede;color:#8a4b00}.status-badge.muted{background:#eef2f6;color:#6b7c89}.sib-google,.sib-apple{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;box-sizing:border-box}.sib-google{background:#fff;border:1px solid #747775;color:#1f1f1f;font-family:Roboto,-apple-system,Segoe UI,sans-serif}.sib-google:hover{background:#f7f8f8}.sib-google-icon{width:18px;height:18px;display:block}.sib-apple{background:#000;border:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sib-apple:hover{background:#1a1a1a}.sib-apple-icon{width:15px;height:18px;display:block;position:relative;top:-1px}.card-row{cursor:pointer}.card-thumb{width:56px;height:38px;object-fit:cover;border-radius:5px;border:1px solid #e2e8ef;flex-shrink:0}.card-row-main{display:flex;flex-direction:column;gap:2px}.card-row-main .card-meta{margin-left:0}.row-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.icon-btn{min-width:40px;min-height:40px;border:1px solid #cdd7e0;background:#fff;border-radius:8px;font-size:16px;cursor:pointer}.icon-btn.ok{color:var(--ok);border-color:var(--ok)}.icon-btn:active{transform:scale(.94)}.card-viewer{background:#fff;width:100%;max-width:760px;margin:auto;border-radius:16px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}.viewer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.viewer-img{width:100%;border-radius:8px;display:block}.viewer-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.viewer-actions .btn{flex:1;min-width:110px;text-decoration:none}@media (min-width: 600px){.sheet-backdrop{align-items:center}}.inbox-head{display:flex;align-items:center;justify-content:space-between}.inbox-tools{display:flex;gap:14px}.limit-row{padding:8px 0;border-top:1px solid #eef2f6}.limit-row:first-of-type{border-top:none}.limit-head{display:flex;align-items:center;gap:12px}.limit-label{font-weight:600;flex:1;min-width:0}.limit-field{display:flex;align-items:center;gap:6px}.limit-field input{width:110px;min-height:40px;padding:8px 10px;border:1px solid #cdd7e0;border-radius:8px;font-size:15px;text-align:right}.limit-unit{color:var(--muted);font-size:13px;min-width:42px}.limit-desc{margin:4px 0 0}.json-editor{width:100%;box-sizing:border-box;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.45;padding:10px 12px;border:1px solid #cdd7e0;border-radius:10px;resize:vertical;white-space:pre;overflow-wrap:normal}.update-banner{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:60;margin:0 auto;max-width:560px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--navy);color:#fff;padding:12px 16px;border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #0000002e;font-size:14px}.update-banner .update-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.update-banner .btn{min-height:36px;padding:6px 16px;background:#fff;color:var(--navy)}.update-banner .link{color:#cfe0ef}.menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 12px;font-size:14px;color:var(--text);cursor:pointer;min-height:40px;border-radius:8px}.menu-item:hover{background:#eef5fc;color:var(--navy)}.awards-summary{display:flex;gap:12px;margin:12px 0 18px}.awards-summary>div{flex:1;background:var(--card);border:1px solid #e2e8ef;border-radius:12px;padding:14px;text-align:center}.awards-summary .big{display:block;font-size:30px;font-weight:800;color:var(--navy)}.awards-summary label{font-size:12px;color:var(--muted)}.awards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.award-card{background:var(--card);border:1px solid #e2e8ef;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.award-card.earned{border-color:#c79a3b;box-shadow:0 2px 10px #c79a3b2e}.award-top{display:flex;align-items:center;gap:10px}.award-medal{font-size:22px}.award-name{font-weight:700;color:var(--navy);font-size:15px}.award-bar{height:8px;background:#dbe7f2;border-radius:999px;overflow:hidden}.award-bar span{display:block;height:100%;background:var(--navy-2);border-radius:999px}.award-card.earned .award-bar span{background:#c79a3b}.award-meta{font-size:13px;color:var(--muted)}.award-need{font-size:12px;color:var(--muted);line-height:1.4}.award-card .btn{margin-top:auto;min-height:38px;padding:8px 12px;font-size:14px}.gs-card{background:linear-gradient(180deg,#eef5fc 0%,var(--card) 120px);border:1px solid #d7e6f4;border-radius:14px;padding:16px 16px 14px;margin:0 0 18px;box-shadow:0 2px 10px #0b3d620f}.gs-head{display:flex;align-items:flex-start;gap:10px}.gs-head h3{margin:0 0 4px;color:var(--navy);font-size:19px}.gs-sub{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.gs-x{margin-left:auto;background:none;border:none;color:var(--muted);font-size:18px;line-height:1;padding:4px 6px;cursor:pointer;border-radius:8px}.gs-x:hover{background:#e6eef6;color:var(--navy)}.gs-progress{display:flex;align-items:center;gap:10px;margin:12px 0 6px}.gs-bar{flex:1;height:7px;background:#dbe7f2;border-radius:999px;overflow:hidden}.gs-bar span{display:block;height:100%;background:var(--navy-2);border-radius:999px;transition:width .35s ease}.gs-count{font-size:12px;color:var(--muted);white-space:nowrap}.gs-steps{list-style:none;margin:8px 0 4px;padding:0}.gs-step{display:flex;align-items:center;gap:12px;padding:10px 6px;border-top:1px solid #e8eef4}.gs-step:first-child{border-top:none}.gs-mark{flex:none;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;background:#dbe7f2;color:var(--navy)}.gs-step.next .gs-mark{background:var(--navy);color:#fff}.gs-step.done .gs-mark{background:#1f9d6b;color:#fff}.gs-body{flex:1;min-width:0}.gs-title{font-weight:600;color:var(--text);font-size:15px}.gs-step.done .gs-title{color:var(--muted);text-decoration:line-through}.gs-help{color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}.gs-go{flex:none}.gs-go.btn{min-height:38px;padding:8px 14px;font-size:14px}.gs-actions{display:flex;align-items:center;gap:16px;margin:6px 0 2px}.gs-whats{display:inline-block;margin-top:8px;font-size:14px}.gs-whatslist{margin:8px 0 2px;padding-left:2px;list-style:none}.gs-whatslist li{font-size:13.5px;color:var(--muted);line-height:1.5;margin:6px 0}.gs-whatslist b{color:var(--text);font-weight:600}