.ec-qcard{background:var(--morning-soft, var(--sky-soft, #FCE8D5))}.ec-qcard__eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;color:var(--morning, #F2994A)}.ec-qcard__q{margin:10px 0 0;font-family:var(--font-serif, Georgia, serif);font-size:1.2rem;line-height:1.7;color:var(--text-primary, inherit)}.ec-count{margin:18px 2px 0;font-size:.95rem;color:var(--text-primary, inherit)}.ec-count strong{font-size:1.15rem;color:var(--morning, #F2994A)}.ec-count__note{display:block;margin-top:4px;font-size:.78rem;line-height:1.6;color:var(--text-secondary, #8B939B)}.ec-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 2px 0;font-size:.78rem;color:var(--text-secondary, #8B939B)}.ec-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.ec-chip{min-height:36px;padding:6px 14px;font-family:inherit;font-size:.85rem;color:var(--text-primary, inherit);background:var(--bg-card, #fff);border:1px solid var(--border, #ECE6DB);border-radius:999px;transition:all var(--transition-soft, .16s ease)}.ec-chip--on{color:#fff;background:var(--morning, #F2994A);border-color:var(--morning, #F2994A)}.ec-list{display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}.ec-task{margin:0}.ec-task__text{margin:0;font-size:.98rem;line-height:1.7;color:var(--text-primary, inherit)}.ec-task__mark{margin-right:6px}.ec-task__why{margin:8px 0 0;font-family:var(--font-serif, Georgia, serif);font-size:.85rem;line-height:1.7;color:var(--text-secondary, #8B939B)}.ec-actions{display:flex;gap:10px;margin-top:14px}.ec-btn{flex:1;min-height:44px;background:var(--morning-soft, #FCE8D5);color:var(--text-primary, inherit)}.ec-btn--no{background:var(--sky-soft, #EAF3FB)}.ec-placed{margin:14px 0 0;font-size:.85rem;color:var(--done, #9CB380)}:root{--bg-base:#FDF9F2;--bg-card:#FFF;--sky:#7FB2E5;--sky-soft:#EAF3FB;--morning:#F2994A;--morning-soft:#FCE8D5;--evening:#6C87A6;--text-primary:#33383D;--text-secondary:#8B939B;--border:#ECE6DB;--done:#9CB380;--radius-card:16px;--radius-btn:14px;--btn-h-main:56px;--shadow-card:0 2px 12px rgba(51,56,61,.06);--font-sans:ui-sans-serif,system-ui,"PingFang SC","Hiragino Sans","Apple SD Gothic Neo",sans-serif;--font-serif:Georgia,"Songti SC","Noto Serif SC","Noto Serif JP","Noto Serif KR",serif;--transition-soft:.16s cubic-bezier(.4,0,.2,1)}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--container-max: 672px;--tap-target: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}button,a,select,input,[role=button],summary{min-height:var(--tap-target)}a{color:var(--color-accent)}.container{max-width:var(--container-max);margin-inline:auto;padding:40px 20px 24px}.site-header{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between}.title{margin:0;font-size:1.5rem;line-height:1.3}.subtitle{margin:8px 0 0;font-size:.8125rem;color:var(--color-text-muted)}.lang-switch select{font-family:inherit;font-size:1rem;min-height:var(--tap-target);padding:0 12px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.section{margin-top:24px}.card{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.card details{margin-top:12px}.card .btn{margin-top:12px}.user-id{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);margin:4px 0 12px}.grid-demo{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:768px){.grid-demo{grid-template-columns:1fr 1fr}}.btn{font-size:.9375rem;padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;transition:opacity var(--motion-fast) var(--ease-standard)}.btn:hover{opacity:.88}.pre{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;background:var(--color-code-bg);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:12px 0 0}.error{font-size:.8125rem;color:var(--color-danger);margin:12px 0 0}.loading{margin-top:24px;color:var(--color-text-muted)}.footer{margin-top:40px;font-size:.75rem;color:var(--color-text-faint)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}