.kb-time{--kb-ink:#42494f;--kb-muted:#626c75;--kb-bg:#f6f7fa;--kb-line:#d6dce1;background:var(--kb-bg);color:var(--kb-ink);font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;font-size:16px;line-height:1.9;padding:88px 28px;isolation:isolate}.kb-time *{box-sizing:border-box}.kb-inner{max-width:1080px;margin:auto}.kb-heading{text-align:center}.kb-time .kb-eyebrow{font-size:12px;letter-spacing:.2em;margin:0 0 24px;color:var(--kb-muted)}.kb-time h2{all:unset;display:block;font-size:clamp(25px,3vw,34px);font-weight:500;letter-spacing:.08em;line-height:1.65}.kb-time .kb-intro{font-size:15px;margin:24px 0 0;line-height:2.1}.kb-main{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:start;margin-top:48px}.kb-bird-area{margin:0;text-align:center;padding-top:14px}.kb-bird{width:100%;aspect-ratio:540/410;display:flex;align-items:center;justify-content:center}.kb-bird>img{width:85%;height:85%;object-fit:contain}.kb-bird svg{width:100%;height:auto;overflow:visible}.kb-paint{opacity:0;transition:opacity 1s ease-out}.kb-revealed .kb-paint{opacity:1}.kb-feedback{animation:kb-wash 1s ease-out forwards;transform-origin:center}@keyframes kb-wash{0%{opacity:0;transform:scale(.92)}35%{opacity:.72}100%{opacity:0;transform:scale(1.06)}}.kb-time .kb-caption{font-size:13px;line-height:1.9;max-width:330px;margin:18px auto 4px;min-height:50px}.kb-time button,.kb-time textarea,.kb-time input{font:inherit}.kb-time button{cursor:pointer}.kb-time button:disabled{cursor:not-allowed;opacity:.5}.kb-time :focus-visible{outline:3px solid #657782;outline-offset:4px}.kb-time fieldset{border:0;padding:0;margin:0;min-width:0}.kb-time .kb-audience{font-size:13px;line-height:1.9;margin:0 0 22px}.kb-option{display:flex;align-items:center;gap:14px;min-height:57px;padding:13px 15px;border:1px solid var(--kb-line);background:#ffffff5c;margin:0 0 10px;border-radius:3px;cursor:pointer;font-size:15px;line-height:1.65;position:relative}.kb-option:has(input:checked){border-color:#56656f;background:#fff;box-shadow:inset 0 0 0 1px #56656f}.kb-option:has(input:focus-visible){outline:3px solid #657782;outline-offset:3px}.kb-option input{position:absolute;width:1px;height:1px;opacity:0}.kb-swatch{width:17px;height:17px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000000a}.kb-tick{margin-left:auto;font-family:system-ui;font-size:15px;opacity:0}.kb-option:has(input:checked) .kb-tick{opacity:1}.kb-time .kb-primary{width:100%;border:1px solid #49545f;background:#49545f;color:#fff;padding:15px 18px;letter-spacing:.07em;margin-top:8px;border-radius:3px;min-height:54px}.kb-primary span{margin-left:20px}.kb-time .kb-small{font-family:"Hiragino Kaku Gothic ProN",system-ui,sans-serif;font-size:12px;line-height:1.85;color:var(--kb-muted);margin:12px 0}.kb-choice-form>.kb-small{text-align:center}.kb-time .kb-link{border:0;background:none;color:#515f69;text-decoration:underline;text-underline-offset:5px;padding:10px 0;font-size:12px;min-height:44px;display:inline-block}.kb-time .kb-refresh{font-size:11px;color:#68747c}.kb-time .kb-secondary{border:1px solid #66747d;background:transparent;color:var(--kb-ink);padding:10px 18px;min-height:44px;border-radius:3px;font-size:14px}.kb-time .kb-result{font-size:15px;margin:18px 0 14px;line-height:1.8}.kb-result:empty{margin:0}.kb-time .kb-own{font-size:12px;color:var(--kb-muted);margin:0 0 24px}.kb-comment-title{display:block;font-size:16px}.kb-time textarea{width:100%;resize:vertical;min-height:120px;background:#ffffffa6;border:1px solid #bcc6ce;border-radius:3px;padding:12px;color:var(--kb-ink);font-size:16px;line-height:1.8}.kb-counter{display:block;text-align:right}.kb-consent{display:flex;gap:10px;font-size:12px;align-items:flex-start;cursor:pointer;line-height:1.8;margin:18px 0}.kb-consent input{width:18px;height:18px;flex:none;accent-color:#51616b;margin-top:3px}.kb-actions{display:flex;gap:22px;align-items:center}.kb-time .kb-comment-status{font-size:13px;line-height:1.85}.kb-time details{font-family:"Hiragino Kaku Gothic ProN",system-ui,sans-serif;font-size:12px;line-height:1.9}.kb-time summary{cursor:pointer;min-height:44px;padding:12px 0;text-underline-offset:4px}.kb-manage{margin-top:25px}.kb-manage .kb-link{display:block}.kb-privacy{border-top:1px solid var(--kb-line);max-width:750px;margin:55px auto 0;padding-top:8px;color:var(--kb-muted)}.kb-privacy summary{text-align:center}.kb-privacy p{margin:10px 0}.kb-words{text-align:center;border-top:1px solid var(--kb-line);padding:45px 0 0;margin:50px auto 0;max-width:850px}.kb-time h3{all:unset;display:block;font-size:21px;letter-spacing:.04em;line-height:1.8;margin:0 0 30px}.kb-word-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}.kb-word{padding:20px 25px;background:#ffffff73;overflow-wrap:anywhere}.kb-word p{font-size:15px;line-height:1.9;margin:0 0 12px;white-space:pre-wrap}.kb-word small{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--kb-muted)}.kb-sr,.kb-trap{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.kb-time [hidden]{display:none!important}.kb-mobile-break{display:none}@media(max-width:700px){.kb-time{padding:52px 22px}.kb-time h2{font-size:25px;letter-spacing:.04em}.kb-mobile-break{display:initial}.kb-time .kb-intro{font-size:13px;line-height:2.05;margin-top:20px}.kb-main{grid-template-columns:1fr;gap:26px;margin-top:18px}.kb-bird-area{padding-top:0}.kb-bird{max-width:360px;max-height:265px;margin:auto}.kb-time .kb-caption{max-width:270px;margin-top:6px;font-size:12px;min-height:0}.kb-time .kb-audience{text-align:center;margin-bottom:18px;font-size:12px}.kb-option{font-size:14px;min-height:54px;gap:12px}.kb-participation{max-width:450px;width:100%;margin:auto}.kb-heading .kb-eyebrow{font-size:11px;margin-bottom:18px}.kb-word-list{grid-template-columns:1fr}.kb-privacy{margin-top:34px}.kb-words{margin-top:34px;padding-top:32px}.kb-time h3{font-size:20px}.kb-consent{font-size:12px}}@media(prefers-reduced-motion:reduce){.kb-time *{animation:none!important;transition:none!important}.kb-feedback{display:none}.kb-paint{opacity:1}}

.kb-time[data-reduce-motion="true"] *{animation:none!important;transition:none!important}.kb-time[data-reduce-motion="true"] .kb-feedback{display:none}.kb-time[data-reduce-motion="true"] .kb-paint{opacity:1}
/* Scope SWELL integration to this component; leave existing headings/products untouched. */
.kb-time{margin:0 calc(50% - 50vw)!important;width:100vw}
.kb-time h2::before,.kb-time h2::after,.kb-time h3::before,.kb-time h3::after{display:none!important}
.kb-time h2,.kb-time h3{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}

.kb-time .kb-heading h2{margin:0!important}

/* 2026-10-21 compact layout proposal; no storage or palette changes.
   The exact Bezier silhouette spans 81.0386% of the rendered 540-unit SVG.
   321px SVG => 260.13px bird; 210px SVG => 170.18px bird. */
.kb-time{padding:40px 24px}
.kb-time .kb-inner{max-width:850px}
.kb-time .kb-eyebrow{font-size:11px;margin:0 0 10px;letter-spacing:.16em}
.kb-time .kb-heading h2{font-size:26px;font-weight:500;line-height:1.65;letter-spacing:.05em}
.kb-time .kb-intro{font-size:14px;line-height:1.9;letter-spacing:.02em;margin:14px 0 0;text-wrap:balance}
.kb-time .kb-main{grid-template-columns:321px minmax(0,400px);justify-content:center;gap:48px;margin-top:26px;align-items:center}
.kb-time .kb-bird-area{padding:0;margin:0}
.kb-time .kb-bird{width:321px;max-width:100%;aspect-ratio:540/410;height:auto;max-height:none;margin:0 auto}
.kb-time .kb-bird>img{width:81.04%;height:auto;object-fit:contain}
.kb-time .kb-caption{font-size:11px;line-height:1.8;letter-spacing:.02em;max-width:280px;min-height:0;margin:6px auto 0;text-wrap:balance}
.kb-time .kb-refresh{padding:8px 0;min-height:44px}
.kb-time .kb-audience{font-size:12px;line-height:1.8;letter-spacing:.02em;margin:0 0 12px}
.kb-time .kb-option{font-size:15px;min-height:52px;padding:11px 14px;margin:0 0 8px;letter-spacing:.02em}
.kb-time .kb-primary{font-size:15px;min-height:52px;padding:12px 16px;margin-top:4px}
.kb-time .kb-result{margin:0 0 12px;font-size:15px}
.kb-time .kb-result:empty{margin:0}
.kb-time .kb-own{margin:0 0 12px;font-size:13px}
.kb-time .kb-manage{margin-top:14px}
.kb-time .kb-actions{flex-wrap:wrap;gap:8px 22px}
.kb-time .kb-actions>button{flex:0 0 auto;width:auto;white-space:nowrap}
.kb-time .kb-close-manage{margin-top:12px}
.kb-time .kb-edit-choice{display:block;margin:0 0 12px}
.kb-time .kb-privacy{margin-top:24px;padding-top:2px;max-width:720px}
.kb-time .kb-words{margin-top:30px;padding-top:28px}
.kb-time .kb-words h3{font-size:20px}
@media(max-width:700px){
 .kb-time{padding:30px 20px}
 .kb-time .kb-heading h2{font-size:22px;line-height:1.65;letter-spacing:.025em}
 .kb-time .kb-eyebrow{font-size:10px;margin-bottom:8px}
 .kb-time .kb-intro{font-size:13px;line-height:1.9;margin-top:12px;letter-spacing:0}
 .kb-time .kb-main{grid-template-columns:1fr;gap:14px;margin-top:14px}
 .kb-time .kb-bird{width:210px;max-height:none}
 .kb-time .kb-caption{font-size:11px;max-width:280px;margin-top:2px;line-height:1.7}
 .kb-time .kb-audience{text-align:center;font-size:12px;margin-bottom:10px}
 .kb-time .kb-option{font-size:14px;min-height:50px;padding:10px 12px;margin-bottom:7px}
 .kb-time .kb-primary{min-height:50px}
 .kb-time .kb-participation{max-width:400px}
 .kb-time .kb-privacy{margin-top:20px}
}

/* Stable public participation anchor; keep the heading below the fixed header. */
#kaaya-bird-time{scroll-margin-top:144px}
@media(max-width:767px){#kaaya-bird-time{scroll-margin-top:100px}}

/* Read-only stories display. Shares the SVG renderer; never animates or votes. */
.kb-display{color:#48515d;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:13px;line-height:1.9}
.kb-display .kb-display-bird{width:210px;max-width:100%;aspect-ratio:540/410;margin:0 auto;max-height:none}
.kb-display .kb-display-bird>img{width:81.04%;height:auto;object-fit:contain}
.kb-display .kb-paint{opacity:1;transition:none!important}
.kb-display .kb-display-copy{min-width:0}
.kb-display .kb-display-description{font-size:13px;line-height:1.9;margin:6px 0 2px;letter-spacing:0}
.kb-display .kb-display-status{font-size:11px;line-height:1.7;margin:6px 0;color:#626c75}
.kb-display [hidden]{display:none!important}
.kb-display .kb-display-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.8;padding:4px 0;text-decoration:underline;text-underline-offset:5px}
.kb-display a:focus-visible{outline:2px solid #5f70a4;outline-offset:5px}
.fs .fs-intro.fs-intro-has-bird{display:grid;grid-template-columns:minmax(0,720px) 220px;column-gap:40px;max-width:1000px;align-items:start}
.fs-intro-has-bird>.fs-intro-copy{min-width:0}
.fs-intro-has-bird>.kb-display{margin:0;text-align:left}
.fs .fs-intro-has-bird>.fs-origin,.fs .fs-intro-has-bird>.fs-update-note{grid-column:1 / -1;max-width:720px;width:100%}
.fs .fs-intro-has-bird>.fs-origin{margin-top:12px}
@media(max-width:900px){
 .fs .fs-intro.fs-intro-has-bird{display:block;max-width:720px}
 .fs-intro-has-bird>.kb-display{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;margin:12px 0 22px;max-width:560px}
 .kb-display .kb-display-bird{width:160px}
 .kb-display .kb-display-description{font-size:12px;line-height:1.85;margin-top:0}
 .kb-display .kb-display-description br{display:none}
 .kb-display .kb-display-link{font-size:12px}
 .fs .fs-intro-has-bird>.fs-origin{margin-top:22px}
}
@media(max-width:359px){.fs-intro-has-bird>.kb-display{grid-template-columns:149px minmax(0,1fr);gap:10px}.kb-display .kb-display-bird{width:149px}}

.kb-time .kb-daily-note{margin:0 0 12px}.kb-time .kb-history-list{display:grid;gap:4px;max-height:240px;overflow:auto;margin:4px 0 12px}.kb-time .kb-history-item{text-align:left;width:100%;border-bottom:1px solid var(--kb-line);line-height:1.7;white-space:normal}.kb-time .kb-history-item[aria-current="true"]{font-weight:600}.kb-time .kb-current-day{display:block;margin-bottom:10px}