[hidden]{display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fafaf9;--surface:#fff;--well:#f5f5f4;--ink:#292524;--ink-soft:#78716c;--ink-soft-strong:#57534e;--hairline:#e7e5e4;--accent:#a85a40;--accent-active:#8f4c35;--on-accent:#fdf8f5;--focus-ring:#a85a40;--danger:#a84343;--cat-fact:#5f7570;--cat-emotion:#a85f58;--cat-interp:#82688a;--on-cat:#fff;--cat-fact-tint:#eef1f0;--cat-emotion-tint:#f6edec;--cat-interp-tint:#f0edf2;--font-body:"Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;--font-size-body:16px;--font-weight-body:400;--line-height-body:1.8;--font-size-body-sm:13px;--line-height-body-sm:1.7;--font-size-label:12px;--font-weight-label:600;--line-height-label:1.4;--letter-spacing-label:.06em;--font-size-heading:18px;--font-weight-heading:600;--line-height-heading:1.5;--radius-md:8px;--radius-sm:5px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--raw-text-max-height:55vh;--raw-text-sticky-offset:calc(var(--raw-text-max-height) + 6rem)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body)}button,input,textarea{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app.app-shell{flex-direction:column;height:100dvh;display:flex}.step-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.tabs{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--hairline);display:flex}.tab{min-width:44px;min-height:44px;padding:0 var(--space-sm);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:var(--font-size-label);font-weight:var(--font-weight-label);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.tab--passed{border-color:var(--hairline);color:var(--ink)}.tab--current{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tab--current:active{background:var(--accent-active);border-color:var(--accent-active)}.button-primary{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-label);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.button-primary:active{background:var(--accent-active)}.link-button{color:var(--ink-soft);font-size:var(--font-size-body-sm);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.step-next-row{justify-content:flex-end;align-items:center;display:flex}.dump-step{padding:var(--space-lg) var(--space-md);align-items:center;gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex}.dump-textarea,.dump-controls,.timer-controls{width:100%;max-width:40em}.dump-textarea{resize:vertical;background:var(--surface);min-height:40vh;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-body);line-height:var(--line-height-body);flex:1}.dump-textarea::placeholder{color:var(--ink-soft)}.dump-controls{justify-content:flex-end;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.timer-controls{gap:var(--space-xs);flex-direction:column;display:flex}.timer-chip-row{justify-content:flex-end;align-items:center;gap:var(--space-sm);display:flex}.timer-chip{align-items:center;gap:var(--space-xs);background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-body-sm);cursor:pointer;flex-shrink:0;display:inline-flex}.timer-hint{min-width:0;color:var(--ink-soft);font-size:var(--font-size-body-sm);flex:auto}.timer-panel{gap:var(--space-sm);flex-direction:column;display:flex}.timer-stepper-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.timer-stepper-label,.timer-stepper-unit{color:var(--ink);font-size:var(--font-size-body)}.timer-step-btn{background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;justify-content:center;align-items:center;line-height:1;display:inline-flex}.timer-step-btn[aria-disabled=true]{color:var(--ink-soft);cursor:not-allowed}.timer-minutes-input{text-align:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);width:3.5em;padding:var(--space-xs);font-size:16px}.timer-countdown{font-variant-numeric:tabular-nums;color:var(--ink);font-size:16px;font-weight:600}.welcome{width:100%;max-width:36em;padding:0 0 var(--space-lg);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.welcome-word{color:var(--ink);margin:0;font-size:2rem;font-weight:600}.welcome-lede{max-width:32em;color:var(--ink);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}.welcome-medical-note{max-width:32em;padding:var(--space-sm) var(--space-md);background:var(--well);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--ink-soft-strong);font-size:var(--font-size-body-sm);text-align:left;margin:0}.welcome-medical-link{color:var(--accent)}.welcome-steps{justify-content:center;align-items:center;gap:var(--space-xs);background:var(--well);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.welcome-step{color:var(--ink);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);white-space:nowrap}.welcome-arrow{color:var(--ink-soft-strong)}@media (width<=767px){.welcome{gap:var(--space-sm);padding-bottom:var(--space-md)}.welcome-word{font-size:1.5rem}}.classify-step{padding:var(--space-lg) var(--space-md);flex:1}.classify-layout{gap:var(--space-lg);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.raw-text-content-wrap{max-height:var(--raw-text-max-height);overflow-y:auto}@media (width>=768px){.classify-layout{flex-direction:row;align-items:flex-start;max-width:1040px}.raw-text-summary{cursor:default;pointer-events:none}.raw-text-content-wrap{max-height:none;overflow-y:visible}.cards-panel{flex:1;min-width:0}}.raw-text-well{background:var(--well);border-radius:var(--radius-md);padding:var(--space-md);z-index:1;position:sticky;top:0}.raw-text-summary{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);cursor:pointer}.raw-text-well[open]>.raw-text-summary{margin-bottom:var(--space-sm)}.raw-text-content{white-space:pre-wrap;color:var(--ink);margin:0 0 var(--space-sm)}.raw-text-hint{color:var(--ink-soft-strong);font-size:var(--font-size-body-sm);margin:0}.cards-panel{gap:var(--space-md);flex-direction:column;display:flex}.card-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);scroll-margin-top:var(--raw-text-sticky-offset);flex-direction:column;display:flex}.card--fact{background:var(--cat-fact-tint)}.card--emotion{background:var(--cat-emotion-tint);border-color:var(--cat-emotion)}.card--interpretation{background:var(--cat-interp-tint)}.card-text{resize:vertical;background:var(--surface);width:100%;min-height:4.5em;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-sm);font-size:var(--font-size-body);line-height:var(--line-height-body)}.card-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.card-action{min-height:44px;scroll-margin-top:var(--raw-text-sticky-offset);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink-soft-strong);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-body-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.card-action--danger{color:var(--danger);border-color:var(--danger)}.category-segment{gap:var(--space-xs);display:flex}.segment{min-height:44px;scroll-margin-top:var(--raw-text-sticky-offset);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.segment[aria-pressed=true].segment--fact{background:var(--cat-fact);border-color:var(--cat-fact);color:var(--on-cat)}.segment[aria-pressed=true].segment--emotion{background:var(--cat-emotion);border-color:var(--cat-emotion);color:var(--on-cat)}.segment[aria-pressed=true].segment--interpretation{background:var(--cat-interp);border-color:var(--cat-interp);color:var(--on-cat)}.emotion-chips{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.chip,.chip-custom-input{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-label)}.chip{cursor:pointer}.chip[aria-pressed=true],.chip-custom-input[aria-pressed=true]{background:var(--cat-emotion);border-color:var(--cat-emotion);color:var(--on-cat)}.chip-custom-input{min-width:6em}.chip-custom-input[aria-pressed=true]::placeholder{color:var(--on-cat)}.add-card-button{border:1px dashed var(--hairline);border-radius:var(--radius-sm);color:var(--ink-soft);padding:var(--space-sm) var(--space-md);cursor:pointer;background:0 0;align-self:flex-start}@media (width>=768px){.raw-text-well{top:var(--space-md);flex:0 0 320px}.card,.card-action,.segment{scroll-margin-top:0}}.relate-step{flex-direction:column;flex:1;min-height:0;display:flex}.relate-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.relate-step>.step-next-row{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--hairline)}.link-kind-btn{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--ink);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.link-kind-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.board-wrap{background:var(--canvas);flex:1;min-height:320px;overflow:hidden}.board-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:320px;display:block}.rel-card{cursor:pointer}.rel-card-rect{fill:var(--surface);stroke:var(--hairline);stroke-width:1px}.rel-card-rect--fact{stroke:var(--cat-fact);stroke-width:1.6px}.rel-card-rect--hit-only{fill:#0000;stroke:none}.rel-card-shape{pointer-events:none}.rel-card-outline{fill:var(--surface);stroke-width:1.6px}.rel-card-shape--emotion-ellipse .rel-card-outline,.rel-card-shape--emotion-burst .rel-card-outline{stroke:var(--cat-emotion)}.rel-card-shape--cloud .cloud-ellipse-outline{fill:none;stroke:var(--cat-interp)}.rel-card-shape--cloud .cloud-ellipse-fill{fill:var(--surface);stroke:none}.rel-card--selected .rel-card-rect:not(.rel-card-rect--hit-only),.rel-card--selected .rel-card-outline{stroke:var(--accent);stroke-width:2px}.rel-card-text{fill:var(--ink);font-size:var(--font-size-body-sm);font-family:var(--font-body)}.rel-card-emotion-badge,.rel-card-category-label{fill:var(--ink-soft-strong);font-size:var(--font-size-label);font-weight:var(--font-weight-label)}.rel-link{stroke:#0000;stroke-width:20px;fill:none;cursor:pointer}.rel-link-visual{stroke:var(--ink-soft);stroke-width:1.5px;fill:none;pointer-events:none}.rel-link-visual--selected{stroke:var(--accent);stroke-width:2.5px}.rel-marker{fill:var(--ink-soft)}.rel-marker--selected{fill:var(--accent)}.link-panel{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--hairline);background:var(--well);flex-wrap:wrap;display:flex}.link-kind-group{gap:var(--space-xs);display:flex}.link-kind-btn{color:var(--ink-soft-strong)}.control-step{padding:var(--space-lg) var(--space-md);flex:1}.control-layout{gap:var(--space-lg);flex-direction:column;max-width:1040px;margin:0 auto;display:flex}.control-workarea,.control-columns{gap:var(--space-lg);flex-direction:column;display:flex}@media (width>=768px){.control-layout{flex-direction:row;align-items:flex-start;max-width:1360px}.control-workarea{flex:1;min-width:0}.control-columns{flex-direction:row;align-items:flex-start}.control-columns>.control-column{flex:1;min-width:0}}.control-column{background:var(--well);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.control-card-list{gap:var(--space-sm);min-height:var(--space-xl);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.control-segment{gap:var(--space-xs);flex-wrap:wrap;display:flex}.segment--control[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.outcome-step{padding:var(--space-lg) var(--space-md);flex:1}.outcome-page{gap:var(--space-lg);flex-direction:column;max-width:1040px;margin:0 auto;display:flex}.outcome-layout{gap:var(--space-lg);flex-direction:column;display:flex}@media (width>=768px){.outcome-page{flex-direction:row;align-items:flex-start;max-width:1360px}.outcome-layout{flex-direction:row;flex:1;min-width:0}.outcome-reference{top:var(--space-md);flex:0 0 320px;position:sticky}.outcome-form{flex:1;min-width:0}}.outcome-form{gap:var(--space-sm);flex-direction:column;display:flex}.field-label{color:var(--ink-soft);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label)}.outcome-textarea{resize:vertical;background:var(--surface);width:100%;min-height:6em;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-body);line-height:var(--line-height-body)}.outcome-textarea::placeholder{color:var(--ink-soft)}.outcome-reference{background:var(--well);border-radius:var(--radius-md);padding:var(--space-md)}.outcome-can-list{margin:var(--space-sm) 0 0;gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.outcome-can-empty{margin:var(--space-sm) 0 0;color:var(--ink-soft-strong);font-size:var(--font-size-body-sm)}.section-heading{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);color:var(--ink);margin:0}.card-preview-text{color:var(--ink);font-size:var(--font-size-body-sm);white-space:pre-wrap;margin:0}.reference-panel{background:var(--well);border-radius:var(--radius-md);padding:var(--space-md);z-index:1;position:sticky;top:0}.reference-panel-summary{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);cursor:pointer}.reference-panel[open]>.reference-panel-summary{margin-bottom:var(--space-sm)}.reference-panel[open]{position:static}.reference-panel-board-wrap{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);height:55vh;overflow:hidden}.reference-panel-svg{min-height:0}.reference-panel-empty{margin:var(--space-sm) 0 0;color:var(--ink-soft-strong);font-size:var(--font-size-body-sm)}.board-svg--readonly .rel-card,.board-svg--readonly .rel-link{cursor:default}.rel-card-control-label{fill:var(--ink-soft-strong);font-size:var(--font-size-label);font-weight:var(--font-weight-label)}@media (width>=768px){.reference-panel{top:var(--space-md);flex:0 0 45%}.reference-panel[open]{position:sticky}.reference-panel-summary{cursor:default;pointer-events:none}.reference-panel-board-wrap{height:70vh}}.app-header{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--canvas);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.header-left{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.wordmark{font-size:var(--font-size-heading);font-weight:600;line-height:var(--line-height-heading);color:var(--ink);margin:0}.tagline{color:var(--ink-soft);font-size:var(--font-size-body-sm);white-space:nowrap;margin:0}.header-right{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.header-right .link-button{color:var(--ink-soft-strong)}@media (width<=767px){.tagline{display:none}}.session-bar{display:contents}.load-message{color:var(--ink-soft-strong);font-size:var(--font-size-body-sm);margin:0}#load-file-input:focus-visible+.link-button{outline:2px solid var(--focus-ring);outline-offset:2px}.storage-notice{padding:var(--space-xs) var(--space-md);color:var(--ink-soft);font-size:var(--font-size-body-sm);margin:0}.modal{width:calc(100vw - 2 * var(--space-md));max-width:420px;box-shadow:none;background:var(--surface);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-md);border:none;flex-direction:column;margin:auto;display:flex}.modal::backdrop{background:#29252466}.modal-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);color:var(--ink);margin:0}.modal-body{color:var(--ink-soft-strong);font-size:var(--font-size-body-sm);margin:0}.modal-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.modal-page-count{color:var(--ink-soft);font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.usage-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:auto hidden}.usage-carousel::-webkit-scrollbar{display:none}.usage-slide{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;gap:var(--space-sm);flex-direction:column;flex:0 0 100%;min-height:0;max-height:60vh;display:flex;overflow-y:auto}.usage-slide-eyebrow{color:var(--ink-soft);font-size:var(--font-size-label);letter-spacing:.06em;margin:0}.usage-slide-heading{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--accent);margin:0}.usage-slide-body{color:var(--ink-soft-strong);font-size:var(--font-size-body-sm);margin:0}.usage-slide-hint{color:var(--ink-soft);font-size:var(--font-size-body-sm);margin:0}.usage-dots{justify-content:center;gap:var(--space-sm);display:flex}.usage-dot{box-sizing:content-box;background:var(--hairline);cursor:pointer;background-clip:padding-box;border:6px solid #0000;border-radius:50%;width:8px;height:8px;padding:0}.usage-dot--on{background-color:var(--accent)}.modal-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.modal-actions-spacer{flex:auto}.usage-nav-button{min-height:44px}.usage-nav-button[aria-disabled=true]{color:var(--ink-soft);cursor:not-allowed}.button-secondary{border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink-soft-strong);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-body);cursor:pointer;background:0 0}.button-danger{background:var(--danger);color:var(--on-accent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-label);cursor:pointer;border:none}.app-footer{align-items:baseline;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--hairline);background:var(--canvas);flex-wrap:wrap;display:flex}.consult-link{color:var(--ink-soft);font-size:var(--font-size-body-sm);text-decoration:underline}.consult-button{min-height:44px;padding:0 var(--space-md);background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-size:var(--font-size-body-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.disclaimer{color:var(--ink-soft);font-size:var(--font-size-body-sm);margin:0}.usage-demo{background:var(--well);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-shrink:0;height:148px;position:relative;overflow:hidden}.usage-demo-tap{border:2.5px solid var(--accent);opacity:0;pointer-events:none;z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;transform:scale(.4)}@media (prefers-reduced-motion:reduce){.usage-demo *{animation:none!important}.usage-demo-line--1,.usage-demo-line--2,.usage-demo-line--3{opacity:1!important;transform:none!important}.usage-demo-card{background:var(--cat-emotion-tint)!important;border-color:var(--cat-emotion)!important}.usage-demo-button--emotion{background:var(--cat-emotion)!important;border-color:var(--cat-emotion)!important;color:var(--on-accent)!important}.usage-demo-chips{opacity:1!important;transform:none!important}.usage-demo-link{stroke-dashoffset:0!important}.usage-demo-arrowhead{opacity:1!important}.usage-demo-block{transform:translateY(-45px)!important}.usage-demo-segment--active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important}.usage-demo-fill--1,.usage-demo-fill--2{max-width:20em!important}}@keyframes usage-demo-tap-pulse{0%,4%{opacity:0;transform:scale(.4)}8%{opacity:.9;transform:scale(1)}16%{opacity:0;transform:scale(1.5)}to{opacity:0}}.usage-demo-line{border-radius:var(--radius-sm);background:var(--hairline);height:9px;position:absolute;left:16px}.usage-demo-line--1{width:62%;animation:7s infinite usage-demo-dump-line;top:40px}.usage-demo-line--2{width:46%;animation:7s 1.2s infinite backwards usage-demo-dump-line;top:64px}.usage-demo-line--3{width:56%;animation:7s 2.4s infinite backwards usage-demo-dump-line;top:88px}@keyframes usage-demo-dump-line{0%{opacity:0;transform:translate(-8px)}8%,88%{opacity:1;transform:none}96%,to{opacity:0}}.usage-demo-caret{background:var(--accent);width:2px;height:16px;animation:1s step-end infinite usage-demo-caret-blink;position:absolute;top:84px;left:calc(16px + 58%)}@keyframes usage-demo-caret-blink{50%{opacity:0}}.usage-demo-timer{color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius-pill);background:var(--surface);padding:2px 9px;font-size:.62rem;position:absolute;top:10px;right:10px}.usage-demo-done{color:var(--on-accent);background:var(--accent);border-radius:7px;padding:4px 10px;font-size:.62rem;position:absolute;bottom:8px;right:10px}.usage-demo-card{background:var(--surface);border:1.5px solid var(--hairline);border-radius:var(--radius-sm);height:34px;color:var(--ink);box-sizing:border-box;align-items:center;padding:0 10px;font-size:.68rem;animation:7s infinite usage-demo-classify-card;display:flex;position:absolute;top:14px;left:16px;right:16px}@keyframes usage-demo-classify-card{0%,38%{background:var(--surface);border-color:var(--hairline)}44%,90%{background:var(--cat-emotion-tint);border-color:var(--cat-emotion)}to{background:var(--surface);border-color:var(--hairline)}}.usage-demo-buttons{gap:6px;display:flex;position:absolute;top:58px;left:16px}.usage-demo-button{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-soft);padding:3px 12px;font-size:.62rem}.usage-demo-button--emotion{animation:7s infinite usage-demo-classify-button}@keyframes usage-demo-classify-button{0%,38%{background:var(--surface);border-color:var(--hairline);color:var(--ink-soft)}44%,90%{background:var(--cat-emotion);border-color:var(--cat-emotion);color:var(--on-accent)}to{background:var(--surface);border-color:var(--hairline)}}.usage-demo-tap--classify{animation:7s 2.2s infinite usage-demo-tap-pulse;top:56px;left:78px}.usage-demo-chips{opacity:0;gap:6px;animation:7s infinite usage-demo-classify-chips;display:flex;position:absolute;top:96px;left:16px}.usage-demo-chip{border:1px solid var(--cat-emotion);border-radius:var(--radius-pill);color:var(--cat-emotion);background:var(--surface);padding:2px 10px;font-size:.6rem}.usage-demo-chip--selected{background:var(--cat-emotion);color:var(--on-accent)}@keyframes usage-demo-classify-chips{0%,46%{opacity:0;transform:translateY(6px)}54%,92%{opacity:1;transform:none}to{opacity:0}}.usage-demo-board-card{background:var(--surface);color:var(--ink);z-index:1;justify-content:center;align-items:center;width:86px;height:32px;font-size:.62rem;display:flex;position:absolute}.usage-demo-board-card--a{border:2px solid var(--cat-fact);border-radius:2px;top:22px;left:18px}.usage-demo-board-card--b{border:2px solid var(--cat-interp);border-radius:55% 45% 50% 60%/65% 60% 55% 50%;top:86px;right:18px}.usage-demo-badge{width:15px;height:15px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:absolute;top:-7px;left:-7px}.usage-demo-board-card--a .usage-demo-badge{background:var(--cat-fact)}.usage-demo-board-card--b .usage-demo-badge{background:var(--cat-interp)}.usage-demo-tap--relate-1{animation:8s .8s infinite usage-demo-tap-pulse;top:26px;left:52px}.usage-demo-tap--relate-2{animation:8s 2.2s infinite usage-demo-tap-pulse;top:90px;right:50px}.usage-demo--relate svg{width:100%;height:100%;position:absolute;inset:0}.usage-demo-link{stroke:var(--ink-soft);stroke-width:2px;fill:none;stroke-dasharray:240;stroke-dashoffset:240px;animation:8s infinite usage-demo-relate-draw}.usage-demo-arrowhead{fill:var(--ink-soft);opacity:0;animation:8s infinite usage-demo-relate-head}@keyframes usage-demo-relate-draw{0%,34%{stroke-dashoffset:240px}52%,92%{stroke-dashoffset:0}to{stroke-dashoffset:240px}}@keyframes usage-demo-relate-head{0%,50%{opacity:0}56%,92%{opacity:1}to{opacity:0}}.usage-demo-group-heading{color:var(--ink-soft);font-size:.62rem;position:absolute;top:8px;left:16px}.usage-demo-slot{border:1px dashed var(--hairline);border-radius:var(--radius-sm);height:30px;position:absolute;top:26px;left:16px;right:16px}.usage-demo-block{animation:8s infinite usage-demo-sort-move;position:absolute;top:72px;left:16px;right:16px}.usage-demo-sort-card{background:var(--surface);border:1.5px solid var(--hairline);border-radius:var(--radius-sm);height:30px;color:var(--ink);box-sizing:border-box;align-items:center;padding:0 10px;font-size:.66rem;display:flex}.usage-demo-segments{gap:4px;margin-top:5px;display:flex}.usage-demo-segment{border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:38%;padding:2px 7px;font-size:.52rem;overflow:hidden}.usage-demo-segment--active{animation:8s infinite usage-demo-sort-button}.usage-demo-tap--sort{animation:8s 1.6s infinite usage-demo-tap-pulse;top:112px;left:52px}@keyframes usage-demo-sort-button{0%,26%{background:var(--surface);border-color:var(--hairline);color:var(--ink-soft)}32%,90%{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}to{background:var(--surface)}}@keyframes usage-demo-sort-move{0%,34%{transform:none}46%,90%{transform:translateY(-45px)}to{transform:none}}.usage-demo-field-label{color:var(--ink-soft);font-size:.62rem;position:absolute;left:16px}.usage-demo-field-label--1{top:8px}.usage-demo-field-label--2{top:74px}.usage-demo-row{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);box-sizing:border-box;align-items:center;height:30px;padding:0 10px;font-size:.64rem;display:flex;position:absolute;left:16px;right:16px}.usage-demo-row--1{top:28px}.usage-demo-row--2{top:94px}.usage-demo-fill{color:var(--ink);white-space:nowrap;display:inline-block;overflow:hidden}.usage-demo-fill--1{max-width:14em;animation:8s infinite usage-demo-decide-type}.usage-demo-fill--2{max-width:20em;animation:8s 1.8s infinite backwards usage-demo-decide-type}@keyframes usage-demo-decide-type{0%{max-width:0}12%,88%{max-width:20em}94%,to{max-width:0}}