:root{--bg: #f3efe6;--elev: #fffdf8;--ink: #1c2430;--muted: #6b7380;--line: rgba(28, 36, 48, .1);--sea: #2a6f7a;--sea-dim: rgba(42, 111, 122, .12);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}body{width:380px;min-height:520px}.harbor-app{min-height:520px;background:radial-gradient(480px 220px at 0% 0%,rgba(42,111,122,.12),transparent 55%),var(--bg);padding-bottom:16px}.harbor-header{padding:14px 14px 8px;display:flex;align-items:flex-start;gap:8px}.harbor-header h1{margin:0;flex:1;font-family:var(--display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.harbor-header p{margin:2px 0 0;color:var(--muted);font-size:.75rem}.btn{appearance:none;border:1px solid var(--line);background:var(--elev);color:var(--ink);border-radius:11px;padding:9px 11px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.btn.primary{background:var(--sea);color:#fff;border-color:transparent}.btn.danger{color:#9b2f2f;border-color:#9b2f2f40}.btn:disabled{opacity:.5;cursor:not-allowed}.save-box{margin:6px 14px 10px;padding:12px;border-radius:14px;background:var(--elev);border:1px solid var(--line);box-shadow:0 8px 24px #1c24300a}.save-box label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px}.save-box input{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;padding:9px 10px;margin-bottom:8px;outline:none}.save-actions{display:flex;gap:8px}.save-actions .btn{flex:1}.hint{color:var(--muted);font-size:.72rem;margin-top:6px}.section{padding:4px 14px}.section h2{margin:0 0 8px;font-family:var(--display);font-size:.95rem;font-weight:600}.session{background:var(--elev);border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:8px}.session .top{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}.session h3{margin:0;flex:1;font-size:.9rem;font-weight:700}.session .meta{color:var(--muted);font-size:.72rem;margin-bottom:8px}.session .urls{max-height:72px;overflow:auto;margin-bottom:8px;font-size:.7rem;color:var(--muted)}.session .urls div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session .actions{display:flex;flex-wrap:wrap;gap:6px}.empty{color:var(--muted);font-size:.8rem;padding:8px 0}.error{margin:0 14px 8px;padding:8px 10px;border-radius:10px;background:#ffe8e4;color:#8a2f22;font-size:.75rem}.toast{position:fixed;left:50%;bottom:12px;transform:translate(-50%);background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;padding:8px 12px;border-radius:999px}