:root{--color-background-card:#fffffc;--color-background-page:#faf9f5;--color-background-subtle:#f5f5ec;--color-primary-1:#121a14;--color-primary-2:#26332a;--color-primary-3:#2e4d38;--color-primary-4:#476652;--color-primary-5:#eaf2e6;--color-primary-6:#819688;--color-primary-7:#ccd8d0;--color-secondary-2:#715216;--color-secondary-3:#99752e;--color-secondary-4:#b48d3f;--color-secondary-6:#ad9c79;--color-secondary-7:#f2ece1;--color-empty-button-foreground:#fffefb;--bg-page:var(--color-background-page);--bg-card:var(--color-background-card);--bg-subtle:var(--color-background-subtle);--text-primary:var(--color-primary-1);--text-body:var(--color-primary-3);--text-secondary:var(--color-primary-4);--text-muted:var(--color-primary-6);--text-placeholder:var(--color-primary-7);--text-on-accent:var(--bg-card);--line:var(--color-primary-5);--line-control:var(--color-primary-4);--line-secondary:var(--color-primary-7);--accent:var(--color-primary-3);--accent-soft:var(--color-primary-5);--danger:var(--color-secondary-2);--chart-star:var(--color-primary-2);--chart-gate:var(--color-secondary-3);--chart-deity:var(--text-muted);--chart-stem:var(--text-body);--chart-palace:var(--text-secondary);--chart-marker:var(--text-muted);--chart-grid-line:var(--line);--chart-pillar-label:var(--color-secondary-6);--chart-center-line-outer:#81968833;--chart-center-line-inner:#8196881a;--original-bg:var(--color-secondary-7);--original-text:var(--color-secondary-3);--overlay-scrim:#8f8f8880;--backdrop-blur:6px;--font-sans:"Source Han Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Source Han Serif SC", "Songti SC", STSong, serif;--text-2xs:10px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:26px;--weight-regular:400;--weight-medium:500;--leading-normal:normal;--leading-explanation:20px;--leading-answer:24px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:28px;--space-10:32px;--space-11:48px;--radius-logo-cell:1px;--radius-marker:2px;--radius-method:3px;--radius-control:4px;--radius-tag:5px;--radius-button:6px;--radius-bubble:8px;--radius-card:12px;--radius-circle:50%;--border-thin:1px;--width-desktop:760px;--page-gutter:12px;--height-navigation:72px;--height-chat-header:52px;--height-sheet-header:52px;--height-composer:72px;--height-control:40px;--height-tab:32px;--height-intro:117px;--height-pillars:78px;--height-palace:126px;--size-logo-mark:32px;--size-logo-cell:6px;--gap-logo-cell:2px;--size-send:32px;--size-progress:18px;--size-empty-orbit:72px;--size-center-orbit:48px;--size-center-orbit-inner:40px;--original-padding-x:7px;--original-padding-y:5px;--sheet-header-padding:17px;--composer-input-inset:3px;--duration-fast:.16s;--duration-spin:.9s;--disabled-opacity:.45;--z-header:10;--z-composer:20;--z-overlay:30;--z-toast:50}*{box-sizing:border-box}html{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-body);background:var(--bg-page);font-synthesis:none}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:var(--disabled-opacity)}a{color:inherit;text-decoration:none}button{transition:background var(--duration-fast), border-color var(--duration-fast)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:var(--border-thin) solid var(--accent);outline-offset:var(--space-1)}h1,h2,h3,h4,p{font-size:inherit;font-weight:var(--weight-regular);margin:0}img{vertical-align:middle}p{overflow-wrap:anywhere}strong,b{font-weight:var(--weight-medium)}.design-icon{flex-shrink:0;display:block}.icon-flip{transform:rotate(180deg)}.app-shell{max-width:var(--width-desktop);min-height:100dvh;margin-inline:auto}.page-layout{flex-direction:column;min-height:100dvh;display:flex}.page-layout>main{flex:1}.with-composer{padding-bottom:var(--composer-height,var(--height-composer))}.page-content{padding-inline:var(--page-gutter)}.skip-link{top:var(--space-3);left:var(--space-3);z-index:var(--z-toast);padding:var(--space-3);background:var(--bg-card);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.navigation{z-index:var(--z-header);height:var(--height-navigation);justify-content:space-between;align-items:center;gap:var(--space-2);padding-inline:var(--page-gutter);border-bottom:var(--border-thin) solid var(--line);background:var(--bg-card);display:flex;position:sticky;top:0}.brand{white-space:nowrap;font:var(--weight-medium) var(--text-xl) / var(--leading-normal) var(--font-serif);color:var(--text-primary);align-items:center;display:flex}.brand-logo{grid-template-columns:repeat(3, var(--size-logo-cell));grid-template-rows:repeat(3, var(--size-logo-cell));gap:var(--gap-logo-cell);width:var(--size-logo-mark);height:var(--size-logo-mark);margin:var(--space-2);border-radius:var(--radius-control);background:var(--accent);padding:5px;display:grid}.brand-logo i{background:var(--bg-page);border-radius:var(--radius-logo-cell)}.brand-logo i:nth-child(5){background:var(--color-secondary-4)}.navigation nav{align-items:center;gap:var(--space-2);display:flex}.navigation nav a{height:var(--height-tab);justify-content:center;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-control);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;display:flex}.navigation nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.page-intro{height:var(--height-intro);padding:var(--space-7);align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.eyebrow{font:var(--weight-regular) var(--text-2xs) / var(--leading-normal) var(--font-sans);color:var(--text-secondary);display:block}.page-intro h1{font:var(--weight-medium) var(--text-2xl) / var(--leading-normal) var(--font-serif);color:var(--text-primary)}.page-intro p{font-size:var(--text-2xs);color:var(--text-secondary);margin-top:calc(-1 * var(--space-2))}.brand-footer{height:31px;margin-top:var(--space-2);margin-bottom:var(--space-5);font-size:var(--text-2xs);line-height:var(--text-xs);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.card{border:var(--border-thin) solid var(--line);border-radius:var(--radius-card);background:var(--bg-card)}.button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--height-control);padding:0 var(--space-5);border:var(--border-thin) solid transparent;border-radius:var(--radius-button);font-size:var(--text-sm);white-space:nowrap;display:inline-flex}.button-primary{background:var(--accent);color:var(--text-on-accent)}.button-secondary{border-color:var(--line-secondary);color:var(--text-body);background:0 0}.button-full{width:100%}.text-button{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;padding:0;display:inline-flex}.icon-button{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.input,.textarea{border:var(--border-thin) solid var(--line-control);border-radius:var(--radius-control);background:var(--bg-page);width:100%;min-width:0;color:var(--text-secondary);padding-inline:var(--space-5);font-size:var(--text-sm);display:block}.input{height:var(--height-control)}.textarea{padding-block:var(--space-3);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input:focus,.textarea:focus{outline-offset:var(--space-1)}.field-control{display:block;position:relative}.field-control>.design-icon{right:var(--space-5);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)rotate(180deg)}.field-control select{appearance:none}.field-control input::-webkit-calendar-picker-indicator{opacity:0}.field-control .input{padding-right:var(--space-10)}.pill{min-height:var(--space-8);padding:var(--space-1) var(--space-5);border:var(--border-thin) solid var(--line-secondary);border-radius:var(--radius-tag);background:var(--bg-subtle);color:var(--text-muted);font-size:var(--text-xs);align-items:center;display:inline-flex}.pills{gap:var(--space-3);flex-wrap:wrap;display:flex}.notice,.conversation-notice{margin-block:var(--space-5);padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);background:var(--original-bg);color:var(--danger);font-size:var(--text-xs);line-height:var(--leading-explanation)}.conversation-notice{margin-block:0}.toast{z-index:var(--z-toast);bottom:calc(var(--composer-height,0px) + var(--space-5));max-width:calc(100% - var(--space-8));padding:var(--space-4) var(--space-6);border:var(--border-thin) solid var(--line);border-radius:var(--radius-button);background:var(--bg-card);font-size:var(--text-sm);position:fixed;left:50%;transform:translate(-50%)}.skeleton{gap:var(--space-5);padding:var(--space-5);flex-direction:column;display:flex}.skeleton span{height:var(--space-7);border-radius:var(--radius-control);background:var(--accent-soft);animation:pulse var(--duration-spin) ease-in-out infinite alternate}.skeleton span:last-child{width:60%}@keyframes pulse{to{opacity:var(--disabled-opacity)}}.board-card{padding:calc(var(--space-5) - var(--border-thin))}.board-heading{gap:var(--space-2);flex-direction:column;display:flex}.board-heading-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.board-heading h2{align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--text-body);white-space:nowrap;display:flex}.method-pill{font:var(--weight-medium) var(--text-2xs) / var(--leading-normal) var(--font-serif);min-height:var(--space-7);padding:var(--space-2) var(--space-3);border-radius:var(--radius-method);color:var(--color-secondary-2);border:0}.board-date{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.board-date .text-button{font-size:var(--text-2xs)}.pillars{height:var(--height-pillars);margin-top:var(--space-7);border-block:var(--border-thin) solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pillar{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.pillar:not(:last-child):after{content:"";right:0;top:var(--space-5);bottom:var(--space-5);width:var(--border-thin);background:var(--line);position:absolute}.pillar>span{font-size:var(--text-2xs);color:var(--chart-pillar-label)}.pillar strong{font:var(--weight-medium) var(--text-2xl) / var(--leading-normal) var(--font-serif);color:var(--text-secondary)}.pillar-current strong{color:var(--text-primary)}.pillar-current:before{content:"";bottom:calc(-1 * var(--border-thin));height:var(--space-1);width:var(--space-10);background:var(--text-secondary);position:absolute}.chart-meta{justify-content:start;align-items:center;column-gap:var(--space-7);row-gap:var(--space-3);padding-block:var(--space-6) var(--space-7);font-size:var(--text-xs);color:var(--text-secondary);grid-template-columns:repeat(4,max-content);display:grid}.chart-ju{color:var(--text-primary)}.palace-grid{border-radius:var(--radius-bubble);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.palace{height:var(--height-palace);border:var(--border-thin) solid var(--chart-grid-line);background:var(--bg-page);min-width:0;color:var(--text-body);text-align:center;padding:0;position:relative;overflow:hidden}.palace-center,.palace:hover{background:var(--bg-subtle)}.palace:focus-visible{outline-offset:calc(-1 * var(--space-1))}.palace-deity,.palace-name{top:var(--space-3);font-size:var(--text-2xs);position:absolute}.palace-deity{left:var(--space-3);color:var(--chart-deity)}.palace-deity-chief{top:calc(var(--space-3) - var(--border-thin));border:var(--border-thin) solid var(--chart-marker);border-radius:var(--radius-marker);padding-inline:var(--space-1)}.palace-name{right:var(--space-3);color:var(--chart-palace);font-family:var(--font-serif);font-weight:var(--weight-medium)}.palace-symbols{top:calc(50% - var(--space-10));gap:var(--space-2);flex-direction:column;display:flex;position:absolute;left:0;right:0}.palace-line{font-family:var(--font-serif);justify-content:center;align-items:center;display:flex;position:relative}.palace-line strong{font-size:var(--text-xl);font-weight:var(--weight-medium)}.palace-star{color:var(--chart-star)}.palace-gate{color:var(--chart-gate)}.palace-stem{right:var(--space-3);font-size:var(--text-md);color:var(--chart-stem);align-items:center;gap:var(--space-1);display:inline-flex;position:absolute}.attached-stem{left:var(--space-3);font:var(--weight-regular) var(--text-md) / var(--leading-normal) var(--font-serif);color:var(--chart-stem);position:absolute}.palace-stem-current{border:var(--border-thin) solid var(--chart-marker);border-radius:var(--radius-marker);padding-inline:var(--space-1)}.palace-direction{left:var(--space-3);bottom:var(--space-3);font-size:var(--text-2xs);color:var(--text-muted);position:absolute}.palace-markers{right:var(--space-3);bottom:var(--space-3);gap:var(--space-1);display:flex;position:absolute}.palace-markers i{font-size:var(--text-2xs);padding-inline:var(--space-1);border:var(--border-thin) solid var(--chart-marker);border-radius:var(--radius-marker);color:var(--chart-marker);font-style:normal}.center-title{top:var(--space-2);font:var(--weight-regular) var(--text-sm) / var(--leading-normal) var(--font-serif);color:var(--text-secondary);position:absolute;left:0;right:0}.center-orbit{width:var(--size-center-orbit);height:var(--size-center-orbit);border:var(--border-thin) solid var(--chart-center-line-outer);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.center-orbit:after{content:"";width:var(--size-center-orbit-inner);height:var(--size-center-orbit-inner);border:var(--border-thin) solid var(--chart-center-line-inner);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-stem{font:var(--weight-medium) var(--text-2xl) / var(--leading-normal) var(--font-serif);color:var(--chart-star);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-caption{bottom:var(--space-3);font-size:var(--text-2xs);color:var(--text-muted);position:absolute;left:0;right:0}.board-legend{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-5);margin-bottom:var(--space-3);font-size:var(--text-2xs);color:var(--text-muted);display:flex}.board-compact .pillars{border-top:0;margin-top:0}.composer{z-index:var(--z-composer);max-width:var(--width-desktop);padding:7px var(--page-gutter) max(var(--space-3), env(safe-area-inset-bottom));background:var(--bg-card);border-top:var(--border-thin) solid var(--line);margin-inline:auto;position:fixed;bottom:0;left:0;right:0}.composer form{min-height:var(--height-control);padding:var(--composer-input-inset);border:var(--border-thin) solid var(--line-control);border-radius:var(--radius-control);align-items:flex-end;display:flex;position:relative}.composer textarea{min-width:0;max-height:30dvh;min-height:var(--space-9);padding:calc((var(--height-control) - var(--composer-input-inset) * 2 - var(--leading-answer)) / 2) var(--space-2);resize:none;font-size:var(--text-sm);line-height:var(--leading-answer);background:0 0;border:0;outline:none;flex:1;display:block}.composer textarea::placeholder{color:var(--text-placeholder)}.send-button{width:var(--size-send);height:var(--size-send);border-radius:var(--radius-marker);background:var(--accent);border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-button:disabled{opacity:1}.send-button:disabled .design-icon{opacity:var(--disabled-opacity)}.send-button.is-busy .design-icon{animation:pulse var(--duration-spin) ease-in-out infinite alternate}.composer-disclaimer{margin-top:var(--space-2);text-align:center;font-size:var(--text-2xs);color:var(--text-muted);line-height:var(--text-xs)}.sheet{width:100%;max-width:var(--width-desktop);border-radius:var(--radius-bubble) var(--radius-bubble) 0 0;background:var(--bg-card);max-height:90dvh;color:var(--text-body);border:0;flex-direction:column;margin:0 auto;padding:0;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.sheet::backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--height-sheet-header);padding:var(--sheet-header-padding) var(--page-gutter);border-bottom:var(--border-thin) solid var(--line);flex:none;display:flex}.sheet-header h2{font:var(--weight-regular) var(--text-lg) / var(--leading-normal) var(--font-serif);color:var(--text-primary)}.sheet-body{overscroll-behavior:contain;min-height:0;padding:var(--space-6) var(--page-gutter) var(--space-9);flex:1;overflow-y:auto}.sheet-fields{gap:var(--space-6);flex-direction:column;display:flex}.field{gap:var(--space-3);font-size:var(--text-sm);flex-direction:column;display:flex}.sheet-actions{justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-10);display:flex}.sheet-actions>.button{min-width:100px}.palace-facts{gap:var(--space-5);flex-wrap:wrap;margin:0;display:flex}.palace-facts>div{gap:var(--space-3);display:flex}.palace-facts dt{color:var(--text-muted)}.palace-facts dd{margin:0}.palace-explanation{margin-top:var(--space-7);border-top:var(--border-thin) solid var(--line);padding-top:var(--space-7)}.palace-explanation h3{font:var(--weight-regular) var(--text-lg) / var(--leading-normal) var(--font-serif);margin-bottom:var(--space-3)}.palace-explanation p,.sheet-body>p{line-height:var(--leading-answer);margin-top:var(--space-3)}.fine-print{font-size:var(--text-xs);color:var(--text-muted)}.history-list{gap:var(--space-3);flex-direction:column;display:flex}.history-record{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);min-height:69px;display:flex}.history-record>div{flex:1;min-width:0}.history-record h2{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md);overflow:hidden}.history-record time{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1);display:block}.history-arrow{width:var(--size-send);height:var(--size-send);border:var(--border-thin) solid var(--line-secondary);border-radius:var(--radius-circle);background:var(--accent-soft);flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-empty{text-align:center;min-height:387px;padding:var(--space-11) var(--space-5) calc(2 * var(--space-10))}.empty-orbit{width:var(--size-empty-orbit);height:var(--size-empty-orbit);border-radius:var(--radius-circle);background:var(--bg-subtle);margin:auto;display:block}.history-empty h2{margin-top:var(--space-8);font:var(--weight-medium) var(--text-xl) / var(--leading-normal) var(--font-serif);color:var(--text-secondary)}.history-empty p{margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-explanation);color:var(--text-muted)}.history-empty .button{min-width:172px;color:var(--color-empty-button-foreground);margin-top:62px}.tabs{align-items:center;gap:var(--space-3);display:flex}.tabs>button{height:var(--height-tab);border:var(--border-thin) solid transparent;border-radius:var(--radius-control);white-space:nowrap;font-size:var(--text-sm);padding-inline:var(--space-6);background:0 0;flex-shrink:0}.knowledge-tabs{height:var(--height-control);padding-inline:var(--page-gutter)}.knowledge-tabs>button{border-color:var(--line-secondary);color:var(--text-secondary)}.knowledge-tabs>button[aria-selected=true]{background:var(--line-secondary)}.category-tabs{scrollbar-width:none;margin-top:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3);height:var(--space-11);border:var(--border-thin) solid var(--line);border-radius:var(--radius-bubble);background:var(--bg-card);overflow-x:auto}.category-tabs>button{padding-inline:var(--space-5);min-width:72px}.category-tabs>button[aria-selected=true]{background:var(--bg-subtle)}.knowledge-card{border-radius:var(--radius-bubble);padding:calc(var(--space-5) - var(--border-thin))}.knowledge-intro h2{margin-top:var(--space-3);font:var(--weight-medium) var(--text-xl) / var(--leading-normal) var(--font-serif);color:var(--text-primary)}.knowledge-intro>p{font-size:var(--text-2xs);color:var(--text-secondary);margin-top:var(--space-2)}.knowledge-intro .pills{margin-top:var(--space-5)}.knowledge-section{border-top:var(--border-thin) solid var(--line);padding-top:var(--space-7);margin-top:var(--space-7)}.knowledge-section h3{font-size:var(--text-sm);color:var(--text-body);margin-bottom:var(--space-5)}.knowledge-section>p,.knowledge-method>p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-explanation)}.knowledge-section>p+p{margin-top:var(--space-3)}.knowledge-method+.knowledge-method{margin-top:var(--space-6)}.knowledge-method h4{gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-2);display:flex}.knowledge-method h4>span,.numbered-copy>span{color:var(--text-muted);font-size:var(--text-xs)}.numbered-copy{gap:var(--space-2);display:flex}.concept h3{font:var(--weight-regular) var(--text-lg) / var(--leading-normal) var(--font-serif);margin-bottom:var(--space-3)}.concept>.pill{margin-bottom:var(--space-6)}.originals{margin-top:var(--space-5);background:var(--original-bg);border-radius:var(--radius-control);font-size:var(--text-xs);color:var(--original-text);line-height:var(--leading-explanation)}.originals summary{align-items:center;gap:var(--space-2);padding:var(--original-padding-y) var(--original-padding-x);min-height:var(--height-tab);cursor:pointer;list-style:none;display:flex}.originals summary::-webkit-details-marker{display:none}.originals summary>.design-icon{transform:rotate(90deg)}.originals[open] summary>.design-icon{transform:rotate(180deg)}.originals>div{padding:0 var(--original-padding-x) var(--original-padding-y)}.originals p+p{margin-top:var(--space-3)}.chat-page{min-height:100dvh}.chat-header{z-index:var(--z-header);align-items:center;gap:var(--space-2);height:var(--height-chat-header);padding-inline:var(--page-gutter);border-bottom:var(--border-thin) solid var(--line);background:var(--bg-card);display:flex;position:sticky;top:0}.chat-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-md);color:var(--text-primary);flex:1;overflow:hidden}.chat-header .text-button{gap:var(--space-1);font-size:var(--text-sm)}.conversation{gap:var(--space-4);padding:var(--space-7) var(--page-gutter) var(--space-8);min-height:calc(100dvh - var(--height-chat-header) - var(--composer-height,var(--height-composer)));flex-direction:column;display:flex}.message-user{max-width:calc(100% - var(--space-8));padding:var(--space-4) var(--space-5);border-radius:var(--radius-bubble);background:var(--accent);color:var(--text-on-accent);font-size:var(--text-sm);white-space:pre-wrap;line-height:var(--leading-explanation);align-self:flex-end}.message-assistant{width:calc(100% - var(--space-8));padding:calc(var(--space-5) - var(--border-thin));border-radius:var(--radius-bubble);font-size:var(--text-sm);line-height:var(--leading-answer);align-self:flex-start}.progress-card{margin-top:var(--space-4)}.progress-card ol{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.progress-card li{align-items:center;gap:var(--space-2);font:var(--weight-regular) var(--text-sm) / var(--leading-explanation) var(--font-serif);color:var(--text-muted);display:flex}.progress-card li.phase-done{color:var(--text-secondary)}.progress-card li>span{width:var(--size-progress);height:var(--size-progress);border:var(--border-thin) solid var(--line-secondary);border-radius:var(--radius-circle);background:var(--bg-subtle);font-size:var(--text-2xs);justify-content:center;align-items:center;display:inline-flex}.report{padding:var(--space-4) var(--space-5) var(--space-6)}.question-understanding{padding:var(--space-3);background:var(--bg-page);color:var(--text-muted);border-radius:var(--radius-control);font-size:var(--text-xs);line-height:var(--leading-explanation)}.question-understanding summary{align-items:center;gap:var(--space-1);cursor:pointer;list-style:none;display:flex}.question-understanding summary::-webkit-details-marker{display:none}.question-understanding:not([open]) summary>.design-icon{transform:rotate(180deg)}.question-understanding>p{margin-top:var(--space-2)}.answer-copy{font-size:var(--text-sm);line-height:var(--leading-answer);white-space:pre-wrap}.report>.answer-copy,.answer-copy>p+p{margin-top:var(--space-3)}.chart-overlay{top:var(--height-chat-header);z-index:var(--z-overlay);max-width:var(--width-desktop);margin-inline:auto;position:fixed;bottom:0;left:0;right:0}.chart-scrim{background:var(--overlay-scrim);width:100%;height:100%;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border:0;position:absolute;inset:0}.chart-overlay-panel{max-height:calc(100dvh - var(--height-chat-header));overscroll-behavior:contain;padding:var(--space-5) var(--page-gutter) 0;background:var(--bg-card);border-radius:0 0 var(--radius-bubble) var(--radius-bubble);position:relative;overflow:auto}@media (max-width:360px){.navigation nav a{padding-inline:calc(var(--space-5) / 2)}.page-intro h1{font-size:var(--text-xl)}.chart-meta{column-gap:var(--space-2);font-size:var(--text-2xs)}.center-caption{font-size:var(--text-2xs)}.board-heading h2{font-size:var(--text-md)}.board-heading-row>.text-button{font-size:var(--text-xs)}.palace-line strong{font-size:var(--text-lg)}.palace-stem{right:var(--space-2);font-size:var(--text-sm)}.board-legend{flex-wrap:wrap}.history-empty h2{font-size:var(--text-lg)}}@media (min-width:600px){.page-intro,.page-content{padding-inline:var(--space-8)}.palace{height:calc(var(--height-palace) + var(--space-8))}.sheet-body,.conversation{padding-inline:var(--space-8)}.message-assistant,.message-user{max-width:calc(100% - var(--space-11))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}