:root{--motion-fast:140ms;--motion-normal:220ms;--motion-ease:cubic-bezier(.2,.8,.2,1)}
button,.button{transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
button:active,.button:active{transform:scale(.97)}button:disabled{transform:none}dialog[open]{animation:surface-enter var(--motion-normal) var(--motion-ease)}
@keyframes surface-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--accent);margin-bottom:4px}.wizard-nav{display:flex;gap:6px;flex-wrap:wrap;margin:28px 0 16px;border-bottom:1px solid var(--line);padding-bottom:12px}.wizard-nav a,.wizard-nav span{font-size:13px;border-radius:8px;padding:10px 12px;color:var(--muted)}.wizard-nav a[aria-current=step]{background:var(--accent);color:#fff}.wizard-step:not([hidden]){animation:surface-enter var(--motion-normal) var(--motion-ease)}.wizard-step[hidden]{display:none}.wizard-step h2{font-size:21px}.direct-import{margin:8px 0}
.resume-work{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.resume-work h2{font-size:19px}.resume-list{list-style:none;padding:0}.resume-list li{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.resume-list small{overflow-wrap:anywhere}.resume-list a{flex-shrink:0}
.chart-viewport{overflow:auto}.benchmark-chart{width:100%;min-width:560px;max-width:820px;font:12px system-ui;fill:var(--ink)}.chart-grid{stroke:var(--line);stroke-width:1}.chart-label{font-weight:600}.sample-A{fill:#7f62ce;color:#7f62ce}.sample-B{fill:#258f8a;color:#258f8a}.sample-C{fill:#cc8540;color:#cc8540}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.recommendation-lead{font-size:16px}
.reaction-bar{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.reaction-bar button{font-size:13px;padding:4px 9px;min-height:32px;border-radius:18px;background:var(--soft);border:1px solid transparent;color:var(--ink)}.reaction-bar button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.reaction-icon{display:inline-block;font-size:20px;line-height:1.2}.reaction-burst{animation:reaction-pop 430ms cubic-bezier(.2,.8,.3,1)}
@keyframes reaction-pop{0%{transform:scale(.7) rotate(-15deg)}45%{transform:scale(1.5) rotate(12deg)}75%{transform:scale(.92) rotate(-5deg)}100%{transform:scale(1)}}
.reply-preview{margin:5px 0;padding:6px 10px;border-left:3px solid var(--accent);background:var(--soft);font-size:12px;overflow-wrap:anywhere}.reader-tag-editor{margin:12px 16px;max-width:760px}.reader-tag-editor summary{cursor:pointer;color:var(--accent);font-size:13px}.reader-tag-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.reader-tag-chips button{font-size:13px;min-height:32px}.reader-tag-add{display:flex;gap:8px;flex-wrap:wrap}.reader-tag-add input{min-width:160px;flex:1}.tag-candidates{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tag-candidates button{font-size:12px;padding:5px 8px}
.motion-demo{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.motion-demo button{font-size:28px;margin:8px;padding:12px 20px}.motion-demo .strong-feedback{animation:strong-pop 600ms cubic-bezier(.2,.9,.2,1)}@keyframes strong-pop{0%{transform:scale(.5) rotate(-20deg)}35%{transform:scale(1.8) rotate(18deg)}60%{transform:scale(.9) rotate(-10deg)}80%{transform:scale(1.15)}100%{transform:none}}
@media(max-width:560px){.wizard-nav{display:grid;grid-template-columns:1fr 1fr}.package-sheet{padding:18px!important}.resume-list li{gap:8px}.reader-tag-editor{margin:10px}.chart-legend{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root.reduce-motion *,:root.reduce-motion *::before,:root.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

[data-category-picker] label{display:flex;align-items:center;gap:7px;margin:7px 0;overflow-wrap:anywhere}[data-category-picker] input[type=checkbox]{width:auto;flex:none}.category-create{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:14px}.category-create label{flex:1;min-width:160px}#reader-category-editor{margin:16px 0}#reader-category-editor summary{cursor:pointer;color:var(--accent)}#reader-category-editor fieldset{max-width:100%}