:root{--bg:#f6f7f9;--surface:#fff;--border:#e2e6ea;--text:#1c2430;--muted:#667085;--accent:#0f766e;--accent-text:#fff;--line:#06c755;--k-bait:#b45309;--k-water:#2563eb;--k-tide:#7c3aed;--k-bite:#dc2626;--k-catch:#0f766e;--k-move:#475569;--k-lure:#c2410c;--k-weather:#0369a1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--surface:#182029;--border:#2a3440;--text:#e6edf3;--muted:#8b98a5;--accent:#2dd4bf;--accent-text:#062a26;--k-bait:#f59e0b;--k-water:#60a5fa;--k-tide:#a78bfa;--k-bite:#f87171;--k-catch:#2dd4bf;--k-move:#94a3b8;--k-lure:#fb923c;--k-weather:#38bdf8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{font-size:18px}@media (width>=900px){html{font-size:17px}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}h2{margin:20px 0 10px;font-size:1.15rem}h3{margin:0 0 8px;font-size:.95rem}ul{margin:0;padding-left:1.2em}li{margin:5px 0;line-height:1.6}.muted{color:var(--muted)}.shell{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.top{z-index:20;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{font-weight:700}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.nav{z-index:10;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;color:var(--muted);flex:1;padding:14px 0;font-weight:600}.nav a.active{color:var(--accent)}.main{max-width:860px;margin:0 auto;padding:8px 16px 24px}@media (width>=900px){.shell{padding-bottom:0;padding-left:200px}.nav{border-top:none;border-right:1px solid var(--border);flex-direction:column;width:200px;padding-top:64px;top:0;bottom:0;right:auto}.nav a{text-align:left;flex:none;padding:12px 24px}.top{position:fixed;left:0;right:0}.main{padding-top:72px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:block}.list{gap:10px;display:grid}.trip-head{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.spot{margin:4px 0 6px;font-weight:700}.meta{align-items:center;gap:8px;font-size:.9rem;display:flex}.chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:.75rem}.more,.back{color:var(--accent);margin:12px 0;font-weight:600}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:14px}.stat .num{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.stat .label{color:var(--muted);font-size:.8rem}.go{color:var(--muted);margin-left:auto;font-size:1.3rem;line-height:1}.diary{gap:12px;display:grid}.diary .back{margin:8px 0 0}.diary-head h1{margin:2px 0 4px;font-size:1.45rem;line-height:1.35}.diary-head .when{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.diary-head .when .muted{font-size:.9rem;font-weight:400}.diary .stats{margin-top:0}.sec h3{border-left:4px solid var(--accent);margin:0 0 10px;padding-left:10px;font-size:1.1rem}.fine{color:var(--muted);margin:10px 0 0;font-size:.8rem}.prose{margin:0;line-height:1.8}.rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rows>li{grid-template-columns:6.2em 1fr;align-items:baseline;gap:10px;margin:0;display:grid}.rows .k{color:var(--muted);font-size:.85rem;font-weight:600}.rows .v{font-variant-numeric:tabular-nums}.rows .v .bullets{padding-left:1.1em}.rows .v .bullets li{margin:0 0 4px}.tides{flex-direction:column;gap:2px;display:flex}.tides .during{font-weight:700}.prose+.rows{margin-top:14px}.bullets{margin:0;padding-left:1.2em}.bullets li{margin:0 0 6px;line-height:1.6}.bullets li:last-child{margin-bottom:0}.bullets .sub{color:var(--muted);font-size:.85rem;display:block}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{border-top:1px solid var(--border);grid-template-columns:3.1em 1fr;gap:10px;margin:0;padding:10px 0;display:grid}.timeline li:first-child{border-top:none;padding-top:0}.timeline .t{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.timeline .body{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.timeline .kind{border:1px solid;border-radius:6px;padding:1px 7px;font-size:.75rem;font-weight:700}.timeline .txt{flex:12em}.timeline .tide{color:var(--muted);flex-basis:100%;font-size:.85rem}.kind.k-bait{color:var(--k-bait)}.kind.k-water{color:var(--k-water)}.kind.k-tide{color:var(--k-tide)}.kind.k-bite{color:var(--k-bite)}.kind.k-catch{color:var(--k-catch)}.kind.k-move{color:var(--k-move)}.kind.k-lure{color:var(--k-lure)}.kind.k-weather{color:var(--k-weather)}.kind.k-other{color:var(--muted)}.voice{margin:0;padding:0;list-style:none;display:grid}.voice li{border-top:1px solid var(--border);margin:0;padding:10px 0}.voice li:first-child{border-top:none;padding-top:0}.voice .t{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.voice .fixed{line-height:1.6}.voice .raw{color:var(--muted);margin-top:2px;font-size:.85rem;line-height:1.5}.voice .fixes{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.flag{color:var(--k-bite);border:1px solid;border-radius:6px;padding:0 6px;font-size:.72rem;font-weight:700}.login{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:28px 22px}.login-card h1{margin:0 0 8px;font-size:1.5rem}.lead{color:var(--muted);margin:0 0 20px}.fine{color:var(--muted);margin-top:18px;font-size:.8rem}.btn{border:1px solid var(--border);cursor:pointer;background:var(--surface);width:100%;color:var(--text);border-radius:10px;margin-top:10px;padding:12px;font-size:1rem;font-weight:700;display:block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.line{background:var(--line);color:#fff;border-color:var(--line)}.btn.ghost{background:0 0}.status{margin:24px 0}.status-error{margin:20px 0}.status-error p{margin:0 0 12px;line-height:1.6}.bullets.checks{padding-left:0;list-style:none}.trend{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.trend th,.trend td{text-align:left;border-top:1px solid var(--border);vertical-align:middle;padding:6px 4px;font-size:.9rem}.trend thead th{color:var(--muted);border-top:none;font-size:.75rem;font-weight:600}.trend tbody th{font-weight:600}.trend tr.thin{color:var(--muted)}.trend .bar-c{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trend td,.trend thead th{white-space:nowrap}.trend td .muted{font-size:.75rem}.trend .bar{background:var(--bg);border:1px solid var(--border);border-radius:4px;width:64px;height:8px;display:inline-block;overflow:hidden}.trend .bar>span{background:var(--accent);height:100%;display:block}.trend tr.thin .bar>span{opacity:.4}.trend .rate{min-width:3em}.insight .bullets li{font-weight:600}.chip.warn{color:#d9822b;border-color:#d9822b}.tabs{gap:8px;margin:12px 0;display:flex}.tabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;flex:1;padding:10px;font-size:1rem;font-weight:700}.tabs button.on{color:var(--accent);border-color:var(--accent)}.fields{flex-wrap:wrap;align-items:flex-end;gap:8px;margin:8px 0;display:flex}.field{color:var(--muted);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.field input{border:1px solid var(--border);background:var(--surface);color:var(--text);box-sizing:border-box;border-radius:8px;width:100%;padding:6px 8px;font-size:1rem}.check{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.mini{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 10px;font-size:.9rem}.import-trip.skipped{opacity:.55}.catches{margin-top:6px}