/* Shared visual system. No remote fonts or third-party assets required. */
:root {
  --ink:#101828; --muted:#667085; --line:#e4e7ec; --bg:#f7f8fa;
  --panel:#fff; --blue:#3559e0; --blue2:#2444bd; --pale:#eef2ff;
  --nav:#101828; --button-bg:#3559e0; --button-hover:#2444bd; --button-text:#fff;
  --surface-soft:#fcfcfd; --shadow-soft:0 3px 14px #10182805;
}
html[data-theme="dark"] {
  --ink:#f2f4f7; --muted:#98a2b3; --line:#344054; --bg:#0b1220;
  --panel:#111827; --blue:#8098f9; --blue2:#6172f3; --pale:#1d2939;
  --nav:#080d17; --button-bg:#8098f9; --button-hover:#a4bcfd; --button-text:#101828;
  --surface-soft:#0f172a; --shadow-soft:0 3px 14px #00000012;
}
body {font-family:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
button,input,textarea,select {font:inherit;}
h1,h2,h3,h4 {text-wrap:balance;font-weight:650;}
h1,h2 {letter-spacing:-.035em;}
a,button,input,select,textarea,summary {transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;}
:focus-visible {outline:3px solid var(--blue);outline-offset:3px;}
.skip-link {position:fixed;top:8px;left:16px;z-index:100;background:var(--panel);padding:10px 16px;border:1px solid var(--line);border-radius:8px;transform:translateY(-150%);}
.skip-link:focus {transform:none;}
.sidebar {width:232px;padding:28px 16px 12px;border-right:1px solid #ffffff0d;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#475467 transparent;}
.sidebar .brand {font-size:18px;letter-spacing:-.6px;padding:0 10px 30px;}
.brand b {font-weight:650;letter-spacing:-.5px;}
.brand-logo {width:32px;height:32px;flex-basis:32px;}
.sidebar .side-label {color:#98a2b3;font-size:10px;font-weight:600;letter-spacing:.14em;padding:20px 14px 10px;}
.sidebar nav {gap:5px;}
.sidebar nav a {min-height:42px;padding:10px 13px;border-radius:7px;color:#d0d5dd;font-size:13px;font-weight:500;gap:12px;}
.sidebar nav a:hover {background:#ffffff09;color:#fff;}
.sidebar nav a[aria-current="page"] {background:#8098f918;color:#c7d7fe;box-shadow:inset 2px 0 #8098f9;}
.nav-icon {width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.side-plan {margin:32px 8px 0;padding:16px;background:#ffffff05;border-color:#ffffff14;border-radius:10px;}
.side-plan>span {color:#f2f4f7;font-size:11px;letter-spacing:.05em;}
.side-plan .plan-caption {margin:4px 0 12px;color:#98a2b3;}
.side-plan a {color:#a4bcfd;font-size:12px;}
.sidebar .logout {margin-top:auto;padding-top:20px;}
.sidebar .logout button {color:#b9c2d0;padding:10px 14px;font-size:12px;}
.sidebar-legal {color:#98a2b3;}
.setup-resume {background:#ffffff07;border-color:#ffffff20;color:#f2f4f7;font-size:12px;}
.setup-resume small {color:#b9c2d0;}
.app {margin-left:232px;}
.topbar,html[data-theme="dark"] .topbar {height:76px;padding:0 36px;background:var(--bg);border-bottom:1px solid var(--line);}
.topbar-identity b {font-weight:600;font-size:13px;}
.topbar-identity .muted {font-size:12px;}
.top-actions {align-items:center;gap:8px;}
.top-actions .ghost {background:transparent;}
.theme-toggle {border-color:transparent;}
.workspace-menu summary {background:var(--panel);border-radius:7px;}
.main {max-width:1440px;padding:38px 36px 64px;}
.welcome,.page-title {margin-bottom:30px;gap:24px;align-items:center;}
.welcome h1,.page-title h1 {font-size:clamp(27px,2.6vw,36px);letter-spacing:-1.15px;line-height:1.2;margin:8px 0 10px;}
.welcome p,.page-title p {font-size:13px;max-width:680px;line-height:1.7;}
.badge {font-size:10px;font-weight:650;letter-spacing:.14em;}
.btn,.ghost,.workflow-actions a.btn {min-height:36px;padding:8px 14px;font-size:12px;font-weight:600;line-height:1.4;border-radius:7px;gap:6px;}
.btn {background:var(--button-bg);color:var(--button-text);border:1px solid transparent;box-shadow:0 1px 2px #10182810;}
.btn:hover {background:var(--button-hover);color:var(--button-text);}
.ghost,html[data-theme="dark"] .ghost {background:var(--panel);border:1px solid var(--line);color:var(--ink);box-shadow:none;}
.ghost:hover,html[data-theme="dark"] .ghost:hover {background:var(--pale);border-color:var(--blue);color:var(--blue);}
.btn.big,.ghost.big {font-size:13px;min-height:42px;padding:11px 18px;}
.btn.small,.ghost.small {min-height:30px;font-size:11px;padding:6px 10px;}
button:disabled,.btn:disabled {opacity:.5;cursor:not-allowed;}
.panel,.form-card,.auth-card,.table-card,.entity-card,.tracking-hero,.obligation-filter-panel,.calendar-month,.chat-panel {border-radius:12px;box-shadow:var(--shadow-soft);border-color:var(--line);background:var(--panel);}
.panel {padding:24px;}
.panel-head {padding-bottom:18px;margin-bottom:4px;gap:14px;}
.panel-head h2,.panel h2 {font-size:16px;font-weight:650;letter-spacing:-.3px;}
.panel-head p {font-size:12px;line-height:1.5;margin-top:5px;}
.panel-head a {font-size:12px;font-weight:600;white-space:nowrap;}
.kpis {gap:16px;margin-bottom:24px;}
.kpis>div,.obligation-kpis a {padding:20px 22px;border-radius:10px;background:var(--panel);box-shadow:var(--shadow-soft);border:1px solid var(--line);}
.kpis span {font-size:10px;letter-spacing:.09em;font-weight:600;}
.kpis b {font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:12px 0 8px;font-variant-numeric:tabular-nums;}
.kpis small {font-size:11px;}
.obligation-kpis a b {font-weight:600;font-variant-numeric:tabular-nums;}
.obligation-kpis a:hover {border-color:var(--blue);background:var(--surface-soft);}
.dash-grid {gap:24px;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);}
.stack {gap:24px;}
.ob-row {padding:20px 3px;gap:14px;border-bottom-color:var(--line);}
.ob-row:last-child,.world-row:last-child {border-bottom:0;}
.ob-row b a {text-decoration:none;font-weight:600;}
.ob-row b a:hover {color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
.ob-row small {font-size:11px;line-height:1.7;}
.ob-row small b {display:inline;font-weight:500;}
.mini-pill {font-size:9px;font-weight:600;color:var(--muted);}
.check {border-radius:50%;background:var(--panel);width:30px;height:30px;}
.check:hover {background:var(--pale);border-color:var(--blue);}
.world-row {padding:16px 0;}
.world-row b {font-size:13px;font-weight:600;}
.upgrade-card {background:#172554;border:1px solid #253b80;border-radius:12px;padding:24px;}
.upgrade-card>span {color:#a4bcfd;font-size:9px;}
.upgrade-card h3 {font-size:22px;letter-spacing:-.5px;margin:18px 0 12px;}
.upgrade-card p {color:#d0d5dd;font-size:12px;}
.upgrade-card a {color:#b2ccff;font-weight:600;font-size:12px;}
.doc-grid {gap:14px;padding-top:18px;}
.doc-grid>a {padding:16px;align-items:flex-start;}
.doc-grid>a:hover {border-color:var(--blue);background:var(--surface-soft);}
.doc-grid b {font-size:12px;font-weight:600;overflow-wrap:anywhere;}
.file-icon {background:var(--pale);color:var(--blue);padding:8px 6px;}
.empty-state {padding:36px 20px;line-height:1.8;}
.empty-state b {font-weight:600;}
.section-tabs {gap:4px 18px;flex-wrap:wrap;padding:6px 0 16px;}
.section-tabs a {font-size:12px;text-decoration:none;color:var(--muted);}
.filterbar {gap:6px;flex-wrap:wrap;}
.filterbar a,html[data-theme="dark"] .filterbar a {border-radius:7px;font-size:12px;padding:8px 13px;background:transparent!important;border-color:transparent!important;}
.filterbar a.selected,html[data-theme="dark"] .filterbar a.selected {background:var(--pale)!important;color:var(--blue)!important;border-color:var(--line)!important;}
.table-head {font-size:10px;font-weight:600;letter-spacing:.06em;background:var(--surface-soft);padding-top:14px;padding-bottom:14px;}
.table-row {padding-top:18px;padding-bottom:18px;}
.table-row:hover {background:var(--surface-soft);}
.table-row a {text-underline-offset:3px;}
.row-actions {gap:8px;}
.status,.tracking-state,.review-pill {font-weight:600;letter-spacing:.025em;border-radius:5px;}
.verified-pill {background:var(--pale);color:var(--blue);border:1px solid var(--line);font-size:11px;}
html[data-theme="dark"] .verified-pill,html[data-theme="dark"] .status.active,html[data-theme="dark"] .status.complete {background:#123524;color:#6ce9a6;border-color:#18794e;}
html[data-theme="dark"] .tracking-state {background:var(--pale);color:var(--blue);}
.form-card,.auth-card {padding:32px;}
label {font-size:12px;font-weight:600;}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select,textarea {border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:var(--panel);color:var(--ink);font-size:13px;box-shadow:0 1px 2px #10182804;max-width:100%;}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea {background:var(--surface-soft)!important;border-color:var(--line)!important;}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:.8;}
input[type="checkbox"],input[type="radio"],progress {accent-color:var(--blue);}
.form-card label,.auth-card label {line-height:1.7;}
.helptext,.form-card .muted {font-size:12px;line-height:1.7;}
.errorlist {font-size:12px;color:var(--red);padding-left:18px;}
.settings-layout {gap:32px;grid-template-columns:190px minmax(0,820px);}
.settings-nav {padding:4px 0;}
.settings-nav a {font-size:12px;font-weight:500;padding:10px 13px;}
.settings-nav a.active {background:var(--pale);color:var(--blue);}
.settings-section h2 {font-size:20px;}
.settings-section-head p {font-size:12px;}
.settings-content {gap:24px;}
.flash {border-radius:8px;padding:13px 16px;font-size:12px;line-height:1.7;}
.action-dialog {border-radius:14px;padding:28px;}
.action-dialog h2 {font-size:22px;margin-top:0;}
.action-dialog p {color:var(--muted);font-size:13px;}
.chat-panel {overflow:hidden;}
.chat-scroll,html[data-theme="dark"] .chat-scroll {background:var(--surface-soft)!important;}
.chat-bubble {line-height:1.8;border-radius:12px;font-size:13px;}
.ask-suggestions button {border-radius:8px;padding:12px 14px;font-size:12px;}
.public-nav,html[data-theme="dark"] .public-nav {background:var(--bg);border-bottom:1px solid var(--line);padding:22px max(24px,calc((100vw - 1200px)/2));}
.public-nav nav {gap:24px;font-size:12px;}
.public-nav nav>a:not(.btn) {text-decoration:none;color:var(--muted);font-weight:600;}
.public-nav nav>a:hover {color:var(--blue);}
.public-theme-toggle {font-size:12px;background:transparent;border:0;}
.public-footer {border-top:1px solid var(--line);padding:30px 24px;font-size:11px;}
.landing .landing-hero {max-width:1280px;padding:100px 40px 90px;gap:70px;}
.landing .landing-copy h1 {font-size:clamp(42px,4.5vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.08;}
.landing .landing-copy h1 em {color:var(--blue);background:none;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-2.3px;}
.landing .landing-copy>p {font-size:16px;line-height:1.85;max-width:460px;}
.landing .landing-eyebrow {font-size:9px;letter-spacing:.14em;font-weight:650;}
.landing .hero-orbit {background:radial-gradient(circle,#6366f126,transparent 65%);}
.landing .live-preview {transform:none;border-radius:14px;box-shadow:0 24px 70px #161f4010,0 2px 6px #161f4008;}
.landing .preview-chrome {padding:18px 22px;background:var(--surface-soft);border-radius:14px 14px 0 0;}
.landing .preview-mark {background:var(--button-bg);color:var(--button-text);}
.landing .preview-item {padding:20px 22px;}
.landing .preview-summary {padding:28px 22px 16px;}
.landing .preview-summary h2 {font-size:18px;font-weight:600;}
.landing .preview-evidence {border-left:3px solid var(--blue);border-radius:6px;}
.landing .document-ribbon {border-block:1px solid var(--line);background:var(--panel);padding:28px 24px;}
.landing .document-ribbon b {font-weight:600;color:var(--muted);}
.landing .landing-section {max-width:1280px;padding-top:100px;}
.landing .landing-section-heading {margin-bottom:36px;}
.landing .landing-section-heading h2,.landing .security-intro h2 {font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-1.4px;}
.landing .walkthrough-stage {background:var(--pale);border-radius:12px;}
.landing .walkthrough-controls button {border-radius:9px;}
.landing .walkthrough-controls button.active {background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-soft);}
.landing .stage-icon {background:var(--button-bg);color:var(--button-text);border-radius:12px;}
.landing .landing-features {gap:20px;}
.landing .landing-features article {border-radius:12px;padding:30px;}
.landing .landing-features h3 {font-size:27px;font-weight:600;}
.landing .security-panel {border-radius:14px;background:var(--panel);gap:48px;padding:44px;}
.landing .landing-final {background:var(--pale);margin-top:64px;padding:84px 24px;}
.landing .landing-final h2 {font-weight:600;letter-spacing:-1.8px;}
.pricing-head h1,.pricing-head h2 {font-weight:600;letter-spacing:-1.5px;}
.pricing-grid {gap:16px;}
.pricing-grid article {border-radius:12px;padding:24px;box-shadow:var(--shadow-soft);height:530px;}
.pricing-grid article.featured,html[data-theme="dark"] .pricing-grid article.featured {padding:23px;border-color:var(--blue);}
.pricing-grid article>span:not(.block) {font-size:10px;font-weight:650;letter-spacing:.1em;}
.pricing-grid article h2 {font-size:38px;letter-spacing:-1.5px;font-weight:600;}
.pricing-grid article h2 small {font-size:12px;font-weight:400;letter-spacing:0;}
.pricing-grid article>p {font-size:13px;line-height:1.7;}
.pricing-grid li {font-size:12px;line-height:1.7;margin-bottom:9px;}
.pricing-grid article>.block {font-size:12px;min-height:40px;font-weight:600;}
.pricing-grid .popular {background:var(--button-bg);color:var(--button-text);font-size:9px;letter-spacing:.1em;}
.auth-card h1 {font-size:28px;letter-spacing:-.9px;}
.auth-card>p {font-size:13px;}
.auth-copy h1 {font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.15;letter-spacing:-1.5px;}
.auth-copy p {color:var(--muted);line-height:1.8;}
.pricing-head h1 {font-size:clamp(30px,3.6vw,44px);line-height:1.2;margin:16px 0;}
.pricing-head p {max-width:560px;margin:0 auto;font-size:13px;line-height:1.8;}
.settings-section form p:has(>input[type="checkbox"]) {display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;}
.settings-section form p:has(>input[type="checkbox"]) label {margin:0;font-weight:500;}
.settings-section form p>input[type="checkbox"] {flex:none;}
html[data-theme="dark"] .obligation-search input,html[data-theme="dark"] .obligation-filters select {background:var(--surface-soft)!important;border-color:var(--line)!important;}
.mobile-app-nav {scrollbar-width:none;}
.mobile-app-nav::-webkit-scrollbar {display:none;}
@media(max-width:650px) {
  .obligation-filters {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .obligation-filters>* {width:100%;min-width:0;}
  .table-card:has(.obligation-record) {overflow:visible;}
  .table-card>.obligation-head:not(.obligation-record) {display:none;}
  .table-card .obligation-record {min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;}
  .obligation-record>span:first-child {grid-column:1/-1;}
  .obligation-record [data-label]::before {content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:4px;}
  .obligation-record .row-actions {justify-content:flex-end;flex-wrap:wrap;gap:12px;}
}
.section-tabs a[aria-current="page"] {color:var(--blue);border-bottom:2px solid var(--blue);font-weight:600;}
@media(max-width:900px) {.mobile-app-nav {display:flex;align-items:center;overflow-x:auto;}.mobile-app-nav a,.mobile-app-nav button {white-space:nowrap;text-decoration:none;padding:8px;}.mobile-app-nav form {margin:0;}}
@media(min-width:1600px) {.main {padding-top:48px;}}
@media(max-width:1100px) {.topbar {padding-inline:24px;}.main {padding:28px 24px 48px;}.topbar-identity .muted {display:none;}.dash-grid {grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);}.landing .landing-hero {gap:32px;padding:70px 28px;}.pricing-grid {gap:12px;}.pricing-grid article {padding:18px;}}
@media(max-width:900px) {.sidebar {display:none;}.app {margin-left:0;}.topbar,html[data-theme="dark"] .topbar {padding:14px 20px;height:auto;min-height:68px;gap:16px;}.mobile-app-nav {border-bottom:1px solid var(--line);padding:10px 20px;gap:6px;background:var(--panel);}.mobile-app-nav a {font-size:12px;border-radius:6px;}.mobile-app-nav a[aria-current="page"] {background:var(--pale);color:var(--blue);}.settings-layout {grid-template-columns:1fr;gap:20px;}.landing .security-panel {padding:28px;gap:28px;}}
@media(max-width:750px) {.main {padding:26px 18px 44px;}.welcome,.page-title {align-items:flex-start;flex-direction:column;gap:18px;}.welcome h1,.page-title h1 {font-size:29px;}.dash-grid {grid-template-columns:1fr;}.kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.kpis>div {padding:17px;}.kpis b {font-size:29px;}.panel {padding:20px;}.doc-grid {grid-template-columns:1fr;}.top-actions {flex-wrap:wrap;justify-content:flex-end;}.top-actions .btn,.top-actions .ghost {font-size:11px;padding:8px 10px;}.topbar-identity {min-width:0;}.topbar-identity>div:first-child {max-width:130px;overflow-wrap:anywhere;}.landing .landing-hero {grid-template-columns:1fr;padding:54px 22px;gap:36px;}.landing .landing-copy h1 {font-size:44px;letter-spacing:-1.9px;}.landing .landing-copy h1 em {letter-spacing:-1.5px;}.landing .landing-section {padding-top:62px;}.landing .security-panel {padding:24px;gap:24px;}.landing .landing-final {padding:62px 24px;}.public-nav,html[data-theme="dark"] .public-nav {padding:18px 20px;}.public-nav nav {gap:14px;}.public-nav .brand {font-size:15px;}.public-nav .brand-logo {width:26px;height:26px;flex-basis:26px;}.form-card,.auth-card {padding:25px;}.settings-section-head {gap:12px;}.pricing-grid article {height:510px;}}
@media(max-width:420px) {.public-nav nav {gap:9px;}.public-nav .brand {font-size:13px;gap:5px;}.public-nav nav .btn {padding:8px 10px;}.public-theme-toggle {padding:4px;}.topbar-identity {display:none;}.top-actions {width:100%;justify-content:space-between;}.landing .hero-actions {gap:10px;}.landing .hero-actions a {width:100%;}.landing .preview-item {padding:16px;gap:8px;}.landing .security-grid {grid-template-columns:1fr;}}
@media(pointer:coarse) {.btn,.ghost,.workflow-actions a.btn,.sidebar nav a,.mobile-app-nav a,.check,.text-action,.link-button {min-height:44px;}.check {min-width:44px;}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}*,*::before,*::after {animation:none!important;transition:none!important;}}

/* Scoped obligation editor and My World controls. */
.icon-action{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:34px;height:34px;flex:0 0 auto;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}
.icon-action:hover,.icon-action:focus-visible{color:var(--blue);background:var(--pale);outline-offset:3px}
.obligation-edit-dialog{width:min(680px,calc(100vw - 28px));max-height:min(860px,calc(100dvh - 72px));border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);padding:0;box-shadow:0 24px 80px #0005}
.obligation-edit-dialog::backdrop{background:rgb(10 18 34 / .58)}
.obligation-editor{padding:28px}.editor-page{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.editor-heading h2{font-size:24px;margin:7px 0}.editor-heading p{margin:0}.editor-section{padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.editor-section h3{font-size:14px;margin:0 0 16px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-field{min-width:0;margin-bottom:16px}.editor-field label,.world-add label{display:block;font-weight:600;margin-bottom:6px}.editor-field input:not([type=checkbox]),.editor-field select,.editor-field textarea,.world-add input[type=search]{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.editor-field small{display:block;font-size:11px;line-height:1.5;margin-top:6px}.editor-field .lookup{width:100%}.editor-field .errorlist,.editor-feedback{color:var(--red)}.editor-field.has-error input{border-color:var(--red)}.editor-source{padding:15px;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.editor-source summary{cursor:pointer;font-weight:600}.editor-source blockquote{margin:12px 0;overflow-wrap:anywhere}.editor-verification{margin-top:20px}.editor-verification label{display:flex;gap:9px;align-items:center}.editor-verification small{display:block;margin-top:5px}.editor-footer{position:sticky;bottom:-28px;display:flex;gap:18px;justify-content:flex-end;align-items:center;padding:18px 0 0;margin-top:20px;background:var(--panel);border-top:1px solid var(--line)}.editor-page .modal-only{display:none}.world-add{margin-bottom:20px}.world-add summary{font-weight:650;cursor:pointer}.world-add form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.world-add .lookup{width:100%}.world-item-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.world-item-actions form{margin:0}.world-item-actions button{border:0;background:transparent;font:inherit;color:var(--muted);cursor:pointer}.world-item-actions button:hover{color:var(--blue)}
/* Sign in must remain visible at every public-navigation breakpoint. */
.public-nav nav>a.public-signin{display:inline-flex!important;align-items:center;white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.public-nav{flex-wrap:wrap;gap:12px}.public-nav nav{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.public-nav .public-theme-toggle span{display:none}.obligation-editor{padding:20px}.editor-grid{grid-template-columns:1fr;gap:0}.editor-footer{bottom:-20px}.world-add .editor-grid{gap:22px}.icon-action{min-height:38px;min-width:38px}}
@media(max-width:380px){.public-nav nav{width:100%;justify-content:space-between;margin:0}.public-nav nav>a.public-signin{display:inline-flex!important}}

.editor-verification input[type=checkbox]{width:16px;height:16px;flex:0 0 auto}
@media(max-width:600px){.ob-row{flex-wrap:wrap}.ob-row>.grow{flex-basis:calc(100% - 40px)}.world-item-actions{width:100%;justify-content:flex-end}}

.obligation-edit-dialog .editor-footer{bottom:0;padding-block:14px;z-index:2}

.editor-timezone{font-size:12px;margin:0 0 16px}.icon-action[aria-busy=true]{opacity:.5;cursor:progress}

/* Compact editor: theme-aware native controls, subtle surfaces and contained scrolling. */
.obligation-edit-dialog{border-radius:12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--blue) var(--panel);color-scheme:light}
html[data-theme="dark"] .obligation-edit-dialog{color-scheme:dark;background:#121c2d;border-color:#2b374b;box-shadow:0 18px 55px #0006}
.obligation-edit-dialog::-webkit-scrollbar{width:7px}.obligation-edit-dialog::-webkit-scrollbar-track{background:var(--panel);border-radius:12px}.obligation-edit-dialog::-webkit-scrollbar-thumb{background:var(--blue);border:2px solid var(--panel);border-radius:12px}
.obligation-edit-dialog .obligation-editor{padding:22px}.obligation-edit-dialog .editor-heading h2{font-size:22px}.obligation-edit-dialog .editor-section{padding-top:16px;margin-top:16px}.obligation-edit-dialog .editor-field{margin-bottom:12px}.obligation-edit-dialog .editor-field label{font-size:12px;font-weight:500}.obligation-edit-dialog .editor-field input:not([type=checkbox]),.obligation-edit-dialog .editor-field select,.obligation-edit-dialog .editor-field textarea{padding:9px 11px;border-radius:6px;font-size:13px}.obligation-edit-dialog .editor-field textarea{min-height:90px;height:90px}.obligation-edit-dialog .editor-footer{padding-block:12px}
html[data-theme="dark"] .obligation-edit-dialog .editor-field input:not([type=checkbox]),html[data-theme="dark"] .obligation-edit-dialog .editor-field select,html[data-theme="dark"] .obligation-edit-dialog .editor-field textarea{background:#172235!important;border-color:#344157!important;box-shadow:none;color:#e4eaf4!important}
html[data-theme="dark"] .obligation-edit-dialog .editor-field input:focus-visible,html[data-theme="dark"] .obligation-edit-dialog .editor-field select:focus-visible,html[data-theme="dark"] .obligation-edit-dialog .editor-field textarea:focus-visible{outline:2px solid var(--blue);outline-offset:1px;box-shadow:none}
html[data-theme="dark"] .obligation-edit-dialog .editor-footer{background:#121c2d}
.obligation-more{display:inline-flex;flex:0 0 auto;align-items:center}.obligation-action-menu{position:fixed;inset:auto;margin:0;width:218px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);box-shadow:0 8px 28px #0002;scrollbar-width:thin;scrollbar-color:var(--blue) var(--panel)}
.obligation-action-menu:popover-open{display:grid;gap:2px}.obligation-action-menu form{margin:0;padding:0;display:block}.obligation-action-menu [role=menuitem]{display:flex;width:100%;align-items:center;min-height:38px;padding:9px 11px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:500;text-decoration:none;text-align:left;white-space:normal;cursor:pointer}.obligation-action-menu [role=menuitem]:hover,.obligation-action-menu [role=menuitem]:focus-visible{background:var(--pale);color:var(--blue);outline:none}.obligation-action-menu .danger-action{color:var(--red)}.obligation-action-menu form:last-child{border-top:1px solid var(--line);padding-top:5px;margin-top:3px}
html[data-theme="dark"] .obligation-action-menu{box-shadow:0 12px 32px #0006}.obligation-more>button:focus-visible{outline:2px solid var(--blue)}
@media(max-width:600px){.obligation-edit-dialog{max-height:calc(100dvh - 32px)}.obligation-edit-dialog .obligation-editor{padding:18px}.obligation-action-menu [role=menuitem]{min-height:44px}}