@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";.post-sort{flex-shrink:0;display:inline-flex}.post-sort select{border:1px solid var(--journal-border,#dce1d6);background:var(--journal-paper,#f8f7ef);max-width:140px;min-height:36px;color:var(--journal-ink,#415a47);font:inherit;cursor:pointer;border-radius:10px;padding:7px 10px;font-size:12px}.post-sort select:hover{border-color:#93a186}.post-sort select:focus-visible{outline-offset:3px;outline:2px solid #849970}.journal[data-theme=night] .post-sort select:focus-visible{outline-color:#b6ca9e}@media (width<=700px){.post-sort select{min-height:44px}}.space-covered{visibility:hidden}.space-inactive{pointer-events:none}.library-background{background:radial-gradient(at 30% 20%,#e2e8dc,#f1eee7 65%);padding:40px 48px;position:fixed;inset:0}.content-kicker{color:#7b8978;letter-spacing:1.8px;font-size:10px;font-weight:600;line-height:1.6;display:block}.library{color:#293e33;background:#faf8f2;border:1px solid #ffffffd9;border-radius:24px;width:min(860px,100% - 64px);max-width:none;height:min(790px,100svh - 80px);max-height:none;margin:auto;padding:0;animation:.22s ease-out library-in;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 120px #13291f30}.library::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#263c3026}.library-bar{border-bottom:1px solid #dce0d4;justify-content:space-between;align-items:center;height:76px;padding:0 26px 0 38px;display:flex}.library-label{color:#61765d;align-items:center;gap:8px;font-size:12px;display:flex}.library-scroll{overscroll-behavior:contain;scrollbar-color:#c5cdbf transparent;scrollbar-width:thin;height:calc(100% - 76px);padding:38px 48px 24px;overflow-y:auto}.library-intro h1{letter-spacing:-1.4px;outline:none;margin:13px 0 10px;font-size:32px;font-weight:500;line-height:1.4}.library-intro p{color:#7a8676;margin:0;font-size:13px;line-height:1.8}.tag-filters{flex-wrap:wrap;gap:7px;margin:28px 0 25px;display:flex}.tag-filters a{color:#75826e;border:1px solid #dce1d6;border-radius:20px;padding:8px 13px;font-size:11px;transition:background .15s}.tag-filters a:hover{background:#e9ede2}.tag-filters a[aria-current=true]{color:#fff;background:#2e493c;border-color:#2e493c}.tag-filters a span{opacity:.6;margin-left:6px}.library-count{color:#819078;letter-spacing:.1px;border-bottom:1px solid #dce0d4;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:10px;display:flex}.library-count span{color:#9aa290;font-size:9px}.post-card{border-bottom:1px solid #e0e4d9;grid-template-columns:28px 1fr 22px;gap:16px;padding:24px 6px 24px 0;transition:background .15s;display:grid}.post-card:hover h2{color:#67815b}.post-card>svg{color:#8d9a83;align-self:center}.post-number{letter-spacing:1px;color:#a1aa96;padding-top:3px;font-size:10px}.post-meta{color:#8a9680;gap:14px;font-size:10px;display:flex}.post-meta>span:first-child{color:#687c60}.post-card h2{letter-spacing:-.5px;margin:8px 0;font-size:19px;font-weight:500;line-height:1.55}.post-card p{color:#819079;margin:0 0 12px;font-size:12px;line-height:1.85}.post-card time{letter-spacing:.4px;color:#a0aa93;font-size:10px}.library-footnote{color:#8d9a84;justify-content:space-between;gap:16px;margin-top:28px;font-size:10px;line-height:1.6;display:flex}.library-footnote span{font-size:9px}.project-card{border:1px solid #dce1d5;border-radius:16px;margin-top:28px;transition:box-shadow .2s;display:block;overflow:hidden}.project-card:hover{box-shadow:0 9px 24px #31452a0d}.project-cover{background:#e6e9df;border-radius:14px;overflow:hidden}.project-card .project-cover{border-radius:0;max-height:260px}.project-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.project-card-body{padding:24px 28px}.status-badge{color:#6d835e;align-items:center;gap:7px;font-size:10px;display:inline-flex}.status-badge:before{content:"";background:#7c9768;border-radius:50%;width:5px;height:5px}.project-card h2{letter-spacing:-.6px;margin:10px 0;font-size:25px;font-weight:500}.project-card p{color:#7a8971;font-size:12px;line-height:1.8}.project-more{align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.reading-page{overscroll-behavior:contain;color:#293e33;z-index:50;scrollbar-color:#c5cdbf transparent;scrollbar-width:thin;background:#faf8f2;position:fixed;inset:0;overflow-y:auto}.reading-header{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;height:104px;margin:0 auto;padding:0 48px;display:flex}.reading-header .brand{gap:4px}.reading-return{color:#73846a;align-items:center;gap:9px;padding:10px 0;font-size:11px;display:flex}.reading-layout{grid-template-columns:190px minmax(0,710px);gap:64px;max-width:1150px;margin:auto;padding:50px 48px 80px;display:grid}.article-sidebar{align-self:start;position:sticky;top:40px}.article-back{color:#74846a;align-items:center;gap:9px;padding:6px 0;font-size:12px;display:inline-flex}.article-sidebar nav{margin-top:54px}.article-sidebar nav .content-kicker{margin-bottom:20px;font-size:9px}.article-sidebar nav a{color:#8b9681;gap:11px;margin:17px 0;font-size:11px;line-height:1.7;display:flex}.article-sidebar nav a:hover{color:#2e493c}.article-sidebar nav a span{color:#b0b7a7;padding-top:2px;font-size:9px}.article{min-width:0}.article-tags{color:#718367;flex-wrap:wrap;gap:7px;font-size:10px;display:flex}.article-tags a,.article-tags>span{background:#edf0e6;border-radius:5px;padding:6px 10px;display:inline-block}.article-heading h1{letter-spacing:-1.8px;word-break:keep-all;outline:none;margin:22px 0 15px;font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.5}.article-deck{color:#849078;word-break:keep-all;margin:0;font-size:15px;line-height:1.95}.article-byline{color:#8c9782;border-bottom:1px solid #dce1d3;flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 0;padding-bottom:32px;font-size:10px;display:flex}.byline-separator{color:#c6cdbc;margin:0 7px}.draft-label{color:#939c8b;border:1px solid #dce1d3;border-radius:4px;padding:3px 7px;font-size:9px}.article-body{color:#4d5f47;overflow-wrap:anywhere;font-size:15px;line-height:2.05}.article-body section{margin-top:46px;scroll-margin-top:32px}.article-body h2{letter-spacing:-.7px;color:#30462e;margin:0 0 19px;font-size:23px;font-weight:500;line-height:1.6}.article-body p{word-break:keep-all;margin:18px 0}.article-body ul{margin:22px 0;padding-left:21px}.article-body li{margin:10px 0;padding-left:6px}.article-body li::marker{color:#94a585}.article-note{background:#eef1e7;border-left:2px solid #a3b393;border-radius:0 8px 8px 0;align-items:flex-start;gap:13px;margin:26px 0;padding:19px 22px;display:flex}.article-note>svg{color:#839872;margin-top:5px}.article-note p{color:#6d7f60;margin:0;font-size:13px;line-height:1.95}.code-block{color:#e1e9d9;background:#26392e;border-radius:12px;margin:26px 0;overflow:hidden}.code-block figcaption{color:#a3b597;letter-spacing:.6px;border-bottom:1px solid #ffffff12;padding:12px 20px;font-size:10px}.code-block pre{tab-size:2;margin:0;padding:20px;font-size:12px;line-height:1.85;overflow:auto}.code-block code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-end{color:#8b9980;border-top:1px solid #dce1d3;border-bottom:1px solid #dce1d3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:52px;padding:22px 0;font-size:11px;display:flex}.share-button{border:1px solid #dce1d3;border-radius:18px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.article-end [role=status]:not(:empty){color:#526f45;width:100%}.copy-fallback{color:#526f45;background:#fff;border:1px solid #dce1d3;border-radius:5px;width:100%;padding:10px;font-size:12px}.related-posts{margin-top:40px}.related-posts>.content-kicker{margin-bottom:18px;font-size:9px}.related-posts>a{color:#627956;border-bottom:1px solid #e4e7dd;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;font-size:13px;display:flex}.related-posts>a:hover{color:#2e493c}.reading-footer{color:#8d9c80;border-top:1px solid #e2e7d9;justify-content:space-between;gap:20px;max-width:1054px;margin:0 auto;padding:24px 0 35px;font-size:10px;display:flex}.reading-footer span{font-size:10px}.reading-wide{max-width:900px;padding-top:30px;display:block}.project-detail .article-heading{margin:32px 0}.project-detail .article-heading h1{margin-top:15px}.project-detail .article-tags{margin-top:22px}.content-primary{color:#fff;background:#2e493c;border-radius:7px;align-items:center;gap:24px;margin-top:24px;padding:14px 20px;font-size:12px;display:inline-flex}.content-empty{text-align:center;color:#849078;padding:50px 20px}.content-empty h2{color:#53694a;font-size:18px;font-weight:500}.content-empty>a:not(.content-primary){color:#526f45;align-items:center;gap:9px;margin-top:18px;font-size:12px;display:inline-flex}.not-found{padding:80px 0}.not-found h1{letter-spacing:-1px;color:#30462e;outline:none;font-size:32px;font-weight:500}.not-found p{font-size:13px;line-height:1.8}@keyframes library-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.reading-layout{grid-template-columns:150px minmax(0,1fr);gap:40px;padding-left:32px;padding-right:32px}.reading-footer{margin:0 32px}.reading-wide{max-width:800px;display:block}.article-sidebar nav a{font-size:10px}.article-heading h1{font-size:34px}}@media (width<=700px){.library{border-radius:18px;width:calc(100% - 20px);height:calc(100svh - 32px)}.library-bar{height:64px;padding:0 14px 0 22px}.library-scroll{height:calc(100% - 64px);padding:28px 22px 20px}.library-intro h1{letter-spacing:-1px;font-size:26px}.library-intro p{font-size:12px}.tag-filters{gap:6px;margin:22px 0}.tag-filters a{padding:9px 11px;font-size:10px}.post-card{grid-template-columns:1fr 17px;gap:12px;padding:22px 0}.post-number{display:none}.post-card h2{font-size:17px}.post-card p{font-size:11px}.post-meta,.library-footnote{font-size:9px}.library-footnote span{font-size:8px}.project-card-body{padding:20px}.project-card h2{font-size:23px}.reading-header{gap:12px;height:82px;padding:0 24px}.reading-header .brand{font-size:16px}.reading-return{gap:6px;font-size:10px}.reading-layout{padding:18px 24px 50px;display:block}.article-sidebar{margin-bottom:30px;position:static}.article-sidebar nav{display:none}.article-heading h1{letter-spacing:-1px;margin:20px 0 14px;font-size:30px;line-height:1.5}.article-deck{font-size:13px;line-height:1.9}.article-byline{gap:9px;margin-top:24px;padding-bottom:25px;font-size:9px}.article-body{font-size:14px;line-height:2}.article-body h2{font-size:21px}.article-body section{margin-top:36px}.article-note{gap:10px;padding:16px}.article-note p{font-size:12px}.code-block pre{padding:16px;font-size:11px}.reading-footer{flex-wrap:wrap;margin:0 24px;padding-bottom:28px;font-size:9px}.reading-footer span{font-size:9px}.related-posts>a{font-size:12px}.project-detail .article-heading{margin-top:28px}.not-found h1{font-size:27px}.library-background{padding:30px 24px}}@media (prefers-reduced-motion:reduce){.library{animation:none}}.book{background:#f9f7ef;border:1px solid #d7d6c8;border-radius:14px 20px 20px 14px;width:calc(100% - 40px);height:calc(100svh - 40px);animation:.45s cubic-bezier(.2,.7,.2,1) book-open;box-shadow:0 3px #e5e2d6,0 6px #c9cdbd,0 28px 90px #13291f40}.book-bar{background:#f4f2e8;border-color:#d9ddce;height:64px;padding:0 22px 0 32px}.book-signature{letter-spacing:.6px;color:#7f8a76;margin-left:auto;margin-right:28px;font-size:12px}.book-spread{grid-template-columns:clamp(290px,26vw,420px) minmax(0,1fr);height:calc(100% - 64px);display:grid}.book-index{background:linear-gradient(90deg,#f1f0e5 0%,#f5f3e9 92%,#e8e7da 100%);border-right:1px solid #c8cdbb;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.book-index:after{content:"";pointer-events:none;background:#fff9;width:1px;position:absolute;top:0;bottom:0;right:4px}.book-index-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cdbf transparent;flex:1;padding:32px 28px;overflow:auto}.book .tag-filters{gap:6px;margin:0 0 24px}.book .tag-filters a{padding:8px 10px;font-size:10px}.book .library-count{font-size:10px}.book-posts .post-card{border-bottom:1px solid #dce1d1;grid-template-columns:20px minmax(0,1fr) 16px;gap:10px;margin:0 -12px;padding:22px 12px;position:relative}.book-posts .post-card h3{letter-spacing:-.4px;word-break:keep-all;margin:7px 0 10px;font-size:16px;font-weight:500;line-height:1.7}.book-posts .post-card:hover{background:#e8ecdf70}.book-posts .post-card[aria-current=page]{background:#e3e9da}.book-posts .post-card[aria-current=page]:before{content:"";background:#6c825b;width:2px;position:absolute;top:22px;bottom:22px;left:0}.book-posts .post-card[aria-current=page]>svg{color:#526e40}.book-posts .post-card time{color:#7e8b72;font-size:9px}.book-index-footer{color:#8b987f;border-top:1px solid #dce0d0;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;font-size:9px;display:flex}.book-paper{background:linear-gradient(90deg,#e4e3d6 0,#f4f2e8 12px,#faf8f1 38px);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.book-page-bar{border-bottom:1px solid #e5e6db;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 42px 12px;display:flex}.book-page-bar>span{letter-spacing:1.8px;color:#99a28e;font-size:10px}.book-page-bar .article-back{font-size:10px}.book-page-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cdbf transparent;perspective:1800px;flex:1;overflow:auto}.book-leaf{transform-origin:0 120px;background:#faf8f140;min-height:100%;padding:34px clamp(28px,4vw,66px) 44px;position:relative}.book-leaf>.article{max-width:960px;margin:auto}.book-leaf.is-turning{animation:.5s cubic-bezier(.18,.7,.24,1) leaf-turn}.book-leaf.is-turning:after{content:"";pointer-events:none;background:linear-gradient(100deg,#40513712,#0000 35%,#fff9 65%,#0000);animation:.5s ease-out both leaf-light;position:absolute;inset:0}.book-leaf.is-turning[data-direction=backward]{animation-name:leaf-turn-back}.book .article-heading h1{letter-spacing:-1.2px;margin:20px 0 14px;font-size:clamp(28px,2.5vw,38px)}.book .article-deck{font-size:14px}.book .article-byline{margin-top:24px;padding-bottom:26px}.book .article-body{font-size:15px}.book .article-body section{margin-top:36px}.book .article-body h2{font-size:22px}.book-toc{border-bottom:1px solid #e0e4d7;flex-wrap:wrap;gap:10px 18px;padding:22px 0;display:flex}.book-toc .content-kicker{width:100%;margin-bottom:2px;font-size:9px}.book-toc a{color:#7c8b70;font-size:11px;line-height:1.7}.book-toc a:hover{color:#30462e;text-underline-offset:4px;text-decoration:underline}.book-pagination{background:#f8f6ed;border-top:1px solid #e1e3d5;flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;padding:15px 42px;display:flex}.book-pagination>span{color:#94a086;font-family:Georgia,serif;font-size:14px;font-style:italic}.book-pagination nav{gap:24px;display:flex}.book-pagination a{color:#6b7e5e;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex}.book-blank{text-align:center;color:#8f9b82;padding:100px 0}.book-blank>svg{margin-bottom:20px}.book-blank h1{letter-spacing:-.7px;outline:none;font-size:24px;font-weight:500}.book-blank p{font-size:12px;line-height:1.8}.book-index .content-empty{padding:40px 0}.book-index .content-empty h2{font-size:15px}@keyframes book-open{0%{opacity:0;transform:translateY(12px)scale(.975)}to{opacity:1;transform:none}}@keyframes leaf-turn{0%{opacity:.4;transform:rotateY(-12deg)translate(12px)}to{opacity:1;transform:none}}@keyframes leaf-turn-back{0%{opacity:.4;transform:rotateY(10deg)translate(-8px)}to{opacity:1;transform:none}}@keyframes leaf-light{0%{opacity:1}to{opacity:0}}@media (width<=1000px) and (width>=701px){.book{width:calc(100% - 32px);height:calc(100svh - 32px)}.book-spread{grid-template-columns:280px minmax(0,1fr)}.book-index-scroll{padding:28px 22px}.book-posts .post-card{grid-template-columns:1fr 16px}.book-posts .post-number{display:none}.book .article-heading h1{font-size:29px}.book-leaf{padding:28px 30px 40px}.book-page-bar,.book-pagination{padding-left:30px;padding-right:30px}}@media (width<=700px){.book{border-radius:12px;width:calc(100% - 16px);height:calc(100svh - 24px)}.book-bar{height:58px;padding:0 12px 0 20px}.book-signature{display:none}.book-spread{height:calc(100% - 58px);display:flex}.book-index,.book-paper{width:100%}.book-browsing .book-paper,.book-reading .book-index{display:none}.book-index{border-right:0}.book-index:after{display:none}.book-index-scroll{padding:28px 24px}.book-posts .post-card{grid-template-columns:20px minmax(0,1fr) 16px;padding:24px 12px}.book-posts .post-number{display:block}.book-posts .post-card h3{font-size:17px}.book-index-footer{padding:18px 24px}.book-paper{background:#faf8f1}.book-page-bar{padding:10px 22px}.book-page-bar .article-back{padding:9px 0;font-size:11px}.book-leaf{padding:26px 22px 36px}.book .article-heading h1{letter-spacing:-1px;font-size:29px;line-height:1.5}.book .article-deck{font-size:13px}.book .article-body{font-size:14px}.book .article-body h2{font-size:21px}.book-pagination{padding:13px 22px}.book-toc{gap:10px 16px}.book-toc a{font-size:10px}.book .not-found{padding:50px 0}.book .not-found h1{font-size:25px}}@media (prefers-reduced-motion:reduce){.book,.book-leaf.is-turning,.book-leaf.is-turning:after{animation:none}}.markdown-body h2{margin:42px 0 19px;scroll-margin-top:32px}.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#30462e;margin:30px 0 14px;scroll-margin-top:32px;line-height:1.6}.markdown-body h3{font-size:19px;font-weight:500}.markdown-body h4{font-size:17px;font-weight:500}.markdown-body a{color:#456a3c;text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.markdown-body :not(pre)>code{color:#45613b;overflow-wrap:anywhere;background:#e9eddf;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}.markdown-body blockquote{color:#617657;background:#eef1e7;border-left:2px solid #a3b393;border-radius:0 8px 8px 0;margin:26px 0;padding:16px 22px;font-size:14px}.markdown-body blockquote p{margin:0}.markdown-body blockquote p+p{margin-top:12px}.markdown-body ol{padding-left:27px}.markdown-body input[type=checkbox]{accent-color:#56734a;margin-right:7px}.markdown-body hr{border:0;border-top:1px solid #dce1d3;margin:36px 0}.article-image{margin:30px 0}.article-image img,.markdown-body p img{background:#edf0e5;border-radius:10px;max-width:100%;height:auto;display:block}.article-image figcaption{color:#718266;text-align:center;word-break:keep-all;margin-top:10px;font-size:11px;line-height:1.8}.article-series{border:1px solid var(--journal-border,#dce0d3);color:var(--journal-ink,#40563a);border-radius:12px;margin:24px 0;font-size:12px}.article-series summary{cursor:pointer;overflow-wrap:anywhere;padding:16px;line-height:1.8}.article-series summary>span:last-child{float:right;font-variant-numeric:tabular-nums;color:var(--journal-muted,#687564);margin-left:12px}.article-series summary:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #7c9c68}.article-series ol{margin:0;padding:0 10px;list-style:none}.article-series li a{overflow-wrap:anywhere;border-radius:6px;align-items:baseline;gap:12px;padding:12px 8px;line-height:1.7;display:flex}.article-series li a>span:first-child{color:var(--journal-muted,#687564);font-variant-numeric:tabular-nums;flex-shrink:0}.article-series a[aria-current=page]{background:var(--journal-active,#e5ebdd);font-weight:500}.article-series a:hover{background:var(--journal-active,#e5ebdd);color:inherit}.series-neighbours{border-top:1px solid var(--journal-border,#dce0d3);justify-content:space-between;gap:16px;margin:10px 18px;display:flex}.series-neighbours:empty{display:none}.series-neighbours a{align-items:center;gap:8px;min-height:44px;padding:8px 0;display:inline-flex}.article-table{max-width:100%;margin:26px 0;overflow-x:auto}.article-table table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8}.article-table th,.article-table td{text-align:left;border:1px solid #d6decc;padding:12px 16px}.article-table th{white-space:nowrap;background:#edf0e5;font-weight:500}.code-block figcaption{justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:7px 12px 7px 20px;display:flex}.code-block figcaption button{color:#dce7d2;border-radius:7px;min-height:30px;padding:6px 12px;font-size:11px}.code-block figcaption button:hover{color:#fff;background:#ffffff12}.code-block pre:focus-visible,.article-table:focus-visible{outline-offset:-2px;outline:2px solid #7c9c68}.code-copy-fallback{padding:16px;font-size:12px;line-height:1.7;display:block}.code-copy-fallback textarea{color:#e1e9d9;background:#1e2f24;border:1px solid #66805b;border-radius:6px;width:100%;min-height:130px;margin-top:10px;padding:12px;font-family:ui-monospace,monospace;font-size:12px;display:block}.code-block .hljs-comment,.code-block .hljs-quote{color:#a0b398}.code-block .hljs-keyword,.code-block .hljs-selector-tag,.code-block .hljs-literal{color:#dcc4e7}.code-block .hljs-string,.code-block .hljs-regexp{color:#c2dc9e}.code-block .hljs-number,.code-block .hljs-attr{color:#e6c094}.code-block .hljs-title,.code-block .hljs-built_in,.code-block .hljs-type{color:#a6d8db}.code-block .hljs-variable,.code-block .hljs-params{color:#e1e9d9}@media (width<=700px){.markdown-body h2{margin-top:34px}.markdown-body blockquote{padding:15px 18px;font-size:13px}.article-image{margin:24px 0}.code-block figcaption button{min-height:36px}.article-table th,.article-table td{padding:10px 12px}}.showcase-heading{margin:0 0 26px}.showcase-heading h2{letter-spacing:-1.2px;margin:17px 0 10px;font-size:36px;font-weight:500}.showcase-heading>p{color:var(--journal-muted);margin:0;font-size:14px;line-height:1.8}.showcase-preview{border:1px solid var(--journal-border);background:var(--journal-paper);border-radius:14px;overflow:hidden}.showcase-switch{border-bottom:1px solid var(--journal-border);gap:6px;padding:10px;display:flex}.showcase-switch button{min-height:42px;color:var(--journal-muted);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.showcase-switch button[aria-pressed=true],.showcase-switch button:hover:not(:disabled){background:var(--journal-active);color:var(--journal-ink)}.showcase-preview figure{margin:0}.showcase-screen{aspect-ratio:16/10;background:#eeece4}.showcase-screen img{object-fit:contain;width:100%;height:100%;display:block}.showcase-screen img[hidden]{display:none}.showcase-preview figcaption{border-top:1px solid var(--journal-border);justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;font-size:12px;line-height:1.8;display:flex}.showcase-preview figcaption p{color:var(--journal-muted);margin:0}.showcase-preview figcaption a,.showcase-detail-link{flex-shrink:0;align-items:center;gap:10px;min-height:44px;font-size:12px;display:inline-flex}.showcase-summary{border-bottom:1px solid var(--journal-border);justify-content:space-between;align-items:center;gap:24px;padding:18px 0 30px;display:flex}.showcase-summary>p{color:var(--journal-muted);word-break:keep-all;max-width:480px;margin:0;font-size:13px;line-height:1.9}.showcase-details{grid-template-columns:1fr 1fr;gap:44px;margin-top:32px;display:grid}.showcase-details h3{margin:0 0 18px;font-size:15px;font-weight:500}.showcase-updates{margin:0;padding:0;list-style:none}.showcase-updates li{padding:0 0 20px}.showcase-updates time{font-variant-numeric:tabular-nums;color:var(--journal-muted);font-size:10px}.showcase-updates p,.showcase-records p{word-break:keep-all;color:var(--journal-muted);margin:6px 0 0;font-size:12px;line-height:1.9}.showcase-records>div{border-bottom:1px solid var(--journal-border);margin-bottom:18px;padding:0 0 18px}.showcase-records a{justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.8;display:flex}.showcase-records a svg{flex-shrink:0}.showcase-records small{color:var(--journal-muted);margin-left:8px;font-size:10px}.project-showcase a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=700px){.showcase-heading h2{font-size:30px}.showcase-heading>p{font-size:12px}.showcase-preview figcaption,.showcase-summary{flex-direction:column;align-items:flex-start;gap:8px}.showcase-preview figcaption{padding:12px 16px}.showcase-details{grid-template-columns:1fr;gap:22px}.showcase-switch button{flex:1;justify-content:center;padding:10px}.showcase-summary{padding-bottom:22px}}.journal-index-layout{min-height:var(--desk-height,0px);position:relative}.desk-objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:36px 48px;min-width:0;padding:55px 0 25px;display:flex}.desk-item{flex-shrink:0;min-width:0}.desk-item-note{flex:0 0 100%;max-width:420px}.desk-item-game{order:2}@media (width>=1280px){.journal-main.journal-with-desk{max-width:none;padding:35px 24px 70px}.journal-index-layout>.journal-entries{width:min(760px,100% - 712px);margin:0 auto}.desk-objects{pointer-events:none;padding:0;display:block;position:absolute;inset:0}.desk-item{pointer-events:auto;visibility:hidden;padding:14px;position:absolute}.desk-objects[data-layout=free] .desk-item{visibility:visible}.desk-item-note{width:236px}.desk-item-game,.desk-item-calendar{width:230px}.desk-item-clock{width:198px}}.desk-clock{text-align:center;color:#52664b;width:170px;position:relative;transform:rotate(-4deg)}.desk-clock:before{content:"";background:#cbd6bc;border:1px solid #b8c7a8;border-radius:5px 5px 10px 10px;height:24px;position:absolute;top:146px;left:31px;right:31px;box-shadow:0 7px 12px #4c5e3510}.desk-clock-face{aspect-ratio:1;background:#faf9f1;border:9px solid #d9e1cc;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #aebd9d,0 2px 0 1px #bccaa9,4px 9px 18px #3e522619}.desk-clock-face svg{width:100%;height:100%;display:block}.clock-hour-mark{stroke:#718464;stroke-width:2px;stroke-linecap:round}.clock-minute-mark{stroke:#b5c2a7;stroke-width:1.5px;stroke-linecap:round}.clock-hour-hand{stroke:#3c5842;stroke-width:5px;stroke-linecap:round}.clock-minute-hand{stroke:#69815d;stroke-width:3px;stroke-linecap:round}.clock-pin{fill:#3c5842}.clock-second-hand{stroke:#b48466;stroke-width:1.4px;stroke-linecap:round}.desk-clock-time{font-variant-numeric:tabular-nums;letter-spacing:2px;margin-top:22px;font-size:12px;display:inline-block;position:relative}.desk-calendar{background:#faf9f0;border:1px solid #d6dbcb;border-radius:6px 6px 4px 4px;width:202px;padding:19px 14px 15px;position:relative;transform:rotate(3deg);box-shadow:0 3px #efeee3,0 4px #cdd5c0,0 7px #f5f4eb,0 8px #d7ddcd,5px 14px 20px #42543210}.desk-calendar-rings{justify-content:space-between;display:flex;position:absolute;top:-8px;left:35px;right:35px}.desk-calendar-rings i{background:linear-gradient(90deg,#adbaa0,#e1e7d8,#9aaa8b);border:1px solid #849476;border-radius:4px;width:6px;height:16px}.desk-calendar table{table-layout:fixed;border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums;width:100%}.desk-calendar caption{text-align:left;color:#536c47;border-bottom:1px solid #dde1d1;margin-bottom:8px;padding:0 5px 14px}.desk-calendar caption span{letter-spacing:1px;font-size:10px}.desk-calendar caption strong{letter-spacing:-1px;margin-top:3px;font-size:32px;font-weight:500;line-height:1.25;display:block}.desk-calendar th{color:#8b977e;height:25px;font-size:9px;font-weight:400}.desk-calendar td{color:#53664b;height:26px;padding:0;font-size:10px}.desk-calendar td:first-child{color:#a17e6b}.desk-calendar td time{border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;margin:auto;display:flex}.desk-calendar time[aria-current=date]{color:#fff;background:#3d5943}@media (width<=700px){.desk-objects{gap:36px 24px}.desk-clock{flex-shrink:0;width:128px}.desk-clock-face{border-width:7px}.desk-clock:before{height:20px;top:109px;left:24px;right:24px}.desk-clock-time{margin-top:18px;font-size:11px}.desk-calendar{flex-shrink:0;width:168px;padding:17px 10px 12px}.desk-calendar caption strong{font-size:26px}.desk-calendar td{height:23px;font-size:9px}.desk-calendar td time{width:20px;height:20px}.desk-calendar th{font-size:8px}.desk-calendar caption{padding-bottom:10px}}@media (width<=374px){.desk-objects{column-gap:14px}.desk-clock{width:104px}.desk-clock:before{height:18px;top:88px;left:19px;right:19px}.desk-calendar{width:146px;padding-left:7px;padding-right:7px}.desk-calendar td time{width:18px;height:18px}.desk-calendar-rings{left:26px;right:26px}}.start-lights{color:#42563b;background:#e4e9dc;border:1px solid #c9d2be;border-radius:15px;flex-shrink:0;order:-2;width:202px;max-width:100%;padding:16px 13px 13px;box-shadow:0 3px #b9c5ab,4px 10px 20px #35462b14}.start-lights h2{letter-spacing:.2px;margin:0 0 13px;font-size:11px;font-weight:500}.start-lights-pad{color:#42563b;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f5f6ee;border-radius:10px;width:100%;padding:10px 9px 11px;transition:none;display:block;box-shadow:inset 0 0 0 1px #c6d1bb}.journal .start-lights-pad:hover{color:#324b2e;background:#fafbf5}.journal .start-lights-pad:active{transform:none}.start-lights-bank{background:#27332b;border-radius:7px;justify-content:center;gap:7px;padding:10px 7px;display:flex;box-shadow:inset 0 2px 4px #111b14}.start-light-pair{flex-direction:column;gap:5px;display:flex}.start-light-pair i{background:#394037;border:1px solid #495047;border-radius:50%;width:19px;height:19px;display:block;box-shadow:inset 0 2px 3px #18251c}.start-light-pair[data-lit=true] i{background:#ed6853;border-color:#fa9f7a;box-shadow:0 0 6px #f27c5766,inset 0 1px 2px #ffc399}.start-lights-readout{color:#3c5131;font-variant-numeric:tabular-nums;background:#e3e9d6;border-radius:5px;justify-content:center;align-items:center;min-height:43px;margin-top:10px;font-size:12px;line-height:1.5;display:flex}.start-lights-readout.has-result{letter-spacing:-.5px;font-size:24px}.start-lights-action{color:#5e7151;margin-top:10px;font-size:10px;display:block}.start-lights-best{font-variant-numeric:tabular-nums;border-top:1px solid #c5d0b9;justify-content:space-between;gap:8px;margin-top:13px;padding-top:10px;font-size:10px;display:flex}.start-lights[data-phase=early] .start-lights-readout{color:#974b37;background:#f1e2d6}.start-lights[data-phase=go] .start-lights-readout{color:#24462b;background:#cfdfbd}.journal[data-theme=night] .start-lights{color:#d5ddc4;background:#314333;border-color:#526349;box-shadow:0 3px #203222,4px 10px 20px #0c181b30}.journal[data-theme=night] .start-lights-pad{color:#d5ddc4;background:#243629;box-shadow:inset 0 0 0 1px #586a4a}.journal[data-theme=night] .start-lights-pad:hover{color:#e5eacf;background:#2b3e2f}.journal[data-theme=night] .start-lights-readout{color:#e0e8c7;background:#3b4e32}.journal[data-theme=night] .start-lights[data-phase=early] .start-lights-readout{color:#f2c6ac;background:#564236}.journal[data-theme=night] .start-lights[data-phase=go] .start-lights-readout{color:#f0f4dc;background:#547044}.journal[data-theme=night] .start-lights-action{color:#b5c4a4}.journal[data-theme=night] .start-lights-best{border-color:#536748}@media (width<=1099px){.start-lights{flex:0 0 202px;order:2}}.now-note{border:1px solid var(--journal-border);width:100%;min-width:0;color:inherit;background:#faf9f2;border-radius:5px;order:-3;padding:18px 16px 14px}.now-note h2{letter-spacing:-.3px;margin:0;font-size:13px;font-weight:500;line-height:1.6}.now-note ul{margin:12px 0 0;padding:0;list-style:none}.now-note li+li{border-top:1px solid var(--journal-border)}.now-note a{overflow-wrap:anywhere;border-radius:2px;padding:13px 0;display:block}.now-note-label{color:var(--journal-muted);margin-bottom:6px;font-size:10px;line-height:1.5;display:block}.now-note-title{word-break:keep-all;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:500;line-height:1.6;display:flex}.now-note-title svg{color:var(--journal-muted);flex-shrink:0;align-self:center}.now-note a:hover .now-note-title,.now-note a:focus-visible .now-note-title{text-underline-offset:4px;text-decoration:underline}.now-note-description{color:var(--journal-muted);word-break:keep-all;margin-top:6px;font-size:11px;line-height:1.8;display:block}.now-note-updated{border-top:1px solid var(--journal-border);color:var(--journal-muted);font-variant-numeric:tabular-nums;margin:7px 0 0;padding-top:12px;font-size:10px;line-height:1.5}.journal[data-theme=night] .now-note{background:#26392e}@media (width<=1099px){.now-note{flex:0 0 100%;max-width:420px}}.research-case-dialog{border:1px solid var(--journal-border,#dce0d3);background:var(--journal-paper,#f6f4ed);width:calc(100vw - 48px);max-width:1600px;height:calc(100svh - 48px);max-height:none;color:var(--journal-ink,#2e4438);border-radius:18px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 100px #12211a40}.research-case-dialog[open]{flex-direction:column;display:flex}.research-case-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19291f77}.research-case-toolbar{border-bottom:1px solid var(--journal-border,#dce0d3);flex-shrink:0;align-items:center;gap:16px;min-height:64px;padding:10px 16px 10px 24px;display:flex}.research-case-toolbar h2{word-break:keep-all;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:15px;font-weight:500;line-height:1.5}.research-case-toolbar a{min-height:40px;color:var(--journal-muted,#687564);flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.research-case-toolbar .icon-button{width:44px;height:44px;color:inherit;flex-shrink:0}.research-case-toolbar :is(a,button):focus-visible,.research-case-loading button:focus-visible{outline:2px solid var(--journal-muted,#687564);outline-offset:2px;border-radius:6px}.research-case-frame{background:#f6f4ed;border:0;flex:1;width:100%;min-height:0;display:block}.research-case-loading{color:var(--journal-muted,#687564);border-bottom:1px solid var(--journal-border,#dce0d3);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:12px;line-height:1.7;display:flex}.research-case-loading button{border:1px solid var(--journal-border,#dce0d3);color:inherit;font:inherit;border-radius:8px;flex-shrink:0;padding:8px 10px}@media (width<=700px){.research-case-dialog{border-radius:12px;width:calc(100vw - 16px);height:calc(100svh - 24px)}.research-case-toolbar{gap:8px;padding:8px 10px 8px 16px}.research-case-toolbar h2{font-size:13px}.research-case-toolbar a{font-size:10px}.research-case-loading{flex-wrap:wrap;padding:10px 16px}}.journal-main.journal-with-about{max-width:1280px}.about-page{color:var(--journal-ink,#2e4438);font-size:calc(15px + var(--reading-size-offset,0px));overflow-wrap:anywhere;line-height:1.95}.about-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:46px;padding:12px 0 52px;display:grid}.about-label{color:var(--journal-muted);margin:0 0 18px;font-size:12px}.about-page h1{letter-spacing:-1.5px;word-break:keep-all;outline:none;margin:0 0 22px;font-size:clamp(32px,3.3vw,46px);font-weight:600;line-height:1.4}.about-role{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;font-size:13px;display:flex}.about-description{color:var(--journal-muted);word-break:keep-all;margin:0 0 14px}.about-contact{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.about-contact a{border:1px solid var(--journal-border);border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-size:12px;display:inline-flex}.about-contact a:hover,.about-post-link:hover,.about-footer a:hover{background:var(--journal-active,#e8eddf)}.about-room{min-width:0;margin:0}.about-room img{border:1px solid var(--journal-border);border-radius:16px;width:100%;height:auto;display:block}.about-room figcaption{color:var(--journal-muted);flex-direction:column;gap:10px;margin-top:14px;font-size:11px;display:flex}.about-room a{min-height:36px;color:var(--journal-ink,#2e4438);align-self:flex-start;align-items:center;gap:9px;display:inline-flex}.about-section{border-top:1px solid var(--journal-border);padding:32px 0 38px}.about-section h2{letter-spacing:-.6px;margin:0 0 24px;font-size:20px;font-weight:500}.about-section h3{letter-spacing:-.3px;margin:0 0 10px;font-size:17px;font-weight:500}.about-section p{color:var(--journal-muted);word-break:keep-all;margin:0}.about-experience-row{grid-template-columns:160px minmax(0,1fr);gap:24px;display:grid}.about-experience-row+.about-experience-row{border-top:1px solid var(--journal-border);margin-top:32px;padding-top:32px}.about-experience-row h3{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.about-experience .about-period{padding-top:4px;font-size:12px}.about-experience .about-job{color:var(--journal-ink,#2e4438);margin-bottom:9px;font-size:13px}.about-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;display:grid}.about-tools{flex-wrap:wrap;gap:6px;margin:17px 0 13px;padding:0;list-style:none;display:flex}.about-tools li{border:1px solid var(--journal-border);color:var(--journal-muted);border-radius:7px;padding:2px 8px;font-size:10px}.about-post-link{border-radius:8px;align-items:center;gap:10px;min-height:42px;font-size:12px;display:inline-flex}.about-interests{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;display:grid}.about-footer{border-top:1px solid var(--journal-border);justify-content:flex-end;padding-top:24px;display:flex}.about-footer a{border-radius:8px;align-items:center;gap:16px;min-height:44px;font-size:13px;display:inline-flex}@media (width<=1000px){.about-intro{grid-template-columns:1fr;gap:26px}.about-room{max-width:540px}.about-projects,.about-interests{gap:28px}}@media (width<=700px){.about-intro{padding-top:0;padding-bottom:32px}.about-page{font-size:calc(14px + var(--reading-size-offset,0px))}.about-page h1{font-size:33px}.about-section{padding:26px 0}.about-experience-row{grid-template-columns:1fr;gap:9px}.about-projects,.about-interests{grid-template-columns:1fr;gap:28px}.about-contact a{min-height:44px}.about-section h2{font-size:19px}}.about-work{gap:22px;margin-top:24px;display:grid}.about-work-group h4{color:var(--journal-ink,#2e4438);margin:0 0 8px;font-size:14px;font-weight:500}.about-work-group ul{color:var(--journal-muted);margin:0;padding-left:18px}.about-work-group li{word-break:keep-all;margin:4px 0;padding-left:3px}.about-work-group li::marker{color:var(--journal-muted);font-size:.7em}.about-section .about-project-context{margin-bottom:10px;font-size:11px}.about-reference{min-height:40px;color:var(--journal-ink,#2e4438);align-items:center;gap:9px;margin-top:6px;font-size:12px;display:inline-flex}.about-reference:hover{text-underline-offset:4px;text-decoration:underline}.about-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;display:grid}.about-skills dt{margin-bottom:9px;font-size:14px}.about-skills dd{color:var(--journal-muted);margin:0;font-size:13px}@media (width<=700px){.about-skills{grid-template-columns:1fr;gap:20px}}.journal{color:#2e4438;scrollbar-color:#bbc6b1 #f6f4ed;scrollbar-width:thin;--journal-muted:#687564;--journal-border:#dce0d3;background:#f6f4ed;position:fixed;inset:0;overflow-y:auto}.journal:before{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(#53634a16 .65px,#0000 .65px);background-size:6px 6px;position:fixed;inset:0}.journal-header{justify-content:space-between;align-items:center;gap:24px;height:104px;padding:0 48px;display:flex;position:relative}.journal-skip{z-index:100;color:#fff;background:#2e493c;border-radius:8px;padding:14px;position:fixed;top:-100px;left:24px}.journal-skip:focus{top:12px}.journal-rail{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf4ed;border:1px solid #fff;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%);box-shadow:0 8px 30px #3c4b3510}.journal-rail-divider{background:#d9dfd0;width:25px;height:1px;margin:5px 0}.journal-rail .rail-button{position:relative}.journal-tooltip{white-space:nowrap;color:#40563a;opacity:0;pointer-events:none;background:#fbfaf4;border:1px solid #d9dfd0;border-radius:8px;padding:8px 12px;font-size:11px;transition:opacity .15s,transform .15s;position:absolute;left:52px;transform:translate(-3px)}.rail-button:hover .journal-tooltip,.rail-button:focus-visible .journal-tooltip{opacity:1;transform:none}.rail-mode{letter-spacing:1px;font-size:12px;font-weight:600}.journal-main{outline:none;max-width:1100px;min-height:calc(100svh - 104px);margin:0 auto;padding:35px 64px 70px 148px;position:relative}.journal-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.journal-section-heading h1{letter-spacing:-.7px;outline:none;margin:0;font-size:25px;font-weight:500}.journal-section-heading h1 span{color:#7a8a6a;letter-spacing:1px;margin-left:8px;font-size:11px}.journal-search{border-bottom:1px solid #cfd6c6;align-items:center;gap:12px;margin-top:23px;display:flex}.journal-search input{min-width:0;font:inherit;color:#344d39;background:0 0;border:0;border-radius:0;flex:1;padding:13px 0;font-size:12px}.journal-search input::placeholder{color:#77836c}.journal-search input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #658670}.journal-search button{color:#6d805f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.journal-tags{flex-wrap:wrap;gap:6px;margin:18px 0 21px;display:flex}.journal-tags a{color:#66785d;background:#f9f8f1;border:1px solid #d9dfd0;border-radius:11px;padding:8px 12px;font-size:10px;transition:background .15s}.journal-tags a:hover{background:#e4eadb}.journal-tags a[aria-current=true]{color:#fff;background:#2e493c;border-color:#2e493c}.journal-results{color:#697c5b;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;font-size:11px;display:flex}.journal-results a{text-underline-offset:4px;flex-shrink:0;align-items:center;gap:5px;text-decoration:underline;display:flex}.journal-entry{border-bottom:1px solid var(--journal-border);gap:22px;padding:25px 0;display:flex}.journal-entry:first-child{padding-top:9px}.journal-spine{color:#6c825e;background:#e3e9da;border:1px solid #ced7c3;border-left:4px solid #7e966e;border-radius:3px 10px 10px 3px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;width:54px;padding:19px 0 15px;transition:transform .2s;display:flex}.journal-spine span{font-family:Georgia,serif;font-size:16px;font-style:italic}.journal-spine-1{color:#94845c;background:#ede8d9;border-color:#ddd6c2 #ddd6c2 #ddd6c2 #b3a57a}.journal-spine-2{color:#668c80;background:#e2e9e7;border-color:#cdd9d4 #cdd9d4 #cdd9d4 #83a39a}.journal-entry:hover .journal-spine{transform:translateY(-3px)rotate(-2deg)}.journal-entry-body{flex:1;min-width:0}.journal-entry-meta{color:#637c56;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.journal-entry-meta>.draft-label{color:#7b8472;border:1px solid #dce0d2;border-radius:4px;padding:2px 6px;font-size:9px}.journal-entry h2{letter-spacing:-.6px;word-break:keep-all;margin:10px 0 8px;font-size:18px;font-weight:500;line-height:1.6;transition:color .2s}.journal-entry:hover h2{color:#64804b}.journal-entry p{color:var(--journal-muted);word-break:keep-all;margin:0;font-size:12px;line-height:1.85}.journal-entry-bottom{color:#748368;letter-spacing:.3px;align-items:center;gap:13px;margin-top:16px;font-size:9px;display:flex}.journal-entry-bottom>svg{color:#69815b;margin-left:auto}.journal-note-link{color:#516e45;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;font-size:10px;display:flex}.journal-project-card{background:#faf9f3;border:1px solid #d3ddc9;border-radius:20px;grid-template-columns:1.2fr 1fr;transition:box-shadow .2s;display:grid;overflow:hidden}.journal-project-card:hover{box-shadow:0 10px 32px #40573712}.journal-project-image{background:#e7ebde;align-items:center;display:flex}.journal-project-image img{aspect-ratio:1.2;object-fit:cover;width:100%;display:block}.journal-project-info{padding:40px 30px}.journal-project-info h2{letter-spacing:-1px;margin:24px 0 14px;font-size:30px;font-weight:500}.journal-project-info p{color:var(--journal-muted);word-break:keep-all;font-size:13px;line-height:1.9}.journal-project-info .article-tags{margin-top:24px}.journal-project-info .journal-note-link{margin-top:35px}.journal-reading{max-width:780px;margin:auto}.journal-reading-margin{margin-bottom:28px}.journal-reading-margin>a{color:#607653;align-items:center;gap:8px;padding:10px 0;font-size:11px;display:inline-flex}.journal-reading .article-heading h1{font-size:36px}.journal-reading .article-deck{color:#69795d}.journal-reading .article-body{color:#495c40;font-size:16px;line-height:2.1}.journal-reading .article-body section{scroll-margin-top:32px}.journal-reading .article-tags a{border-radius:9px}.journal-reading .book-toc a{color:#607452}.journal-reading .article-byline{color:#6e7f60}.journal-project-reading{max-width:780px;margin:auto}.journal-project-reading .project-detail .article-heading{margin-top:26px}.journal-empty{text-align:center;color:#708163;padding:50px 16px}.journal-empty h3{letter-spacing:-.5px;font-size:18px;font-weight:500}.journal-empty p{font-size:12px;line-height:1.8}.journal-empty>a{color:#3b5933;border:1px solid #cbd6bf;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:12px 18px;font-size:12px;display:inline-flex}.journal-missing{padding:90px 10px}.journal-missing h1{letter-spacing:-1px;outline:none;font-size:30px;font-weight:500}@media (width<=1150px){.journal-main{padding-left:125px;padding-right:40px}.journal-entry{gap:15px}.journal-entry h2{font-size:17px}.journal-project-card{grid-template-columns:1fr 1fr}}@media (width<=900px){.journal-project-card{grid-template-columns:1fr}.journal-project-image img{aspect-ratio:1.9}.journal-project-info{padding:30px}}@media (width<=700px){.journal-header{gap:12px;height:82px;padding:0 24px}.journal-main{padding:20px 24px calc(112px + env(safe-area-inset-bottom,0px));min-height:calc(100svh - 82px)}.journal-rail{border-radius:20px;flex-direction:row;gap:7px;padding:7px;top:auto;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #334d2c20}.journal-rail-divider{width:1px;height:23px;margin:0 4px}.journal-tooltip{top:-42px;left:50%;transform:translate(-50%)}.rail-button:hover .journal-tooltip,.rail-button:focus-visible .journal-tooltip{transform:translate(-50%)}.journal-section-heading h1{font-size:22px}.journal-tags a{padding:10px 12px}.journal-search{margin-top:15px}.journal-entry{gap:16px;padding:24px 0}.journal-spine{width:42px;padding-top:17px}.journal-spine>svg{width:18px;height:18px}.journal-entry h2{margin-top:9px;font-size:17px;line-height:1.7}.journal-entry p{font-size:11px;line-height:1.9}.journal-entry-meta{font-size:9px}.journal-entry-bottom{gap:9px;font-size:9px}.journal-reading{padding-top:3px}.journal-reading-margin{margin-bottom:25px}.journal-reading-margin>a{min-height:44px;display:inline-flex}.journal-reading .article-heading h1{letter-spacing:-1px;font-size:29px}.journal-reading .article-deck{font-size:13px}.journal-reading .article-body{font-size:15px;line-height:2}.journal-reading .book-toc a{padding:4px 0;font-size:11px}.journal-project-info{padding:25px 22px}.journal-project-info h2{font-size:27px}.journal-project-info p{font-size:12px}.journal-missing{padding:70px 0}.journal-missing h1{font-size:25px}.journal{scroll-padding-bottom:110px}.journal-rail{bottom:calc(18px + env(safe-area-inset-bottom,0px))}}.journal-project-heading{margin-bottom:28px}.journal-static .journal-header nav{gap:20px;font-size:12px;display:flex}.journal-static :is(.article-end,.code-block button){display:none}.journal-static .book-toc{margin:24px 0}.journal-search input::-webkit-search-cancel-button{display:none}.journal-pagination{margin-top:28px}.journal-neighbours{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.journal-neighbours>a{border:1px solid var(--journal-border);border-radius:13px;flex-direction:column;gap:12px;padding:18px 20px;transition:background .15s;display:flex}.journal-neighbours>a:hover{background:#eaf0e2}.journal-neighbours>a>span{color:#64795a;align-items:center;gap:8px;font-size:11px;display:flex}.journal-neighbours strong{word-break:keep-all;overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.8}.journal-next{text-align:right;grid-column:2;align-items:flex-end}.journal-list-link{border:1px solid var(--journal-border);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;margin:24px auto 0;padding:10px 16px;font-size:12px;display:flex}.journal-list-link:hover{background:#eaf0e2}@media (width<=700px){.journal-neighbours{grid-template-columns:1fr;gap:10px}.journal-neighbours>a{gap:7px;padding:15px 18px}.journal-next{grid-column:1}.journal-neighbours strong{font-size:13px}}.journal{--journal-paper:#f6f4ed;--journal-ink:#2e4438;--journal-active:#e5ebdd}.journal-toc{z-index:10;background:var(--journal-paper);border-bottom:1px solid var(--journal-border);color:var(--journal-muted);margin-top:22px;position:sticky;top:0}.journal-toc-label{display:none}.journal-toc-toggle{text-align:left;width:100%;min-height:56px;color:var(--journal-ink);align-items:center;gap:10px;padding:10px 4px;font-size:12px;display:flex}.journal-toc-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--journal-muted);flex:1;font-size:11px;overflow:hidden}.journal-toc-links{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(45svh,360px);padding:0 2px 12px;overflow-y:auto}.journal-toc-links a{overflow-wrap:anywhere;border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:11px 12px;font-size:12px;line-height:1.8;display:block}.journal-toc-links a:hover{color:var(--journal-ink);background:var(--journal-active)}.journal-toc-links a[aria-current=location]{color:var(--journal-ink);background:var(--journal-active);border-left-color:currentColor;font-weight:500}.journal-toc-links a:focus-visible{outline-offset:-2px}.journal-with-toc .markdown-body :is(h2,h3,h4,h5,h6){scroll-margin-top:84px}@media (width>=1200px){.journal-main.journal-with-toc{max-width:1320px}.journal-with-toc .journal-reading{max-width:none}.journal-with-toc .article{grid-template-columns:minmax(0,1fr) 200px;align-items:start;column-gap:56px;display:grid}.journal-with-toc .article>*{grid-column:1;min-width:0}.journal-with-toc .article>.journal-toc{border:0;grid-area:1/2/span 6;align-self:start;margin:8px 0 0;top:32px}.journal-toc-label{color:var(--journal-ink);padding:0 14px 14px;font-size:11px;display:block}.journal-toc-toggle{display:none}.journal-toc-links{max-height:calc(100svh - 110px);padding:0 2px 4px}.journal-toc-links a{padding:10px 12px;font-size:11px}.journal-with-toc .markdown-body :is(h2,h3,h4,h5,h6){scroll-margin-top:40px}}@media (width<=360px){.journal-rail{gap:3px;padding:6px}.journal-rail .rail-button{width:40px}.journal-rail-divider{margin:0 2px}.journal-static .journal-header{gap:12px}.journal-static .journal-header nav{gap:10px;font-size:11px}}.journal[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--journal-paper:#1c2b25;--journal-ink:#e6e5d5;--journal-muted:#b2bcaa;--journal-border:#3b4d40;--journal-active:#334b3c;background:var(--journal-paper);color:var(--journal-ink);scrollbar-color:#52654e var(--journal-paper)}.journal[data-theme=night]:before{background-image:radial-gradient(#d4dac012 .65px,#0000 .65px)}.journal[data-theme=night] :is(a,button,input):focus-visible{outline-color:#b6ca9e}.journal[data-theme=night] .brand-light{color:#a7b4a1}.journal[data-theme=night] .journal-rail{background:#24372eed;border-color:#405344;box-shadow:0 8px 30px #0c181b30}.journal[data-theme=night] .journal-rail-divider{background:var(--journal-border)}.journal[data-theme=night] .rail-button{color:#b7c5ad}.journal[data-theme=night] .rail-button:hover{color:#edf0de;background:#3a5040}.journal[data-theme=night] .rail-button[aria-current=page]{color:#21372a;background:#c3d2ad}.journal[data-theme=night] .rail-button[aria-pressed=true]{color:#e1e7ca;background:#3a5040}.journal[data-theme=night] .journal-tooltip{color:#e6e5d5;background:#2c4034;border-color:#52654c}.journal[data-theme=night] :is(.journal-section-heading h1 span,.journal-results,.journal-entry-meta,.journal-entry-bottom,.journal-entry-bottom>svg,.journal-reading-margin>a,.journal-note-link,.journal-neighbours>a>span){color:#b2c1a3}.journal[data-theme=night] .journal-search{border-color:var(--journal-border)}.journal[data-theme=night] .journal-search input{color:var(--journal-ink)}.journal[data-theme=night] .journal-search button{color:#b2c1a3}.journal[data-theme=night] :is(.journal-tags a,.article-tags a,.article-tags>span){color:#bfceae;background:#293e31;border-color:#465b44}.journal[data-theme=night] .journal-tags a:hover{background:#3b5140}.journal[data-theme=night] .journal-tags a[aria-current=true]{color:#21372a;background:#c3d2ad;border-color:#c3d2ad}.journal[data-theme=night] .journal-spine{color:#bfd0a4;background:#334832;border-color:#536b46 #536b46 #536b46 #8ca678}.journal[data-theme=night] .journal-spine-1{color:#d4c899;background:#454431;border-color:#6f6c49 #6f6c49 #6f6c49 #a99d6d}.journal[data-theme=night] .journal-spine-2{color:#b0cebf;background:#304740;border-color:#496b5d #496b5d #496b5d #7ba594}.journal[data-theme=night] .journal-entry:hover h2{color:#c1d6a8}.journal[data-theme=night] :is(.draft-label,.journal-entry-meta>.draft-label){color:#bac4af;border-color:#52624b}.journal[data-theme=night] .journal-project-card{border-color:var(--journal-border);background:#26392e}.journal[data-theme=night] .journal-project-image{background:#344534}.journal[data-theme=night] :is(.journal-empty,.article-deck,.journal-reading .article-deck,.article-byline,.journal-reading .article-byline,.article-image figcaption,.article-end>span,.content-kicker){color:var(--journal-muted)}.journal[data-theme=night] :is(.article-body,.journal-reading .article-body){color:#ccd3c0}.journal[data-theme=night] .article-body :is(h2,h3,h4,h5,h6){color:var(--journal-ink)}.journal[data-theme=night] :is(.article-byline,.article-end,.related-posts,.related-posts>a,.markdown-body hr){border-color:var(--journal-border)}.journal[data-theme=night] :is(.article-back,.related-posts>a,.journal-empty>a,.share-button){color:#bfd0a7;border-color:#52664b}.journal[data-theme=night] :is(.journal-neighbours>a:hover,.journal-list-link:hover,.share-button:hover){background:var(--journal-active)}.journal[data-theme=night] .byline-separator{color:#74836a}.journal[data-theme=night] .status-badge{color:#c9d7b2;background:#354b37}.journal[data-theme=night] .markdown-body a{color:#c1d7a5}.journal[data-theme=night] .markdown-body :not(pre)>code{color:#d7e0bc;background:#354630}.journal[data-theme=night] .markdown-body blockquote{color:#bdcbaa;background:#293e30;border-color:#8ea975}.journal[data-theme=night] .article-table :is(th,td){border-color:#4b6046}.journal[data-theme=night] .article-table th{background:#2d4231}.journal[data-theme=night] .code-block{border:1px solid #40523c}.journal[data-theme=night] .copy-fallback{color:#e6e5d5;background:#26392e;border-color:#52664b}.journal[data-theme=night] .content-primary{color:#21372a;background:#c3d2ad}.journal[data-theme=night] .desk-clock{color:#bac9a7}.journal[data-theme=night] .desk-clock:before{background:#465b3e;border-color:#5f7351;box-shadow:0 7px 12px #0b191b30}.journal[data-theme=night] .desk-clock-face{background:#2a3d2e;border-color:#4c6141;box-shadow:inset 0 0 0 1px #758762,0 2px 0 1px #354d30,4px 9px 18px #0b191b30}.journal[data-theme=night] .clock-hour-mark{stroke:#bccba8}.journal[data-theme=night] .clock-minute-mark{stroke:#6c825c}.journal[data-theme=night] .clock-hour-hand{stroke:#dfdfc3}.journal[data-theme=night] .clock-minute-hand{stroke:#b7c99d}.journal[data-theme=night] .clock-second-hand{stroke:#d7aa83}.journal[data-theme=night] .clock-pin{fill:#dfdfc3}.journal[data-theme=night] .desk-calendar{background:#2e3e2d;border-color:#59694b;box-shadow:0 3px #263723,0 4px #59694b,0 7px #263723,0 8px #43553a,5px 14px 20px #0b191b30}.journal[data-theme=night] .desk-calendar-rings i{background:linear-gradient(90deg,#718464,#b2bda1,#6e805d);border-color:#8d9d7a}.journal[data-theme=night] .desk-calendar caption{color:#d2d9bc;border-color:#526246}.journal[data-theme=night] .desk-calendar th{color:#afbd9e}.journal[data-theme=night] .desk-calendar td{color:#d0d7bd}.journal[data-theme=night] .desk-calendar td:first-child{color:#d5ab8c}.journal[data-theme=night] .desk-calendar time[aria-current=date]{color:#21372a;background:#c3d2ad}.reading-settings{border:1px solid var(--journal-border);background:var(--journal-paper);width:272px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);color:var(--journal-ink);border-radius:16px;margin:0;padding:14px 18px 18px;position:fixed;inset:50% auto auto 110px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 40px #14271b24}.reading-settings-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reading-settings-heading strong{font-size:14px;font-weight:500}.reading-settings fieldset{border:0;min-width:0;margin:0 0 18px;padding:0}.reading-settings legend{color:var(--journal-muted);margin-bottom:10px;padding:0;font-size:12px}.reading-options{gap:5px;display:flex}.reading-options label{cursor:pointer;flex:1;position:relative}.reading-options input{opacity:0;width:1px;height:1px;position:absolute}.reading-options span{border:1px solid var(--journal-border);border-radius:9px;justify-content:center;align-items:center;min-height:44px;font-size:12px;display:flex}.reading-options input:checked+span{background:var(--journal-active);border-color:var(--journal-muted);font-weight:600}.reading-options input:focus-visible+span{outline:2px solid var(--journal-muted);outline-offset:2px}.reading-reset{min-height:36px;color:var(--journal-muted);border-radius:8px;padding:8px 10px;font-size:11px}.reading-settings button:hover:not(:disabled){color:var(--journal-ink);background:var(--journal-active)}.journal-with-reading{max-width:calc(var(--reading-width) + 212px)}.journal-with-reading :is(.journal-reading,.journal-project-reading){max-width:var(--reading-width)}.journal-with-reading .article-body{font-size:calc(16px + var(--reading-size-offset))}.journal-with-reading .article-body h2{font-size:1.4375em}.journal-with-reading .article-body h3{font-size:1.1875em}.journal-with-reading .article-body h4{font-size:1.0625em}.journal-with-reading .article-body :is(h5,h6){font-size:1em}.journal-with-reading .article-body :is(blockquote,.article-note p){font-size:.95em}.journal-with-reading .code-block pre{font-size:.8em}.journal-with-reading .article-table table{font-size:.875em}.journal mark{color:#33442b;background:#e6dba6;border-radius:2px;padding:0 .06em}.journal[data-theme=night] mark{color:#f5f0cc;background:#5b6138}.journal .search-excerpt{overflow-wrap:anywhere;word-break:normal}.journal .markdown-body [data-search-match=true]{outline-offset:6px;border-radius:4px;outline:2px solid #8d9e61;scroll-margin-top:88px}@media (width>=1200px){.journal-main.journal-with-toc{max-width:calc(var(--reading-width) + 468px)}.journal-with-toc .journal-reading{max-width:none}}@media (width<=700px){.reading-settings{top:auto;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 120px);transform:translate(-50%)}.journal-with-reading .article-body{font-size:calc(15px + var(--reading-size-offset))}}.journal .article-image-button{cursor:zoom-in;border-radius:10px;max-width:100%;padding:0;line-height:0;display:block}.journal .article-image-button:active{transform:none}.journal .article-image-button img{max-width:100%;height:auto;display:block}.image-viewer{width:100%;max-width:none;height:100svh;max-height:none;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--journal-ink);background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.image-viewer[open]{flex-direction:column;gap:16px;display:flex}.image-viewer::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102019df}.image-viewer-toolbar{background:var(--journal-paper);border:1px solid var(--journal-border);border-radius:14px;flex-shrink:0;align-self:flex-end;align-items:center;gap:8px;padding:4px;display:flex}.image-viewer-toolbar>button:first-child{border-radius:10px;min-height:44px;padding:10px 14px;font-size:12px}.image-viewer-toolbar .icon-button{width:44px;height:44px}.journal .image-viewer-toolbar button:hover{background:var(--journal-active);color:var(--journal-ink)}.image-viewer-stage{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b2bcaa transparent;color:#f6f4ed;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.image-viewer-stage>img{object-fit:contain;flex-shrink:0;max-width:100%;max-height:100%;display:block}.image-viewer-stage.is-original{display:block}.image-viewer-stage.is-original>img{width:auto;max-width:none;height:auto;max-height:none;margin:0 auto}.image-viewer-caption{text-align:center;color:#e6e5d5;overflow-wrap:anywhere;flex-shrink:0;max-height:5.4em;margin:0;font-size:12px;line-height:1.8;overflow-y:auto}@media (width<=700px){.image-viewer{padding:12px 12px max(16px,env(safe-area-inset-bottom))}.image-viewer[open]{gap:12px}.image-viewer-caption{font-size:11px}}:root{color:#263b32;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f1eee7;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;transition:background .2s,color .2s,transform .2s}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #658670}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button:hover:not(:disabled){color:#57836a}button:active:not(:disabled){transform:translateY(1px)}.app{background:radial-gradient(at 61% 46%,#fcfaf5 0%,#f1eee7 69%);width:100%;height:100svh;min-height:640px;transition:background .6s,color .6s;position:relative;overflow:hidden}.app.night{color:#e6e8dc;background:radial-gradient(at 61% 46%,#4a5457 0%,#283437 75%)}.app.desktop{background:radial-gradient(at 58% 48%,#f4f7f5 0%,#e4ece8 75%)}.app.circuit{background:radial-gradient(at 57%,#f3f1e5 0%,#e8eadf 75%)}.header{z-index:30;pointer-events:none;align-items:center;height:104px;padding:0 48px;display:flex;position:absolute;top:0;left:0;right:0}.brand{pointer-events:auto;letter-spacing:-.6px;align-items:center;font-size:19px;font-weight:600;display:flex}.brand-light{color:#849087;font-weight:400}.viewport{touch-action:none;position:absolute;inset:70px 0 100px 160px}.viewport canvas{outline:none}.icon-button{width:40px;height:40px;color:inherit;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:#dce3d98c}.icon-button[aria-pressed=true]{background:#dce3d9}.night .icon-button:hover{color:#c9e2bd;background:#ffffff17}.hotspot{color:#435346;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf5ed;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 3px 18px #29392a16}.hotspot:before{content:"";background:#697a6570;width:1px;height:15px;position:absolute;bottom:-15px;left:50%}.hotspot:hover{background:#2e493c;color:#fff!important}.loading{z-index:22;pointer-events:none;position:absolute;top:47%;left:calc(50% + 70px);transform:translate(-50%,-50%)}.loading-orbit{border:1px solid #c5cebd;border-top-color:#385b44;border-radius:50%;width:38px;height:38px;animation:1.1s linear infinite spin;display:block}.error-panel,.webgl-fallback{z-index:24;background:#f1eee7;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){.viewport{inset:70px 0 100px 200px}}@media (width<=1050px){.header{padding:0 30px}.viewport{left:80px}}@media (width<=700px){.app{min-height:600px}.header{height:78px;padding:0 24px}.brand{font-size:16px}.viewport{inset:90px 0 40px 70px}.icon-button{width:44px;height:44px}.loading{top:54%;left:50%}.hotspot{width:36px;height:36px}.hotspot svg{width:16px}}@media (height<=700px) and (width>=701px){.app{min-height:540px}.header{height:85px}.viewport{bottom:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.cockpit-view .viewport{inset:0}.room-rail{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;overscroll-behavior:contain;background:#faf9f1dd;border:1px solid #ffffffc9;border-radius:22px;flex-direction:column;width:56px;max-height:calc(100svh - 148px);padding:7px;display:flex;position:absolute;top:50%;left:40px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 8px 30px #3c4b3510}.room-rail::-webkit-scrollbar{display:none}.rail-group{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.rail-group+.rail-group{border-top:1px solid #d9dfd0;margin-top:10px;padding-top:10px}.rail-button{color:#75836d;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.rail-button:hover:not(:disabled){color:#355b40;background:#e4eadc}.rail-button:focus-visible{outline-offset:-3px}.rail-button[aria-current=page]{color:#fff;background:#2e493c}.rail-button[aria-current=page]:hover{color:#fff;background:#3a5b48}.rail-settings .rail-button{color:#89927f}.rail-button[aria-pressed=true]{color:#415e37;background:#e4eadc}.rail-button:disabled{opacity:.32}.night .room-rail{background:#233831dd;border-color:#64776155;box-shadow:0 8px 30px #0d1e2026}.night .rail-group+.rail-group{border-color:#aebda62b}.night .rail-button{color:#bac6b1}.night .rail-button:hover:not(:disabled){color:#eaf2df;background:#ffffff12}.night .rail-button[aria-current=page]{color:#2e493c;background:#e8eddd}.night .rail-button[aria-pressed=true]{color:#dbe8cb;background:#ffffff18}.rail-quality{flex-direction:column;gap:4px;font-size:9px;font-weight:600;line-height:1.2}.rail-switch-track{background:#a0a99a;border-radius:8px;width:24px;height:12px;transition:background .2s;position:relative}.rail-switch-track:after{content:"";background:#faf9f1;border-radius:50%;width:8px;height:8px;transition:transform .2s;position:absolute;top:2px;left:2px}.rail-quality[aria-checked=true] .rail-switch-track{background:#527648}.rail-quality[aria-checked=true] .rail-switch-track:after{transform:translate(12px)}.night .rail-quality[aria-checked=true] .rail-switch-track{background:#85a575}@media (width<=1050px){.room-rail{left:24px}}@media (width<=700px){.app{min-height:0}.room-rail{border-radius:17px;width:52px;max-height:calc(100svh - 108px);padding:3px;top:90px;left:10px;transform:none}.rail-button{border-radius:12px;width:44px;height:44px}.rail-group{gap:2px}.rail-group+.rail-group{margin-top:7px;padding-top:7px}.rail-button svg{width:18px;height:18px}.loading{left:calc(50% + 32px)}}@media (height<=700px) and (width>=701px){.app{min-height:0}.room-rail{max-height:calc(100svh - 110px);top:90px;transform:none}}