:root{--bg:#f6f7fb;--surface:#ffffffbd;--surface-strong:#fff;--foreground:#0f172a;--muted:#5b6475;--line:#94a3b82e;--line-strong:#94a3b84d;--accent:#f97316;--accent-deep:#ea580c;--accent-soft:#f973161a;--shadow-sm:0 10px 30px #0f172a0b;--shadow-lg:0 24px 60px #0f172a11;--radius-xl:20px;--radius-lg:14px;--radius-md:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--foreground);font-family:var(--font-inter), var(--font-noto-sans-jp), sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:radial-gradient(circle at top,#f973160f,#0000 26%),linear-gradient(#fff 0%,#f6f7fb 100%);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1120px,100% - 40px);margin:0 auto}.site-frame{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7fbb8;border-bottom:1px solid #ffffffa6;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.site-title{align-items:center;gap:12px;display:inline-flex}.site-title__mark{background:linear-gradient(135deg, var(--accent), #dc2626);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #f9731633}.site-title__text-wrap{gap:1px;display:grid}.site-title__text{letter-spacing:-.03em;font-size:.98rem;font-weight:800}.site-title__sub{color:var(--muted);font-size:.76rem}.site-nav{align-items:center;gap:18px;display:flex}.site-nav a{color:var(--muted);font-size:.92rem;font-weight:600}.site-nav a:hover,.inline-link:hover,.back-link:hover{color:var(--accent-deep)}.site-main{flex:1;padding:36px 0 80px}.site-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff75}.site-footer__inner{min-height:82px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:.9rem;display:flex}.site-footer__brand{color:var(--foreground);margin-bottom:4px;font-weight:700}.site-footer__links{gap:16px;display:flex}.home-shell,.blog-shell,.article-shell{gap:24px;display:grid}.home-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:20px;display:grid}.home-hero__copy,.home-hero__panel,.post-list__item,.sidebar-card,.empty-state,.article-hero,.article-content,.filter-row,.featured-post{background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffc7}.home-hero__copy,.home-hero__panel,.post-list__item,.sidebar-card,.empty-state,.article-hero,.article-content{border-radius:var(--radius-xl);padding:28px}.home-hero__copy{align-content:center;gap:16px;min-height:420px;display:grid}.home-hero__panel{align-content:space-between;gap:16px;display:grid}.eyebrow{color:var(--accent-deep);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:800}h1{letter-spacing:-.055em;font-size:clamp(2.3rem,4.7vw,4.2rem);font-weight:800;line-height:1.02}h2{letter-spacing:-.035em;font-size:clamp(1.24rem,1.8vw,1.62rem);font-weight:750;line-height:1.22}h3{font-size:.98rem;font-weight:700;line-height:1.38}p,.lead{color:var(--muted);line-height:1.78}.lead{font-size:1rem}.lead--wide{max-width:760px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.button-primary,.button-secondary,.button-ghost{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;box-shadow:0 12px 24px #f9731633}.button-secondary,.button-ghost{border:1px solid var(--line-strong);background:#ffffffd1}.button-secondary--full{width:100%}.button-primary:hover,.button-secondary:hover,.button-ghost:hover,.filter-chip:hover{transform:translateY(-1px)}.metric-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(#ffffffeb,#ffffffbd);gap:8px;padding:20px;display:grid}.metric-card strong{letter-spacing:-.03em;font-size:1.05rem}.metric-card__label,.sidebar-card__label,.featured-post__label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:700}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-tile,.mini-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffbd}.metric-tile{align-content:space-between;min-height:104px;padding:18px;display:grid}.metric-tile span,.mini-card p,.post-list__footer,.post-list__meta time,.article-author,.app-platforms,.featured-post__meta time{color:var(--muted)}.metric-tile span{font-size:.82rem}.metric-tile strong{letter-spacing:-.04em;font-size:1.18rem}.metric-tile--accent{background:linear-gradient(135deg,#f973161f,#ffffffd1)}.home-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mini-card{box-shadow:var(--shadow-sm);padding:20px}.mini-card__title,.category-pill{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex}.mini-card__title,.category-pill,.filter-chip--active{background:var(--accent-soft);color:var(--accent-deep)}.section-heading{gap:10px;display:grid}.section-heading--wide{max-width:820px}.filter-row{border-radius:999px;flex-wrap:wrap;gap:8px;width:fit-content;padding:10px;display:flex}.filter-chip{min-height:36px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}.featured-post{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:20px;padding:20px;display:grid}.featured-post__body{align-content:center;gap:14px;display:grid}.featured-post__meta,.featured-post__footer,.featured-post__author{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.featured-post__footer{justify-content:space-between}.post-list{gap:14px;display:grid}.post-list__item{gap:16px;display:grid}.post-list__meta{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.post-list__meta-left{align-items:flex-start;gap:14px;display:flex}.post-list__meta-left h2{margin-top:8px}.post-list__excerpt{max-width:78ch;font-size:.95rem}.post-list__footer{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.inline-link,.back-link{font-weight:700}.back-link{width:fit-content;font-size:.92rem}.article-hero{gap:14px;display:grid}.article-hero__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.article-content-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.article-content{gap:16px;display:grid}.portable-text{font-size:.98rem}.portable-text h2,.portable-text h3,.portable-text h4{color:var(--foreground);margin-top:14px}.portable-text p,.portable-text li{color:var(--muted)}.portable-text ul,.portable-text ol{padding-left:1.4rem}.portable-text li+li{margin-top:8px}.article-sidebar{position:sticky;top:98px}.sidebar-card{gap:16px;display:grid}.sidebar-apps{gap:12px;display:grid}.sidebar-app{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffbd;gap:10px;padding:16px;display:grid}.sidebar-app__head{align-items:center;gap:10px;display:flex}.sidebar-app p{font-size:.9rem}.empty-state--soft{max-width:720px}.post-visual,.post-cover-image-wrap{background:linear-gradient(135deg,#ffffffd1,#ffffff8c);border:1px solid #ffffff8c;border-radius:16px;min-height:168px;position:relative;overflow:hidden}.post-cover-image{object-fit:cover}.post-cover-image__overlay{background:linear-gradient(#0f172a0a,#0f172a3d);position:absolute;inset:0}.post-cover-image__content{z-index:1;align-content:end;gap:8px;min-height:168px;padding:18px;display:grid;position:relative}.post-cover-image__content strong{color:#fff;letter-spacing:-.03em;font-size:1.05rem}.post-cover-image__content p{color:#ffffffeb;font-size:.92rem;line-height:1.5}.post-visual__glow{filter:blur(28px);background:#f973162e;border-radius:999px;width:220px;height:220px;position:absolute;inset:auto auto -30% -10%}.post-visual__grid{opacity:.4;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.post-visual__content{z-index:1;align-content:end;gap:8px;min-height:168px;padding:18px;display:grid;position:relative}.post-visual__badge{width:fit-content;min-height:26px;color:var(--foreground);background:#ffffffb8;border-radius:999px;align-items:center;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.post-visual__content strong{letter-spacing:-.03em;font-size:1.05rem}.post-visual__content p{color:#0f172ac7;font-size:.92rem;line-height:1.5}.post-visual--orange{background:linear-gradient(135deg,#ffedd5f2,#ffffffc7)}.post-visual--blue{background:linear-gradient(135deg,#dbeafef2,#ffffffc7)}.post-visual--green{background:linear-gradient(135deg,#d1fae5f2,#ffffffc7)}.post-visual--sky{background:linear-gradient(135deg,#e0f2fef2,#ffffffc7)}.post-visual--purple{background:linear-gradient(135deg,#f3e8fff2,#ffffffc7)}.post-visual--indigo{background:linear-gradient(135deg,#e0e7fff2,#ffffffc7)}.post-visual--default{background:linear-gradient(135deg,#f1f5f9f2,#ffffffc7)}.app-icon,.app-media{color:#fff;letter-spacing:-.04em;object-fit:cover;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 10px 20px #0f172a14}.app-icon--sm,.app-media--sm{width:40px;height:40px;font-size:.82rem}.app-icon--md,.app-media--md{width:48px;height:48px;font-size:.92rem}.app-icon--lg,.app-media--lg{width:62px;height:62px;font-size:1.02rem}.app-icon--orange{background:linear-gradient(135deg,#f97316,#ea580c)}.app-icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.app-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.app-icon--sky{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.app-icon--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.app-icon--indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.app-icon--default{background:linear-gradient(135deg,#64748b,#475569)}@media (max-width:980px){.home-hero,.article-content-grid,.featured-post{grid-template-columns:1fr}.article-sidebar{position:static}.home-strip{grid-template-columns:1fr}}@media (max-width:720px){.container{width:min(1120px,100% - 24px)}.site-header__inner,.site-footer__inner,.post-list__meta,.post-list__footer,.article-hero__top,.featured-post__footer{flex-direction:column;align-items:flex-start}.site-nav{flex-wrap:wrap;gap:14px}.home-hero__copy,.home-hero__panel,.post-list__item,.sidebar-card,.empty-state,.article-hero,.article-content{padding:22px}.featured-post{padding:16px}.post-visual,.post-visual__content{min-height:142px}h1{font-size:clamp(2.05rem,10vw,2.8rem)}h2{font-size:1.22rem}}