:root{--color-canvas: #fbfbf9;--color-surface: #ffffff;--color-ink: #050505;--color-ink-soft: #333331;--color-muted: #8f8f8d;--color-placeholder: #989896;--color-rule: #cacac8;--color-rule-soft: #ddddda;--color-rule-strong: #9b9b99;--color-inverse: #fffefa;--color-gold: #d0a020;--color-silver: #989899;--color-bronze: #b56832;--color-good: #a96f00;--color-good-surface: #f1ead5;--color-bad: #b43824;--color-bad-surface: #f2e4dd;--color-background: var(--color-canvas);--color-text: var(--color-ink);--color-text-secondary: var(--color-ink-soft);--color-border: var(--color-rule);--color-button: var(--color-ink);--color-button-text: var(--color-inverse);--font-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;--font-mono: "Roboto Mono", "Noto Sans Mono", "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--font-size-6xl: 4rem;--font-size-display: clamp(4.5rem, 7.5vw, 7rem);--font-size-stat: clamp(4rem, 7vw, 8rem);--line-height-none: 1;--line-height-tight: 1.18;--line-height-heading: 1.3;--line-height-copy: 1.7;--line-height-mono: 1.45;--letter-spacing-tight: -.035em;--letter-spacing-normal: 0;--letter-spacing-japanese: .075em;--letter-spacing-wide: .14em;--letter-spacing-mono: .035em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-30: 7.5rem;--page-max-width: 93rem;--page-gutter: clamp(1.5rem, 3.6vw, 3.5rem);--content-rule-width: 1px;--control-border-width: 1.5px;--radius-xs: 2px;--radius-sm: 4px;--radius-control: 6px;--radius-pill: 999px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--mobile-bottom-nav-height: 4.25rem;--mobile-composer-height: 6rem;--mobile-bottom-stack-height: calc( var(--mobile-bottom-nav-height) + var(--mobile-composer-height) + var(--safe-area-bottom) );--focus-ring-color: var(--color-ink);--focus-ring-offset-color: var(--color-canvas);--focus-ring: 0 0 0 2px var(--focus-ring-offset-color), 0 0 0 4px var(--focus-ring-color);--focus-outline: 2px solid var(--focus-ring-color);--focus-outline-offset: 3px}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--color-canvas)}body{margin:0;min-width:320px;overflow:hidden;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-copy);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}p,h1,h2,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}:focus-visible{border-radius:var(--radius-xs);outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-4);transform:translateY(-160%);background:var(--color-ink);color:var(--color-inverse);font-weight:var(--font-weight-bold);transition:transform .15s ease-out}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(100%,var(--page-max-width));height:100dvh;margin-inline:auto;overflow:hidden;background:var(--color-canvas)}.site-header{position:relative;z-index:20;display:grid;grid-template-columns:minmax(355px,1fr) auto minmax(290px,1fr);align-items:start;height:88px;padding:26px var(--page-gutter) 14px;background:var(--color-canvas)}.brand-lockup{display:flex;align-items:baseline;gap:var(--space-8);white-space:nowrap}.brand-lockup__name{min-height:44px;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-japanese);line-height:1.35}.brand-lockup__tagline{color:var(--color-ink-soft);font-size:var(--font-size-sm);letter-spacing:.05em}.brand-lockup__mobile-time,.mobile-share-slot{display:none}.main-nav{display:flex;align-items:start;justify-content:center;gap:clamp(1.5rem,3.4vw,3.2rem)}.main-nav__link{position:relative;display:inline-flex;min-height:44px;align-items:start;padding:3px 1px 13px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-japanese)}.main-nav__link:after{position:absolute;right:0;bottom:5px;left:0;height:2px;transform:scaleX(0);transform-origin:center;background:var(--color-ink);content:"";transition:transform .16s ease-out}.main-nav__link:hover:after,.main-nav__link[aria-current=page]:after{transform:scaleX(1)}.live-meta{display:flex;justify-self:end;align-items:center;gap:var(--space-4);min-height:44px;white-space:nowrap}.live-meta__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--color-ink);animation:live-pulse 2.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:.28;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.live-meta__divider{width:1px;height:22px;background:var(--color-rule-strong)}.live-meta__connections{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-mono)}.live-meta__connections svg{flex:0 0 auto}.live-meta__connection-number{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums;line-height:1;text-align:right;will-change:transform,opacity}.live-meta__connection-number--up{animation:live-count-up .18s cubic-bezier(.2,.8,.3,1) both}.live-meta__connection-number--down{animation:live-count-down .18s cubic-bezier(.2,.8,.3,1) both}@keyframes live-count-up{0%{opacity:.18;transform:translateY(42%)}to{opacity:1;transform:translateY(0)}}@keyframes live-count-down{0%{opacity:.18;transform:translateY(-42%)}to{opacity:1;transform:translateY(0)}}.live-meta__time,.brand-lockup__mobile-time{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-mono)}main{height:calc(100dvh - 88px);overflow:hidden}main:focus{outline:none}.page-enter{animation:page-enter .22s ease-out both}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.home-layout{display:grid;grid-template-columns:minmax(0,2.18fr) minmax(320px,.92fr);height:100%;padding:0 var(--page-gutter) 22px}.home-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding-right:clamp(2rem,3vw,3.25rem);overflow:hidden}.home-hero{padding:8px 0 22px}.home-hero h1{overflow:hidden;font-size:clamp(3rem,4.2vw,4.35rem);font-weight:var(--font-weight-black);letter-spacing:.08em;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.home-hero__waiting{margin-top:4px;font-size:clamp(1.15rem,1.8vw,1.7rem);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-japanese);line-height:1.5}.home-hero__meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-4)}.home-hero__share{display:inline-flex;flex:0 0 auto;min-height:44px;align-items:center;gap:var(--space-2);padding:0;background:transparent;color:var(--color-ink);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-japanese);white-space:nowrap}.home-hero__share svg{transition:transform .16s ease-out}.home-hero__share:hover svg{transform:translate(1px,-1px)}.home-hero__share:disabled{cursor:wait;opacity:.5}.home-hero__share--mobile{display:none}.timeline{display:flex;min-height:0;flex-direction:column;overflow:hidden}.timeline__meta{display:flex;align-items:center;justify-content:space-between;min-height:22px;min-width:0;padding-bottom:5px}.timeline__badge-legend{display:flex;align-items:center;gap:12px;color:var(--color-ink-muted);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.03em;line-height:1;white-space:nowrap}.timeline__badge-legend-item{display:inline-flex;align-items:center;gap:3px}.timeline__badge-legend-item strong{font-weight:var(--font-weight-semibold)}.timeline__badge-legend-item--silver svg{color:#686868}.timeline__badge-legend-item--gold svg{color:#8a6508}.timeline__score{display:none;font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:nowrap}.timeline__score strong{font-size:var(--font-size-base)}.timeline-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.timeline-row{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(230px,250px);column-gap:clamp(12px,1.2vw,20px);align-items:center;min-height:68px;border-bottom:1px solid var(--color-rule-soft);content-visibility:auto;contain-intrinsic-size:68px}.timeline-row__time{font-family:var(--font-mono);font-size:clamp(.7rem,1.08vw,.9rem);letter-spacing:var(--letter-spacing-mono);white-space:nowrap}.timeline-row__word{display:flex;min-width:0;align-items:baseline;gap:var(--space-2);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:var(--font-weight-bold);letter-spacing:.08em;white-space:nowrap}.timeline-row__word-text{flex:0 0 auto}.timeline-row__ending{flex:0 0 auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-japanese)}.timeline-row__badge{display:inline-flex;flex:0 0 auto;width:20px;height:20px;align-items:center;justify-content:center;line-height:1}.timeline-row__badge--silver{color:#686868}.timeline-row__badge--gold{color:#8a6508}.timeline-row__reactions{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center}.reaction-button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-family:var(--font-mono);color:var(--color-ink)}.reaction-button--good[aria-pressed=true],.reaction-button--bad[aria-pressed=true]{background:transparent;box-shadow:none}.reaction-button svg{transition:color .14s ease-out,transform .14s ease-out}.reaction-button--good[aria-pressed=true] svg{color:var(--color-good)}.reaction-button--bad[aria-pressed=true] svg{color:var(--color-bad)}.report-button{gap:7px;color:var(--color-ink-soft);font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-japanese)}.report-button[aria-pressed=true] svg{color:var(--color-bad)}.reaction-button:disabled{cursor:default;opacity:.48}.reaction-button.is-animating svg{animation:reaction-pop .28s cubic-bezier(.2,.85,.3,1.35)}@keyframes reaction-pop{0%{transform:scale(.82) translateY(1px)}58%{transform:scale(1.22) translateY(-2px)}to{transform:scale(1) translateY(0)}}.reaction-button:hover{background:transparent}.reaction-button:hover svg{transform:translateY(-1px)}.reaction-button:active{background:transparent}.reaction-button:active svg{transform:scale(.93)}.reaction-divider{width:1px;height:22px;background:var(--color-rule-strong)}.report-dialog-backdrop{position:fixed;z-index:100;display:grid;background:#18181661;top:0;right:0;bottom:0;left:0;place-items:center}.report-dialog{width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid var(--color-ink);background:var(--color-canvas)}.report-dialog h2{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-japanese)}.report-dialog>p{margin-top:8px;color:var(--color-ink-soft);font-size:var(--font-size-sm)}.report-dialog__reasons{display:grid;margin-top:20px;border-top:1px solid var(--color-rule)}.report-dialog__reasons button{min-height:48px;padding:0 4px;border-bottom:1px solid var(--color-rule-soft);background:transparent;cursor:pointer;font-size:var(--font-size-base);text-align:left}.report-dialog__reasons button:hover,.report-dialog__reasons button:focus-visible{background:var(--color-surface)}.report-dialog__reasons button:disabled,.report-dialog__cancel:disabled{cursor:wait;opacity:.55}.report-dialog .report-dialog__error{color:var(--color-bad);font-weight:var(--font-weight-semibold)}.report-dialog__cancel{display:block;min-width:88px;min-height:44px;margin:20px 0 0 auto;border:1px solid var(--color-ink);background:transparent;cursor:pointer}.word-composer{position:relative;z-index:5;padding-top:18px;border-top:1px solid var(--color-rule-soft);background:var(--color-canvas)}.word-composer>label{display:block;margin-bottom:8px;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-japanese)}.word-composer__controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,235px);gap:var(--space-4)}.word-composer input,.archive-search input{min-width:0;height:72px;padding:0 20px;border:var(--control-border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-base);letter-spacing:.04em}.word-composer input::placeholder,.archive-search input::placeholder{color:#6d6d69}.word-composer input[aria-invalid=true]{border-color:#9c201d}.word-composer button,.archive-search button{display:inline-flex;min-width:88px;min-height:44px;align-items:center;justify-content:center;gap:var(--space-5);border:var(--control-border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-inverse);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-japanese);transition:color .14s ease-out,background .14s ease-out}.word-composer button:hover,.archive-search button:hover{background:var(--color-surface);color:var(--color-ink)}.word-composer__feedback{min-height:26px;padding-top:3px;color:var(--color-ink-soft);font-size:var(--font-size-xs)}.word-composer__feedback.is-error{color:#8e1f1b;font-weight:var(--font-weight-semibold)}.home-ranking{display:flex;min-width:0;flex-direction:column;padding:34px 0 0 clamp(2rem,3vw,3.5rem);border-left:1px solid var(--color-rule);overflow:hidden}.home-ranking>div:first-child h2{display:flex;align-items:center;gap:var(--space-3);font-size:clamp(1rem,1.45vw,1.25rem);letter-spacing:var(--letter-spacing-japanese)}.home-ranking>div:first-child p{margin-top:var(--space-2);color:var(--color-ink-soft);font-size:var(--font-size-sm)}.home-score{margin-top:auto;padding:28px 10px 12px;border-top:1px solid var(--color-rule-soft)}.home-score p{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-japanese)}.home-score strong{display:inline-block;margin:10px 8px 0 28%;font-family:var(--font-mono);font-size:clamp(3.5rem,5vw,5.4rem);font-weight:var(--font-weight-regular);line-height:1}.home-score span{font-size:var(--font-size-lg)}.ranking-list{width:100%}.ranking-row{display:grid;grid-template-columns:56px 48px minmax(0,1fr) minmax(110px,auto);align-items:center;min-height:71px;border-bottom:1px solid var(--color-rule-soft)}.ranking-row:last-child{border-bottom:0}.ranking-row__marker{display:grid;place-items:center}.medal-gold{color:var(--color-gold)}.medal-silver{color:var(--color-silver)}.medal-bronze{color:var(--color-bronze)}.ranking-row__rank,.ranking-row__points{font-family:var(--font-mono)}.ranking-row__name{overflow:hidden;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.ranking-row__points{justify-self:end;font-size:var(--font-size-lg);white-space:nowrap}.ranking-row__points small{font-family:var(--font-sans);font-size:.72em}.ranking-list--compact{margin-top:16px}.ranking-list--compact .ranking-row{grid-template-columns:42px 30px minmax(0,1fr) auto;min-height:59px}.ranking-list--compact .ranking-row__name,.ranking-list--compact .ranking-row__points{font-size:var(--font-size-base)}.ranking-empty{margin-top:28px;padding:36px 0;border-block:1px solid var(--color-rule-soft);color:var(--color-ink-soft);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-japanese);text-align:center}.split-page{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(300px,.95fr);height:100%;padding:26px var(--page-gutter) 34px}.ranking-main{min-width:0;padding-right:clamp(2.5rem,4vw,4.8rem);overflow:auto}.page-heading h1{font-size:clamp(2.3rem,4vw,3.6rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-japanese);line-height:var(--line-height-heading)}.page-heading p{margin-top:var(--space-4);color:var(--color-ink-soft);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-japanese)}.ranking-main>.ranking-list{margin-top:28px}.rank-profile{padding:24px 0 0 clamp(2.5rem,4vw,4.8rem);border-left:1px solid var(--color-rule)}.rank-profile h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-japanese)}.rank-profile__rank{display:flex;align-items:baseline;gap:var(--space-3);margin-top:30px}.rank-profile__rank strong{font-family:var(--font-mono);font-size:clamp(5.5rem,9vw,8.25rem);font-weight:var(--font-weight-regular);line-height:1}.rank-profile__rank span{font-size:var(--font-size-3xl)}.rank-profile__participants{margin-top:10px;font-family:var(--font-mono);font-size:var(--font-size-xl)}.rank-profile__identity,.rank-profile__name-form{border-top:1px solid var(--color-rule-soft)}.rank-profile__identity{margin-top:28px;padding:24px 0 22px}.rank-profile__identity p{margin-bottom:14px;font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-japanese)}.rank-profile__identity strong{font-family:var(--font-mono);font-size:clamp(4rem,7vw,6rem);font-weight:var(--font-weight-regular);line-height:1}.rank-profile__identity span{margin-left:var(--space-2);font-size:var(--font-size-xl)}.rank-profile__name-form{padding-top:22px}.rank-profile__name-form>label{display:block;margin-bottom:8px;font-size:var(--font-size-sm)}.rank-profile__name-form>div{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:var(--space-2)}.rank-profile__name-form input,.rank-profile__name-form button{height:46px;border:1px solid var(--color-ink);border-radius:var(--radius-sm)}.rank-profile__name-form input{min-width:0;padding:0 12px;background:var(--color-surface)}.rank-profile__name-form input[aria-invalid=true]{border-color:var(--color-bad)}.rank-profile__name-form button{background:var(--color-ink);color:var(--color-inverse);cursor:pointer;font-weight:var(--font-weight-semibold)}.rank-profile__name-form button:disabled{cursor:wait;opacity:.55}.rank-profile__name-form>p{min-height:24px;padding-top:4px;color:var(--color-ink-soft);font-size:var(--font-size-xs)}.rank-profile__name-form>p.is-error{color:var(--color-bad)}.archive-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);height:100%;padding:26px var(--page-gutter) 26px}.archive-index{min-width:0;padding-right:clamp(2rem,3vw,3rem);overflow-y:auto}.archive-heading h1{font-size:clamp(2.8rem,4.2vw,4rem)}.archive-search{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:var(--space-4);margin-top:24px}.archive-search input,.archive-search button{height:64px}.specimen-list-section{margin-top:34px}.specimen-list-section h2{margin-bottom:12px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-japanese)}.specimen-list li{position:relative;border-bottom:1px solid var(--color-rule-soft)}.specimen-list li:last-child{border-bottom:0}.specimen-list li.is-selected:before{position:absolute;top:14px;bottom:14px;left:0;width:5px;background:var(--color-ink);content:""}.specimen-list button{display:flex;width:100%;min-height:65px;align-items:center;justify-content:space-between;padding:0 14px 0 42px;background:transparent;cursor:pointer;text-align:left}.specimen-list button:hover{background:#efefec}.specimen-list button span{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:.08em}.specimen-list button strong{font-family:var(--font-mono);font-weight:var(--font-weight-regular)}.empty-message{padding:var(--space-8) 0;color:var(--color-ink-soft)}.specimen-detail{min-width:0;padding:34px 0 0 clamp(2.75rem,4vw,5rem);border-left:1px solid var(--color-rule);overflow-y:auto}.specimen-detail__number{font-family:var(--font-mono);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-mono)}.specimen-detail h2{margin-top:16px;font-size:clamp(5rem,7vw,7rem);font-weight:var(--font-weight-black);letter-spacing:.1em;line-height:1.12}.specimen-detail__description{margin-top:8px;font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-japanese)}.specimen-detail dl{margin-top:32px}.specimen-detail dl>div{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.6fr);min-height:67px;align-items:center;border-bottom:1px solid var(--color-rule-soft)}.specimen-detail dt{font-size:var(--font-size-sm)}.specimen-detail dd{justify-self:end;font-family:var(--font-mono);font-size:var(--font-size-base);text-align:right}.specimen-detail__label{margin-top:36px;padding-top:16px;border-top:1px solid var(--color-bronze);color:var(--color-bronze);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-japanese)}@media(max-width:1120px)and (min-width:901px){.site-header{grid-template-columns:minmax(300px,1fr) auto minmax(220px,1fr)}.brand-lockup__tagline{display:none}.timeline-row{grid-template-columns:170px minmax(0,1fr) 190px;column-gap:12px}.timeline-row__word{font-size:clamp(1.15rem,2.05vw,1.45rem)}}@media(max-width:900px){.app-shell{width:100%;height:100dvh}.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px 28px;height:104px;padding:calc(16px + var(--safe-area-top)) 20px 10px}.brand-lockup{display:block;grid-row:1 / 3}.brand-lockup__name{font-size:1.65rem}.brand-lockup__tagline{display:none}.brand-lockup__mobile-time{display:block;margin-top:4px;font-size:var(--font-size-xs)}.live-meta{grid-column:2;grid-row:1;align-self:start;min-height:40px}.mobile-share-slot{display:flex;grid-column:2;grid-row:2;align-items:start;justify-self:end}.live-meta__label{font-size:var(--font-size-lg)}.live-meta__connections{font-size:var(--font-size-xs)}.live-meta__connections svg{width:14px;height:14px}.live-meta__time,.live-meta__divider{display:none}.main-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;height:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom));padding:0 12px var(--safe-area-bottom);border-top:1px solid var(--color-rule-soft);background:var(--color-canvas)}.main-nav__link{min-height:var(--mobile-bottom-nav-height);align-items:center;justify-content:center;padding:0;font-size:var(--font-size-sm)}.main-nav__link:after{right:22%;bottom:6px;left:22%;height:3px}main{height:calc(100dvh - 104px - var(--mobile-bottom-nav-height) - var(--safe-area-bottom))}.home-layout{display:block;height:100%;padding:0 20px}.home-main{grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:0}.home-hero{padding:2px 0 8px}.home-hero h1{font-size:clamp(1.55rem,8vw,3.2rem);letter-spacing:.06em}.home-hero__waiting{margin-top:0;font-size:clamp(.9rem,4.2vw,1.15rem)}.home-hero__meta{display:block}.home-hero__share{min-height:32px;gap:var(--space-1);font-size:var(--font-size-xs)}.home-hero__share--desktop{display:none}.home-hero__share--mobile{display:inline-flex}.home-hero__share svg{width:16px;height:16px}.timeline__meta{min-height:24px;padding-bottom:4px}.timeline__badge-legend{gap:8px;font-size:.48rem}.timeline__score{display:block}.timeline-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:0;min-height:82px;padding:7px 0 6px}.timeline-row__time{grid-column:1 / -1;font-size:var(--font-size-2xs)}.timeline-row__word{grid-column:1;gap:var(--space-2);font-size:var(--font-size-xl);overflow:hidden}.timeline-row__word-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.timeline-row__ending{font-size:var(--font-size-xs)}.timeline-row__badge{width:17px;height:17px}.timeline-row__badge svg{width:15px;height:15px}.timeline-row__reactions{grid-column:2;min-width:146px}.reaction-button{gap:var(--space-2);padding:var(--space-1);font-size:var(--font-size-xs)}.reaction-button svg{width:24px;height:24px}.word-composer{padding:10px 0 4px}.word-composer>label{margin-bottom:5px;font-size:var(--font-size-xs)}.word-composer__controls{grid-template-columns:minmax(0,1fr) 86px;gap:var(--space-2)}.word-composer input{height:52px;padding:0 14px;font-size:var(--font-size-base)}.word-composer button{min-width:86px;height:52px;gap:0;font-size:var(--font-size-base)}.word-composer button svg{display:none}.word-composer__feedback{position:absolute;right:0;bottom:60px;max-width:70%;padding:3px 6px;background:var(--color-canvas);text-align:right}.home-ranking{display:none}.split-page{display:flex;height:100%;flex-direction:column;padding:0 20px;overflow:hidden}.ranking-main{display:flex;min-height:0;flex:1;flex-direction:column;padding:0;overflow:hidden}.page-heading h1{font-size:clamp(1.75rem,7.2vw,2.1rem);letter-spacing:.02em}.page-heading p{margin-top:var(--space-1);font-size:var(--font-size-xs);line-height:1.6;letter-spacing:.02em}.ranking-main>.ranking-list{margin-top:var(--space-4);overflow-y:auto}.ranking-row{grid-template-columns:42px 40px minmax(0,1fr) auto;min-height:58px}.ranking-row__name,.ranking-row__points{font-size:var(--font-size-base)}.rank-profile{flex:0 0 auto;padding:12px 0 14px;border-top:1px solid var(--color-rule-soft);border-left:0}.rank-profile h2,.rank-profile__identity p{display:none}.rank-profile__rank,.rank-profile__identity,.rank-profile__participants{display:inline-flex;align-items:baseline;margin:0;padding:0;border:0}.rank-profile__rank:before{margin-right:var(--space-2);content:"あなたは";font-size:var(--font-size-sm)}.rank-profile__rank strong,.rank-profile__identity strong{font-size:2.5rem}.rank-profile__rank span,.rank-profile__identity span{font-size:var(--font-size-lg)}.rank-profile__participants{float:right;margin-top:18px;font-size:var(--font-size-sm)}.rank-profile__identity{margin-left:13%}.rank-profile__name-form{margin-top:10px;padding-top:10px}.rank-profile__name-form>label{margin-bottom:5px;font-size:var(--font-size-xs)}.rank-profile__name-form input,.rank-profile__name-form button{height:42px}.archive-layout{display:flex;height:100%;flex-direction:column;padding:0 20px 20px;overflow-y:auto}.archive-index{display:contents}.archive-heading{order:1}.archive-heading h1{font-size:clamp(2.2rem,9.5vw,2.7rem)}.archive-search{order:2;grid-template-columns:minmax(0,1fr) 76px;gap:var(--space-2);margin-top:14px}.archive-search input,.archive-search button{height:48px}.archive-search input{padding:0 14px;font-size:var(--font-size-base)}.archive-search button{min-width:76px;font-size:var(--font-size-base)}.specimen-detail{order:3;padding:18px 0 0;border-left:0;overflow:visible}.specimen-detail__number{font-size:var(--font-size-sm)}.specimen-detail h2{margin-top:4px;font-size:clamp(3rem,13vw,3.5rem)}.specimen-detail__description{margin-top:2px;font-size:var(--font-size-sm)}.specimen-detail dl{margin-top:10px}.specimen-detail dl>div{min-height:44px}.specimen-detail dt,.specimen-detail dd{font-size:var(--font-size-sm)}.desktop-detail,.specimen-detail__label{display:none!important}.specimen-list-section{order:4;margin-top:20px}.specimen-list button{min-height:46px;padding-left:26px}.specimen-list button span{font-size:var(--font-size-base)}}@media(max-width:420px){.ranking-row__points{font-size:var(--font-size-sm)}.timeline-row__word{gap:var(--space-1);font-size:var(--font-size-xl);letter-spacing:.04em}.timeline-row__word--long{gap:3px;font-size:1.08rem;letter-spacing:.02em}.timeline-row__ending{font-size:.68rem}.timeline-row__badge{width:15px;height:15px}.timeline-row__badge svg{width:13px;height:13px}.timeline-row__reactions{min-width:112px}.reaction-button{gap:var(--space-1);padding:0;font-size:var(--font-size-2xs)}.reaction-button svg{width:21px;height:21px}.reaction-divider{height:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}