@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=M+PLUS+1+Code:wght@400;500;700&display=swap";
:root{--hex-orange-500:#e05030;--hex-orange-600:#b73d22;--hex-orange-100:#fdece4;--hex-yellow-500:#f0b020;--hex-yellow-300:#f9e06b;--hex-yellow-100:#fef5d8;--hex-blue-700:#0030a0;--hex-blue-100:#e6ecf8;--white:#fff;--paper:#faf8f5;--ink-900:#14161c;--ink-700:#3a3f4a;--ink-500:#6b7280;--ink-300:#c4c7cd;--ink-100:#edeef1;--bg:var(--white);--bg-alt:var(--paper);--fg1:var(--ink-900);--fg2:var(--ink-700);--fg3:var(--ink-500);--fg-brand:var(--hex-blue-700);--fg-accent:var(--hex-orange-500);--border:var(--ink-100);--accent:var(--hex-orange-500);--hex-gradient:linear-gradient(180deg, var(--hex-yellow-300) 0%, var(--hex-yellow-500) 35%, var(--hex-orange-500) 100%);--font-body:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono:"M PLUS 1 Code", "SFMono-Regular", ui-monospace, Menlo, monospace;--fs-h1:clamp(2rem, 3.4vw, 2.75rem);--fs-h2:1.5rem;--fs-h3:1.2rem;--fs-body:1rem;--lh-tight:1.05;--lh-snug:1.35;--lh-body:1.7;--tracking-tight:-.01em;--tracking-wide:.06em;--tracking-xwide:.14em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--hex-clip:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--shadow-sm:0 1px 2px #14161c0f, 0 0 0 1px #14161c0a;--shadow-md:0 4px 12px #14161c14, 0 0 0 1px #14161c0a;--shadow-stamp-orange:4px 4px 0 0 var(--hex-orange-500);--container:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-alt);color:var(--fg1)}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}::selection{background:var(--hex-orange-500);color:#fff}h1,h2,h3,h4{line-height:var(--lh-snug);color:var(--ink-900);font-family:var(--font-body)}h1{font-weight:900;font-size:var(--fs-h1);letter-spacing:var(--tracking-tight);margin:0 0 var(--sp-4)}h2{font-weight:700;font-size:var(--fs-h2);margin:var(--sp-7) 0 var(--sp-3)}h3{font-weight:700;font-size:var(--fs-h3);margin:var(--sp-5) 0 var(--sp-2)}h4{margin:var(--sp-4) 0 var(--sp-2);font-size:1.05rem;font-weight:700}p{margin:0 0 var(--sp-4);text-wrap:pretty}a{color:var(--hex-blue-700);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;transition:color .12s}a:hover{color:var(--hex-orange-500)}code,kbd,samp{font-family:var(--font-mono);background:var(--ink-100);border-radius:var(--radius-sm);color:var(--ink-900);padding:.1em .35em;font-size:.92em}pre{font-family:var(--font-mono);padding:var(--sp-5);border-radius:var(--radius-md);line-height:1.55;overflow-x:auto}pre:not(.shiki){background:var(--ink-900);color:var(--paper)}pre code{color:inherit;background:0 0;padding:0;font-family:inherit}ul,ol{margin:0 0 var(--sp-4);padding-left:1.25em}li{margin:.25em 0}img{max-width:100%;height:auto}hr{border:0;border-top:1px solid var(--border);margin:var(--sp-6) 0}:focus-visible{outline:2px solid var(--hex-blue-700);outline-offset:2px;border-radius:var(--radius-sm)}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--border);background:#fffffff0;position:sticky;top:0}.site-header-inner{max-width:var(--container);align-items:center;gap:20px;margin:0 auto;padding:12px clamp(16px,4vw,32px);display:flex}.site-brand{color:inherit;flex-shrink:0;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.site-brand:hover{color:inherit}.site-brand .logo-mark{width:20px;height:20px;clip-path:var(--hex-clip);background:var(--hex-gradient);display:inline-block}.site-brand-name{font-family:var(--font-body);color:var(--fg-brand);letter-spacing:.02em;font-size:1rem;font-weight:900}.site-nav{flex-wrap:wrap;gap:2px;display:flex}.site-nav a{color:var(--fg2);border-radius:var(--radius-sm);font-family:var(--font-mono);border:1px solid #0000;padding:6px 10px;font-size:.78rem;text-decoration:none}.site-nav a:hover{border-color:var(--ink-300);color:var(--ink-900)}.site-main{max-width:var(--container);flex:1;width:100%;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.site-footer{border-top:1px solid var(--border);padding:var(--sp-6) 0;margin-top:var(--sp-8);background:#fff}.site-footer-inner{max-width:var(--container);gap:var(--sp-4);font-family:var(--font-mono);color:var(--fg3);flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:0 clamp(16px,4vw,32px);font-size:.82rem;display:flex}.site-footer-inner b{color:var(--ink-900);font-weight:500}.site-footer-inner a{font-family:inherit;font-size:inherit}@media (max-width:640px){.site-header-inner{gap:12px}.site-nav{scrollbar-width:none;flex-wrap:nowrap;min-width:0;margin-right:-8px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}}.home-hero{border-bottom:1px solid var(--border);padding:clamp(56px,9vw,112px) 0;background:#fff;margin:0 calc(-1*clamp(16px,4vw,32px));padding-inline:clamp(16px,4vw,32px);position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 0 0,#f0b02014,#0000 40%),radial-gradient(circle at 100% 100%,#e050300d,#0000 40%);position:absolute;inset:0}.home-hero-inner{max-width:var(--container);margin:0 auto;position:relative}.home-hero-updated{margin-bottom:var(--sp-5);font-family:var(--font-mono);color:var(--fg3);font-size:.82rem;display:inline-block}.home-hero h1{color:var(--fg-brand);letter-spacing:-.01em;margin:0 0 var(--sp-4);max-width:18ch;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:900;line-height:1.1}.home-hero-rule{border-bottom:3px solid var(--hex-orange-500);margin-top:var(--sp-3);color:var(--ink-900);padding-bottom:4px;font-size:1.05rem;font-weight:700;display:inline-block}.home-hero-lead{max-width:56ch;margin:var(--sp-4) 0 0;color:var(--fg2);font-size:1.05rem}.index-section{padding:clamp(40px,7vw,80px) 0 clamp(56px,10vw,96px)}.index-section>header{align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.index-section>header h2{border-bottom:3px solid var(--hex-orange-500);margin:0;padding-bottom:6px;font-size:1.5rem;font-weight:900}.index-section>header .count{font-family:var(--font-mono);color:var(--fg3);font-size:.85rem}.spec-list{border-top:1px solid var(--border);scroll-snap-type:y proximity;margin:0;padding:0;list-style:none}.spec-row{border-bottom:1px solid var(--border);scroll-snap-align:start;grid-template-columns:140px minmax(0,1fr);align-items:stretch;gap:24px;padding:28px 0;scroll-margin-top:72px;transition:background .18s;display:grid;position:relative}.spec-row:before{content:"";background:0 0;width:3px;transition:background .12s;position:absolute;top:28px;bottom:28px;left:-16px}.spec-row:hover{background:#fffc}.spec-row:hover:before{background:var(--hex-orange-500)}.spec-left{flex-direction:column;gap:10px;display:flex}.spec-date{font-family:var(--font-mono);color:var(--hex-orange-500);font-size:.88rem;font-weight:700}.spec-date:before{content:"■ "}.spec-cat{font-family:var(--font-body);letter-spacing:var(--tracking-xwide);color:var(--fg-brand);font-size:.72rem;font-weight:700}.spec-theme{font-family:var(--font-mono);color:var(--fg3);margin-top:auto;padding-top:8px;font-size:.72rem}.spec-main{min-width:0}.spec-main h3{color:var(--ink-900);margin:0 0 12px;font-size:clamp(1.08rem,1.9vw,1.35rem);font-weight:700;line-height:1.5}.spec-main h3 a{color:inherit;background-image:linear-gradient(var(--hex-orange-500), var(--hex-orange-500));background-position:0 100%;background-repeat:no-repeat;background-size:0 3px;text-decoration:none;transition:background-size .2s}.spec-main h3 a:hover{color:inherit;background-size:100% 3px}.spec-main p{color:var(--fg2);margin:0 0 12px;font-size:.96rem;line-height:1.7}.spec-tags{flex-wrap:wrap;gap:6px;display:flex}.spec-tags span,.spec-tags a{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg3);background:#fff;padding:3px 8px;font-size:.72rem;text-decoration:none}.spec-tags a:hover{color:var(--fg1);background:var(--bg-alt)}.tag-cloud{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-cloud a{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg2);background:#fff;padding:6px 10px;font-size:.78rem;text-decoration:none}.tag-cloud a:hover{color:var(--fg1);background:var(--bg-alt)}.tag-cloud .tag-count{color:var(--fg3)}.spec-rail{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--ink-900);background:#fff;height:fit-content;padding:14px 16px;font-size:.82rem;line-height:1.7}.spec-rail .line{grid-template-columns:72px 1fr;gap:8px;display:grid}.spec-rail .k{color:var(--fg3)}.spec-rail .v a{font-family:inherit;font-size:inherit}.spec-rail .v b{color:var(--hex-orange-500);font-weight:700}@media (max-width:860px){.spec-row{grid-template-columns:1fr;gap:12px;padding:22px 0}.spec-rail{font-size:.78rem}}.empty-state{padding:var(--sp-8) 0;color:var(--fg3);font-family:var(--font-mono);font-size:.9rem}.taxonomy-header{border-bottom:1px solid var(--border);margin-bottom:var(--sp-6);padding:clamp(32px,5vw,56px) 0 clamp(24px,3vw,40px)}.taxonomy-header-meta{margin-bottom:var(--sp-3);font-family:var(--font-mono);color:var(--fg3);font-size:.82rem;display:inline-block}.taxonomy-header h1{margin:0 0 var(--sp-3);font-size:clamp(1.75rem,3.2vw,2.5rem)}.taxonomy-header h1 span{border-bottom:3px solid var(--hex-orange-500);padding-bottom:4px;display:inline-block}.taxonomy-header p{color:var(--fg2);max-width:58ch;margin:0}.article{max-width:760px;margin:var(--sp-7) auto var(--sp-8)}.article>header h1{margin:0 0 var(--sp-3);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2}.article-meta{font-family:var(--font-mono);color:var(--fg3);margin:0 0 var(--sp-5);font-size:.85rem}.article-meta a{font-family:inherit}.hero-image{border-radius:var(--radius-md);width:100%;height:auto;margin:var(--sp-5) 0 var(--sp-6)}.article-body{font-size:1.02rem}.article-body h2{border-bottom:3px solid var(--hex-orange-500);padding-bottom:6px;display:inline-block}.article-body h3{font-size:1.15rem}.article-body blockquote{margin:var(--sp-5) 0;padding:var(--sp-3) var(--sp-5);border-left:3px solid var(--hex-orange-500);color:var(--fg2);background:var(--bg-alt)}.article-source{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px dashed var(--border);font-family:var(--font-mono);color:var(--fg3);word-break:break-all;font-size:.82rem}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.home-hero{background:var(--paper);padding-block:36px}.home-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.3}.home-hero-updated{color:var(--fg2);margin-bottom:16px;font-size:.76rem}.home-hero-lead{margin-top:12px;font-size:.95rem}.daily-brief{border:1px solid var(--border);border-left:4px solid var(--accent);background:#fff;border-radius:8px;max-width:800px;margin:28px auto;padding:22px}.daily-brief ol{margin:14px 0 0;padding-left:1.35em}.daily-brief li{padding:6px 0 6px 4px;font-size:.9rem}.daily-brief a{color:var(--fg1);text-decoration:none}.daily-brief a:hover{color:var(--hex-blue-700);text-decoration:underline}.feed-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.feed-heading h2{margin:0;font-size:1.25rem}.feed-heading>span{color:var(--fg3);font-size:.75rem}.news-feed{max-width:800px;margin:32px auto 48px}#feed-title{scroll-margin-top:130px}.search-field{margin:20px 0 12px;display:block}.search-field>span{margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.search-field input{border:1px solid var(--ink-300);width:100%;min-height:48px;color:var(--fg1);background:#fff;border-radius:10px;padding:12px 14px;font-size:16px}.feed-filters{flex-wrap:wrap;gap:8px;display:flex}.feed-filters button,.secondary-button{border:1px solid var(--ink-300);min-height:44px;color:var(--fg2);background:#fff;border-radius:8px;padding:9px 14px;font-size:.85rem}.feed-filters button[aria-pressed=true]{background:var(--hex-blue-700);border-color:var(--hex-blue-700);color:#fff}.feed-notice{min-height:20px;color:var(--fg3);margin:12px 0;font-size:.76rem}.news-list{margin:0;padding:0;list-style:none}.news-card{border-bottom:1px solid var(--ink-300);margin:0;padding:24px 0}.news-meta{color:var(--fg3);flex-wrap:wrap;align-items:center;gap:10px;font-size:.75rem;display:flex}.news-meta>a{background:var(--hex-blue-100);border-radius:4px;padding:4px 8px;font-weight:700;text-decoration:none}.news-card h3{overflow-wrap:anywhere;margin:12px 0 10px;font-size:1.14rem;line-height:1.6}.news-card h3 a{color:var(--fg1);text-decoration:none}.news-card h3 a:hover{color:var(--hex-blue-700);text-decoration:underline}.news-card.is-read h3 a{color:var(--fg2)}.news-summary{color:var(--fg2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.9rem;display:-webkit-box;overflow:hidden}.news-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.source-link{color:var(--fg3);overflow-wrap:anywhere;align-items:center;min-height:44px;font-size:.75rem;text-decoration-thickness:1px;display:inline-flex}.like-control{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.like-button{border:1px solid var(--ink-300);min-height:44px;color:var(--fg2);white-space:nowrap;background:#fff;border-radius:24px;padding:8px 14px;font-size:.82rem}.like-button span{margin-right:3px;font-size:1.05rem}.like-button.is-liked{border-color:var(--hex-orange-600);background:var(--hex-orange-100);color:var(--hex-orange-600)}.feedback-status{max-width:220px;color:var(--fg3);font-size:.68rem}.feedback-status:empty{display:none}.read-label{background:var(--ink-100);color:var(--fg2);border-radius:4px;padding:2px 7px}.load-more{border:1px solid var(--ink-300);width:100%;min-height:48px;color:var(--hex-blue-700);background:#fff;border-radius:8px;margin:24px 0;font-weight:700;display:block}.back-link{align-items:center;min-height:44px;margin-bottom:16px;font-size:.85rem;display:inline-flex}.article-feedback{border:1px solid var(--border);background:#fff;border-radius:10px;margin-top:28px;padding:20px}.article-feedback p{color:var(--fg2);margin:12px 0 0;font-size:.8rem}.article-feedback p a{margin-left:5px;display:inline-block}.eyebrow{color:var(--hex-orange-600);font:.78rem var(--font-mono);letter-spacing:.12em}.interests-page h1{line-height:1.5!important}.interests-page section{margin:28px 0}.interests-page section p{font-size:.9rem}.learning-switch{align-items:center;gap:12px;min-height:48px;margin:16px 0;font-weight:700;display:flex}.learning-switch input{width:22px;height:22px;accent-color:var(--hex-blue-700);flex-shrink:0}.interest-settings .secondary-button{margin:4px 8px 12px 0}.delete-confirm{border:1px solid var(--ink-300);border-radius:8px;padding:16px}.site-account-link{min-width:5em;min-height:44px;color:var(--hex-blue-700);flex-shrink:0;justify-content:flex-end;align-items:center;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.site-account-icon svg{width:32px;height:32px;display:block}.site-account-link:hover{text-decoration:underline}@media (hover:hover){.site-account-icon:hover svg{background:var(--hex-orange-100);border-radius:50%}}.account-panel code{word-break:break-all;font-size:.85rem}.account-notice{border:1px solid var(--ink-300);border-radius:8px;padding:12px 16px}.account-primary{background:var(--hex-blue-700);color:#fff;border-radius:8px;align-items:center;min-height:44px;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex}.account-primary:hover{color:#fff;opacity:.9}.account-logout form{margin:16px 0 4px}.mobile-bottom-nav{display:none}@media (min-width:861px){.home-hero-inner{max-width:800px}.home-hero h1 br{display:none}}@media (max-width:860px){.spec-row{grid-template-columns:1fr}.spec-left{flex-direction:row;align-items:center}.site-header-inner{flex-wrap:wrap;gap:4px;padding-top:10px;padding-bottom:4px}.site-brand{min-height:36px}.site-nav{scrollbar-width:thin;flex-wrap:nowrap;order:2;width:100%;margin:0;overflow-x:auto}.site-account-link{order:1;align-items:center;min-height:44px;display:flex}.site-nav a{white-space:nowrap;align-items:center;min-height:44px;font-size:.76rem;display:flex}.home-hero{padding-block:24px}.home-hero h1{margin-bottom:8px;font-size:2rem}.daily-brief{margin:20px 0;padding:16px}.daily-brief li{padding-block:8px;font-size:.84rem}.news-feed{margin-top:24px}.news-card{padding-block:20px}.article{margin-top:20px}.article>header h1{overflow-wrap:anywhere;font-size:1.6rem;line-height:1.5}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom));margin-top:32px}.mobile-bottom-nav{bottom:0;z-index:30;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset-inline:0}.mobile-bottom-nav a{min-height:56px;color:var(--hex-blue-700);justify-content:center;align-items:center;font-size:.76rem;font-weight:700;text-decoration:none;display:flex}.mobile-bottom-nav a:hover{background:var(--hex-blue-100)}}