.whisper-surface{background:var(--whisper-bg,var(--color-brand-night));color:var(--whisper-fg,var(--color-text-on-dark))}.whisper-surface[data-theme=plain]{font-family:var(--typography-family-body)}.whisper-surface[data-theme=serif]{font-family:Georgia,Times New Roman,Hiragino Mincho ProN,Noto Serif JP,serif}.whisper-surface[data-theme=mono]{font-family:var(--typography-family-mono)}.whisper-surface[data-theme=display]{font-family:var(--typography-family-display)}.whisper-surface[data-align=start]{text-align:start}.whisper-surface[data-align=center]{text-align:center}.whisper-detail{z-index:var(--z-index-content);min-height:100svh;padding:var(--space-8) var(--space-5);place-items:center;display:grid;position:relative}.whisper-inner{width:100%;max-width:var(--layout-reading-measure)}.whisper-title{margin:0 0 var(--space-6);font-size:clamp(2rem,7vw,4rem);line-height:1.08}.whisper-body{font-size:clamp(1.25rem,3.4vw,2rem);line-height:var(--typography-line-height-reading)}.whisper-body p{margin-block:0 var(--space-5)}.whisper-body :last-child{margin-block-end:0}.whisper-date{font-size:var(--typography-size-small);opacity:.72;margin-block-start:var(--space-7);display:block}.whisper-grid{gap:var(--space-4);margin:var(--space-5) 0 0;padding:0;list-style:none;display:grid}@media (min-width:651px){.whisper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.whisper-card{gap:var(--space-3);height:100%;min-height:12rem;padding:var(--space-6) var(--space-5);border-radius:var(--radius-md);flex-direction:column;display:flex}.whisper-card strong{font-size:var(--typography-size-lead);line-height:1.2}.whisper-card span{font-size:var(--typography-size-body);line-height:var(--typography-line-height-reading)}.whisper-card time{font-size:var(--typography-size-small);opacity:.72;margin-block-start:auto}.whisper-card:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.whisper-card:hover{transform:none}}.whisper-preview{min-height:12rem;padding:var(--space-6) var(--space-5);border-radius:var(--radius-sm)}.whisper-preview .whisper-body{font-size:clamp(1rem,2vw,1.4rem)}.whisper-composer{padding:var(--space-5) var(--space-card-padding);transition:border-color .12s}.whisper-composer[data-dragging=true]{border-color:var(--color-brand-accent)}.whisper-composer-form{gap:var(--space-3);flex-direction:column;display:flex}.whisper-composer-label{font-size:var(--typography-size-small);letter-spacing:.4px;font-weight:800}.whisper-composer-body{width:100%;min-height:5.5rem;padding:var(--space-3);border:1px solid var(--color-surface-rule);border-radius:var(--radius-sm);color:inherit;font:inherit;font-size:var(--typography-size-body);line-height:var(--typography-line-height-reading);resize:vertical;background:0 0}.whisper-composer-body:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:1px}.whisper-composer-photos{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,104px));margin:0;padding:0;list-style:none;display:grid}.whisper-composer-photos li{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-surface-thumb);position:relative;overflow:hidden}.whisper-composer-photos img{object-fit:cover;width:100%;height:100%}.whisper-composer-photos button{border-radius:var(--radius-circle);background:var(--color-brand-ink);width:24px;height:24px;color:var(--color-text-on-dark);cursor:pointer;border:0;place-items:center;font-size:13px;display:grid;position:absolute;inset-block-start:4px;inset-inline-end:4px}.whisper-composer-errors{color:var(--color-brand-accent-on-light);font-size:var(--typography-size-small);margin:0;padding-inline-start:var(--space-5)}.whisper-composer-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.whisper-composer-count{min-width:0;font-size:var(--typography-size-small);color:var(--color-text-muted);flex:auto}.whisper-composer-attach,.whisper-composer-post{padding:var(--space-2) var(--space-5);border:1px solid var(--color-brand-accent);border-radius:var(--radius-pill);cursor:pointer;font-weight:800}.whisper-composer-attach{color:var(--color-brand-accent-on-light);background:0 0}.whisper-composer-post{background:var(--color-brand-accent);color:var(--color-text-on-dark)}.whisper-composer-attach:disabled,.whisper-composer-post:disabled{opacity:.5;cursor:not-allowed}.whisper-composer-full{font-size:var(--typography-size-small);color:var(--color-text-link);font-weight:800}.whisper-composer-done{gap:var(--space-3);margin:var(--space-3) 0 0;font-size:var(--typography-size-small);flex-wrap:wrap;font-weight:800;display:flex}.whisper-composer-note{color:var(--color-text-muted);font-weight:400}.whisper-composer-file{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.whisper-detail[data-under-cover=true]{min-height:0;padding-block:var(--space-7)}.whisper-composer-photos video{object-fit:cover;background:var(--color-brand-ink);width:100%;height:100%}.whisper-composer-play{border-radius:var(--radius-circle);background:var(--color-brand-ink);opacity:.75;pointer-events:none;width:34px;height:34px;margin:auto;position:absolute;inset:0}.whisper-composer-play:after{content:"";border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--color-text-on-dark);width:0;height:0;margin:auto;position:absolute;inset:0}