.card{position:relative;overflow:hidden;width:100%;max-width:26rem;aspect-ratio:7 / 4;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:2.25rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;cursor:default;transition:box-shadow .4s ease,border-color .4s ease}.card--hovered{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.opera-house{position:absolute;right:.85rem;bottom:.5rem;width:8rem;pointer-events:none;z-index:0;color:var(--text-muted);opacity:.22;transition:opacity .4s ease}.opera-house svg{display:block;width:100%;height:auto}.opera-hidden{position:absolute;top:63%;left:12%;right:3.25rem;font-family:var(--font-jp);font-size:.42rem;font-weight:400;letter-spacing:.14em;text-align:right;line-height:1;opacity:.55;transition:opacity .4s ease,color .35s ease,text-shadow .35s ease}.card--hovered .opera-hidden{opacity:.9}.card--email-hovered .opera-hidden{opacity:1;color:var(--accent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.opera-house path{stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.card--hovered .opera-house{opacity:.32}.card-wave{position:absolute;bottom:0;left:0;width:200%;height:3rem;pointer-events:none;animation:wave-sweep 3s linear infinite}.card-wave svg{width:100%;height:100%;display:block}.card-wave path{fill:var(--accent);opacity:.05;transition:opacity .4s ease}.card--hovered .card-wave path{opacity:.12}@keyframes wave-sweep{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-title{position:relative;z-index:1;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:500;letter-spacing:-.02em;line-height:1.15}.hero-tld{color:var(--accent)}.hero-tagline{position:relative;z-index:1;font-size:.625rem;color:var(--text-muted);letter-spacing:.02em;line-height:1.4;max-width:22ch;margin-top:.65rem;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.hero-tagline--visible{opacity:1;transform:translateY(0)}.card-actions{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:2rem}.action-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--accent);text-decoration:none;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;opacity:0;pointer-events:none;transition:opacity .35s ease,background .2s ease,border-color .2s ease}.action-button svg{width:1.05rem;height:1.05rem;display:block;flex-shrink:0}.action-button rect,.action-button:not(.action-button--x) path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.action-button--visible{opacity:1;pointer-events:auto;border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--card))}.action-button--visible:hover{background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.card--not-found{padding-top:1.5rem}.hero-title--sm{font-size:clamp(.65rem,1.8vw,.75rem);line-height:1}.hero-title-link{color:inherit;text-decoration:none;cursor:pointer}.hero-title-link:hover{color:var(--accent)}.not-found-block{position:relative;z-index:1;text-align:center}.not-found-code{font-size:clamp(1.85rem,5.5vw,2.4rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.not-found-label{margin-top:.35rem;font-size:.7rem;color:var(--text-muted);letter-spacing:.06em}.footer{position:relative;z-index:1}.footer p{font-size:.625rem;color:var(--text-muted);letter-spacing:.02em;text-align:center}.footer--sm p{font-size:.5rem}@media(max-width:480px){.card{max-width:100%;padding:1.75rem 1.5rem}}.card--feed{max-width:28rem;aspect-ratio:auto;max-height:min(88vh,40rem);padding:1.5rem 1.75rem 1.25rem;gap:.85rem}.hero--feed{position:relative;z-index:1;flex-shrink:0}.feed-subtitle{margin-top:.45rem;font-size:.625rem;color:var(--text-muted);letter-spacing:.04em}.feed-handle{color:var(--accent);text-decoration:none}.feed-handle:hover{text-decoration:underline}.feed-body{position:relative;z-index:1;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.feed-status{font-size:.7rem;color:var(--text-muted);letter-spacing:.03em;text-align:center;padding:1.5rem .5rem}.feed-status a{color:var(--accent)}.feed-list{list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem;margin:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 40%,transparent) transparent}.feed-post{border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--card) 88%,var(--bg));padding:.75rem .85rem;transition:border-color .25s ease,box-shadow .25s ease}.card--hovered .feed-post{border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.feed-repost{font-size:.55rem;color:var(--text-muted);letter-spacing:.04em;margin-bottom:.35rem}.feed-post-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.feed-author{font-size:.7rem;font-weight:500;color:var(--text);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-date{flex-shrink:0;font-size:.55rem;color:var(--text-muted);letter-spacing:.02em}.feed-text{font-size:.7rem;line-height:1.45;color:var(--text);white-space:pre-wrap;word-break:break-word}.feed-media{display:block;margin-top:.55rem;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.feed-media img{display:block;width:100%;max-height:10rem;object-fit:cover}.feed-post-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.55rem}.feed-stats{display:flex;flex-wrap:wrap;gap:.55rem;font-size:.55rem;color:var(--text-muted);letter-spacing:.02em}.feed-open{flex-shrink:0;font-size:.55rem;color:var(--accent);text-decoration:none;letter-spacing:.04em}.feed-open:hover{text-decoration:underline}@media(max-width:480px){.card--feed{max-width:100%;max-height:min(90vh,38rem);padding:1.35rem 1.25rem 1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--font-jp: "Noto Sans JP", "Hiragino Sans", sans-serif}:root,[data-theme=light]{--bg: #e8e5de;--card: #f7f5f0;--text: #1c1c1a;--text-muted: #6b6b66;--accent: #2d4a3e;--border: #d8d4cb;--shadow: 0 1px 2px rgba(28, 28, 26, .04), 0 12px 32px rgba(28, 28, 26, .1);--grid-line: rgba(28, 28, 26, .03)}[data-theme=dark]{--bg: #0c0c0b;--card: #1a1a18;--text: #e8e6e1;--text-muted: #9a9890;--accent: #7eb89a;--border: #2e2e2b;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 12px 32px rgba(0, 0, 0, .35);--grid-line: rgba(255, 255, 255, .02)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;color:var(--text);min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}@media(max-width:480px){#root{padding:1.25rem}}