.reco-view{--rc-heading: #f6f2ff;--rc-text: #b7b2c6;--rc-strong: #ece7f8;--rc-muted: #9e98b2;--rc-accent: #c6a6f6;--rc-line: rgba(255, 255, 255, .1);--rc-pop: #ffffff;--rc-surface: #0d0918;--rc-sheen: rgba(255, 255, 255, .05);--rc-line-hover: rgba(198, 166, 246, .3);--rc-chip-line: rgba(255, 255, 255, .16);--rc-mark: rgba(255, 255, 255, .07);--rc-mark-hover: rgba(198, 166, 246, .22);--rc-hi: rgba(167, 139, 250, .8);display:flex;flex-direction:column;gap:clamp(16px,2.4vh,30px);padding:clamp(32px,5vh,56px) clamp(20px,3vw,40px) 8px}body:not(.light-mode) .reco-view h1,body .reco-view h1{margin:0 0 12px;color:var(--rc-heading);font-family:var(--font-heading, "Jura", sans-serif);font-size:clamp(24px,2.7vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.reco-mark{display:inline-block;color:var(--rc-accent);font-size:.44em;vertical-align:.5em}.reco-hint{display:flex;align-items:center;gap:8px;margin:0;color:var(--rc-muted);font-family:var(--font-mono, "Montserrat", sans-serif);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.reco-hint:before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}.reco-list{display:flex;flex-direction:column;max-width:92ch}.reco-entry{display:grid;grid-template-columns:172px minmax(0,1fr);gap:clamp(20px,3vw,48px);margin:0;padding:clamp(26px,3.4vh,44px) 0;border-top:1px solid var(--rc-line)}.reco-entry:first-child{border-top:0;padding-top:clamp(6px,1vh,14px)}.reco-byline{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:.34em}.reco-avatar{width:44px;height:44px;margin-bottom:8px;border-radius:50%;border:1px solid var(--rc-chip-line);-o-object-fit:cover;object-fit:cover}.reco-name{color:var(--rc-strong);font-family:var(--font-heading, "Jura", sans-serif);font-size:15px;font-weight:600;font-style:normal;letter-spacing:.01em;text-wrap:balance}.reco-role{color:var(--rc-muted);font-family:var(--font-mono, "Montserrat", sans-serif);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.reco-entry blockquote{margin:0;color:var(--rc-strong);font-family:var(--font-body, "Montserrat", sans-serif);font-size:clamp(15.5px,1.2vw,18.5px);line-height:1.66;letter-spacing:-.003em;text-wrap:pretty}.reco-entry blockquote strong{color:var(--rc-pop);font-weight:inherit;text-decoration:underline;text-decoration-color:var(--rc-hi);text-decoration-thickness:.07em;text-underline-offset:.2em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.reco-intro,.reco-entry{animation:reco-rise .62s cubic-bezier(.22,1,.36,1) backwards}.reco-entry:nth-child(1){animation-delay:80ms}.reco-entry:nth-child(2){animation-delay:.16s}.reco-entry:nth-child(3){animation-delay:.24s}@keyframes reco-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}body.light-mode .reco-view{--rc-heading: #171456;--rc-text: #4a4660;--rc-strong: #211d54;--rc-muted: #5d5878;--rc-accent: #4f46e5;--rc-line: rgba(23, 20, 86, .12);--rc-pop: #100d3f;--rc-chip-line: rgba(23, 20, 86, .16);--rc-hi: rgba(79, 70, 229, .5)}@media (min-width: 1025px) and (max-height: 820px){body .reco-view h1{margin-bottom:8px;font-size:clamp(24px,2.4vw,34px)}.reco-entry{padding:22px 0}.reco-entry blockquote{font-size:clamp(15px,1.1vw,17px);line-height:1.6}.reco-avatar{width:38px;height:38px}}@media (max-width: 860px){.reco-view{min-height:0;padding:clamp(22px,4vh,34px) 18px 34px}.reco-entry{grid-template-columns:1fr;gap:14px;padding:26px 0}.reco-byline{flex-direction:row;align-items:center;gap:10px;padding-top:0;flex-wrap:wrap}.reco-avatar{width:36px;height:36px;margin-bottom:0}.reco-role{flex-basis:100%}.reco-entry blockquote{font-size:16px;line-height:1.68}}@media (prefers-reduced-motion: reduce){.reco-intro,.reco-entry{animation:none}}.about-placeholder{max-width:62ch;padding:clamp(20px,3vw,34px);border:1px dashed var(--rc-line, rgba(255, 255, 255, .18));border-radius:18px;color:var(--rc-text, #b7b2c6);font-family:var(--font-body, "Montserrat", sans-serif);line-height:1.7}.about-placeholder p{margin:0;max-width:none}.about-placeholder code{padding:2px 6px;border-radius:5px;background:#ffffff14;font-size:.9em}@supports (view-transition-name: none){.reco-intro,.reco-entry,.about-story h1,.about-story-hint,.about-passage,.about-story-ending{animation:none}}