@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none;color-scheme:only light;--ink:#28272b;--muted:#75747b;--line:#e8e5e7;--accent:#b75479;--bg:#fcfbfc;--surface:#fff;--radius:15px;--mono:"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{line-height:1.06;letter-spacing:-.06em}h2{font-size:27px;letter-spacing:-.03em}h3{font-size:18px;letter-spacing:-.025em}::selection{background:#ddabc7;color:#222}.wrap{max-width:1120px;margin:0 auto;padding:0 36px}.eyebrow{font:11px var(--mono);letter-spacing:2px;text-transform:uppercase}.muted{color:var(--muted)}.arrow{font-family:Arial,sans-serif;font-size:20px}.button{display:inline-flex;gap:25px;align-items:center;padding:13px 21px;background:var(--ink);color:var(--surface);border-radius:7px;font-size:13px;font-weight:600}.button.light{background:transparent;color:var(--ink);border:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section-head .eyebrow{color:var(--muted);margin-bottom:8px}.section{padding:45px 0;scroll-margin-top:10px}.text-link{font-size:12px;display:inline-flex;gap:13px;align-items:center}.text-link:hover{color:var(--accent)}.small-pill{display:inline-flex;gap:7px;align-items:center;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:5px 11px;color:var(--muted)}.status-dot{width:6px;height:6px;background:#80a990;border-radius:50%;display:inline-block}.demo-foot{font-size:10px;color:var(--muted)}.nav-links{display:flex;gap:29px;align-items:center;font-size:12px;color:var(--muted)}.nav-links a:hover{color:var(--ink)}.brand{font-size:16px;font-weight:750;letter-spacing:-.8px;position:relative;display:flex;align-items:center;gap:11px}.brand img{width:37px;height:30px}.site-nav{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.mobile-menu{display:none;background:transparent;border:1px solid var(--line);border-radius:5px;padding:6px 12px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;color:var(--muted);padding:6px 13px;border-radius:20px;font-size:11px}.filter.active{background:var(--ink);color:var(--surface)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.project{min-width:0}.project[hidden]{display:none}.project-trigger{display:block;width:100%;background:transparent;text-align:left;padding:0}.project-trigger:hover .project-cover{transform:translateY(-3px)}.project-trigger:hover .project-title .arrow{transform:translate(3px,-3px)}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:15px;font-weight:600}.project-title .arrow{transition:transform .2s}.project-meta{font-size:11px;color:var(--muted);margin-top:5px}.project-cover{height:198px;border-radius:var(--radius);overflow:hidden;position:relative;transition:transform .25s;display:flex;align-items:center;justify-content:center}.mini-window{width:75%;height:65%;border-radius:7px;box-shadow:0 12px 30px #00000015;background:#fff;transform:rotate(-5deg);padding:10px 12px;position:relative}.window-dots{display:flex;gap:3px;margin-bottom:16px}.window-dots i{width:4px;height:4px;background:#d8d5d9;border-radius:50%}.mini-columns{display:grid;grid-template-columns:24% 1fr;gap:10px}.mini-sidebar{background:#f1edf0;height:75px;border-radius:3px}.mini-lines{padding-top:3px}.mini-lines i{display:block;height:5px;margin-bottom:8px;background:#e7e0e5;width:75%;border-radius:3px}.mini-lines i:first-child{background:#b66c8e;width:40%}.mini-lines i:last-child{width:90%;height:31px;background:#f5eef2}.project-cover.pink{background:#f2e4ed}.project-cover.blue{background:#e6ebf1}.project-cover.yellow{background:#f2eddf}.orbit-art{width:125px;height:125px;border:1px solid #7f96a7;border-radius:50%;position:relative;transform:rotate(-25deg)}.orbit-art:before,.orbit-art:after{content:"";position:absolute;inset:19px -23px;border:1px solid #7f96a7;border-radius:50%}.orbit-art:after{inset:-22px 23px}.orbit-art i{position:absolute;left:33px;top:32px;width:57px;height:57px;background:#a6bdcf;border-radius:50%;box-shadow:0 0 0 12px #a6bdcf25}.note-art{width:130px;height:143px;background:#fffdfa;box-shadow:9px 9px 0 #d6cdb955;transform:rotate(7deg);padding:25px 19px;font:15px Georgia,serif;color:#81745b}.note-art i{display:block;height:1px;background:#ded5c3;margin-top:15px}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:120px 1fr 75px 20px;gap:14px;align-items:center;width:100%;background:transparent;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}.article-row time,.article-row .tag{font:11px var(--mono);color:var(--muted)}.article-row strong{font-weight:500;font-size:14px}.article-row:hover strong{color:var(--accent)}.contact-block{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:50px 0;gap:30px}.contact-block h2{margin-bottom:10px}.footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;font:10px var(--mono);color:var(--muted)}.footer a{font-size:11px}.about-copy{font-size:14px;line-height:1.9;color:var(--muted);max-width:650px}.modal{border:1px solid var(--line);border-radius:17px;padding:35px;background:var(--surface);color:var(--ink);width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto}.modal::backdrop{background:#151a2466;backdrop-filter:blur(5px)}.modal-close{float:right;background:transparent;color:var(--muted);font-size:22px;line-height:1;padding:0 0 12px 18px}.modal .eyebrow{margin-bottom:14px;color:var(--accent)}.modal h2{margin-bottom:20px;font-size:25px}.modal-body{font-size:14px;color:var(--muted);line-height:1.9}.modal-body p+p{margin-top:14px}.modal-body .detail-label{font-size:11px;display:inline-block;background:var(--bg);padding:5px 10px;border-radius:5px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:11px 19px;border-radius:9px;font-size:12px;z-index:20;box-shadow:0 8px 25px #0002;max-width:calc(100% - 30px);text-align:center}
/* A · a quiet pink editorial space */
.radio{--accent:#a94e75;--bg:#fcfafb;--surface:#fff;--line:#e9e2e6}.radio .hero{padding:73px 0 62px;display:grid;grid-template-columns:1fr 290px;gap:45px;align-items:center}.radio .hero .eyebrow{color:var(--accent);margin-bottom:24px}.radio h1{font-size:75px;font-weight:650}.radio h1 .quiet{color:#b16789}.radio .hero-description{max-width:430px;color:var(--muted);font-size:14px;margin-top:25px;line-height:1.9}.hero-actions{display:flex;gap:13px;margin-top:29px}.radio .now-card{align-self:center;position:relative;margin-top:14px;padding:25px 25px 22px;background:#f4edf1;border:1px solid #e7dbe2;border-radius:12px;transform:rotate(3deg)}.radio .now-card .hairpin{position:absolute;right:-11px;top:-24px;width:62px;transform:rotate(8deg)}.now-card .eyebrow{font-size:10px!important;letter-spacing:1px;margin-bottom:22px!important;color:var(--muted)!important}.now-card h3{font-size:20px;font-weight:550;margin-bottom:7px}.now-card p{font-size:11px;color:var(--muted)}.tiny-wave{display:flex;align-items:center;gap:4px;height:27px;margin-top:20px}.tiny-wave i{width:3px;height:var(--h);background:#bc7f9b;border-radius:2px}.now-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:19px;border-top:1px solid #e6d9e0;padding-top:14px;font:10px var(--mono);color:#8c7782}.pick{width:24px;height:30px;border-radius:45% 45% 70% 70%;background:#363139;transform:rotate(16deg);display:flex;justify-content:center;align-items:center;color:#e9c8d9;font-size:9px}.radio .intro-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.radio .about-section{display:grid;grid-template-columns:230px 1fr;gap:35px}.radio .about-section h2{font-size:25px}.radio .about-section .eyebrow{margin-bottom:10px}
/* A · two small music companions, kept within the note card */
.radio .now-music-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:17px;min-width:0}.radio .now-music-row .tiny-wave{gap:3px;margin:0 0 15px;flex-shrink:0}.radio .now-music-row .tiny-wave i{width:2px}.radio .little-cast{display:flex;align-items:flex-end;gap:0;flex-shrink:0}.radio .little-cast img{width:72px;height:auto;filter:drop-shadow(0 2px 1px #6a405519);transition:transform .25s ease;transform-origin:center bottom}.radio .bocchi-mini{transform:rotate(-5deg)}.radio .miku-mini{transform:rotate(4deg)}.radio .now-card:hover .bocchi-mini{transform:translateY(-2px) rotate(-3deg)}.radio .now-card:hover .miku-mini{transform:translateY(-3px) rotate(2deg)}.radio .now-card-footer{margin-top:22px}
@media(min-width:761px) and (max-width:1050px){.radio .little-cast img{width:54px}}
@media(max-width:760px){.radio .little-cast img{width:64px}.radio .now-music-row{margin-top:16px}}
@media(max-width:360px){.radio .little-cast img{width:58px}.radio .now-music-row{gap:10px}}
/* B · a light personal lab with a persistent navigation rail */
.signal{--ink:#25332f;--muted:#697b72;--line:#dfe8e2;--accent:#237866;--bg:#fbfcfb;--surface:#fff;--radius:10px;color-scheme:only light}.signal ::selection{background:#75d3c0;color:#15211e}.signal-shell{display:grid;grid-template-columns:218px 1fr;min-height:100vh;max-width:1600px;margin:auto}.signal-side{border-right:1px solid var(--line);padding:36px 27px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:600px}.signal-side .brand{font-size:19px;letter-spacing:-1px;margin-bottom:10px}.signal-mark{border:1px solid #72c5b5;border-radius:5px;color:#287960;font:11px var(--mono);padding:4px 6px}.signal-side .eyebrow{font-size:9px;letter-spacing:1px;color:var(--muted)}.side-links{display:flex;flex-direction:column;gap:8px;margin-top:54px}.side-links a{padding:11px 12px;color:var(--muted);font-size:12px;border-radius:6px;display:flex;justify-content:space-between}.side-links a.active,.side-links a:hover{background:#e8f3ed;color:#255e4c}.side-links a span{font:10px var(--mono);opacity:.5}.side-note{margin-top:auto;padding-top:25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.side-note .status-dot{margin-right:5px}.signal .content{padding:33px 48px 0;max-width:1190px}.signal-top{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line)}.signal .hero{padding:49px 0 30px}.signal .hero .eyebrow{color:var(--accent);margin-bottom:24px;font-size:10px}.signal h1{font-size:67px;font-weight:600;letter-spacing:-.065em}.signal h1 span{color:#287960}.signal .hero-description{font-size:13px;color:var(--muted);line-height:1.9;max-width:480px;margin-top:22px}.signal .button{background:#d7eee3;color:#173e30;border-radius:5px}.signal .button.light{background:transparent;color:var(--ink)}.signal .hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.signal .hero-actions{margin-top:24px}.signal .terminal-line{font:10px var(--mono);color:#6b8277;margin-bottom:3px}.signal .terminal-line:before{content:"> ";color:var(--accent)}.signal .section{padding:29px 0}.signal .section h2{font-size:24px}.signal .section-head{margin-bottom:20px}.signal .filter.active{background:#d5eadd;color:#275341}.signal .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.signal .project-cover{height:195px;border:1px solid var(--line);border-radius:9px}.signal .project-cover.green{background:#e5efe7}.signal .project-cover.black{background:#edf3ef}.signal .mini-window{background:#fff;box-shadow:0 14px 25px #274c3917;border:1px solid #a3bbac;transform:rotate(-4deg)}.signal .window-dots i{background:#a0b7a8}.signal .mini-sidebar{background:#e6eee8}.signal .mini-lines i{background:#cadbce}.signal .mini-lines i:first-child{background:#74a886}.signal .mini-lines i:last-child{background:#e9f0eb}.signal .orbit-art{border-color:#819f8b}.signal .orbit-art:before,.signal .orbit-art:after{border-color:#819f8b}.signal .orbit-art i{background:#7bb899;box-shadow:0 0 0 12px #a6bdcf15}.signal .project-title{font-size:14px}.signal .project-meta{font:10px var(--mono)}.signal-info-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;padding-top:10px}.signal .list-panel,.signal .listening-panel{border:1px solid var(--line);border-radius:10px;padding:24px;position:relative;min-height:170px}.signal .list-panel .eyebrow,.signal .listening-panel .eyebrow{font-size:9px;color:var(--muted)}.signal .compact-article{background:transparent;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:15px 0;text-align:left;width:100%;font-size:12px;gap:10px}.signal .compact-article:last-child{border-bottom:0;padding-bottom:0}.signal .compact-article .arrow{font-size:17px;color:var(--muted)}.signal .listening-panel{background:#eaf4ec;overflow:hidden}.signal .listening-panel h3{font-size:17px;margin-top:21px;max-width:150px}.signal .listening-panel p{font-size:10px;color:var(--muted);margin-top:5px}.signal .miku-sticker{position:absolute;width:77px;right:17px;bottom:12px;transform:rotate(5deg)}.signal .tiny-wave{margin-top:14px;height:20px}.signal .tiny-wave i{background:#73b69a;width:2px}.signal .about-section{padding-top:38px}.signal .about-section .eyebrow{margin-bottom:15px;color:var(--muted)}.signal .about-copy{font-size:12px}.signal .contact-block{padding:32px 0;margin-top:30px}.signal .contact-block h2{font-size:24px}.signal .contact-block p{font-size:11px}.signal .footer{font-size:9px}
/* C · a paper journal; numbered columns, warm neutral colors */
.journal{--ink:#263b4a;--muted:#748087;--line:#dcded9;--accent:#94763d;--bg:#f7f6f0;--surface:#fffdf7;--radius:3px}.journal .wrap{max-width:1140px;padding:0 50px}.journal .site-nav{height:92px}.journal .brand{font-family:Georgia,serif;font-style:italic;font-weight:500;font-size:23px}.journal .brand .small-star{font-family:Arial,sans-serif;color:#ab8950;font-size:21px;margin-right:1px}.journal .nav-links{font-size:11px;gap:27px}.journal .hero{padding:48px 0 39px;display:grid;grid-template-columns:1fr 235px;gap:60px}.journal .hero .eyebrow{color:var(--accent);font-size:10px;margin-bottom:28px}.journal h1{font-family:Georgia,"Times New Roman",serif;font-size:75px;font-weight:400;letter-spacing:-.055em;line-height:1.1}.journal h1 em{font-weight:400}.journal .hero-description{color:var(--muted);font-size:13px;margin-top:22px;max-width:420px;line-height:1.95}.journal .hero-actions{margin-top:26px}.journal .button{background:transparent;color:var(--ink);padding:0 0 8px;border-radius:0;border-bottom:1px solid var(--ink);gap:33px}.journal .field-note{border:1px solid var(--line);padding:24px 23px;position:relative;align-self:center;background:#eeeee6;transform:rotate(-2deg)}.journal .field-note .eyebrow{margin-bottom:28px;font-size:9px;color:var(--muted)}.journal .field-note h3{font-size:17px;font-weight:500;margin-bottom:11px}.journal .field-note p{font-size:11px;color:var(--muted);line-height:1.9;max-width:140px}.journal .field-note .note-rule{height:1px;background:#d4d8ce;margin-top:25px;margin-bottom:14px}.journal .field-note small{font:9px var(--mono);color:#7b897a}.journal .geko-sticker{width:49px;position:absolute;right:-12px;bottom:-17px;transform:rotate(12deg);filter:drop-shadow(0 3px 1px #293f3020)}.journal .coin-sticker{position:absolute;width:48px;right:-20px;top:-21px;transform:rotate(-18deg)}.journal .index-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:13px 0;font-size:10px;letter-spacing:1px}.journal .index-strip span:nth-child(2){text-align:center}.journal .index-strip span:last-child{text-align:right;color:var(--muted)}.journal .main-columns{display:grid;grid-template-columns:1fr 285px;gap:45px;padding-top:36px}.journal .section{padding:0 0 40px}.journal .section-head{margin-bottom:22px}.journal .section-head h2{font-size:22px;font-weight:500}.journal .section-head .eyebrow{font-size:9px;letter-spacing:1.5px}.journal .entry{display:grid;grid-template-columns:30px 1fr 125px;gap:17px;border-top:1px solid var(--line);padding:24px 0;align-items:center}.journal .entry:last-child{border-bottom:1px solid var(--line)}.journal .entry-number{font:11px var(--mono);color:#a38d69;align-self:start;padding-top:4px}.journal .entry h3{font-size:17px;font-weight:500;margin-bottom:8px}.journal .entry p{font-size:12px;color:var(--muted);max-width:340px}.journal .entry-meta{font:9px var(--mono);color:var(--muted);margin-top:15px}.journal .entry-title{display:block;background:transparent;text-align:left;padding:0}.journal .entry-title:hover{color:var(--accent)}.journal .entry-thumb{height:106px;background:#e5e9e5;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:125px;border:1px solid #e1e3dc;padding:0}.journal .entry-thumb .orbit-art{transform:scale(.55) rotate(-25deg);flex-shrink:0}.journal .entry-thumb .note-art{transform:scale(.55) rotate(7deg);flex-shrink:0}.journal .entry-thumb .mini-window{width:105px;height:76px;transform:rotate(-5deg);padding:8px}.journal .entry-thumb .window-dots{margin-bottom:9px}.journal .entry-thumb .mini-sidebar{height:42px}.journal .entry-thumb .mini-lines i{height:3px;margin-bottom:5px}.journal .entry-thumb .mini-lines i:last-child{height:13px}.journal .margin-note{border-left:1px solid var(--line);padding-left:26px}.journal .margin-note h2{font:italic 25px Georgia,serif;margin:12px 0 18px}.journal .margin-note .about-copy{font-size:12px;line-height:2}.journal .margin-note .eyebrow{font-size:9px}.journal .note-list{margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.journal .note-list p{font-size:11px;margin-top:11px;color:var(--muted)}.journal .note-list span{display:inline-block;width:16px;color:#a9894f}.journal .archive-row{grid-template-columns:85px 1fr 20px;padding:17px 0}.journal .archive-row strong{font-size:12px}.journal .archive-row time{font-size:10px}.journal .contact-block{padding:35px 0}.journal .contact-block h2{font-size:25px;font-weight:500;font-family:Georgia,"Microsoft YaHei",serif}.journal .contact-block p{font-size:11px}.journal .footer{font-size:9px}
@media(min-width:1450px){.signal .content{padding-left:65px;padding-right:65px}.signal h1{font-size:77px}.signal .project-cover{height:235px}}
@media(max-width:1050px){.radio .hero{grid-template-columns:1fr 240px;gap:30px}.radio h1{font-size:64px}.signal-shell{grid-template-columns:180px 1fr}.signal-side{padding:29px 20px}.signal .content{padding:28px 30px 0}.signal h1{font-size:56px}.signal .terminal-line{display:none}.journal .wrap{padding:0 35px}.journal .hero{gap:30px}.journal h1{font-size:66px}.journal .main-columns{grid-template-columns:1fr 235px;gap:30px}.journal .entry{grid-template-columns:23px 1fr 100px;gap:13px}.journal .entry-thumb{width:100px}}
@media(max-width:760px){.wrap,.journal .wrap{padding:0 24px}.site-nav,.journal .site-nav{height:73px}.mobile-menu{display:block}.nav-links{display:none;position:absolute;top:73px;left:18px;right:18px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:7px;z-index:9;box-shadow:0 10px 25px #0001;gap:20px}.nav-links.open{display:flex}.radio .hero{padding:48px 0 38px;grid-template-columns:1fr;gap:37px}.radio h1{font-size:55px}.radio .hero-description{font-size:13px;margin-top:21px}.radio .hero .eyebrow{font-size:9px;margin-bottom:20px}.radio .now-card{margin:4px 10px 0;max-width:360px;width:calc(100% - 20px);transform:rotate(1.5deg);padding:21px}.radio .now-card .eyebrow{margin-bottom:16px!important}.radio .intro-line{font-size:9px;gap:12px;align-items:start}.radio .intro-line .small-pill{display:none}.section{padding:32px 0}.section-head{align-items:start;flex-direction:column;gap:16px}.project-grid{grid-template-columns:1fr}.project-cover{height:220px}.radio .about-section{grid-template-columns:1fr;gap:14px}.article-row{grid-template-columns:78px 1fr 18px;gap:9px;padding:18px 0}.article-row .tag{display:none}.article-row time{font-size:9px}.article-row strong{font-size:12px}.contact-block{flex-direction:column;align-items:start;padding:31px 0;gap:20px}.contact-block h2{font-size:25px}.footer{flex-wrap:wrap;font-size:9px}.hero-actions{gap:10px}.button{font-size:12px;padding:12px 17px}.signal-shell{display:block}.signal-side{position:relative;height:auto;min-height:0;padding:19px 23px;border-right:0;border-bottom:1px solid var(--line);display:block}.signal-side .brand{margin-bottom:4px}.signal-side>.eyebrow{font-size:8px}.side-links{margin-top:20px;flex-direction:row;justify-content:space-between;gap:5px}.side-links a{padding:7px 10px;font-size:10px}.side-links a span{display:none}.side-note{display:none}.signal .content{padding:22px 23px 0}.signal-top{font-size:8px;padding-bottom:20px}.signal .hero{padding:36px 0 26px}.signal h1{font-size:48px}.signal .hero-description{font-size:12px}.signal .hero .eyebrow{font-size:9px}.signal .project-grid{grid-template-columns:1fr}.signal .project-cover{height:207px}.signal .section-head{gap:12px}.signal .section h2{font-size:22px}.signal-info-grid{grid-template-columns:1fr}.signal .listening-panel{min-height:170px}.signal .miku-sticker{width:85px}.signal .contact-block{gap:23px}.signal .footer{font-size:8px}.journal .hero{grid-template-columns:1fr;padding:37px 0 34px;gap:36px}.journal h1{font-size:59px}.journal .hero .eyebrow{margin-bottom:23px;font-size:9px}.journal .hero-description{font-size:12px}.journal .field-note{max-width:330px;width:calc(100% - 14px);margin-left:5px;transform:rotate(-1deg)}.journal .field-note .eyebrow{margin-bottom:19px}.journal .field-note p{max-width:240px}.journal .index-strip{font-size:8px;letter-spacing:.3px}.journal .main-columns{grid-template-columns:1fr;gap:9px;padding-top:29px}.journal .margin-note{border-left:0;border-top:1px solid var(--line);padding:26px 0 30px}.journal .entry{grid-template-columns:21px 1fr 84px;gap:10px;padding:20px 0}.journal .entry-thumb{width:84px;height:93px}.journal .entry h3{font-size:15px}.journal .entry p{font-size:11px}.journal .entry-meta{font-size:8px;margin-top:9px}.journal .section-head{gap:13px}.journal .archive-row{grid-template-columns:71px 1fr 20px}.journal .contact-block h2{font-size:24px}.modal{padding:25px}.modal h2{font-size:22px}}
@media(max-width:360px){.radio h1{font-size:44px}.signal h1{font-size:40px}.journal h1{font-size:48px}}
/* The selected site: persistent four-item navigation and equal primary entries. */
.radio .site-nav{position:sticky;top:0;z-index:12;background:var(--bg)}.radio .brand-title{white-space:nowrap;letter-spacing:-.5px}.radio .site-nav .nav-links{gap:9px}.radio .site-nav .nav-links a{padding:8px 13px;border-radius:6px;white-space:nowrap}.radio .site-nav .nav-links a[aria-current="page"]{background:#f0e4eb;color:var(--accent)}.radio .hero-name{font-size:.78em;letter-spacing:-.045em;white-space:nowrap}.radio .hero-actions .button{min-width:150px;justify-content:space-between}.radio main>section[id]{scroll-margin-top:25px}.radio .toolbox-empty{display:flex;align-items:center;gap:22px;padding:35px;border:1px dashed #ddd0d8;border-radius:var(--radius);background:#f8f3f6}.radio .toolbox-mark{width:45px;height:45px;color:#ae718e;flex-shrink:0}.radio .toolbox-empty h3{font-size:16px;font-weight:550;margin-bottom:7px}.radio .toolbox-empty p{font-size:12px;color:var(--muted)}.radio .toolbox-empty .small-pill{margin-left:auto;white-space:nowrap}
@media(max-width:760px){.radio .site-nav{height:108px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:11px 0}.radio .brand{font-size:15px;gap:9px}.radio .brand img{width:32px;height:26px}.radio .site-nav .nav-links{display:flex;position:static;width:100%;gap:0;justify-content:space-between;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.radio .site-nav .nav-links a{padding:7px 12px;font-size:12px}.radio .hero-actions .button{min-width:0;flex:1}.radio .hero-actions{max-width:360px}.radio main>section[id]{scroll-margin-top:35px}.radio .toolbox-empty{padding:25px 20px;gap:16px;flex-wrap:wrap}.radio .toolbox-empty .small-pill{margin-left:61px}.radio .toolbox-empty h3{font-size:15px}.radio .toolbox-empty p{font-size:11px}.radio .toolbox-empty .toolbox-mark{width:45px;height:45px}}
.radio .wrap{min-height:100dvh;display:flex;flex-direction:column}.radio main{flex:1}.radio .subpage-intro{padding:56px 0 32px;border-bottom:1px solid var(--line);margin-bottom:8px}.radio .subpage-intro .eyebrow{font-size:10px;color:var(--accent);margin-bottom:18px}.radio .page-title{font-size:44px;letter-spacing:-.04em;line-height:1.2}.radio .subpage-intro p{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.9}.radio .subpage-intro~.section{padding-top:32px}.radio .subpage-intro~.contact-block{margin-top:22px}.radio[data-page="home"] .intro-line{margin-bottom:32px}.radio[data-page="home"] .footer{margin-top:20px}
@media(max-width:760px){.radio .subpage-intro{padding:35px 0 27px}.radio .page-title{font-size:34px}.radio .subpage-intro p{font-size:12px}.radio .subpage-intro~.section{padding-top:28px}.radio .footer{padding-bottom:24px}}
/* Homepage previews, shared catalogs, and detail views. */
.radio .home-preview .section-head{flex-direction:row;align-items:center}.radio .more-button{display:inline-flex;align-items:center;gap:20px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;font-size:11px;white-space:nowrap}.radio .more-button:hover{border-color:#c7a5b6;background:#f6edf2}.radio .more-button .arrow{font-size:17px}.radio .home-preview{padding:38px 0}.radio .tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.radio .tool-card{display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;min-height:206px;transition:transform .2s,border-color .2s}.radio .tool-card:hover{transform:translateY(-3px);border-color:#cbaabd}.radio .tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.radio .tool-icon{width:45px;height:45px;border-radius:10px;display:grid;place-items:center;font:21px Georgia,serif;color:#99637b}.radio .tool-icon.pink{background:#f2e4ed}.radio .tool-icon.blue{background:#e6ebf1;color:#668393}.radio .tool-icon.yellow{background:#f2eddf;color:#998456}.radio .tool-icon svg{width:28px;height:28px}.radio .tool-card .small-pill{font-size:9px;padding:3px 8px;color:#718d7d;background:#f3f7f3;border-color:#e1ebe3}.radio .tool-card-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.radio .tool-card h3{font-size:16px;font-weight:600}.radio .tool-card p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:20px}.radio .tool-category{font:9px var(--mono);color:#929097;display:block;margin-top:auto}.radio .color-squares{display:flex;gap:2px;transform:rotate(-8deg)}.radio .color-squares i{width:9px;height:17px;border-radius:2px;background:#b584a1}.radio .color-squares i:nth-child(2){background:#81abb8}.radio .color-squares i:nth-child(3){background:#d6bd73}.radio .detail-breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:29px}.radio .detail-breadcrumb a:hover{color:var(--accent)}.radio .detail-intro .page-title{font-size:35px;letter-spacing:-.03em}.radio .detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.radio .detail-project-cover{height:310px}.radio .detail-copy h2{font-size:22px;margin:3px 0 20px}.radio .detail-copy p{font-size:13px;color:var(--muted);line-height:1.95;margin-bottom:18px}.radio .detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.radio .detail-copy .button{font-size:12px;margin-top:6px}.radio .tool-panel{max-width:820px;padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.radio .tool-panel label{font-size:12px;color:#625c66;display:block;margin-bottom:10px}.radio .tool-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.radio .tool-panel-head label{margin:0}.radio .mini-action{background:#f4ecf1;color:var(--accent);padding:6px 11px;font-size:11px;border-radius:5px}.radio .tool-input,.radio .tool-textarea{width:100%;border:1px solid #e0d6dd;border-radius:6px;padding:11px 13px;color:var(--ink);background:#fff;font:13px var(--mono);outline:none}.radio .tool-input:focus,.radio .tool-textarea:focus{border-color:#b67797;box-shadow:0 0 0 3px #e2bdd233}.radio .tool-textarea{resize:vertical;min-height:175px;line-height:1.85;font-family:inherit;display:block}.radio .text-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:21px 0;border-bottom:1px solid var(--line)}.radio .text-metrics strong{display:block;font:28px var(--mono);letter-spacing:-1px;color:#a56382}.radio .text-metrics span{font-size:10px;color:var(--muted);display:block;margin-top:8px}.radio .tool-local-note{font-size:10px;color:#98909a;margin-top:17px}.radio .color-preview{height:125px;border-radius:8px;display:flex;justify-content:space-between;align-items:end;padding:20px;background:#b16789;color:#fff;margin-bottom:25px}.radio .color-preview>span{font:22px var(--mono);letter-spacing:1px}.radio #color-picker{width:40px;height:36px;padding:2px;border:1px solid #fff9;border-radius:5px;background:#fff3;cursor:pointer}.radio .color-inputs{display:grid;grid-template-columns:1fr 1.7fr;gap:20px}.radio .rgb-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.radio .rgb-inputs label{position:relative;margin-bottom:0}.radio .rgb-inputs label>span{position:absolute;font:9px var(--mono);color:#9c8e98;top:6px;left:10px}.radio .rgb-inputs .tool-input{padding:21px 10px 6px;min-width:0}.radio .tool-results{padding-top:15px;margin-top:14px;border-top:1px solid var(--line)}.radio .tool-results>div{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:9px 0}.radio .tool-results>div>span{font-size:11px;color:var(--muted);flex-shrink:0}.radio .tool-results output{font:12px var(--mono);overflow-wrap:anywhere;text-align:right}.radio .tool-feedback{font-size:11px;color:#ae5275;line-height:1.7;margin-top:12px}.radio .tool-feedback:empty{display:none}.radio .timestamp-inputs{display:grid;grid-template-columns:1fr 100px;gap:12px}.radio .time-reverse{margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}
@media(max-width:760px){.radio .home-preview{padding:31px 0}.radio .tool-grid{grid-template-columns:1fr;gap:16px}.radio .tool-card{min-height:190px;padding:22px}.radio .tool-card-top{margin-bottom:18px}.radio .home-preview .section-head{gap:13px}.radio .home-preview h2{font-size:25px}.radio .home-preview .eyebrow{font-size:9px;letter-spacing:1px}.radio .more-button{padding:8px 11px;gap:12px;font-size:10px}.radio .detail-intro .page-title{font-size:28px}.radio .detail-layout{grid-template-columns:1fr;gap:26px}.radio .detail-project-cover{height:230px}.radio .detail-copy h2{font-size:21px}.radio .detail-copy p{font-size:12px}.radio .tool-panel{padding:20px 17px}.radio .color-inputs{grid-template-columns:1fr;gap:18px}.radio .text-metrics{gap:9px}.radio .text-metrics strong{font-size:25px}.radio .text-metrics span{font-size:9px}.radio .timestamp-inputs{grid-template-columns:1fr 76px;gap:8px}.radio .tool-input{font-size:12px;padding:11px 9px}.radio .tool-results>div{flex-direction:column;align-items:start;gap:7px}.radio .tool-results output{text-align:left;font-size:11px}.radio .color-preview>span{font-size:19px}.radio .tool-panel-head label{font-size:11px}.radio .mini-action{font-size:10px;padding:6px 9px}.radio .detail-breadcrumb{font-size:10px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Learning manager project artwork. */
.study-cover{width:80%;max-width:270px;background:#fff;border:1px solid #dce5f2;border-radius:13px;padding:18px;box-shadow:0 12px 35px #31446d12;transform:rotate(-4deg)}.study-cover-top{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.study-cover-top img{width:28px;height:28px}.study-cover-body{display:flex;gap:15px;margin-top:18px;align-items:center}.study-cover-ring{width:70px;height:70px;border:7px solid #e9ecf4;border-top-color:#7e9dc9;border-right-color:#7e9dc9;border-radius:50%}.study-cover-lines{flex:1}.study-cover-lines i{display:block;background:#eef0f6;height:7px;border-radius:4px;margin:9px 0}.study-cover-lines i:nth-child(2){width:72%;background:#e4eaf3}.study-cover small{display:block;margin-top:16px;font:8px var(--mono);letter-spacing:1px;color:#8390a5}.project-cover.study{background:#edf1f8}.sm-project-cta{margin-top:22px}.sm-project-cta .button{background:#b75479;color:#fff}

.footer{flex-wrap:wrap}.footer .icp-filing{flex:0 0 100%;text-align:center;font-family:"Microsoft YaHei",sans-serif;font-size:11px;line-height:1.8}.footer .icp-filing:hover{text-decoration:underline}