:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family-ui:system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-caption:12px;--font-size-label:13px;--font-size-control:14px;--font-size-body:15px;--font-size-body-mobile:16px;--font-size-node:15px;--font-size-branch:17px;--font-size-root:22px;--font-size-title:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-compact:1.35;--line-height-body:1.6;--line-height-node:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-small:4px;--radius-control:6px;--radius-node:8px;--radius-panel:12px;--radius-dialog:14px;--radius-pill:999px;--control-height:36px;--touch-target-min:44px;--icon-size:18px;--icon-stroke-width:1.7;--focus-ring-width:2px;--focus-ring-offset:3px;--outline-indent:var(--space-6);--color-background:#f6f7f2;--color-surface:#fff;--color-surface-subtle:#f3f5ef;--color-surface-raised:#fff;--color-surface-hover:#f5f6f1;--color-surface-pressed:#f1f4ee;--color-text:#252c26;--color-text-secondary:#687268;--color-text-placeholder:#687268;--color-text-disabled:#7c847a;--color-divider:#dde2d9;--color-border-strong:#7f8b7d;--color-accent:#456a52;--color-accent-hover:#395d45;--color-accent-pressed:#2f503a;--color-on-accent:#fff;--color-selection:#e1ebde;--color-on-selection:#273d2c;--color-focus:#315e96;--color-focus-surface:#fff;--color-warning:#8d600b;--color-warning-surface:#fff5db;--color-error:#ad342f;--color-error-surface:#fff0ed;--color-success:#37694a;--color-success-surface:#ecf4ec;--color-info:#315e96;--color-info-surface:#edf3fb;--color-scrim:#191e1b52;--shadow-control:0 1px 2px #252c260a;--shadow-node:0 1px 3px #252c260d;--shadow-panel:0 8px 28px #252c2617;--shadow-dialog:0 20px 64px #191e1b29;--map-canvas:#f6f7f2;--map-node-surface:#fff;--map-node-text:#252c26;--map-node-border:#ccd5c8;--map-root-surface:#e3ecdf;--map-root-text:#273b2c;--map-branch-1:#52755d;--map-branch-2:#6579a0;--map-branch-3:#99714b;--map-branch-4:#89739d;--map-branch-5:#4d8187;--map-branch-6:#a06e7a;--map-connector:#74836f;--map-relation:#687268;--map-node-hover-border:var(--color-border-strong);--map-node-selected-border:var(--color-accent);--map-node-selected-surface:var(--color-selection);--map-node-edit-surface:var(--map-node-surface);--map-drop-target:var(--color-focus);--map-drag-surface:var(--color-surface-raised);--map-node-min-width:7rem;--map-node-max-width:20rem;--map-root-max-width:24rem;--map-line-width:1.5px;--motion-state:80ms;--motion-structure:.18s;--motion-expand:.16s;--motion-ghost:.1s;--motion-menu-open:.14s;--motion-viewport:.24s;--ease-state:cubic-bezier(.2, 0, 0, 1);--ease-structure:cubic-bezier(.22, 1, .36, 1);--tip-max-width:20rem;--tip-offset:var(--space-4);--z-tip:20;--z-modal:40;--z-save-status:10}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#191e1b;--color-surface:#232a25;--color-surface-subtle:#1e251f;--color-surface-raised:#2a332c;--color-surface-hover:#303b31;--color-surface-pressed:#39473a;--color-text:#edf1e9;--color-text-secondary:#adb7aa;--color-text-placeholder:#adb7aa;--color-text-disabled:#859180;--color-divider:#3b463d;--color-border-strong:#83947e;--color-accent:#a7c5a7;--color-accent-hover:#bad3b8;--color-accent-pressed:#c9dec5;--color-on-accent:#191e1b;--color-selection:#344c39;--color-on-selection:#edf1e9;--color-focus:#9fc5ff;--color-focus-surface:#232a25;--color-warning:#e4bf70;--color-warning-surface:#3b321e;--color-error:#f2a39b;--color-error-surface:#3e2926;--color-success:#a4cba5;--color-success-surface:#263c2e;--color-info:#9fc5ff;--color-info-surface:#273448;--color-scrim:#080c098f;--shadow-control:0 1px 2px #0000001f;--shadow-node:0 1px 3px #0000001f;--shadow-panel:0 8px 28px #0000003d;--shadow-dialog:0 20px 64px #0000005c;--map-canvas:#191e1b;--map-node-surface:#232a25;--map-node-text:#edf1e9;--map-node-border:#4d5c4e;--map-root-surface:#344638;--map-root-text:#edf1e9;--map-branch-1:#98b49a;--map-branch-2:#a3b6db;--map-branch-3:#d3b18a;--map-branch-4:#baa7d2;--map-branch-5:#91bec4;--map-branch-6:#d4a7b2;--map-connector:#899e84;--map-relation:#adb7aa}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#191e1b;--color-surface:#232a25;--color-surface-subtle:#1e251f;--color-surface-raised:#2a332c;--color-surface-hover:#303b31;--color-surface-pressed:#39473a;--color-text:#edf1e9;--color-text-secondary:#adb7aa;--color-text-placeholder:#adb7aa;--color-text-disabled:#859180;--color-divider:#3b463d;--color-border-strong:#83947e;--color-accent:#a7c5a7;--color-accent-hover:#bad3b8;--color-accent-pressed:#c9dec5;--color-on-accent:#191e1b;--color-selection:#344c39;--color-on-selection:#edf1e9;--color-focus:#9fc5ff;--color-focus-surface:#232a25;--color-warning:#e4bf70;--color-warning-surface:#3b321e;--color-error:#f2a39b;--color-error-surface:#3e2926;--color-success:#a4cba5;--color-success-surface:#263c2e;--color-info:#9fc5ff;--color-info-surface:#273448;--color-scrim:#080c098f;--shadow-control:0 1px 2px #0000001f;--shadow-node:0 1px 3px #0000001f;--shadow-panel:0 8px 28px #0000003d;--shadow-dialog:0 20px 64px #0000005c;--map-canvas:#191e1b;--map-node-surface:#232a25;--map-node-text:#edf1e9;--map-node-border:#4d5c4e;--map-root-surface:#344638;--map-root-text:#edf1e9;--map-branch-1:#98b49a;--map-branch-2:#a3b6db;--map-branch-3:#d3b18a;--map-branch-4:#baa7d2;--map-branch-5:#91bec4;--map-branch-6:#d4a7b2;--map-connector:#899e84;--map-relation:#adb7aa}@media (prefers-reduced-motion:reduce){:root{--motion-structure:0s;--motion-expand:0s;--motion-ghost:0s;--motion-viewport:0s}}:root[data-motion=reduced]{--motion-structure:0s;--motion-expand:0s;--motion-ghost:0s;--motion-viewport:0s}:root[data-motion=off]{--motion-state:0s;--motion-structure:0s;--motion-expand:0s;--motion-ghost:0s;--motion-menu-open:0s;--motion-viewport:0s}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}[data-ramilo-save-status]{min-height:1.25rem;color:var(--color-text-secondary);transition:color var(--motion-state) var(--ease-state)}[data-ramilo-save-status][data-tone=alarm]{color:var(--color-error)}[data-ramilo-save-status][data-tone=attention]{color:var(--color-warning)}[data-ramilo-soft-tip]{z-index:var(--z-tip);max-width:var(--tip-max-width);margin:var(--tip-offset);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-divider);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);pointer-events:none;position:fixed}[data-ramilo-soft-tip] button{pointer-events:auto;min-height:var(--touch-target-min)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.top-0{top:0}.top-14{top:calc(var(--spacing) * 14)}.top-full{top:100%}.-right-2{right:calc(var(--spacing) * -2)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-full{bottom:100%}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[120\]{z-index:120}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-dvh{height:100dvh}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[45vh\]{max-height:45vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[calc\(100vh-1rem\)\]{max-height:calc(100vh - 1rem)}.max-h-\[min\(32rem\,70vh\)\]{max-height:min(32rem,70vh)}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-72{width:calc(var(--spacing) * 72)}.w-dvw{width:100dvw}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[90vw\]{max-width:90vw}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-divider\)\]{border-color:var(--color-divider)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-warning\)\]{border-color:var(--color-warning)}.border-\[var\(--map-node-selected-border\)\]{border-color:var(--map-node-selected-border)}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-scrim\)\]{background-color:var(--color-scrim)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--map-node-surface\)\]{background-color:var(--map-node-surface)}.bg-transparent{background-color:#0000}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-warning\)\]{color:var(--color-warning)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-\[var\(--color-accent\)\]:hover{border-color:var(--color-accent)}.hover\:bg-\[var\(--color-selection\)\]:hover{background-color:var(--color-selection)}.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:bg-\[var\(--color-selection\)\]:focus-visible{background-color:var(--color-selection)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-focus\)\]:focus-visible{--tw-ring-color:var(--color-focus)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-\[var\(--color-focus\)\]:focus-visible{outline-color:var(--color-focus)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.aria-disabled\:opacity-60[aria-disabled=true]{opacity:.6}.data-\[flash\]\:bg-\[var\(--color-selection\)\][data-flash]{background-color:var(--color-selection)}.data-\[flash\]\:text-\[var\(--color-text\)\][data-flash]{color:var(--color-text)}.data-\[pressed\]\:bg-\[var\(--color-selection\)\][data-pressed]{background-color:var(--color-selection)}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:48rem){.md\:hidden{display:none}.md\:inline{display:inline}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}}}:root{--color-collab-0:#2f6f5a;--color-collab-1:#1f5fbf;--color-collab-2:#9a6700;--color-collab-3:#8b3a62;--color-collab-4:#3d6b8a;--color-collab-5:#6b4f9a;--color-collab-6:#b3261e;--color-collab-7:#2e7d4f}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-body);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.ramilo-inline-title-host{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.ramilo-inline-title-input{box-sizing:border-box;resize:none;box-shadow:none;appearance:none;pointer-events:auto;caret-color:currentColor;line-break:strict;scrollbar-width:none;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.ramilo-inline-title-input::-webkit-scrollbar{display:none}.ramilo-state{transition:background-color var(--motion-state) ease, border-color var(--motion-state) ease, color var(--motion-state) ease, box-shadow var(--motion-state) ease}.ramilo-node:not([data-selected]):hover{border-color:var(--color-accent)}.ramilo-row:hover{background-color:var(--color-selection)}@supports (color:color-mix(in lab, red, red)){.ramilo-row:hover{background-color:color-mix(in srgb, var(--color-selection) 45%, transparent)}}.ramilo-enter{animation:ramilo-enter var(--motion-expand) ease}.ramilo-menu{animation:ramilo-enter var(--motion-menu-open) ease}@keyframes ramilo-enter{0%{opacity:0}to{opacity:1}}.ramilo-home{padding-top:var(--space-8);padding-bottom:calc(var(--space-8) * 2)}.ramilo-start-card{min-height:calc(var(--touch-target-min) * 2.5);border-top:2px solid var(--color-accent)}.ramilo-library-tab[data-selected]{color:var(--color-accent);box-shadow:inset 0 -2px var(--color-accent)}.ramilo-library-tab[data-focus-visible],.ramilo-library-action[data-focused]{outline:2px solid var(--color-focus);outline-offset:-2px;background:var(--color-selection)}.ramilo-library-action{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--space-1);font-size:var(--font-size-body)}.ramilo-library-search{width:min(100%,18rem)}.ramilo-library-empty{padding:var(--space-8) var(--space-4);border:1px dashed var(--color-divider);border-radius:var(--space-2);text-align:center}.ramilo-primary{color:var(--color-on-accent);background:var(--color-accent)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}.ramilo-modal-overlay{z-index:var(--z-modal);padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--color-text);place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.ramilo-modal-overlay{background:color-mix(in srgb, var(--color-text) 24%, transparent)}}.ramilo-modal{width:min(100%,32rem);max-height:calc(100dvh - var(--space-8));overscroll-behavior:contain;padding:var(--space-6);border:1px solid var(--color-divider);border-radius:var(--space-3);color:var(--color-text);background:var(--color-surface);overflow-y:auto}.ramilo-property-panel{overscroll-behavior:contain;border-left:1px solid var(--color-divider);background:var(--color-surface);width:min(22rem,40vw);min-height:0;max-height:100%;font-size:var(--font-size-body);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex-direction:column;flex:none;align-self:stretch;gap:0;padding:0;display:flex;overflow:auto}@media (max-width:767px){.ramilo-property-panel{z-index:20;width:min(92vw,22rem);max-height:none;box-shadow:var(--shadow-panel);position:absolute;inset:0 0 0 auto}.ramilo-home button,.ramilo-home [role=tab],.ramilo-phone-bar button{min-height:var(--touch-target-min)}.ramilo-library-search{width:100%}.ramilo-outline-scroll{padding-bottom:calc(var(--touch-target-min) + var(--space-4))}}.ramilo-sheets-bar>*{white-space:nowrap;flex-shrink:0}.ramilo-icon{vertical-align:middle;flex:none}.ramilo-home{gap:var(--space-8);max-width:1080px;padding:var(--space-8) var(--space-8) var(--space-6)}.ramilo-home-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.ramilo-home-header h1{letter-spacing:-.035em;font-size:21px}.ramilo-home-header h1 span{letter-spacing:-.025em;margin-left:6px;font-size:16px}.ramilo-preview-label{max-width:100%;line-height:1.7}.ramilo-home-intro{padding:var(--space-6) 0 var(--space-2)}.ramilo-eyebrow{color:var(--color-accent);font-size:var(--font-size-caption);letter-spacing:.08em}.ramilo-home-intro h2{margin:var(--space-3) 0 var(--space-4);font-size:clamp(26px,3.5vw,36px);font-weight:var(--font-weight-semibold);letter-spacing:-.035em;text-wrap:balance;line-height:1.45}.ramilo-home-intro>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.8}.ramilo-start-card{gap:var(--space-3);min-height:164px;padding:var(--space-6);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface);position:relative}.ramilo-start-card>.ramilo-icon{width:22px;height:22px;margin-bottom:var(--space-2);color:var(--color-accent)}.ramilo-start-card:hover,.ramilo-library-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-control)}.ramilo-start-description{max-width:26em;line-height:1.7}.ramilo-home-footer{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-caption);margin-top:auto;display:flex}.ramilo-home-footer .ramilo-brand-logo-icon{width:20px}.ramilo-library-row{border-radius:var(--radius-panel);transition:border-color var(--motion-state) var(--ease-state)}.ramilo-library-empty{padding-block:var(--space-12);background:var(--color-surface-subtle);line-height:1.8}.ramilo-home input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=hidden]):not([hidden]),.ramilo-home textarea,.ramilo-modal input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=hidden]):not([hidden]),.ramilo-modal select,.ramilo-modal textarea,.ramilo-property-panel input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=hidden]):not([hidden]),.ramilo-property-panel select,.ramilo-property-panel textarea{border-style:solid;border-width:1px;border-color:var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);line-height:1.5}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}.ramilo-workspace{overflow:hidden}.ramilo-workspace-header{min-height:52px;padding:var(--space-2) var(--space-6);gap:var(--space-2);flex:none}.ramilo-workspace-header>button{white-space:nowrap;border-radius:var(--radius-control);min-height:36px;font-size:var(--font-size-control);justify-content:center;align-items:center;gap:6px;display:inline-flex}.ramilo-workspace-header>button:first-child{color:var(--color-accent);padding-left:0}.ramilo-workspace-title{align-items:center;column-gap:var(--space-1);min-width:0;padding-inline:var(--space-3) var(--space-2);border-left:1px solid var(--color-divider);flex-wrap:wrap;flex:auto;row-gap:2px;margin-right:auto;display:flex}.ramilo-workspace-title input{field-sizing:content;width:auto;min-width:4.5rem;max-width:min(28rem,46vw);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);flex:0 auto;line-height:1.35}.ramilo-workspace-title>nav{flex-basis:100%}.ramilo-workspace-sync-status{border-radius:var(--radius-control);width:28px;height:28px;color:var(--color-text-secondary);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ramilo-sync-mark{width:16px;height:16px;display:block}.ramilo-sync-spin{transform-origin:12px 12px}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]):not([data-motion=off]) .ramilo-sync-mark[data-phase=syncing] .ramilo-sync-spin{animation:1.6s linear infinite ramilo-sync-spin}}@keyframes ramilo-sync-spin{to{transform:rotate(360deg)}}.ramilo-workspace-sync-status:hover{background:var(--color-surface-hover)}.ramilo-workspace-sync-status[data-phase=syncing],.ramilo-workspace-sync-status[data-phase=done][data-cloud=true]{color:var(--color-accent)}.ramilo-workspace-sync-status[data-phase=problem]{color:var(--color-warning)}.ramilo-workspace-sync-status[data-phase=problem][data-tone=alarm]{color:var(--color-error)}.ramilo-presence-bar{padding:2px var(--space-6) var(--space-1);flex:none}.ramilo-editor-toolbar{align-items:center;gap:var(--space-1);min-height:52px;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface);font-size:var(--font-size-control);flex:none;display:flex}.ramilo-view-switch{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:2px;padding:3px;display:flex}.ramilo-view-switch>button{min-width:62px;font-size:var(--font-size-control)}.ramilo-view-switch>button[aria-current=true]{color:var(--color-accent)}.ramilo-share-page .ramilo-view-switch>button{border-radius:calc(var(--radius-control) - 2px);min-height:28px;color:var(--color-text-secondary);padding:4px 12px}.ramilo-share-page .ramilo-view-switch>button:hover{color:var(--color-text)}.ramilo-share-page .ramilo-view-switch>button[aria-current=true],.ramilo-share-page .ramilo-view-switch>button[aria-current=true]:hover{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-control);font-weight:var(--font-weight-medium)}.ramilo-theme-anchor{position:relative}.ramilo-theme-button-mark{border:1px solid var(--color-border-strong);background:linear-gradient(90deg,#f6f7f2 50%,#191e1b 50%);border-radius:999px;width:12px;height:12px}.ramilo-theme-picker{z-index:30;gap:var(--space-2);width:min(26rem,100vw - 1.5rem);max-height:min(36rem,70vh);padding:var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel);color:var(--color-text);text-align:left;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.ramilo-theme-intro,.ramilo-theme-note{color:var(--color-text-secondary);font-size:var(--font-size-caption);margin:0;padding:4px 8px 0;line-height:1.45}.ramilo-theme-option{border-radius:var(--radius-control);width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin-top:4px;padding:8px;display:grid}.ramilo-theme-option[aria-checked=true]{border-color:var(--color-accent);background:var(--color-selection)}.ramilo-theme-option:hover:not(:disabled){background:var(--color-surface-hover)}.ramilo-theme-swatch{border:1px solid var(--color-divider);border-radius:8px;grid-row:1/span 2;align-self:center;align-items:center;gap:4px;width:4.75rem;height:2rem;padding-inline:6px;display:flex}.ramilo-theme-swatch-node,.ramilo-theme-swatch-label{box-sizing:border-box;border-style:solid;flex:none}.ramilo-theme-swatch-node{border-width:1px;border-radius:3px;width:14px;height:14px}.ramilo-theme-swatch-line{border-top-width:2px;flex:1;height:0}.ramilo-theme-swatch-label{width:12px;height:8px}.ramilo-theme-swatch-follow{background:linear-gradient(90deg,#f6f7f2 50%,#191e1b 50%)}.ramilo-theme-swatch-follow i{border-radius:999px;width:7px;height:7px}.ramilo-theme-swatch-follow i:first-child{background:#e3ecdf;width:11px;height:11px}.ramilo-theme-swatch-follow i:last-child{background:#98b49a}.ramilo-theme-name{font-size:var(--font-size-control);font-weight:var(--font-weight-semibold)}.ramilo-theme-pitch{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:1.45}.ramilo-toolbar-divider{width:1px;height:20px;margin-inline:var(--space-2);background:var(--color-divider);flex:none}.ramilo-icon-button,.ramilo-tool-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);min-height:34px;color:var(--color-text-secondary);border:1px solid #0000;flex:none;padding:6px 10px;line-height:1;display:inline-flex}.ramilo-icon-button{width:34px;padding:6px}.ramilo-tool-button kbd{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:11px}.ramilo-toolbar-scroll{scrollbar-width:none;flex:auto;align-items:center;min-width:0;display:flex;overflow-x:auto}.ramilo-toolbar-scroll::-webkit-scrollbar{display:none}.ramilo-workflow-actions{align-items:center;gap:var(--space-1);display:flex}.ramilo-toolbar-end{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.ramilo-editor-toolbar button:hover,.ramilo-zoom-control button:hover,.ramilo-workspace-header>button:hover{color:var(--color-text);background:var(--color-surface-hover)}.ramilo-workspace-header>.ramilo-menu-dismiss,.ramilo-workspace-header>.ramilo-menu-dismiss:hover{background:0 0;border-radius:0}.ramilo-editor-toolbar button:active,.ramilo-workspace-header>button[aria-pressed=true]{background:var(--color-selection);color:var(--color-accent)}.ramilo-sheets-bar{background:var(--color-surface-subtle);min-height:38px;padding-inline:var(--space-6);font-size:var(--font-size-caption);flex:none}.ramilo-sheets-bar input{border-color:var(--color-border-strong);background:var(--color-surface)}.ramilo-mindmap-scroll{background:var(--map-canvas);overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.ramilo-zoom-control{right:var(--space-6);bottom:var(--space-6);z-index:10;padding:var(--space-1);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;align-items:center;display:flex;position:absolute}.ramilo-zoom-control button{border-radius:var(--radius-control);min-width:32px;min-height:32px;padding-inline:8px}.ramilo-zoom-control>span{width:1px;height:16px;margin-inline:var(--space-1);background:var(--color-divider)}.ramilo-statusbar{min-height:34px;padding-inline:var(--space-6);font-variant-numeric:tabular-nums;flex:none}.ramilo-statusbar summary,.ramilo-statusbar-summary{align-items:center;gap:var(--space-2);max-width:100%;list-style:none;display:inline-flex}.ramilo-statusbar summary::-webkit-details-marker{display:none}.ramilo-save-details-toggle{color:var(--color-text-secondary);flex:none;align-items:center;gap:4px;display:inline-flex}.ramilo-save-details-toggle:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.38em;height:.38em;transform:translateY(-.12em)rotate(45deg)}.ramilo-statusbar details[open]>summary .ramilo-save-details-toggle:after{transform:translateY(.08em)rotate(225deg)}[data-ramilo-save-status]{align-items:center;gap:6px;max-width:100%;line-height:1.6;display:inline-flex;position:relative}.ramilo-statusbar [data-tone=quiet] .ramilo-status-dot,.ramilo-statusbar [data-tone=quiet] .ramilo-save-status-copy{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ramilo-status-dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}.ramilo-soft-tip,.ramilo-notice{z-index:25;left:var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface);max-width:min(28rem,100% - 32px);box-shadow:var(--shadow-panel);padding:var(--space-3) var(--space-4);position:absolute;bottom:50px}.ramilo-notice{bottom:108px}.ramilo-storage-banner{border-radius:var(--radius-control);border:1px solid var(--color-divider);background:var(--color-surface-subtle);flex:none;max-height:24dvh;overflow:auto}.ramilo-workspace>.ramilo-storage-banner{padding:var(--space-2) var(--space-6);border-width:0 0 1px;border-radius:0}.ramilo-workspace>.ramilo-storage-banner>div{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.ramilo-modal-overlay{background:var(--color-scrim)}.ramilo-modal{border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);accent-color:var(--color-accent);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;margin-top:min(6vh,64px)}.ramilo-property-panel{accent-color:var(--color-accent)}.ramilo-property-panel>.ramilo-inspector-header{z-index:2;padding:var(--space-4);border-bottom:1px solid var(--color-divider);background:var(--color-surface);position:sticky;top:0}.ramilo-inspector-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.ramilo-inspector-header>div,.ramilo-inspector-title{min-width:0}.ramilo-inspector-kicker{color:var(--color-accent);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:.08em;margin:0}.ramilo-inspector-title{color:var(--color-text);font-size:var(--font-size-branch);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;line-height:1.35;overflow:hidden}.ramilo-inspector-body,.ramilo-settings-stack,.ramilo-inspector-group{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.ramilo-inspector-body{padding:var(--space-4)}.ramilo-modal:has(.ramilo-settings){padding:0}.ramilo-settings{flex-direction:column;gap:0;display:flex}.ramilo-settings>.ramilo-inspector-header{z-index:3;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-divider);background:var(--color-surface);position:sticky;top:0}.ramilo-settings>.ramilo-settings-stack{padding:var(--space-4) var(--space-6) var(--space-6)}.ramilo-inspector-group{border:0;margin:0;padding:0}.ramilo-inspector-section{gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface-subtle);flex-direction:column;margin:0;display:flex}.ramilo-inspector-heading{color:var(--color-text);font-size:var(--font-size-control);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0;line-height:1.4}.ramilo-inspector-hint,.ramilo-inspector-empty{color:var(--color-text-secondary);font-size:var(--font-size-caption);margin:0;line-height:1.65}.ramilo-inspector-empty{padding:var(--space-8) var(--space-4);border:1px dashed var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface-subtle);text-align:center}.ramilo-callout{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-warning-surface);color:var(--color-warning);font-size:var(--font-size-caption);margin:0;line-height:1.6}.ramilo-callout p{margin:0}.ramilo-callout .ramilo-quiet-button{margin-top:var(--space-1);color:inherit}.ramilo-callout[data-tone=success]{background:var(--color-success-surface);color:var(--color-success)}.ramilo-callout[data-tone=error]{background:var(--color-error-surface);color:var(--color-error)}.ramilo-callout[data-tone=info]{background:var(--color-info-surface);color:var(--color-info)}.ramilo-setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:36px;display:flex}.ramilo-setting-row>span{min-width:0;color:var(--color-text);font-size:var(--font-size-label);line-height:1.4}.ramilo-settings .ramilo-setting-row{grid-template-columns:minmax(0,1fr) minmax(0,14rem);display:grid}.ramilo-settings .ramilo-setting-row>.ramilo-field{width:100%}.ramilo-settings .ramilo-setting-row>.ramilo-switch{justify-self:end}.ramilo-inspector-button,.ramilo-inspector-close,.ramilo-quiet-button,.ramilo-segment button,.ramilo-file,.ramilo-switch{transition:background-color var(--motion-state) var(--ease-state), border-color var(--motion-state) var(--ease-state), color var(--motion-state) var(--ease-state)}a.ramilo-inspector-button{text-decoration:none}.ramilo-inspector-button,.ramilo-inspector-close{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface);min-height:36px;color:var(--color-text);font-size:var(--font-size-control);flex:none;justify-content:center;align-self:flex-start;align-items:center;padding:6px 12px;display:inline-flex}.ramilo-inspector-close{color:var(--color-text-secondary)}.ramilo-inspector-button:hover:not(.ramilo-primary),.ramilo-inspector-close:hover,.ramilo-quiet-button:hover,.ramilo-file:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover);color:var(--color-text)}.ramilo-quiet-button[data-tone=danger]{color:var(--color-error)}.ramilo-quiet-button[data-tone=danger]:hover{background:var(--color-error-surface);color:var(--color-error)}.ramilo-inspector-section>.ramilo-inspector-button.ramilo-primary{align-self:stretch}.ramilo-inspector-button.ramilo-primary{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000}.ramilo-inspector-button.ramilo-primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.ramilo-quiet-button{border-radius:var(--radius-control);min-height:32px;color:var(--color-text-secondary);font-size:var(--font-size-caption);flex:none;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.ramilo-inspector-section>.ramilo-quiet-button,.ramilo-inspector-group>.ramilo-quiet-button{align-self:flex-start}.ramilo-segment{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface);flex:none;padding:2px;display:inline-flex}.ramilo-segment button{border-radius:calc(var(--radius-control) - 2px);min-height:28px;color:var(--color-text-secondary);font-size:var(--font-size-caption);padding:4px 10px}.ramilo-segment button[aria-pressed=true]{background:var(--color-selection);color:var(--color-accent);font-weight:var(--font-weight-medium)}.ramilo-editor-toolbar .ramilo-segment button:hover{background:var(--color-surface-hover);color:var(--color-text)}.ramilo-editor-toolbar .ramilo-segment button[aria-pressed=true],.ramilo-editor-toolbar .ramilo-segment button[aria-pressed=true]:hover{background:var(--color-selection);color:var(--color-accent)}.ramilo-color-control{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.ramilo-color-value{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ramilo-color-well{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;width:36px;height:28px;padding:3px}.ramilo-color-well::-webkit-color-swatch-wrapper{padding:0}.ramilo-color-well::-webkit-color-swatch{border:0;border-radius:3px}.ramilo-color-well::-moz-color-swatch{border:0;border-radius:3px}.ramilo-switch{box-sizing:border-box;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-divider);cursor:pointer;flex:none;align-items:center;width:44px;height:26px;margin:0;padding:2px;display:inline-flex;position:relative;overflow:hidden}.ramilo-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ramilo-switch:after{content:"";background:var(--color-surface);width:20px;height:20px;box-shadow:var(--shadow-control);transition:transform var(--motion-state) var(--ease-state);border-radius:50%}.ramilo-switch:has(input:checked){border-color:var(--color-accent);background:var(--color-accent)}.ramilo-switch:has(input:checked):after{background:var(--color-on-accent);transform:translate(18px)}.ramilo-inline-form,.ramilo-action-row{align-items:center;gap:var(--space-2);display:flex}.ramilo-inline-form .ramilo-field{flex:1;width:auto;min-width:0}.ramilo-stack-form{gap:var(--space-2);flex-direction:column;display:flex}.ramilo-stack-form>button{align-self:flex-start}.ramilo-token-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ramilo-token-row{align-items:center;gap:var(--space-2);border-radius:var(--radius-control);background:var(--color-surface);min-height:36px;padding:2px 2px 2px 10px;display:flex}.ramilo-token-row>:first-child{flex:1;min-width:0}.ramilo-token-row a{color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ramilo-chip-list{gap:var(--space-1);flex-wrap:wrap;margin:0;display:flex}.ramilo-chip{border-radius:var(--radius-pill);background:var(--color-selection);color:var(--color-on-selection);font-size:var(--font-size-caption);align-items:center;padding:2px 8px;display:inline-flex}.ramilo-chip[data-tone=muted]{background:var(--color-divider);color:var(--color-text-secondary)}.ramilo-chip[data-tone=accent]{background:var(--color-info-surface);color:var(--color-info)}.ramilo-mono-block{max-height:9rem;padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);white-space:pre-wrap;margin:0;line-height:1.55;overflow:auto}.ramilo-asset-preview{object-fit:contain;border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface);width:100%;max-height:9rem;display:block}.ramilo-file{min-height:40px;padding:0 var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-caption);cursor:pointer;align-items:center;display:flex;position:relative;overflow:hidden}.ramilo-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ramilo-file input:focus{outline:none}.ramilo-inspector-button:focus-visible,.ramilo-inspector-close:focus-visible,.ramilo-quiet-button:focus-visible,.ramilo-segment button:focus-visible,.ramilo-field:focus-visible,.ramilo-color-well:focus-visible,.ramilo-switch:focus-within,.ramilo-file:focus-within{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:2px}fieldset:disabled .ramilo-file{opacity:.55;cursor:not-allowed}.ramilo-primary:hover{background:var(--color-accent-hover)}.ramilo-primary:active{background:var(--color-accent-pressed)}@media (max-width:767px){.ramilo-home{padding:var(--space-4);gap:var(--space-6)}.ramilo-home-header{align-items:start;gap:var(--space-3);padding-bottom:var(--space-4)}.ramilo-preview-label{font-size:11px}.ramilo-home-intro{padding-block:var(--space-3)}.ramilo-home-intro>p:last-child{max-width:24em}.ramilo-start-grid{grid-template-columns:1fr}.ramilo-start-card{column-gap:var(--space-3);min-height:92px;padding:var(--space-4);grid-template-columns:28px 1fr;row-gap:6px;display:grid}.ramilo-start-card>.ramilo-icon{grid-row:span 2;align-self:center;margin:0}.ramilo-start-description{grid-column:2}.ramilo-workspace{position:fixed;inset-inline:0}.ramilo-workspace-header{gap:var(--space-1);min-height:52px;padding:var(--space-1) var(--space-3);flex-wrap:nowrap}.ramilo-workspace-header>button{min-height:var(--touch-target-min);min-width:44px;padding:6px}.ramilo-workspace-header>button .ramilo-icon{display:none}.ramilo-workspace-header>button:first-child .ramilo-icon{width:22px;height:22px;display:block}.ramilo-workspace-header>button:first-child>span{display:none}.ramilo-workspace-title{padding-inline:var(--space-1);border:0;flex-wrap:nowrap;flex-basis:auto;order:0;margin:0}.ramilo-workspace-title input{flex:1 1 0;width:0;min-width:0;max-width:none}[data-testid=sheet-layout] button,.ramilo-view-switch button{min-height:var(--touch-target-min)}.ramilo-workspace-sync-status{width:var(--touch-target-min);height:var(--touch-target-min);min-height:var(--touch-target-min)}.ramilo-workspace-header>button.ramilo-offline-download .ramilo-icon{display:block}.ramilo-offline-download-label,.ramilo-workspace-header>button[data-settings-button],.ramilo-workspace-header>button[aria-pressed]{display:none}.ramilo-presence-bar{padding-inline:var(--space-3)}.ramilo-editor-toolbar{min-height:52px;padding:var(--space-1) var(--space-3);flex-wrap:wrap;gap:0}.ramilo-toolbar-scroll{flex:1 0 100%;order:1;min-height:44px}.ramilo-editor-toolbar .ramilo-desktop-action{display:none}.ramilo-icon-button,.ramilo-tool-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding-inline:8px}.ramilo-editor-toolbar kbd{display:none}.ramilo-toolbar-divider{margin-inline:6px}.ramilo-sheets-bar{min-height:36px;padding-inline:var(--space-3)}.ramilo-sheets-bar button{min-height:36px}.ramilo-sheets-bar input{display:none}.ramilo-phone-bar{padding:var(--space-1) 2px max(var(--space-1), env(safe-area-inset-bottom));justify-content:space-evenly;gap:0}.ramilo-phone-bar button{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:48px;padding:4px 6px;font-size:13px;display:inline-flex}.ramilo-phone-bar .ramilo-phone-done{color:var(--color-accent);background:var(--color-selection)}.ramilo-phone-bar button:hover{background:var(--color-surface-hover)}.ramilo-statusbar{min-height:32px;padding:var(--space-1) var(--space-3);gap:0;font-size:11px}.ramilo-statusbar>span:last-child{display:none}.ramilo-zoom-control{right:var(--space-3);bottom:calc(68px + env(safe-area-inset-bottom));padding:2px}.ramilo-zoom-control button{min-width:40px;min-height:40px}.ramilo-soft-tip,.ramilo-notice{bottom:calc(148px + env(safe-area-inset-bottom));max-width:min(25rem,100% - 24px);left:var(--space-3);font-size:12px}.ramilo-settings .ramilo-setting-row{grid-template-columns:1fr}.ramilo-modal{padding:var(--space-4);margin-top:0}.ramilo-settings>.ramilo-inspector-header,.ramilo-settings>.ramilo-settings-stack{padding-inline:var(--space-4)}}@media (max-width:359px){.ramilo-toolbar-end>.ramilo-icon-button{display:none}}.ramilo-status-action{border-radius:var(--radius-control);font-weight:var(--font-weight-medium);text-underline-offset:3px;border:1px solid;flex:none;padding:3px 8px}.ramilo-status-action:hover{text-decoration:underline}@media (max-width:767px){[data-ramilo-save-status]:not([data-tone=quiet]){padding-block:var(--space-2);flex-wrap:wrap}.ramilo-status-action{min-height:var(--touch-target-min)}}.ramilo-sheet-tab{border-radius:var(--radius-control);max-width:15rem;min-height:28px;color:var(--color-text-secondary);font-size:var(--font-size-caption);text-overflow:ellipsis;border:1px solid #0000;padding:4px 12px;overflow:hidden}.ramilo-sheet-tab[aria-current=true]{border-color:var(--color-divider);background:var(--color-surface);box-shadow:inset 0 -2px var(--color-accent);color:var(--color-accent);font-weight:var(--font-weight-medium)}.ramilo-sheet-tab:hover{background:var(--color-surface-hover)}.ramilo-sheet-list{gap:var(--space-1);overscroll-behavior:contain;flex-direction:column;max-height:14rem;padding:2px;display:flex;overflow:auto}.ramilo-sheet-choice{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-control);text-align:left;display:flex}.ramilo-sheet-choice:hover{background:var(--color-surface-hover)}.ramilo-sheet-choice[aria-current=true]{border-color:var(--color-accent);background:var(--color-selection)}.ramilo-sheet-field,.ramilo-field{box-sizing:border-box;width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);font-size:var(--font-size-control)}textarea.ramilo-field{resize:vertical;min-height:6.5rem;padding:10px 12px;line-height:1.6}.ramilo-sheet-action{border:1px solid var(--color-divider);border-radius:var(--radius-control);min-height:36px;font-size:var(--font-size-control);padding:6px 12px}@media (max-width:767px){.ramilo-sheet-tab,.ramilo-sheet-action,.ramilo-sheet-field,.ramilo-field{min-height:var(--touch-target-min)}.ramilo-sheet-field,.ramilo-field{font-size:16px}textarea.ramilo-field{min-height:6.5rem}}@media (pointer:coarse){.keyboard-hint{display:none}.ramilo-workspace-sync-status,.ramilo-editor-toolbar .ramilo-icon-button,.ramilo-editor-toolbar .ramilo-tool-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}:is(.ramilo-home,.ramilo-workspace-header,.ramilo-editor-toolbar,.ramilo-sheets-bar,.ramilo-phone-bar,.ramilo-modal,.ramilo-property-panel,.ramilo-share-page,.ramilo-identity,.ramilo-menu,[data-testid=workspace-menu],[data-testid=context-menu]) :is(button,select,input:not([data-testid=hidden-node-input]),[role=button]){min-height:var(--touch-target-min)}button,[role=button]{touch-action:manipulation}input:not([data-testid=hidden-node-input]),textarea:not([data-testid=hidden-node-input]),select{font-size:max(16px,1em)}.ramilo-phone-bar{gap:var(--space-1);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));justify-content:space-evenly;display:flex;overflow-x:auto}.ramilo-phone-bar button{min-width:var(--touch-target-min);justify-content:center;align-items:center;gap:var(--space-1);min-height:48px;padding-inline:var(--space-2);border-radius:var(--radius-control);flex:none;display:inline-flex}.ramilo-phone-bar .ramilo-phone-done{color:var(--color-accent);background:var(--color-selection)}.ramilo-outline-scroll,.ramilo-mindmap-scroll{overscroll-behavior:contain;padding-bottom:calc(68px + env(safe-area-inset-bottom));touch-action:pan-x pan-y pinch-zoom}.ramilo-zoom-control{bottom:calc(68px + env(safe-area-inset-bottom))}.ramilo-soft-tip,.ramilo-notice{bottom:calc(148px + env(safe-area-inset-bottom))}.ramilo-statusbar summary{min-height:var(--touch-target-min);align-items:center;display:flex}[data-link-handle]{display:none}.ramilo-setting-row,.ramilo-file{min-height:var(--touch-target-min)}:is(.ramilo-modal,.ramilo-property-panel) .ramilo-switch input{height:100%;min-height:0}:is(.ramilo-modal,.ramilo-property-panel) input.ramilo-color-well{width:44px;height:44px;min-height:44px}}.ramilo-share-canvas{cursor:grab}.ramilo-share-canvas:active{cursor:grabbing}.ramilo-share-canvas .ramilo-node,.ramilo-share-canvas .ramilo-node-collapse{cursor:default}.ramilo-share-canvas.ramilo-mindmap-scroll{padding-bottom:0}.ramilo-share-stage .ramilo-zoom-control{bottom:max(1rem, env(safe-area-inset-bottom))}.ramilo-field-label{gap:var(--space-1);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-caption);flex-direction:column;line-height:1.4;display:flex}.ramilo-identity{align-items:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface);flex-direction:column;display:flex}.ramilo-identity-id{overflow-wrap:anywhere;border-radius:var(--radius-control);background:var(--color-surface-subtle);max-width:100%;color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-caption);padding:6px 8px;line-height:1.5;display:block}.ramilo-share-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ramilo-share-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);display:flex}.ramilo-share-row-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ramilo-share-row-title{overflow-wrap:anywhere;color:var(--color-text);font-size:var(--font-size-label);line-height:1.4}.ramilo-share-row-meta{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-caption);flex-wrap:wrap;line-height:1.45;display:flex}.ramilo-share-result{gap:var(--space-2);flex-direction:column;display:flex}.ramilo-share-url{font-family:var(--font-family-mono);font-size:var(--font-size-caption)}.ramilo-share-page{background:var(--color-background);height:100dvh;min-height:0;color:var(--color-text);flex-direction:column;display:flex}.ramilo-share-header{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface);flex:none;display:flex}.ramilo-share-mark{width:28px;height:28px;color:var(--color-accent);flex:none}.ramilo-share-heading{flex:1;min-width:0}.ramilo-share-kicker{color:var(--color-text-secondary);letter-spacing:.04em;margin:0;font-size:11px;line-height:1.4}.ramilo-share-heading h1{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.35;overflow:hidden}.ramilo-share-header .ramilo-inspector-button{flex:none}.ramilo-share-document{flex-direction:column;flex:1;min-height:0;display:flex}.ramilo-share-toolbar{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-background);flex-wrap:wrap;flex:none;display:flex}.ramilo-share-sheet{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-caption);display:inline-flex}.ramilo-share-sheet .ramilo-field{width:auto;max-width:16rem}.ramilo-share-sheet-name{color:var(--color-text);font-size:var(--font-size-control);font-weight:var(--font-weight-medium)}.ramilo-share-refresh{margin-left:auto}.ramilo-share-canvas-column{flex-direction:column;flex:1;min-height:0;display:flex}.ramilo-share-detail{max-height:16rem;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider);background:var(--color-surface);flex:none;overflow:auto}.ramilo-share-outline-scroll{flex:1;min-height:0;overflow:auto}.ramilo-share-outline-scroll[data-map-theme]{background:var(--map-canvas);color:var(--map-node-text);--color-text:var(--map-node-text);--color-text-secondary:var(--map-relation);--color-divider:var(--map-node-border);--color-surface:var(--map-node-surface);--color-surface-subtle:var(--map-node-selected-surface);--color-accent:var(--map-relation);--color-focus:var(--map-focus,var(--map-relation))}.ramilo-share-outline-scroll[data-map-theme] .ramilo-share-title-root{background:var(--map-root-surface);color:var(--map-root-text)}.ramilo-share-reading{width:min(100%,46rem);padding:var(--space-2) var(--space-6) var(--space-10);margin:0 auto}.ramilo-share-node{padding-block:var(--space-4);border-bottom:1px solid var(--color-divider)}.ramilo-share-title{overflow-wrap:anywhere;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:-.02em;margin:0;line-height:1.45}.ramilo-share-title-root{font-size:var(--font-size-branch);font-weight:var(--font-weight-semibold);letter-spacing:-.03em}.ramilo-share-note{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-control);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.ramilo-share-link{max-width:100%;margin-top:var(--space-2);overflow-wrap:anywhere;color:var(--color-accent);font-size:var(--font-size-control);text-decoration:none;display:inline-flex}.ramilo-share-link:hover{text-underline-offset:3px;text-decoration:underline}.ramilo-share-asset{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface);flex-direction:column;display:flex}.ramilo-share-asset .ramilo-share-link,.ramilo-share-asset .ramilo-inspector-hint{margin-top:0}.ramilo-share-asset .ramilo-asset-preview{max-height:24rem}.ramilo-share-asset-error{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-caption);flex-wrap:wrap;display:flex}.ramilo-share-relations{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface)}.ramilo-share-relations h2{margin:0 0 var(--space-2);font-size:var(--font-size-control);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.ramilo-share-relations-list{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-control);padding:0;line-height:1.6;list-style:none}.ramilo-share-relations .ramilo-share-relations-list{margin-top:0}.ramilo-share-footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-caption);flex:none;line-height:1.65}.ramilo-share-state{width:min(100% - var(--space-8), 28rem);margin:var(--space-10) auto;padding:var(--space-6);border:1px solid var(--color-divider);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel)}.ramilo-share-state h2{margin:0 0 var(--space-2);font-size:var(--font-size-branch);font-weight:var(--font-weight-semibold);letter-spacing:-.03em}.ramilo-share-state p{color:var(--color-text-secondary);margin:0;line-height:1.7}.ramilo-share-state .ramilo-inspector-button{margin-top:var(--space-4)}html[data-desktop-chrome=macos]{--desktop-titlebar-height:52px;--desktop-titlebar-pad:9px;--desktop-titlebar-inset-start:80px;--desktop-titlebar-inset-end:16px}html[data-desktop-chrome=windows]{--desktop-titlebar-height:48px;--desktop-titlebar-pad:7px;--desktop-titlebar-inset-start:12px;--desktop-titlebar-inset-end:138px}html[data-desktop-chrome=macos],html[data-desktop-chrome=windows],html[data-desktop-chrome=system],html[data-desktop-chrome=macos] body,html[data-desktop-chrome=windows] body,html[data-desktop-chrome=system] body{overscroll-behavior:none}.ramilo-desktop-drag{z-index:0;app-region:drag;position:absolute;inset:0}.ramilo-caption{z-index:2;height:var(--desktop-titlebar-height);app-region:no-drag;display:flex;position:absolute;top:0;right:0}.ramilo-caption button{width:46px;height:100%;min-height:0;color:var(--color-text);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ramilo-caption button svg{fill:none;stroke:currentColor;stroke-width:1px;width:10px;height:10px}.ramilo-caption button:hover{background:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.ramilo-caption button:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent)}}.ramilo-caption button:active{background:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.ramilo-caption button:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}}.ramilo-caption button[data-caption=close]:hover,.ramilo-caption button[data-caption=close]:active{color:#fff;background:#c42b1c}.ramilo-caption button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}html[data-desktop-chrome=macos] .ramilo-home,html[data-desktop-chrome=windows] .ramilo-home{gap:var(--space-8);width:100%;max-width:none;padding:0 0 var(--space-16)}html[data-desktop-chrome=macos] .ramilo-home>:not(.ramilo-home-header):not(input):not(.ramilo-modal-overlay),html[data-desktop-chrome=windows] .ramilo-home>:not(.ramilo-home-header):not(input):not(.ramilo-modal-overlay){width:min(56rem, calc(100% - var(--space-16)));margin-inline:auto}.ramilo-desktop-preview{display:none}html[data-desktop-chrome=macos] .ramilo-desktop-preview,html[data-desktop-chrome=windows] .ramilo-desktop-preview{margin-bottom:calc(var(--space-4) * -1);color:var(--color-text-secondary);font-size:var(--font-size-caption);display:block}html[data-desktop-chrome=macos] .ramilo-home-header,html[data-desktop-chrome=windows] .ramilo-home-header,html[data-desktop-chrome=macos] .ramilo-workspace-header,html[data-desktop-chrome=windows] .ramilo-workspace-header,html[data-desktop-chrome=macos] .ramilo-share-header,html[data-desktop-chrome=windows] .ramilo-share-header{box-sizing:border-box;min-height:var(--desktop-titlebar-height);padding:0 var(--desktop-titlebar-inset-end) 0 var(--desktop-titlebar-inset-start);background:var(--color-surface);-webkit-user-select:none;user-select:none;flex-wrap:nowrap;align-items:center;position:relative}html[data-desktop-chrome=macos] .ramilo-workspace-header,html[data-desktop-chrome=windows] .ramilo-workspace-header{padding-block:var(--desktop-titlebar-pad);align-items:flex-start}html[data-desktop-chrome=macos] .ramilo-home-header,html[data-desktop-chrome=windows] .ramilo-home-header{z-index:5;border-bottom:1px solid var(--color-divider);position:sticky;top:0}html[data-desktop-chrome=macos] .ramilo-home-brand .ramilo-preview-label,html[data-desktop-chrome=windows] .ramilo-home-brand .ramilo-preview-label{display:none}html[data-desktop-chrome=macos] .ramilo-home-brand .ramilo-brand-logo-web,html[data-desktop-chrome=windows] .ramilo-home-brand .ramilo-brand-logo-web{width:144px}html[data-desktop-chrome=macos] .ramilo-home-brand h1,html[data-desktop-chrome=windows] .ramilo-home-brand h1{font-size:var(--font-size-body);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}html[data-desktop-chrome=macos] .ramilo-home-header :is(.ramilo-home-settings,.ramilo-home-login,.ramilo-home-account-trigger),html[data-desktop-chrome=windows] .ramilo-home-header :is(.ramilo-home-settings,.ramilo-home-login,.ramilo-home-account-trigger),html[data-desktop-chrome=macos] .ramilo-workspace-header>button:not(.ramilo-menu-dismiss),html[data-desktop-chrome=windows] .ramilo-workspace-header>button:not(.ramilo-menu-dismiss){min-height:32px}html[data-desktop-chrome=macos] .ramilo-home-settings,html[data-desktop-chrome=windows] .ramilo-home-settings{width:32px;height:32px}html[data-desktop-chrome=macos] .ramilo-home-brand,html[data-desktop-chrome=windows] .ramilo-home-brand,html[data-desktop-chrome=macos] .ramilo-workspace-title,html[data-desktop-chrome=windows] .ramilo-workspace-title,html[data-desktop-chrome=macos] .ramilo-share-heading,html[data-desktop-chrome=windows] .ramilo-share-heading,html[data-desktop-chrome=macos] .ramilo-share-mark,html[data-desktop-chrome=windows] .ramilo-share-mark{z-index:1;pointer-events:none;position:relative}html[data-desktop-chrome=macos] .ramilo-workspace-title input,html[data-desktop-chrome=windows] .ramilo-workspace-title input{-webkit-user-select:text;user-select:text}html[data-desktop-chrome=macos] .ramilo-workspace-title :is(button,input,a,textarea,select),html[data-desktop-chrome=windows] .ramilo-workspace-title :is(button,input,a,textarea,select),html[data-desktop-chrome=macos] .ramilo-home-header-actions,html[data-desktop-chrome=windows] .ramilo-home-header-actions,html[data-desktop-chrome=macos] .ramilo-share-header .ramilo-inspector-button,html[data-desktop-chrome=windows] .ramilo-share-header .ramilo-inspector-button,html[data-desktop-chrome=macos] .ramilo-workspace-header>button:not(.ramilo-menu-dismiss),html[data-desktop-chrome=windows] .ramilo-workspace-header>button:not(.ramilo-menu-dismiss){z-index:1;pointer-events:auto;position:relative}html[data-desktop-chrome=macos] .ramilo-share-kicker,html[data-desktop-chrome=windows] .ramilo-share-kicker{display:none}.ramilo-share-loading{padding:var(--space-10) var(--space-6);color:var(--color-text-secondary);text-align:center;margin:0}@media (max-width:767px){.ramilo-share-header,.ramilo-share-toolbar,.ramilo-share-footer,.ramilo-share-detail{padding-inline:var(--space-4)}.ramilo-share-heading h1{white-space:normal}.ramilo-share-reading{padding-inline:var(--space-4)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}