:root{--color-bg: #fbfbfb;--color-ink: #0a0a0a;--color-muted: rgba(0, 0, 0, .65);--color-link: #0000ff;--color-link-hover: #0000cc;--color-paper: #ffffff;--color-border: rgba(0, 0, 0, .2);--color-line: rgba(0, 0, 0, .2);--shadow-1: 0 18px 35px rgba(0, 0, 0, .18);--shadow-2: 0 45px 90px rgba(0, 0, 0, .13);--radius: 18px;--radius-lg: 22px}[data-theme=dark]:root{--color-bg: #0a0a0a;--color-ink: #fbfbfb;--color-muted: rgba(255, 255, 255, .65);--color-link: #6b9fff;--color-link-hover: #9bbfff;--color-paper: #1a1a1a;--color-border: rgba(255, 255, 255, .2);--color-line: rgba(255, 255, 255, .2);--shadow-1: 0 18px 35px rgba(0, 0, 0, .4);--shadow-2: 0 45px 90px rgba(0, 0, 0, .35)}[data-theme=dim]:root{--color-bg: #1c1c1e;--color-ink: #e8e8ed;--color-muted: rgba(232, 232, 237, .7);--color-link: #7ba3ff;--color-link-hover: #a3c2ff;--color-paper: #2c2c2e;--color-border: rgba(255, 255, 255, .15);--color-line: rgba(255, 255, 255, .15);--shadow-1: 0 18px 35px rgba(0, 0, 0, .35);--shadow-2: 0 45px 90px rgba(0, 0, 0, .3)}[data-theme=gray]:root{--color-bg: #3a3a3c;--color-ink: #e0e0e0;--color-muted: rgba(224, 224, 224, .75);--color-link: #8bb3ff;--color-link-hover: #b3d0ff;--color-paper: #48484a;--color-border: rgba(255, 255, 255, .12);--color-line: rgba(255, 255, 255, .12);--shadow-1: 0 18px 35px rgba(0, 0, 0, .3);--shadow-2: 0 45px 90px rgba(0, 0, 0, .25)}[data-theme=soft]:root{--color-bg: #e5e5ea;--color-ink: #1c1c1e;--color-muted: rgba(28, 28, 30, .65);--color-link: #0040dd;--color-link-hover: #0044ff;--color-paper: #f2f2f7;--color-border: rgba(0, 0, 0, .12);--color-line: rgba(0, 0, 0, .12);--shadow-1: 0 18px 35px rgba(0, 0, 0, .1);--shadow-2: 0 45px 90px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=soft]):not([data-theme=gray]):not([data-theme=dim]){--color-bg: #0a0a0a;--color-ink: #fbfbfb;--color-muted: rgba(255, 255, 255, .65);--color-link: #6b9fff;--color-link-hover: #9bbfff;--color-paper: #1a1a1a;--color-border: rgba(255, 255, 255, .2);--color-line: rgba(255, 255, 255, .2);--shadow-1: 0 18px 35px rgba(0, 0, 0, .4);--shadow-2: 0 45px 90px rgba(0, 0, 0, .35)}}html{margin:0;padding:0;width:100%;min-height:100%;box-sizing:border-box;scroll-behavior:smooth;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}body{margin:0!important;padding:0!important;width:100%;min-height:100vh;background:var(--color-bg);color:var(--color-ink);font-family:PP Neue Montreal,NeueMontreal-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.eye-comfort-overlay{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0;background:#fff5c838;transition:opacity .35s ease}html[data-eye-comfort=on] .eye-comfort-overlay{opacity:1}.theme-control-wrap{position:fixed;top:clamp(.75rem,2vw,1.25rem);right:clamp(1rem,6vw,6.25rem);z-index:100;display:flex;align-items:center;gap:6px;min-height:24px}.back-to-blog-wrap{position:fixed;top:clamp(.75rem,2vw,1.25rem);left:clamp(1.25rem,6vw,6.25rem);z-index:100;display:flex;align-items:center;min-height:24px}.theme-slider-box{position:relative;width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.theme-slider-box:hover{opacity:.9}.theme-slider-box:focus{outline:none}.theme-slider-box--post{text-decoration:none}.theme-slider-box .icon-view{position:absolute;inset:0;margin:auto;width:14px;height:14px;opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.theme-slider-box--post .icon-view.icon-sunglasses,.back-to-blog-btn.theme-slider-box .icon-view.icon-back-up{opacity:1;transform:scale(1)}.back-to-blog-btn{text-decoration:none}.theme-slider-box[data-view=grid] .icon-grid,.theme-slider-box[data-view=list] .icon-list{opacity:1;transform:scale(1)}.theme-slider-box[data-view=grid] .icon-list,.theme-slider-box[data-view=list] .icon-grid{opacity:0;transform:scale(.92);pointer-events:none}.theme-segment-wrap{max-width:min(350px,55vw);padding:0;background:none;border:none;border-radius:0;box-shadow:none;outline:none}.theme-segment-bar{position:relative;display:flex;align-items:stretch;gap:2px;width:190%;height:24px;padding:0;background:var(--color-border);overflow:hidden;border:none;border-radius:0;outline:none}.theme-segment-btn{flex:1;min-width:0;padding:0;border:none;cursor:pointer;background:var(--color-bg);transition:background .15s ease}.theme-segment-btn:hover{opacity:.9}.theme-segment-btn:focus{outline:none}.theme-segment-indicator{position:absolute;top:0;height:100%;pointer-events:none;background:#e8a0a0;transition:left .2s ease}