:root{--bg:#f8f9f5;--paper:#fff;--ink:#283c36;--muted:#657464;--line:#d9e2d5;--green:#26796c;--quiet:#f3f5ef;--hover:#e6eee8;--faint:#9ba69a;--dot:#e4e9df;--danger:#a64932;--warning:#83651d;--on-accent:#fff;--shadow:#283b3010}
:root[data-scheme=dark]{--bg:#171f1c;--paper:#222e27;--ink:#e5eee6;--muted:#a9bca9;--line:#425447;--green:#8fc7b0;--quiet:#1b2520;--hover:#2c3a30;--faint:#899f8b;--dot:#2d3c31;--danger:#eea18a;--warning:#e4cc8c;--on-accent:#17251e;--shadow:#0000002b}
body{background:var(--bg);color:var(--ink)}.sidebar{background:var(--quiet)}.topbar{background:var(--bg)}.brand-mark{background:var(--hover)}.active-card,.child-card,.overview-node{background:var(--cell-fill,var(--paper));border-color:var(--cell-stroke,var(--line));border-width:var(--cell-width,1px);color:var(--cell-text,var(--ink))}.active-card .active-title,.active-card .active-notes{color:var(--cell-text,var(--ink))}.active-card .active-notes::placeholder{color:var(--cell-muted,var(--muted))}.active-title::placeholder{color:var(--faint)}.active-card .card-footer{color:var(--cell-muted,var(--muted));border-color:var(--cell-stroke,var(--line))}.active-card .card-topline .icon-button{color:var(--cell-muted,var(--muted))}.active-card:focus-within{border-color:var(--cell-stroke,var(--line));box-shadow:0 14px 45px var(--shadow),0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.active-card .card-footer button{color:var(--cell-text,var(--ink))}.child-title,.overview-node strong{color:var(--cell-text,var(--ink))}.child-card-bottom,.overview-node small{color:var(--cell-muted,var(--muted))}.child-card:hover{border-color:var(--cell-stroke,var(--line));box-shadow:0 8px 22px var(--shadow)}.child-mark{background:color-mix(in srgb,var(--cell-fill,var(--paper)) 90%,var(--accent))}.creation-bar .add-child,.primary-action{background:var(--green);color:var(--on-accent)}.creation-bar .add-child:hover{background:var(--green)}.danger-action{background:var(--danger);color:var(--on-danger,#fff)}.danger-text{color:var(--danger)!important}.save-line{color:var(--muted)}.bottom-area{background:linear-gradient(transparent,var(--bg) 40%)}.keyboard-open .bottom-area{background:linear-gradient(transparent,var(--bg) 35%)}.sheet{background:var(--paper);color:var(--ink)}.sheet::backdrop,.sidebar-backdrop{background:#14201969}.sheet-body p{color:var(--muted)}.field-input{background:var(--quiet);color:var(--ink);border-color:var(--line)}.swatch .icon{color:#fff}.map-item.active:after{background:var(--green)}.toast{background:var(--ink);color:var(--paper)}.overview-collapser{background:var(--quiet);border-color:var(--line);color:var(--ink)}.overview-node.selected{outline:2px solid var(--accent);outline-offset:2px}.overview-tools{background:var(--paper)}.menu-action:hover{background:var(--quiet)}.stage{background-image:radial-gradient(var(--dot) .7px,transparent .7px)}.segment-control{display:flex;gap:4px;border-radius:11px;padding:4px;background:var(--quiet);margin:8px 0 20px;flex-wrap:wrap}.segment-control button{flex:1;min-width:70px;padding:10px 9px;border-radius:8px;font-size:11px;color:var(--muted);transition:background .18s,color .18s}.segment-control button[aria-pressed=true]{background:var(--paper);color:var(--green);box-shadow:0 2px 7px var(--shadow)}.settings-heading{font-size:12px;font-weight:600;margin:19px 0 10px}.appearance-sheet{width:620px}.appearance-sheet .sheet-body{padding-bottom:26px}.appearance-sheet .sheet-head{border-bottom:1px solid var(--line);margin-bottom:5px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-tile{display:flex;flex-direction:column;align-items:start;gap:5px;text-align:right;padding:13px 13px 11px;border:1px solid var(--line);background:var(--quiet);border-radius:12px;min-height:96px;position:relative;transition:transform .18s,box-shadow .18s}.theme-tile[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.theme-tile[aria-pressed=true]:after{content:'✓';position:absolute;top:10px;left:12px;font-size:13px;color:var(--green)}.theme-tile strong{font-size:12px;font-weight:600}.theme-tile small{font-size:10px;color:var(--muted)}.theme-colors{display:flex;margin-bottom:3px}.theme-colors span{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);margin-left:-4px}.theme-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-actions .secondary-action{flex:1;min-width:150px;margin-top:0}.text-action{font-size:11px;padding:10px 0;color:var(--green)}.settings-note{font-size:11px!important;line-height:1.9!important}.appearance-options{display:grid;grid-template-columns:120px 1fr;gap:10px 12px;align-items:center}.appearance-options .form-label{margin:0}.appearance-sample{--sample-width:1px;position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;background:var(--sample-bg);border:1px solid var(--line);border-radius:15px;padding:16px 20px;margin:15px 0;color:var(--sample-text)}.sample-parent,.sample-child{font-size:10px;color:var(--sample-muted)}.sample-card{display:flex;flex-direction:column;gap:8px;padding:15px 20px;border:var(--sample-width) solid var(--sample-line);border-radius:12px;width:100%;max-width:300px;background:var(--sample-card);color:var(--sample-text);box-shadow:0 4px 15px var(--shadow);position:relative}.sample-card:before,.sample-card:after{content:'';position:absolute;width:1px;height:16px;background:var(--sample-line);right:50%}.sample-card:before{top:-17px}.sample-card:after{bottom:-17px}.sample-card strong{font-size:17px;overflow-wrap:anywhere;font-weight:650}.sample-kicker{font-size:9px;color:var(--sample-accent)}.sample-detail{font-size:11px;color:var(--sample-muted)}.color-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.color-setting-label{font-size:12px}.color-setting-inputs{display:flex;align-items:center;gap:8px;direction:ltr}.native-color{width:37px;height:35px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:3px;cursor:pointer}.hex-color{width:92px;border:1px solid var(--line);background:var(--quiet);border-radius:7px;padding:7px 8px;font-size:12px;color:var(--ink);font-family:monospace}.hex-color[aria-invalid=true]{border-color:var(--danger)}.form-notice{font-size:11px;color:var(--danger);line-height:1.9}.contrast-note{font-size:10px!important;margin-top:-5px;color:var(--muted)}.contrast-low{color:var(--warning)!important}.appearance-sheet .primary-action{margin-top:16px}.context-toggle{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--muted);margin-right:auto;padding:9px 10px;border-radius:9px;white-space:nowrap}.context-toggle .icon{width:15px;height:15px}.context-toggle[aria-pressed=true]{color:var(--green);background:var(--hover)}.viewbar{gap:12px}.breadcrumbs{max-width:56%}.viewbar .view-toggle{margin-right:0}.focus-prelude{position:relative;flex-direction:column;gap:7px;min-height:76px;padding:0 0 22px;margin:0 auto;max-width:440px}.focus-prelude:after{content:'';position:absolute;bottom:0;left:50%;height:23px;width:1px;background:var(--line)}.focus-prelude.root-context:after{display:none}.context-card{display:flex;align-items:center;gap:10px;text-align:start;min-width:0;background:color-mix(in srgb,var(--cell-fill,var(--paper)) 70%,var(--quiet));border:1px solid var(--cell-stroke,var(--line));color:var(--cell-text,var(--ink));border-radius:13px;padding:11px 14px;max-width:100%;box-shadow:0 2px 12px var(--shadow);transition:transform .22s,filter .22s,background .22s;filter:saturate(.45)}.context-card .context-label{display:block;font-size:9px;color:var(--cell-muted,var(--muted));margin-bottom:3px}.context-card .context-title{display:block;font-size:12px;font-weight:550;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-card .context-text{min-width:0}.context-card .icon{width:15px;height:15px;color:var(--cell-muted,var(--muted))}.context-card:hover{filter:none;transform:translateY(-2px)}.parent-context-card{max-width:340px;justify-content:center;min-height:58px}.parent-context-card .context-label{font-size:9px}.ancestor-context{display:none;gap:7px;align-items:center;justify-content:center;width:100%;flex-wrap:wrap}.ancestor-context button{font-size:10px;color:var(--muted);padding:6px 9px;border-radius:6px;border:1px solid var(--line);background:var(--quiet)}.peer-context{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;margin:0 auto 15px;max-width:650px;flex-wrap:wrap}.peer-context:empty{display:none}.peer-card{background:var(--quiet);box-shadow:none;border-radius:10px;padding:8px 12px;min-height:44px;max-width:calc(50% - 6px)}.peer-card .context-title{font-size:11px;max-width:180px}.peer-card .context-label{font-size:8px}.peer-context-more{font-size:10px;color:var(--muted);padding:8px;min-height:40px}.focus-scene{padding-top:0;max-width:870px}.context-extra{display:none!important}.context-peek .context-extra{display:flex!important}.context-peek .ancestor-context{display:flex}.context-peek .context-card,.context-peek .child-card{filter:none}.context-peek .active-card{box-shadow:0 6px 20px var(--shadow)}.context-peek .branch-connector{stroke:var(--green)}.context-peek .peer-context{margin-bottom:20px}.child-card{filter:saturate(.6);min-height:92px}.child-card:hover{filter:none}.child-card-bottom{font-size:10px}.more-children{display:block;margin:15px auto 0;padding:9px 16px;color:var(--green);font-size:11px;border:1px solid var(--line);border-radius:10px;background:var(--quiet)}.siblings-nav{margin-top:19px}.focus-prelude .root-prelude{color:var(--muted)}.root-context{min-height:58px;padding-bottom:8px}.peer-context:empty{margin:0}.focus-scene .active-card{z-index:2}.context-peek .peer-card{max-width:calc(50% - 6px)}
html[data-density=low] .peer-context{display:none}html[data-density=more] .ancestor-context{display:flex}
@media(min-width:1100px){html[data-layout=orbit] .focus-scene{display:grid;grid-template-columns:180px minmax(340px,440px) 180px;gap:18px;align-items:center;max-width:890px;padding-top:42px;direction:rtl}html[data-layout=orbit] .focus-prelude{grid-column:1;grid-row:1;min-height:0;padding:0;width:100%}html[data-layout=orbit] .focus-prelude:after{left:-18px;bottom:50%;width:18px;height:1px}html[data-layout=orbit] .parent-context-card{width:100%;padding:12px}html[data-layout=orbit] .parent-context-card .context-title{max-width:135px}html[data-layout=orbit] .active-card{grid-column:2;grid-row:1;width:100%}html[data-layout=orbit] .peer-context{grid-column:2;grid-row:2;width:100%;margin:0}html[data-layout=orbit] .branch-zone{grid-column:3;grid-row:1;padding:0}html[data-layout=orbit] .child-grid{display:grid;grid-template-columns:1fr;gap:10px}html[data-layout=orbit] .child-grid .child-card{width:100%;max-width:none;min-height:70px;padding:12px}html[data-layout=orbit] .child-title{font-size:11px}html[data-layout=orbit] .child-mark{display:none}html[data-layout=orbit] .child-card-bottom{padding-right:0;font-size:9px}html[data-layout=orbit] .branch-connector{display:none}html[data-layout=orbit] .siblings-nav{grid-column:2;grid-row:3;margin:0}html[data-layout=orbit] .empty-branch{padding-top:0;font-size:10px}html[data-layout=orbit] .more-children{font-size:10px;padding:7px}}
@media(max-width:1100px) and (min-width:761px){.context-toggle span{display:none}.focus-scene{max-width:660px}}
@media(max-width:900px),(max-width:1000px) and (max-height:500px){.topbar-left .icon-button{width:30px}.appearance-sheet{width:100%;max-width:100%}.appearance-sheet .sheet-body{padding-bottom:max(26px,env(safe-area-inset-bottom))}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-tile{padding:10px 9px;min-height:90px}.theme-tile strong{font-size:11px}.theme-tile small{font-size:9px}.theme-colors span{width:18px;height:18px}.appearance-options{grid-template-columns:1fr;gap:5px}.appearance-options .field-input{margin-bottom:10px}.appearance-options .form-label{margin-top:7px}.segment-control button{font-size:10px;padding:10px 5px}.appearance-sheet .field-input{font-size:14px}.appearance-sheet input.field-input{font-size:16px}.hex-color{font-size:16px;width:110px}.color-setting-label{font-size:11px}.sample-card strong{font-size:16px}.context-toggle{padding:7px 4px;margin-right:auto}.context-toggle span{display:none}.context-toggle .icon{width:17px;height:17px}.viewbar{padding-right:18px;padding-left:18px;gap:5px}.breadcrumbs{max-width:45%}.viewbar .view-toggle{margin-right:3px}.focus-prelude{min-height:74px;padding-bottom:20px}.root-context{min-height:45px;padding-bottom:5px}.parent-context-card{min-height:52px;padding:9px 13px}.context-card .context-title{font-size:11px}.context-card .context-label{font-size:9px}.peer-context{gap:7px;margin-bottom:13px}.peer-card{padding:7px 10px;min-height:44px;max-width:calc(50% - 5px)}.peer-card .context-label{font-size:8px}.peer-card .context-title{font-size:11px;max-width:110px}.focus-scene .active-card{width:100%}.child-card{min-height:70px}.stage{padding-top:0}.focus-scene{padding-top:0}.branch-connector{background:linear-gradient(var(--line),var(--line)) right 0 top 0/1px 33px no-repeat}.child-grid:before,.child-card:before{background:var(--line)}html[data-layout=orbit] .focus-scene{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}html[data-layout=orbit] .focus-prelude{grid-column:1;grid-row:1;min-height:76px;align-items:start;justify-content:center;padding:0 0 14px;width:100%}html[data-layout=orbit] .focus-prelude:after{bottom:0;right:50%;left:auto;width:calc(50% + 6px);height:20px;background:none;border:1px solid var(--line);border-top:0;border-right:0;border-radius:0 0 0 12px}html[data-layout=orbit] .parent-context-card{width:100%;padding:8px 9px;min-height:58px}html[data-layout=orbit] .parent-context-card .context-title{max-width:112px;font-size:10px}html[data-layout=orbit] .parent-context-card .icon{display:none}html[data-layout=orbit] .root-context{grid-column:1/3;align-items:center;min-height:48px}html[data-layout=orbit] .root-context:after{display:none}html[data-layout=orbit] .peer-context{grid-column:2;grid-row:1;align-self:center;gap:5px;flex-direction:column;align-items:stretch;margin:0 0 12px}html[data-layout=orbit] .peer-card{max-width:100%;padding:6px 9px;min-height:35px}html[data-layout=orbit] .peer-card .context-label{display:none}html[data-layout=orbit] .active-card{grid-column:1/3;grid-row:2}html[data-layout=orbit] .branch-zone{grid-column:1/3;grid-row:3}html[data-layout=orbit] .child-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-right:0}html[data-layout=orbit] .child-grid:before,html[data-layout=orbit] .child-card:before{display:none}html[data-layout=orbit] .child-card{display:block;min-height:87px;padding:13px;max-width:none}html[data-layout=orbit] .child-mark{display:none}html[data-layout=orbit] .child-card-bottom{margin-top:8px;font-size:10px}html[data-layout=orbit] .child-title{font-size:12px}html[data-layout=orbit] .branch-connector{background:linear-gradient(var(--line),var(--line)) center top/1px 33px no-repeat}html[data-layout=orbit] .siblings-nav{grid-column:1/3;grid-row:4}.keyboard-open .focus-prelude{min-height:35px;padding-bottom:7px}.keyboard-open .focus-prelude:after{height:7px}.keyboard-open .parent-context-card{min-height:28px;padding:4px 9px}.keyboard-open .context-label{display:none}.keyboard-open .peer-context{display:none!important}.keyboard-open .ancestor-context{display:none!important}.keyboard-open .focus-scene{display:block!important}.keyboard-open .focus-prelude{width:max-content;max-width:100%;margin:0 auto 7px}.keyboard-open .viewbar .context-toggle{display:none}}
.theme-tile strong{max-width:100%;overflow-wrap:anywhere}.appearance-switch *, .appearance-switch *::before,.appearance-switch *::after{transition:none!important}
.context-peek .peer-context{display:flex!important}
@media(min-width:761px){.context-peek .child-card.context-extra{display:block!important}}
@media(prefers-reduced-motion:reduce){.context-card,.segment-control button,.theme-tile{transition:none!important}}