@font-face{font-family:'Yixiu Smiley Sans';src:url('/fonts/smiley-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap;}
:root{--bg:#f7f8fc;--ink:#303b52;--muted:#69758a;--accent-color:#657b9e;--line:#dfe4ee;--serif:'Yixiu Smiley Sans','Songti SC',SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:18.36px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #627290;outline-offset:5px}::selection{background:#c3cee2}.site{max-width:1184px;margin:auto;padding:0 48px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:10px;z-index:10}.skip:focus{top:5px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:21.6px;letter-spacing:1px}.brand-icon{width:42px;height:42px;border-radius:13px;background:var(--ink);color:#dae1ef;font-family:var(--serif);font-size:33.48px;display:grid;place-items:center;font-weight:500}.brand-en{display:block;font-size:12.96px;letter-spacing:2.5px;font-weight:500;line-height:1.5;color:var(--muted)}nav{display:flex;gap:34px;margin-left:15px}nav a{position:relative;font-size:17.28px;color:#76787d;padding:12px 0}nav a:hover,nav a.current{color:var(--accent-color)}nav a.current:after{position:absolute;content:'';bottom:0;left:calc(50% - 2px);height:4px;width:4px;background:var(--accent-color);border-radius:50%}.header-github{font-size:17.28px;border:1px solid #d8dadf;border-radius:7px;padding:7px 14px;display:flex;gap:16px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;min-height:555px;padding:66px 0 58px}.eyebrow{font-size:15.12px;font-weight:550;letter-spacing:2px;color:#767a81;display:flex;align-items:center;gap:8px}.hero .eyebrow{letter-spacing:2.5px;font-size:16.2px}.status-dot{width:6px;height:6px;border-radius:50%;background:#727c90;box-shadow:0 0 0 4px #e1e5ed}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-weight:600;font-size:60.48px;line-height:1.55;letter-spacing:1px;margin:22px 0}h1>span{color:var(--accent-color)}.title-dot{color:#7b89a3}.hero-description{font-size:18.36px;line-height:2;color:#787a7e}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:17.28px;padding:12px 21px;border-radius:6px;transition:background .2s,transform .2s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#475266;transform:translateY(-2px)}.text-link{font-size:17.28px;display:flex;gap:15px}.text-link:hover{color:var(--accent-color)}.hero-meta{display:flex;gap:17px;color:#8c8f94;font-size:15.12px;letter-spacing:.6px;margin-top:31px}.hero-meta span+span{border-left:1px solid #d6d9de;padding-left:17px}.hero-art{height:365px;position:relative;background:radial-gradient(ellipse at center,#dce1ea 0,transparent 70%);isolation:isolate}.art-label{font-size:12.96px;letter-spacing:2px;color:#959ba7;position:absolute;right:26px;top:8px}.art-core{position:absolute;width:162px;height:186px;background:#ccd3e0;border:1px solid #b8bfce;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:70px 70px 42px 42px;box-shadow:13px 20px 0 #dee1e8,inset 0 0 30px #dfe3ec;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--serif);color:#4c5464;font-size:62.64px;line-height:1.15}.art-core small{font:7px sans-serif;letter-spacing:2px;margin-top:18px}.orbit{position:absolute;border:1px solid #cfd4dd;border-radius:50%;width:300px;height:300px;left:50%;top:47%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:355px;height:190px;transform:translate(-50%,-50%) rotate(-30deg);border-style:dashed}.code-note{position:absolute;top:43px;left:-6px;z-index:2;background:#fffffff2;border:1px solid #dee1e6;padding:12px 17px 15px;border-radius:8px;box-shadow:0 8px 25px #3a425309;transform:rotate(-7deg);font-size:15.12px}.note-dots{display:block;font-size:10.8px;letter-spacing:3px;color:#c0c6d0;margin-bottom:9px}.code-note code{font-family:monospace;color:#797e87;line-height:1.9}.code-note b{font-weight:400;color:#596781}.music-note{position:absolute;z-index:2;bottom:62px;right:-3px;background:#fff;border:1px solid #dfe1e6;border-radius:8px;padding:12px 13px;display:flex;gap:8px;align-items:center;transform:rotate(6deg);box-shadow:0 10px 20px #3a425308;color:#6a768d;font-size:29.16px}.music-note span{font-size:14.04px;letter-spacing:1px;margin-right:5px;color:#6d737f}.music-note i{height:15px;width:2px;background:#96a0b3}.music-note i:nth-last-child(2){height:23px}.music-note i:last-child{height:9px}.spark{position:absolute;color:#7e899f;font-size:35.64px}.spark-one{top:55px;right:36px}.spark-two{bottom:45px;left:70px;font-size:29.16px}.art-caption{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;letter-spacing:3px;font-size:12.96px;color:#9197a2}.interest-strip{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:34px}.strip-label{font-size:15.12px;color:#898c91;letter-spacing:1px;padding-right:20px;border-right:1px solid var(--line)}.interest{font-size:16.2px;display:flex;gap:10px;align-items:center}.interest span{font-size:21.6px;color:#778090}.interest:hover{color:#58647c}.strip-end{margin-left:auto;font-size:12.96px;color:#999da5;letter-spacing:1.2px}.section{padding-top:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}h2{font-family:var(--serif);font-size:36.72px;font-weight:600;letter-spacing:.5px;line-height:1.65;margin:11px 0 9px}.small-dot{color:#76829a;padding-left:4px}.section-heading p{font-size:17.28px;color:#878a8f}.quiet-link{font-size:15.12px;color:#7a7e85;display:flex;gap:15px;padding-bottom:6px}.quiet-link:hover{color:#33405a}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{border:1px solid var(--line);border-radius:9px;background:#fdfdff;padding:22px 23px 17px;transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);border-color:#a1a8b6;box-shadow:0 10px 25px #282d3809}.project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-family:var(--serif);font-size:28.08px;font-weight:600}.mint{background:#e1e5ed;color:#5b667a}.blue{background:#e3edf1;color:#6e8c9e}.peach{background:#f2e8dc;color:#b1956d}.lavender{background:#eae7f0;color:#8b7c9e}.yellow{background:#dce2ed;color:#5f7399}.rose{background:#ece4df;color:#9a7e71}.project-index{font-size:14.04px;color:#999da5;letter-spacing:2px}.project-card h3{font-size:21.6px;font-weight:600;letter-spacing:-.3px}.project-line{font-size:16.2px;color:#52565f;margin:5px 0 9px}.project-description{font-size:16.2px;line-height:1.9;color:#898c93;min-height:42px}.project-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;border-top:1px solid #e7e9ed;padding-top:13px;font-size:14.04px;color:#858a93}.project-bottom>span:first-child{background:#eaecf1;border-radius:3px;padding:2px 6px}.notes-section{padding-bottom:61px}.notes-count{font-size:15.12px;color:#8c9097;padding-bottom:5px}.filters{display:flex;gap:8px;margin-top:29px;margin-bottom:7px}.filters button{border:0;background:transparent;padding:5px 13px;border-radius:5px;font-size:15.12px;color:#858991;cursor:pointer}.filters button.active{background:#dfe3eb;color:#434c5d}.post-row{border-bottom:1px solid var(--line);display:grid;grid-template-columns:115px 1fr 30px;gap:24px;align-items:center;padding:25px 0;transition:background .2s}.post-row:hover{background:#ebedf2}.post-row time{font-size:16.2px;font-variant-numeric:tabular-nums;color:#8b8f96}.post-category{color:#7c8495;font-size:14.04px;letter-spacing:1px}.post-row h3{font-size:21.6px;font-weight:500;margin:5px 0 6px}.post-row p{font-size:16.2px;color:#898d94}.post-arrow{justify-self:end;font-size:25.92px;color:#868c97}.empty{padding:35px 0;text-align:center;color:var(--muted);font-size:17.28px}.channel{border-radius:10px;padding:40px 48px;background:#edf0f8;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:300px;position:relative}.channel .eyebrow{font-size:12.96px;color:#7e8593}.channel h2{font-size:37.8px;margin:14px 0}.channel p{font-size:16.2px;color:#828893}.channel .button{margin-top:23px;font-size:15.12px;padding:9px 17px}.record-art{position:relative;display:grid;place-items:center}.record{width:215px;height:215px;border-radius:50%;background:repeating-radial-gradient(circle,#373c45 0,#373c45 2px,#40444d 3px,#373c45 4px);box-shadow:12px 16px 0 #d4d8e0;display:grid;place-items:center;transform:rotate(-15deg);position:relative}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 10%,#b2b8c433 17%,transparent 27%,transparent 58%,#b2b8c433 67%,transparent 78%)}.record-center{height:80px;width:80px;border-radius:50%;background:#bac3d4;color:#4b515e;display:grid;place-content:center;text-align:center;font-family:var(--serif);font-size:41.04px;line-height:1.3}.record-center span{font:6px sans-serif;letter-spacing:2px;margin-top:6px}.record-star{position:absolute;right:12px;top:8px;font-size:42.12px;color:#8b96ab}.record-caption{font-size:11.88px;letter-spacing:2px;color:#848d9d;position:absolute;bottom:0;right:17px}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-top:75px;padding-bottom:75px}.about h2{font-size:39.96px;line-height:1.8}.about-facts{display:flex;gap:9px;margin-top:20px}.about-facts span{font-size:15.12px;color:#80858e;border:1px solid var(--line);padding:3px 10px;border-radius:4px}.about-copy{padding-top:25px}.about-copy p{font-size:17.28px;color:#787c84;line-height:2.25;margin-bottom:15px}.about-sign{font-family:var(--serif);font-size:31.32px;margin-top:24px}.about-sign span{font-family:sans-serif;font-size:14.04px;letter-spacing:1px;color:#999da4;margin-left:17px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0 35px;border-top:1px solid var(--line);font-size:14.04px;color:#8c9098}.footer-brand{font-size:17.28px;color:#5c626d}.footer-brand span{display:block;font-size:14.04px;color:#9a9ea5;margin-top:3px}footer>a:last-child{font-size:15.12px}.article-main{max-width:750px;margin:65px auto 85px}.back-link{font-size:17.28px;color:#7e848e}.article-meta{display:flex;gap:20px;color:#7d8491;font-size:16.2px;margin-top:40px}.article-main h1{font-size:45.36px;line-height:1.7;margin-top:15px}.article-summary{font-size:19.44px;color:#838891;padding-bottom:30px;border-bottom:1px solid var(--line)}.article-body{margin:35px 0}.article-body p,.article-body li{font-size:19.44px;line-height:2.3;color:#525761;margin:15px 0}.article-body h2{font-size:31.32px;margin-top:35px}.article-body h3{font-size:24.84px;margin-top:30px}.article-body a{color:#45536d;text-decoration:underline}.article-body code{background:#e1e4eb;padding:2px 5px;border-radius:4px}.article-body pre{overflow:auto;padding:18px;background:#e1e4eb;border-radius:8px}.article-body pre code{padding:0}.article-end{color:#91959e;font-size:16.2px;text-align:center;margin:40px 0}.not-found{padding:110px 0;min-height:65vh}.not-found h1{font-size:47.52px}.not-found p{color:var(--muted);margin-bottom:25px}[hidden]{display:none!important}
@media(min-width:1400px){.site{max-width:1240px}.hero{min-height:590px}.hero-art{margin-right:15px}h1{font-size:64.8px}}
@media(max-width:900px){.site{padding:0 30px}nav{gap:24px}.hero{gap:15px;min-height:520px}h1{font-size:49.68px}.hero-description{font-size:17.28px}.hero-art{transform:scale(.85);transform-origin:center right}.hero-actions{gap:16px}.hero-meta{font-size:14.04px}.interest-strip{gap:22px}.strip-end{display:none}.project-card{padding:18px}.project-grid{gap:12px}.project-description{min-height:60px}.channel{padding:35px}.about{gap:40px}}
@media(max-width:760px){.site{padding:0 23px}header{height:88px;flex-wrap:wrap;position:relative}.brand{font-size:18.36px;gap:8px}.brand-icon{width:34px;height:34px;font-size:29.16px}.brand-en{font-size:10.8px;letter-spacing:1.8px}nav{gap:18px;margin:0}nav a{font-size:16.2px}.header-github{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 0 30px;gap:0}.hero-copy{z-index:2}h1{font-size:51.84px;margin:20px 0 16px}.hero-description{font-size:17.28px}.hero-actions{margin-top:25px;gap:25px}.hero-meta{margin-top:25px}.hero-art{height:310px;width:100%;max-width:380px;align-self:center;transform:scale(.9);transform-origin:center;margin-top:8px;margin-bottom:-15px}.art-core{width:145px;height:170px}.code-note{left:0;top:22px}.music-note{right:-4px;bottom:41px}.art-label{top:0;right:5px}.art-caption{bottom:-8px}.interest-strip{gap:0;justify-content:space-between;flex-wrap:wrap;row-gap:12px;padding:18px 0}.strip-label{width:100%;border:0;font-size:14.04px}.interest{font-size:15.12px;gap:7px}.section{padding-top:46px}.section-heading{margin-bottom:23px;gap:15px}.eyebrow{font-size:12.96px;letter-spacing:1.5px}h2{font-size:31.32px}.section-heading p{font-size:16.2px}.quiet-link{font-size:0;gap:0}.quiet-link span{font-size:24.84px}.project-grid{grid-template-columns:repeat(2,1fr);gap:11px}.project-card{padding:16px 13px 12px}.project-icon{width:34px;height:34px;font-size:25.92px}.project-top{margin-bottom:15px}.project-card h3{font-size:18.36px}.project-line{font-size:15.12px;min-height:34px;line-height:1.8}.project-description{font-size:15.12px;min-height:58px}.project-bottom{margin-top:16px;font-size:12.96px;gap:5px}.project-bottom>span:last-child{font-size:0}.project-bottom>span:last-child:after{content:'↗';font-size:17.28px}.project-index{font-size:12.96px;letter-spacing:1px}.notes-count{white-space:nowrap;font-size:14.04px}.filters{margin-top:20px}.filters button{font-size:15.12px;padding:5px 12px}.post-row{grid-template-columns:1fr 20px;gap:8px;padding:22px 0}.post-row time{grid-column:1;font-size:14.04px}.post-row>div{grid-column:1}.post-arrow{grid-column:2;grid-row:1/3}.post-row h3{font-size:19.44px}.post-row p{font-size:16.2px}.post-category{font-size:14.04px}.notes-section{padding-bottom:40px}.channel{padding:29px 25px;grid-template-columns:1fr;min-height:450px}.channel h2{font-size:33.48px}.channel p{font-size:15.12px}.record-art{position:absolute;right:-40px;bottom:-15px;width:240px;height:240px;opacity:.9}.record{width:185px;height:185px}.record-center{width:68px;height:68px}.record-caption{display:none}.record-star{top:3px;right:38px;font-size:31.32px}.channel>div:first-child{z-index:1}.channel .button{margin-top:24px}.about{grid-template-columns:1fr;gap:12px;padding-top:47px;padding-bottom:45px}.about h2{font-size:37.8px;line-height:1.7}.about-facts{margin-top:13px}.about-copy{padding-top:10px}.about-copy p{font-size:17.28px}footer{flex-wrap:wrap;gap:20px;padding:24px 0;font-size:12.96px}.footer-brand{width:100%;font-size:17.28px}.footer-brand span{display:inline;margin-left:15px}footer>a:last-child{margin-left:auto;font-size:14.04px}.article-main{margin:35px auto 55px}.article-main h1{font-size:37.8px}.article-meta{margin-top:30px}.article-summary{font-size:17.28px}.article-body p,.article-body li{font-size:18.36px}.not-found h1{font-size:36.72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.project-main{display:block}.project-links{display:flex;gap:12px;align-items:center}.project-links a{white-space:nowrap}.project-links a:hover{color:var(--accent-color);text-decoration:underline}@media(max-width:760px){.project-bottom{flex-wrap:wrap;row-gap:9px}.project-links{gap:10px;font-size:14.04px}}

/* Shared appearance controls and English typography. */
:root{color-scheme:light;--surface:#fdfdff;--soft:#edf0f8;--accent:#ccd3e0}
.preferences{display:flex;align-items:center;gap:8px;margin-left:16px}.language-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;min-width:39px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font-size:16.2px;cursor:pointer}.theme-icon{font-size:21.6px}.language-toggle:hover,.theme-toggle:hover{background:var(--soft)}header .header-github{margin-left:auto}header nav{margin-right:auto;margin-left:auto}.project-card{display:flex;flex-direction:column}.project-main{flex:1}.project-links{flex-wrap:wrap}.translation-notice{border-left:3px solid var(--accent-color);padding:12px;background:var(--soft)}
html[lang=en] h1,html[lang=en] h2,html[lang=en] .article-main h1{font-family:inherit;letter-spacing:0}html[lang=en] h1{line-height:1.3}html[lang=en] .hero-description{max-width:440px}html[lang=en] .brand{font-size:19.44px;letter-spacing:0}html[lang=en] .project-line{min-height:38px}html[lang=en] .project-description{min-height:65px}html[lang=en] .strip-label{letter-spacing:0;font-size:14.04px}html[lang=en] .hero-meta{flex-wrap:wrap;row-gap:5px}html[lang=en] .about h2{line-height:1.6}
html[data-theme=dark]{color-scheme:dark;--bg:#1c2230;--ink:#e3e8f3;--muted:#aeb9cf;--accent-color:#b8c9ed;--line:#394358;--surface:#252d3d;--soft:#303a50;--accent:#4b5b7b}
[data-theme=dark] .project-card{background:var(--surface)}[data-theme=dark] .channel{background:var(--soft)}[data-theme=dark] .brand-icon,[data-theme=dark] .primary{background:#b0bacf;color:#1b1f27}[data-theme=dark] .primary:hover{background:#c7cfe0}[data-theme=dark] .brand-en,[data-theme=dark] nav a,[data-theme=dark] .eyebrow,[data-theme=dark] .hero-description,[data-theme=dark] .hero-meta,[data-theme=dark] .section-heading p,[data-theme=dark] .project-description,[data-theme=dark] .about-copy p,[data-theme=dark] .channel p,[data-theme=dark] .post-row p,[data-theme=dark] .post-row time,[data-theme=dark] .article-summary,[data-theme=dark] .article-body p,[data-theme=dark] .article-body li{color:#adb1b9}[data-theme=dark] .project-line,[data-theme=dark] .project-bottom,[data-theme=dark] .quiet-link,[data-theme=dark] .footer-brand{color:#b9bfca}[data-theme=dark] .project-bottom{border-color:var(--line)}[data-theme=dark] .project-bottom>span:first-child,[data-theme=dark] .filters button.active,[data-theme=dark] .article-body code,[data-theme=dark] .article-body pre{background:#33373e;color:#c8cfdc}[data-theme=dark] .post-row:hover{background:#24272e}[data-theme=dark] .filters button,[data-theme=dark] footer,[data-theme=dark] .about-facts span,[data-theme=dark] .strip-label,[data-theme=dark] .interest span,[data-theme=dark] .notes-count,[data-theme=dark] .back-link,[data-theme=dark] .post-category{color:#a0a7b4}[data-theme=dark] .header-github{border-color:var(--line)}[data-theme=dark] .hero-art{background:radial-gradient(ellipse at center,#333842 0,transparent 70%)}[data-theme=dark] .orbit{border-color:#404754}[data-theme=dark] .art-core{background:#3b4353;color:#c7cfe0;border-color:#535d6f;box-shadow:13px 20px 0 #252a33,inset 0 0 30px #485162}[data-theme=dark] .code-note,[data-theme=dark] .music-note{background:#282c34;border-color:#3f454f}[data-theme=dark] .code-note code,[data-theme=dark] .music-note span{color:#b9c0cd}[data-theme=dark] .code-note b{color:#a0afcc}[data-theme=dark] .art-label,[data-theme=dark] .art-caption,[data-theme=dark] .record-caption,[data-theme=dark] .channel .eyebrow{color:#9ca5b7}[data-theme=dark] .record{box-shadow:12px 16px 0 #363c47}[data-theme=dark] .status-dot{box-shadow:0 0 0 4px #2c323c}[data-theme=dark] .article-body a{color:#a6b5d2}
@media(max-width:1000px){header{gap:12px}header nav{gap:20px;margin:0 0 0 auto}header .header-github{display:none}.preferences{margin-left:0}.theme-label{display:none}.interest-strip{gap:18px}.strip-label{padding-right:12px}}
@media(max-width:760px){header{height:auto;min-height:105px;padding:18px 0;gap:13px;display:grid;grid-template-columns:1fr auto}header .brand{grid-column:1;grid-row:1}header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:30px;margin:0}header nav a{padding:4px 0}.preferences{grid-column:2;grid-row:1}.language-toggle,.theme-toggle{min-height:34px}.interest-strip{gap:0;row-gap:12px}html[lang=en] h1{font-size:50.76px}html[lang=en] .hero-actions{gap:15px}html[lang=en] .button{gap:15px}html[lang=en] .text-link{gap:8px}html[lang=en] .project-card h3{font-size:18.36px}html[lang=en] .project-description{min-height:96px}html[lang=en] .project-line{min-height:54px}html[lang=en] .project-bottom>span:first-child{max-width:100%;overflow-wrap:anywhere}html[lang=en] .brand{font-size:18.36px}}

html[lang=zh-CN] body{font-family:'Yixiu Smiley Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}html[lang=zh-CN] .about-sign span,a[lang=zh-CN],.translation-notice+div[lang=zh-CN]{font-family:'Yixiu Smiley Sans','PingFang SC','Microsoft YaHei',sans-serif}

html[lang=en]{--serif:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}html[lang=en] body{font-family:var(--serif)}html[lang=en] .about-sign span{font-family:inherit}html[lang=en] .art-core small,html[lang=en] .record-center span{font-family:inherit}

/* More comfortable reading, with a quiet mist-blue palette. */
body{line-height:1.85}.hero-description,.about-copy p,.article-body p,.article-body li{line-height:1.95}.hero-description{max-width:540px}.hero-actions{flex-wrap:wrap}.hero-meta{flex-wrap:wrap;row-gap:8px}.button{min-height:48px}.language-toggle,.theme-toggle{min-height:42px;min-width:44px}.project-card h3{overflow-wrap:anywhere}.project-line,.project-description{min-height:0}.project-description{margin-top:12px}.project-bottom{flex-wrap:wrap;gap:12px}.project-links{font-size:15.12px}.interest-strip{flex-wrap:wrap;row-gap:15px}.strip-end{display:none}.section-heading{gap:22px}.article-main{max-width:800px}.article-body p,.article-body li{font-size:20.52px}.article-summary{font-size:20.52px}.filters{flex-wrap:wrap}.filters button{min-height:42px}.code-note{font-size:12.96px}.hero-art .music-note span{font-size:12.96px}.project-grid{gap:20px}.project-card{padding:25px}.brand-en{letter-spacing:1.6px}
html[lang=en] .project-line,html[lang=en] .project-description{min-height:0}html[lang=en] .strip-label{font-size:14.04px}html[lang=en] .brand{font-size:21.6px}html[lang=en] .project-card h3{font-size:21.6px}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interest-strip{column-gap:22px}header .brand{font-size:20.52px}.hero-art{transform:scale(.8)}.hero{gap:20px}}
@media(max-width:760px){.site{padding:0 22px}.hero-art{transform:scale(.95)}.hero-description{font-size:18.36px}.hero-meta{font-size:15.12px}.hero-meta span+span{border:0;padding-left:0}.hero-actions{gap:18px}.project-card{padding:22px}.project-line,.project-description{font-size:17.28px}.project-bottom{font-size:14.04px}.project-links{font-size:15.12px}.interest{font-size:15.12px}.section-heading{align-items:flex-start}.section-heading h2{font-size:33.48px}.section-heading p{font-size:17.28px}.about-copy p{font-size:18.36px}.channel p{font-size:17.28px;max-width:290px}.channel{min-height:510px}.post-row p{font-size:17.28px}.post-row h3{font-size:21.6px}.article-body p,.article-body li,.article-summary{font-size:19.44px}.footer-brand{font-size:18.36px}.footer-brand span{font-size:15.12px}.preferences{gap:6px}.brand{letter-spacing:0}.brand-en{font-size:10.8px}.about-facts span{font-size:15.12px}html[lang=en] .hero-actions{gap:18px}html[lang=en] .brand{font-size:20.52px}}
@media(max-width:520px){.project-grid{grid-template-columns:minmax(0,1fr)}.hero h1,html[lang=en] .hero h1{font-size:49.68px}.brand{font-size:19.44px}.brand-icon{width:36px;height:36px}.section-heading{flex-wrap:wrap}.notes-count{font-size:15.12px}.hero-art{max-width:320px}.orbit{width:260px;height:260px}.orbit-two{width:300px;height:180px}.code-note{left:-3px}.music-note{right:-3px}.interest-strip{gap:14px}.strip-label{width:100%}.interest{gap:5px}.footer-brand span{display:block;margin-left:0}}