@unbrained/pm-web 2026.6.14 → 2026.7.10

package/public/styles.css

@@ -168,7 +168,7 @@
 }
 .theme-toggle:hover { border-color: var(--accent); color: var(--accent); }
 
-html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--bg-base); color: var(--text-primary); font-size: 14px; line-height: 1.5; }
+html, body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: var(--bg-base); color: var(--text-primary); font-size: 14px; line-height: 1.5; }
 
 /* ── Scrollbars ── */
 ::-webkit-scrollbar { width: 6px; height: 6px; }
@@ -194,7 +194,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 }
 .auth-brand { text-align: center; z-index: 1; }
 .auth-logo {
-  font-family: 'JetBrains Mono', monospace; font-size: 48px; font-weight: 500;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 48px; font-weight: 500;
   color: var(--accent); letter-spacing: -2px; margin-bottom: 16px;
 }
 .auth-logo span { color: var(--text-secondary); }
@@ -265,7 +265,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
   display: flex; align-items: center; padding: 0 16px; gap: 12px; flex-shrink: 0;
   z-index: 100;
 }
-.nav-logo { font-family: 'JetBrains Mono', monospace; font-size: 18px; color: var(--accent); font-weight: 500; letter-spacing: -1px; flex-shrink: 0; }
+.nav-logo { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 18px; color: var(--accent); font-weight: 500; letter-spacing: -1px; flex-shrink: 0; }
 .nav-logo span { color: var(--text-muted); }
 .nav-divider { width: 1px; height: 20px; background: var(--border-light); flex-shrink: 0; }
 .project-selector-wrap { flex: 1; max-width: 320px; }
@@ -280,7 +280,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 .nav-search-hint {
   font-size: 11px; color: var(--text-muted); background: var(--bg-input);
   border: 1px solid var(--border); border-radius: 6px; padding: 4px 8px;
-  font-family: 'JetBrains Mono', monospace; cursor: pointer; transition: var(--transition);
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; cursor: pointer; transition: var(--transition);
 }
 .nav-search-hint:hover { border-color: var(--accent); color: var(--text-secondary); }
 .user-menu { display: flex; align-items: center; gap: 8px; }
@@ -315,7 +315,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 .sidebar-item-icon { font-size: 14px; width: 18px; text-align: center; flex-shrink: 0; }
 .sidebar-badge {
   margin-left: auto; font-size: 10px; background: var(--bg-card);
-  color: var(--text-muted); padding: 1px 6px; border-radius: 10px; font-family: 'JetBrains Mono', monospace;
+  color: var(--text-muted); padding: 1px 6px; border-radius: 10px; font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
 }
 .sidebar-item.active .sidebar-badge { background: var(--accent-dim); color: var(--accent); }
 
@@ -367,7 +367,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 }
 .item-row:hover { border-color: var(--border-light); background: var(--bg-sidebar-hover); transform: translateX(2px); }
 .item-type-icon { font-size: 14px; width: 20px; text-align: center; flex-shrink: 0; color: var(--text-muted); }
-.item-id { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--text-muted); flex-shrink: 0; min-width: 70px; }
+.item-id { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 11px; color: var(--text-muted); flex-shrink: 0; min-width: 70px; }
 .item-title { flex: 1; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .item-meta { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
 .status-badge {
@@ -391,7 +391,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 .priority-5 { background: var(--priority-5); }
 
 .item-tags { display: flex; gap: 4px; flex-wrap: wrap; }
-.tag { font-size: 10px; background: rgba(45,212,191,0.1); color: var(--accent); padding: 1px 6px; border-radius: 4px; font-family: 'JetBrains Mono', monospace; }
+.tag { font-size: 10px; background: rgba(45,212,191,0.1); color: var(--accent); padding: 1px 6px; border-radius: 4px; font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; }
 
 /* ── Empty State ── */
 .empty-state { padding: 48px; text-align: center; color: var(--text-muted); }
@@ -431,7 +431,7 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 
 /* ── Item Detail ── */
 .item-detail-header { margin-bottom: 24px; }
-.item-detail-id { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--text-muted); margin-bottom: 6px; }
+.item-detail-id { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 12px; color: var(--text-muted); margin-bottom: 6px; }
 .item-detail-title { font-size: 20px; font-weight: 600; margin-bottom: 12px; line-height: 1.3; }
 .item-detail-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
 .meta-chip {
@@ -467,13 +467,13 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 .stats-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }
 .stat-card { background: var(--bg-card2); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px; }
 .stat-icon { font-size: 16px; color: var(--text-muted); margin-bottom: 6px; line-height: 1; }
-.stat-value { font-size: 28px; font-weight: 700; font-family: 'JetBrains Mono', monospace; color: var(--accent); line-height: 1; }
+.stat-value { font-size: 28px; font-weight: 700; font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; color: var(--accent); line-height: 1; }
 .stat-label { font-size: 11px; color: var(--text-muted); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
 
 .breakdown-row { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--border); }
 .breakdown-row:last-child { border-bottom: none; }
 .breakdown-label { flex: 1; font-size: 13px; color: var(--text-secondary); }
-.breakdown-count { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--text-primary); min-width: 30px; text-align: right; }
+.breakdown-count { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 13px; color: var(--text-primary); min-width: 30px; text-align: right; }
 .breakdown-bar-wrap { width: 80px; height: 4px; background: var(--border); border-radius: 2px; overflow: hidden; }
 .breakdown-bar { height: 100%; background: var(--accent); border-radius: 2px; transition: width 0.5s ease; }
 
@@ -482,12 +482,12 @@ html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--b
 .calendar-event:hover { background: var(--bg-sidebar-hover); }
 .calendar-event-title { font-size: 13px; font-weight: 500; }
 .calendar-event-date { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
-.calendar-event-id { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--text-muted); }
+.calendar-event-id { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 10px; color: var(--text-muted); }
 
 /* ── Context ── */
 .context-section { margin-bottom: 20px; }
 .context-section-title { font-size: 13px; font-weight: 600; color: var(--accent); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
-.context-block { background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px 14px; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--text-secondary); white-space: pre-wrap; overflow-x: auto; }
+.context-block { background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px 14px; font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 12px; color: var(--text-secondary); white-space: pre-wrap; overflow-x: auto; }
 .context-item-row { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
 .context-item-row:last-child { border-bottom: none; }
 
@@ -553,7 +553,7 @@ body.graph-mode #app-body {
   white-space: nowrap;
 }
 .graph-mode-chip {
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 9px;
   font-weight: 500;
   padding: 2px 7px;
@@ -608,7 +608,7 @@ body.graph-mode #app-body {
   outline: none;
   color: var(--text-primary);
   font-size: 13px;
-  font-family: 'Inter', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 .graph-search-hud-input::placeholder { color: var(--text-muted); }
 .graph-preset-rail {
@@ -656,7 +656,7 @@ body.graph-mode #app-body {
 }
 .graph-preset-btn strong {
   color: var(--text-muted);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 9px;
   font-weight: 600;
   text-transform: uppercase;
@@ -677,7 +677,7 @@ body.graph-mode #app-body {
   border-radius: 6px;
   color: var(--text-secondary);
   font-size: 12px;
-  font-family: 'Inter', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   padding: 5px 10px;
   cursor: pointer;
   white-space: nowrap;
@@ -783,7 +783,7 @@ body.graph-mode #app-body {
   cursor: pointer;
   transition: background 0.15s;
   text-align: center;
-  font-family: 'Inter', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 .graph-scope-btn:hover { background: rgba(45,212,191,0.18); }
 .graph-dep-mode-btn {
@@ -800,7 +800,7 @@ body.graph-mode #app-body {
   font-size: 12px;
   padding: 7px 9px;
   cursor: pointer;
-  font-family: 'Inter', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 .graph-dep-mode-btn:hover,
 .graph-dep-mode-btn.active {
@@ -810,7 +810,7 @@ body.graph-mode #app-body {
 }
 .graph-dep-mode-btn strong {
   color: #fb923c;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   text-transform: uppercase;
 }
@@ -986,12 +986,12 @@ body.graph-mode #app-body {
   text-overflow: ellipsis;
 }
 .graph-rel-id {
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 11px;
   color: var(--text-muted);
 }
 .graph-rel-type {
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   color: var(--accent);
   border: 1px solid var(--border-light);
@@ -1006,7 +1006,7 @@ body.graph-mode #app-body {
   margin-top: 4px;
   font-size: 10px;
   color: var(--text-muted);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
 }
 .graph-rel-props em {
   color: var(--text-secondary);
@@ -1027,7 +1027,7 @@ body.graph-mode #app-body {
   font-size: 13px;
   color: var(--text-secondary);
 }
-.graph-type-row strong { color: var(--text-primary); font-family: 'JetBrains Mono', monospace; }
+.graph-type-row strong { color: var(--text-primary); font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; }
 .graph-node-list { display: flex; flex-direction: column; gap: 6px; }
 .graph-node {
   width: 100%;
@@ -1128,7 +1128,7 @@ body.graph-mode #app-body {
   border-radius: 6px;
   color: var(--text-secondary);
   font-size: 12px;
-  font-family: 'Inter', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   padding: 5px 8px;
   cursor: pointer;
   outline: none;
@@ -1154,7 +1154,7 @@ body.graph-mode #app-body {
   margin-bottom: 6px;
 }
 .graph-selected-title { font-size: 15px; font-weight: 700; color: var(--text-primary); line-height: 1.3; }
-.graph-selected-meta { margin-top: 4px; color: var(--text-muted); font-family: 'JetBrains Mono', monospace; font-size: 11px; overflow-wrap: anywhere; }
+.graph-selected-meta { margin-top: 4px; color: var(--text-muted); font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 11px; overflow-wrap: anywhere; }
 .graph-selected-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
 .graph-selected-counts {
   display: flex;
@@ -1166,7 +1166,7 @@ body.graph-mode #app-body {
   border: 1px solid var(--border);
   border-radius: 999px;
   color: var(--text-secondary);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   padding: 4px 8px;
 }
@@ -1211,7 +1211,7 @@ body.graph-mode #app-body {
 .graph-blocker-row:hover { border-color: rgba(251,146,60,0.42); }
 .graph-blocker-row span {
   color: #fb923c;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 9px;
   text-transform: uppercase;
 }
@@ -1283,7 +1283,7 @@ body.graph-mode #app-body {
 .graph-neighbor:hover strong { color: var(--text-primary); }
 .graph-rel-badge {
   display: inline-block;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 9px;
   color: var(--accent);
   border: 1px solid var(--border-light);
@@ -1328,14 +1328,14 @@ body.graph-mode #app-body {
   display: block;
   margin-top: 2px;
   color: var(--text-muted);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   font-style: normal;
 }
 .graph-insight-row b {
   align-self: center;
   color: var(--accent);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
 }
 .graph-insight-row small {
   grid-column: 1 / -1;
@@ -1385,7 +1385,7 @@ body.graph-mode #app-body {
 }
 .graph-chain-row i {
   color: var(--text-muted);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-style: normal;
   font-weight: 500;
 }
@@ -1400,7 +1400,7 @@ body.graph-mode #app-body {
 .graph-path-label {
   margin-bottom: 6px;
   color: var(--text-muted);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   text-transform: uppercase;
 }
@@ -1466,7 +1466,7 @@ body.graph-mode #app-body {
   white-space: nowrap;
 }
 .graph-physics-val {
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   color: var(--accent);
   text-align: right;
@@ -1512,7 +1512,7 @@ body.graph-mode #app-body {
   gap: 6px;
 }
 .graph-depth-val {
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 10px;
   color: var(--accent);
   min-width: 14px;
@@ -1576,7 +1576,7 @@ body.graph-mode #app-body {
   border: none;
   width: 100%;
   text-align: left;
-  font-family: 'Inter', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 .graph-ctx-item:hover {
   background: rgba(148,163,184,0.08);
@@ -1634,7 +1634,7 @@ body.graph-mode #app-body {
   display: block;
   margin-top: 2px;
   color: var(--text-muted);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace;
   font-size: 11px;
 }
 .admin-pill {
@@ -1713,10 +1713,10 @@ body.graph-mode #app-body {
 }
 .project-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
 .project-card-name { font-size: 16px; font-weight: 600; margin-bottom: 4px; }
-.project-card-slug { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--text-muted); margin-bottom: 8px; }
+.project-card-slug { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 11px; color: var(--text-muted); margin-bottom: 8px; }
 .project-card-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }
 .project-card-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
-.project-card-prefix { font-family: 'JetBrains Mono', monospace; font-size: 11px; background: var(--accent-glow); color: var(--accent); padding: 2px 8px; border-radius: 4px; }
+.project-card-prefix { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 11px; background: var(--accent-glow); color: var(--accent); padding: 2px 8px; border-radius: 4px; }
 .project-card-date { font-size: 11px; color: var(--text-muted); }
 .project-card-del { position: absolute; top: 12px; right: 12px; opacity: 0; transition: var(--transition); }
 .project-card:hover .project-card-del { opacity: 1; }
@@ -1743,7 +1743,7 @@ body.graph-mode #app-body {
 hr.section-divider { border: none; border-top: 1px solid var(--border); margin: 20px 0; }
 
 /* ── Code/mono snippets ── */
-.mono { font-family: 'JetBrains Mono', monospace; }
+.mono { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; }
 
 /* ── Two-col layout ── */
 .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@@ -1763,7 +1763,7 @@ hr.section-divider { border: none; border-top: 1px solid var(--border); margin:
 .notes-item-meta { font-size: 11px; color: var(--text-muted); margin-bottom: 4px; }
 .test-item { padding: 10px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 10px; }
 .test-item:last-child { border-bottom: none; }
-.test-item-cmd { font-family: 'JetBrains Mono', monospace; font-size: 12px; background: var(--bg-input); border-radius: 4px; padding: 2px 6px; }
+.test-item-cmd { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 12px; background: var(--bg-input); border-radius: 4px; padding: 2px 6px; }
 .health-score-display { text-align: center; padding: 32px; }
 .health-score-number { font-size: 72px; font-weight: 700; line-height: 1; }
 .health-score-label { font-size: 14px; color: var(--text-secondary); margin-top: 8px; }
@@ -1773,7 +1773,7 @@ hr.section-divider { border: none; border-top: 1px solid var(--border); margin:
 .dep-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
 .dep-row:last-child { border-bottom: none; }
 .dep-rel { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; background: var(--bg-input); color: var(--text-muted); padding: 2px 7px; border-radius: 4px; flex-shrink: 0; }
-.dep-id { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--accent); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
+.dep-id { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 11px; color: var(--accent); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
 .learning-row { padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px; color: var(--text-secondary); line-height: 1.6; }
 .learning-row:last-child { border-bottom: none; }
 .share-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
@@ -1898,7 +1898,7 @@ hr.section-divider { border: none; border-top: 1px solid var(--border); margin:
 /* ── Files ── */
 .file-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
 .file-row:last-child { border-bottom: none; }
-.file-path { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--accent); flex: 1; }
+.file-path { font-family: 'SFMono-Regular', Monaco, 'Cascadia Code', 'Liberation Mono', monospace; font-size: 12px; color: var(--accent); flex: 1; }
 
 /* ── SSE Real-time Indicator ── */
 .sse-indicator {

package/public/terms.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="de" data-theme="auto">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Terms for pm-web.">
+<title>Terms - pm-web</title>
+<link rel="stylesheet" href="/styles.css?v=20">
+<link rel="stylesheet" href="/legal-common.css?v=1">
+</head>
+<body class="legal-shell">
+<nav class="legal-nav"><a class="legal-brand" href="/">pm-web</a><div class="legal-links"><a href="/legal-notice">Legal Notice</a><a href="/privacy-policy">Privacy Policy</a><a href="/cookie-settings">Cookies</a></div></nav>
+<main class="legal-main">
+  <p class="legal-kicker">Legal</p>
+  <h1>Terms</h1>
+  <p class="legal-updated">Stand: 26. Juni 2026</p>
+  <section class="legal-section"><h2>Geltungsbereich</h2><p>Diese Bedingungen gelten fuer die Nutzung von pm-web.unbrained.dev. Abweichende Bedingungen gelten nur, wenn sie schriftlich bestaetigt wurden.</p></section>
+  <section class="legal-section"><h2>Nutzung und Verfuegbarkeit</h2><p>pm-web wird ohne kostenpflichtige Servicegarantie bereitgestellt. Funktionen koennen geaendert, eingeschraenkt oder eingestellt werden, soweit dies fuer Betrieb, Sicherheit oder Weiterentwicklung erforderlich ist.</p></section>
+  <section class="legal-section"><h2>Nutzerpflichten</h2><p>Nutzer muessen Zugangsdaten schuetzen, keine rechtswidrigen Inhalte speichern und keine Handlungen setzen, die Sicherheit oder Verfuegbarkeit der Anwendung beeintraechtigen.</p></section>
+  <section class="legal-section"><h2>Inhalte und Open Source</h2><p>pm-web ist eine Software- und Projektmanagement-Anwendung. Fuer Open-Source-Komponenten gelten die jeweiligen Lizenztexte in den verlinkten Repositories.</p></section>
+  <section class="legal-section"><h2>Haftung</h2><p>Eine Haftung besteht nur nach den gesetzlichen Bestimmungen. Fuer leichte Fahrlaessigkeit wird, soweit rechtlich zulaessig, nur bei Verletzung wesentlicher Vertragspflichten gehaftet.</p></section>
+  <section class="legal-section"><h2>Kontakt</h2><p>Fragen zu diesen Bedingungen bitte an <a href="mailto:stefan@preu.at">stefan@preu.at</a>.</p></section>
+</main>
+<div class="cookie-consent" id="cookie-consent" hidden><div class="cookie-consent-text"><strong>Cookie Settings</strong><span>We only use technically necessary storage for sign-in, security, and preferences. No optional tracking cookies.</span></div><div class="cookie-consent-actions"><a href="/privacy-policy">Privacy Policy</a><button type="button" class="btn btn-secondary btn-sm" data-cookie-decline>Necessary only</button><button type="button" class="btn btn-primary btn-sm" data-cookie-accept>Got it</button></div></div>
+<script src="/cookie-consent.js?v=1"></script>
+</body>
+</html>