.note-board{column-count:4;column-gap:18px}@media (max-width:1300px){.note-board{column-count:3}}.note-card{break-inside:avoid;background:var(--surface);border:1.5px solid var(--line);border-top:4px solid var(--note-c,var(--pri));cursor:pointer;border-radius:16px;margin-bottom:18px;padding:16px 17px 14px;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 6px 18px #46301212}.appshell.dark .note-card{box-shadow:0 8px 22px #00000052}.note-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #46301224}.appshell.dark .note-card:hover{box-shadow:0 16px 34px #00000075}.note-card.tint{background:color-mix(in srgb, var(--note-c) 13%, var(--surface));border-color:color-mix(in srgb, var(--note-c) 26%, var(--line))}.note-pin{background:color-mix(in srgb, var(--note-c) 18%, var(--surface));width:24px;height:24px;color:var(--note-c);border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px}.note-tag{letter-spacing:.02em;background:color-mix(in srgb, var(--note-c) 16%, transparent);color:var(--note-c);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.note-check{color:var(--ink);align-items:flex-start;gap:9px;font-size:13.5px;font-weight:500;line-height:1.4;display:flex}.note-check.done{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.note-box{box-sizing:border-box;border-radius:5px;flex:none;place-items:center;width:17px;height:17px;margin-top:1px;display:grid}.note-box.on{background:var(--note-c)}.note-box.off{border:1.8px solid color-mix(in srgb, var(--note-c) 45%, var(--line))}.note-foot{border-top:1px solid color-mix(in srgb, var(--note-c) 14%, var(--line));align-items:center;gap:8px;margin-top:13px;padding-top:11px;display:flex}.note-add{break-inside:avoid;border:1.6px dashed var(--line);cursor:pointer;min-height:96px;color:var(--muted);background:0 0;border-radius:16px;place-items:center;gap:8px;margin-bottom:18px;padding:22px;font-size:14px;font-weight:700;transition:border-color .12s,color .12s;display:grid}.note-add:hover{border-color:var(--pri);color:var(--pri)}
.appshell{--boat-water:#dceef9;--boat-water2:#cee6f5;--boat-grid:#a9cce3;--boat-edge:#7faecd;--boat-label:#5f86a0;--boat-ship:#64727f;--boat-ship-hi:#7d8b98;--boat-ship-d:#48535d;--boat-hit:#e0492f;--boat-miss:#6f8ba0;--boat-sunk:#8a2c1c;--boat-aim:#0e7490}.appshell.dark{--boat-water:#102a3c;--boat-water2:#0c2231;--boat-grid:#1e3c52;--boat-edge:#2b5572;--boat-label:#6f97b3;--boat-ship:#7a8794;--boat-ship-hi:#94a1ad;--boat-ship-d:#5a6671;--boat-hit:#ff6a4d;--boat-miss:#85a0b5;--boat-sunk:#b5402c;--boat-aim:#3fb6cf}.boat-board{background:repeating-linear-gradient(0deg, transparent 0, transparent calc(var(--bc) - 1px), var(--boat-grid) calc(var(--bc) - 1px), var(--boat-grid) var(--bc)), repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--bc) - 1px), var(--boat-grid) calc(var(--bc) - 1px), var(--boat-grid) var(--bc)), linear-gradient(160deg, var(--boat-water) 0%, var(--boat-water2) 100%);border:2px solid var(--boat-edge);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 30px #28465f2e,inset 0 1px #ffffff59}.appshell.dark .boat-board{box-shadow:0 14px 34px #00000080}.boat-label{color:var(--boat-label);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:800;display:grid}.boat-ship{box-sizing:border-box;background:linear-gradient(160deg, var(--boat-ship-hi), var(--boat-ship) 55%, var(--boat-ship-d));border:1.5px solid var(--boat-ship-d);border-radius:999px;position:absolute;box-shadow:inset 0 2px 4px #ffffff38,inset 0 -3px 6px #00000038,0 3px 8px #0000002e}.boat-ship.sunk{background:linear-gradient(160deg, #b5503f, var(--boat-sunk) 60%, #6e2114);border-color:#5e1d11}.boat-ship.ghost{opacity:.5;background:linear-gradient(160deg, var(--boat-aim), color-mix(in srgb, var(--boat-aim) 70%, #000));border-color:var(--boat-aim)}.boat-ship .rivet{background:#ffffff73;border-radius:50%;width:3px;height:3px;position:absolute}.boat-mk{pointer-events:none;place-items:center;display:grid;position:absolute}.boat-hit{color:#fff}.boat-hit .burst{filter:drop-shadow(0 1px 2px #0006)}.boat-miss .dot{background:var(--boat-miss);opacity:.8;border-radius:50%;width:30%;height:30%;box-shadow:0 1px 2px #00000040}.boat-aim-ring{box-sizing:border-box;border:2.5px solid var(--boat-aim);box-shadow:0 0 0 3px color-mix(in srgb, var(--boat-aim) 28%, transparent);border-radius:8px;position:absolute}.boat-fleet{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.boat-fleet.placed{border-color:color-mix(in srgb, var(--boat-aim) 40%, var(--line));background:color-mix(in srgb, var(--boat-aim) 7%, var(--surface))}.boat-fleet.sunk{opacity:.55}.boat-pips{gap:3px;display:flex}.boat-pip{background:linear-gradient(160deg, var(--boat-ship-hi), var(--boat-ship-d));border-radius:4px;width:13px;height:13px}.boat-pip.gone{background:var(--bg-soft);border:1.5px solid var(--line);box-sizing:border-box}
.trip-navitem{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;width:100%;font-family:inherit;transition:background .14s,color .14s;display:flex}.trip-navitem:hover{background:var(--bg-soft);color:var(--ink)}.trip-navitem.on{background:var(--pri-soft);color:var(--pri-d)}.trip-edit{font:inherit;cursor:text;width:100%;min-width:0;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:8px;outline:none;margin-left:-7px;padding:3px 7px;transition:background .12s,border-color .12s,box-shadow .12s}.trip-edit:hover{background:var(--bg-soft);border-color:var(--line)}.trip-edit:focus{background:var(--surface);border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb, var(--pri) 18%, transparent)}.trip-edit::placeholder{color:var(--placeholder)}
.xwrap{background:#fffdf9;border:1px solid #e0d3bd;border-radius:12px;max-height:100%;overflow:auto}.xsheet{border-collapse:collapse;color:#2a2117;background:#fffdf9;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:13px}.xsheet th,.xsheet td{white-space:nowrap;border:1px solid #ece0cd;height:32px;padding:5px 8px}.xsheet thead th{color:#7a6448;letter-spacing:.02em;text-align:center;vertical-align:middle;text-transform:uppercase;white-space:normal;background:#f0e7d7;border-color:#e3d4bb;font-size:10.5px;font-weight:800;line-height:1.2;position:sticky;top:0}.xsheet td.x-idx{color:#a8916e;text-align:center;background:#f6efe1;font-weight:700}.xsheet td.x-num{text-align:right;font-variant-numeric:tabular-nums}.xsheet td.x-c{text-align:center}.xsheet td.x-pay{color:#cf4634;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.xsheet td.x-paid{background:#dceccf}.xsheet td.x-unpaid{background:#f7ddd4}.xsheet td.x-sel{color:#5b4a36;font-weight:700}.xsum{border-collapse:collapse;color:#2a2117;background:#fffdf9;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:12.5px}.xsum th,.xsum td{white-space:nowrap;border:1px solid #e3d4bb;padding:6px 11px}.xsum thead th{text-transform:uppercase;letter-spacing:.02em;text-align:center;font-size:10.5px;font-weight:800}.xsum td.n{text-align:right;font-variant-numeric:tabular-nums}.xsum tr.tot td{background:#f0e7d7;font-weight:800}.appshell.dark .xwrap{background:#1e1f24;border-color:#33363d}.appshell.dark .xsheet{color:var(--ink);background:#1e1f24}.appshell.dark .xsheet th,.appshell.dark .xsheet td{border-color:#2f323a}.appshell.dark .xsheet thead th{color:#a2a5ad;background:#262830;border-color:#34373f}.appshell.dark .xsheet td.x-idx{color:#71757d;background:#24262c}.appshell.dark .xsheet td.x-pay{color:#f0766a}.appshell.dark .xsheet td.x-paid{background:#1c3a1f}.appshell.dark .xsheet td.x-unpaid{background:#3a1c1a}.appshell.dark .xsheet td.x-sel{color:#c9ccd2}.appshell.dark .xsum{color:var(--ink);background:#1e1f24}.appshell.dark .xsum th,.appshell.dark .xsum td{border-color:#34373f}.appshell.dark .xsum tr.tot td{background:#262830}.mmenu-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 11px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.mmenu-item:hover{background:var(--bg-soft)}.mmenu-item.danger{color:#d6453a}