.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text);box-shadow:0 24px 80px #0003}.confirm-dialog[open]{animation:dialog-in .18s ease-out}.confirm-dialog::backdrop{background:#0a142473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog-close{position:absolute;top:14px;right:14px;color:var(--muted)}.confirm-dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:14px;background:var(--soft-accent);color:var(--primary)}.confirm-dialog h2{margin:0 0 12px;font-size:22px;line-height:1.4}.confirm-dialog p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.confirm-dialog-actions{display:flex;gap:12px;margin-top:28px}.confirm-dialog-actions .button{flex:1;min-height:44px;padding:10px 12px}@media (prefers-reduced-motion: reduce){.confirm-dialog[open]{animation:none}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#172033;background:#fff;--sidebar-width: 220px;--brand: #0072f6;--brand-hover: #0062d6;--bg: #fff;--sidebar: #f7f9fc;--surface: #f5f8fc;--text: #172033;--muted: #5e6c80;--secondary: #3e4c61;--line: #e8edf4;--accent: var(--brand);--primary: var(--brand);--active: #eaf3ff;--soft-accent: #eef5ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--shadow: 0 12px 40px #232d3808}:root[data-theme=dark]{color-scheme:dark;--bg: #111925;--sidebar: #0e1622;--surface: #1a2636;--text: #f0f5fc;--muted: #a8b8ce;--secondary: #c4d0e1;--line: #2a3a50;--accent: #66aaff;--primary: #66aaff;--active: #193455;--soft-accent: #192e49;--shadow: 0 12px 40px #0002;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input::placeholder{color:var(--muted);opacity:1}::selection{background:#d1dbe7;color:#212d3b}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--bg);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:calc(var(--sidebar-width) + 20px);top:-60px;padding:12px 20px;background:var(--text);color:var(--bg);z-index:100}.skip-link:focus{top:10px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--secondary)}.icon-button:hover{background:var(--active);color:var(--primary)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40;padding:37px 16px 23px}.brand{min-width:0;display:flex;align-items:center;gap:10px;padding:0 4px}.brand>span:last-child{font-size:25px;font-weight:750;letter-spacing:-1.1px;line-height:1.2}.brand small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);display:block;margin-top:9px;white-space:nowrap}.logo-mark{width:39px;height:41px;display:inline-flex;justify-content:center;align-items:center;gap:4px;flex-shrink:0;transform:rotate(-6deg);background:var(--brand);border-radius:11px;box-shadow:0 3px #17212d12}.logo-mark i{width:4px;display:block;background:#fff;border-radius:4px;height:17px}.logo-mark i:nth-child(2){height:25px}.logo-mark i:nth-child(3){height:12px;align-self:flex-end;margin-bottom:10px}.sidebar-scroll{padding-top:48px;overflow-y:auto;scrollbar-width:none;flex:1}.nav-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:500;margin:0 14px 15px}.primary-nav,.category-nav{display:flex;flex-direction:column;gap:7px}.primary-nav a,.category-nav a{display:flex;align-items:center;gap:13px;height:43px;border-radius:6px;padding:0 14px;color:var(--text);font-weight:400;font-size:12px;letter-spacing:.5px}.primary-nav a>svg,.category-nav a>svg{width:17px;height:17px;stroke-width:1.6}.primary-nav a>span:first-of-type,.category-nav a>span{flex:1}.primary-nav a>small,.category-nav a>small{font-size:10px;color:var(--muted);letter-spacing:.3px;font-variant-numeric:tabular-nums}.primary-nav a:hover,.category-nav a:hover{background:var(--active)}.primary-nav a.active,.category-nav a.active{color:var(--primary);background:var(--active);font-weight:600}.nav-dot{display:none;width:5px;height:5px;background:var(--primary);border-radius:50%}.active .nav-dot{display:block}.category-label{margin-top:35px}.category-nav{gap:3px}.category-nav a{height:40px}.nav-divider{height:1px;margin:24px 14px 13px;background:var(--line)}.sidebar-note{display:flex;align-items:center;gap:7px;margin:39px 12px 25px;color:var(--muted);font-size:10px;letter-spacing:.3px}.sidebar-note>span:nth-child(2){flex:1}.sidebar-note .status-dot{width:5px;height:5px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%;flex-shrink:0}.sidebar-footer{padding:19px 11px 0;border-top:1px solid var(--line);margin-top:20px}.social-links{display:flex;align-items:center;gap:15px;color:var(--secondary);margin-bottom:20px}.social-links>a{display:flex}.social-links>a:hover{color:var(--accent);transform:translateY(-2px)}.social-links>span{font-size:8px;letter-spacing:1px;margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--muted)}.sidebar-footer p,.icp{font-size:9px;line-height:2.2;color:var(--muted);letter-spacing:.2px}.icp{font-size:8px;color:var(--muted)}.main-shell{margin-left:var(--sidebar-width);min-height:100vh}.topbar{height:60px;padding:0 47px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg);position:sticky;top:0;z-index:20}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.breadcrumbs>svg:first-of-type{color:#707e8d}.breadcrumbs>svg:nth-of-type(2){color:#afb3b8}.breadcrumbs strong{font-weight:400;color:var(--secondary)}.breadcrumb-home{white-space:nowrap}.breadcrumb-home:hover{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.topbar-actions{display:flex;align-items:center;gap:15px}.search-trigger{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;padding:6px 0}.search-trigger kbd{border:1px solid var(--line);background:var(--sidebar);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px;margin-left:24px}.search-trigger:hover{color:var(--text)}.topbar-divider{height:17px;width:1px;background:var(--line);margin:0 2px}.theme-toggle{width:25px}.top-avatar{width:30px;height:30px;background:#e5f0ff;border:3px solid var(--bg);outline:1px solid var(--line);border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:18px;font-style:italic;color:#0072f6;position:relative;margin-left:4px}.top-avatar>span{position:absolute;right:-2px;bottom:-1px;border:2px solid var(--bg);height:8px;width:8px;border-radius:50%;background:var(--brand)}.main-content{max-width:1370px;padding:44px 47px 0;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--secondary);font-size:9px;letter-spacing:1.8px;font-weight:500}.intro{position:relative;padding:7px 0 37px}.intro h1{font-size:35px;font-weight:650;letter-spacing:-1.1px;line-height:1.55;margin:20px 0 15px;position:relative;z-index:1}.intro h1>span{font-weight:600}.orange-period{color:var(--accent)}.intro>p{max-width:620px;font-size:12px;line-height:2.05;letter-spacing:.55px;color:var(--secondary)}.intro-bottom{display:flex;align-items:center;gap:29px;margin-top:24px}.personal-role{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--secondary);letter-spacing:.3px}.mini-avatar{height:21px;width:21px;border-radius:50%;background:#e5f0ff;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:15px;font-style:italic;color:#0072f6;flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--secondary);white-space:nowrap}.text-link:hover{color:var(--accent);gap:11px}.intro-bottom>.text-link{font-size:10px;color:var(--accent)}.intro-decoration{position:absolute;right:13px;top:36px;width:95px;height:95px;color:#98a6b6;transform:rotate(-15deg);opacity:.62}.intro-decoration>span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #a6b5c760;border-radius:50%}.intro-decoration>span:nth-child(2){top:11px;right:11px;bottom:11px;left:11px}.intro-decoration>span:nth-child(3){top:22px;right:22px;bottom:22px;left:22px}.intro-decoration>svg{position:absolute;top:28px;left:28px}.featured{display:grid;grid-template-columns:1.12fr 1fr;min-height:303px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.featured-image{position:relative;overflow:hidden;min-width:0}.cover{position:relative;height:100%;width:100%;overflow:hidden}.landscape>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s;min-height:100%}.featured-image:hover img,.card-image:hover img{transform:scale(1.035)}.featured .landscape>img{object-position:47% center}.landscape-caption{position:absolute;bottom:19px;left:21px;letter-spacing:3px;font-size:8px;color:#d8e0e999}.featured .landscape-caption{display:none}.featured-image-label{position:absolute;top:19px;left:19px;padding:7px 10px;display:flex;align-items:center;gap:6px;background:#ffffffcf;border:1px solid #fff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#4d5763;font-size:8px;letter-spacing:1px;border-radius:3px}.featured-image-label>span{width:4px;height:4px;border-radius:50%;background:var(--brand)}.photo-index{position:absolute;bottom:19px;left:21px;font-size:8px;letter-spacing:2.4px;color:#f3f3e3b0}.featured-content{padding:27px 32px 25px}.featured-label{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--accent);letter-spacing:.4px}.featured-label>span{margin-left:5px;font-size:7px;letter-spacing:1.6px;color:var(--muted)}.featured-content h2{font-size:32px;line-height:1.5;font-weight:600;letter-spacing:1px;margin-top:13px}.featured-content h2 span{color:var(--accent)}.featured-content>p{color:var(--secondary);font-size:11px;line-height:1.95;max-width:335px;margin-top:11px;letter-spacing:.4px}.featured-meta{display:flex;align-items:center;gap:9px;font-size:8px;color:var(--muted);margin-top:16px}.featured-meta>span{color:var(--muted)}.featured-meta>i{width:2px;height:2px;background:#a4acb5;border-radius:50%}.read-link{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text);margin-top:18px}.read-link>span{width:26px;height:26px;border:1px solid #d4dbe2;border-radius:50%;display:flex;justify-content:center;align-items:center}.read-link:hover{color:var(--accent)}.read-link:hover>span{background:var(--active);transform:rotate(8deg)}.latest{margin-top:39px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{font-size:18px;font-weight:600;letter-spacing:.4px}.section-heading h2>span{font-size:8px;letter-spacing:1.4px;font-weight:400;color:var(--muted);margin-left:12px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;margin-bottom:21px;gap:12px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs>button{padding:7px 13px;font-size:10px;line-height:1.5;border-radius:5px;color:var(--secondary);display:flex;align-items:center;gap:6px;white-space:nowrap}.tabs>button.selected{background:var(--active);color:var(--primary);font-weight:550}.tabs>button:not(.selected):hover{background:var(--surface)}.tabs>button>span{font-size:9px;color:var(--muted);margin-left:2px}.view-toggle{display:flex;gap:3px;border:1px solid var(--line);border-radius:5px;padding:3px;flex-shrink:0}.view-toggle button{display:flex;align-items:center;justify-content:center;width:25px;height:22px;color:var(--muted);border-radius:3px}.view-toggle button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000008}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.article-card{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg);transition:box-shadow .2s,transform .2s}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-image{display:block;height:174px;position:relative;overflow:hidden}.image-arrow{position:absolute;bottom:11px;right:11px;background:#fffd;color:#2f3945;height:28px;width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(5px);transition:.2s}.card-image:hover .image-arrow{opacity:1;transform:translateY(0)}.card-body{padding:17px 17px 10px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}.category-chip{font-size:8px;color:#1867c1;background:#eaf3ff;padding:4px 6px;border-radius:3px;letter-spacing:.4px;display:inline-flex}.cat-0{color:#395c72;background:#edf2f5}.cat-1{color:#69507e;background:#f3eef5}.cat-2{color:#66603b;background:#f3f1e9}.cat-3{color:#7d5535;background:#f6efe8}[data-theme=dark] .category-chip{background:var(--active);color:#c3dafa}.card-meta>span{font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}.card-body h3{font-size:13px;line-height:1.7;font-weight:600;margin-top:12px;letter-spacing:.05px}.card-body h3 a:hover{color:var(--accent)}.card-body>p{font-size:10px;color:var(--secondary);line-height:1.95;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;letter-spacing:.2px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:6px;gap:4px}.card-bottom>span{font-size:8px;color:var(--muted);display:flex;gap:7px;align-items:center}.tiny-dot{color:#aab0b6}.save-button{width:26px;height:29px;color:var(--muted)}.save-button.is-saved{color:var(--accent)}.as-list{grid-template-columns:1fr}.list-card{display:grid;grid-template-columns:250px 1fr}.list-card .card-image{height:100%;min-height:185px}.list-card .card-body{padding:21px 23px 12px}.list-card .card-body h3{font-size:17px;margin-top:9px}.list-card .card-body>p{min-height:0}.garden-note{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:21px 25px;margin-top:30px}.note-icon{display:flex;justify-content:center;align-items:center;color:#0072f6;background:#e5f0ff;width:42px;height:42px;border-radius:50%;flex-shrink:0}.garden-note>div{flex:1}.garden-note h3{font-size:12px;font-weight:500;letter-spacing:.6px}.garden-note p{font-size:10px;color:var(--muted);margin-top:7px;letter-spacing:.2px}.garden-note>a{font-size:10px;display:flex;align-items:center;gap:10px;color:var(--secondary)}.garden-note>a:hover{color:var(--accent)}.bottom-note{display:flex;justify-content:space-between;gap:12px;padding:29px 0 25px;color:var(--muted);font-size:8px;letter-spacing:.6px}.bottom-note>span:last-child{font-size:7px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px}.bottom-note .orange-period{font-size:15px}.back-top{position:fixed;right:15px;bottom:15px;width:27px;height:27px;border:1px solid var(--line);background:var(--bg);opacity:.7}.back-top svg{transform:rotate(180deg)}.design-cover{background:#e9e6e0}.art-label{position:absolute;left:17px;top:16px;font-size:6px;letter-spacing:1.6px;color:#776f63}.design-sheet{position:absolute;left:19%;top:28px;width:61%;height:154px;border-radius:2px;background:#f9f8f4;box-shadow:7px 7px 10px #77705e18;transform:rotate(-9deg);padding:15px 16px;z-index:1;color:#2f353d}.sheet-small{font-size:6px;letter-spacing:1px}.design-sheet>b{font-family:Georgia,serif;font-size:41px;font-weight:400;display:flex;align-items:center;justify-content:space-between;margin-top:2px}.design-sheet>b>span{font-size:20px;font-family:sans-serif;font-weight:300}.swatches{display:flex;margin-top:6px}.swatches i{width:25%;height:20px;background:#0072f6}.swatches i:nth-child(2){background:#70a9ee}.swatches i:nth-child(3){background:#cfb9a1}.swatches i:nth-child(4){background:#b97556}.sheet-lines{margin-top:10px}.sheet-lines i{display:block;height:2px;width:90%;background:#d9d8d0;margin-top:4px}.sheet-lines i:last-child{width:60%}.art-index{position:absolute;bottom:13px;left:16px;font-size:6px;letter-spacing:.6px;color:#8c867d}.art-orb{position:absolute;width:70px;height:70px;background:#9aaabc;border-radius:50%;right:-22px;bottom:15px;box-shadow:inset 5px 1px 12px #ffffff60}.code-cover{background:#1f252b;display:flex;align-items:center;justify-content:center}.editor{width:86%;height:134px;background:#1b1f24;border:1px solid #5a646f55;border-radius:5px;box-shadow:0 12px 24px #0a0e124a;transform:perspective(500px) rotateY(-5deg) rotate(-3deg);color:#bac2cb}.editor-top{height:24px;border-bottom:1px solid #373c4188;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#727b86}.editor-top>span{display:flex;gap:4px}.editor-top i{width:4px;height:4px;border-radius:50%;background:#a27665}.editor-top i:nth-child(2){background:#b49b69}.editor-top i:nth-child(3){background:#677f9a}.editor-top small{font-size:6px}.code-lines{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;line-height:1.8;padding:9px 7px}.code-lines em{display:inline-block;font-style:normal;color:#4e5762;margin-right:11px;font-size:6px}.purple{color:#ad9ac2}.green{color:#829fc1}.yellow{color:#d3b885}.code-caption{position:absolute;right:12px;bottom:8px;font-size:5px;letter-spacing:1.1px;color:#86919d66}.forest>img{filter:sepia(.24) saturate(.7);transform:scale(1.6);object-position:75% 80%}.forest:hover>img{transform:scale(1.65)}.forest .landscape-caption{z-index:2;letter-spacing:2px}.garden-cover{background:#e5f0ff}.garden-plant{position:absolute;top:35px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#2476d4}.garden-plant>svg{transform:rotate(-30deg);fill:#788ca455}.garden-plant>span{width:56px;height:48px;border:1px solid #6c7f95;position:absolute;left:calc(50% - 25px);top:83px;border-radius:0 0 25px 25px}.tools-cover{background:#eae5de}.tool-tiles{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;transform:rotate(-9deg)}.tool-tiles>svg{padding:13px;width:49px;height:49px;border:1px solid #ffffff88;box-shadow:0 8px 12px #65513e12;border-radius:11px;background:#faf8f0;color:#85745d}.tool-tiles>svg:nth-child(2){transform:translateY(-12px);background:#0072f6;color:#fff}.tool-tiles>svg:nth-child(3){background:#bb8c70;color:#fff}.page-heading{padding:12px 0 35px}.page-heading h1{font-size:34px;line-height:1.5;font-weight:650;letter-spacing:-.7px;margin-top:18px}.page-heading>p{font-size:12px;line-height:1.9;color:var(--secondary);margin-top:14px;letter-spacing:.4px}.article-search{display:flex;align-items:center;gap:14px;padding:7px 8px 7px 16px;border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--muted)}.article-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:12px;padding:8px 0}.article-search:focus-within{border-color:var(--brand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border-radius:5px;font-size:11px;line-height:1.5}.button.primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}.button.primary:hover{background:var(--brand-hover)}.button.secondary{border:1px solid var(--line);background:var(--bg);color:var(--secondary)}.button.secondary:hover{background:var(--surface)}.article-filters{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:0}.sort-select{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted)}.sort-select select{font-size:10px;border:0;background:var(--bg);color:var(--secondary);padding:5px;cursor:pointer}.result-count{font-size:10px;color:var(--muted);margin:22px 0;display:flex;align-items:center;gap:12px;min-height:18px}.result-count button{font-size:10px;display:flex;gap:4px;align-items:center;color:var(--accent)}.all-articles{row-gap:25px}.state-box{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:var(--muted);text-align:center;padding:40px 25px;font-size:12px}.state-box h3{font-size:18px;color:var(--text);font-weight:500}.state-box p{line-height:1.8}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary);margin-bottom:29px}.back-link:hover{color:var(--accent)}.detail-heading{max-width:760px}.detail-heading .category-chip{font-size:10px;padding:5px 9px}.detail-heading h1{font-size:38px;font-weight:650;letter-spacing:-.7px;line-height:1.6;margin-top:18px}.detail-heading>p{color:var(--secondary);font-size:14px;line-height:1.9;margin-top:13px}.detail-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:23px}.detail-cover{height:340px;border-radius:9px;overflow:hidden;margin-top:30px}.detail-cover .design-sheet{width:220px;height:270px;left:calc(50% - 110px);top:40px;padding:24px}.detail-cover .design-sheet>b{font-size:83px;margin-top:14px}.detail-cover .swatches i{height:45px}.detail-cover .sheet-small{font-size:12px}.detail-cover .sheet-lines{margin-top:25px}.detail-cover .editor{max-width:460px;height:260px}.detail-cover .editor-top{height:36px}.detail-cover .editor-top small{font-size:11px}.detail-cover .code-lines{font-size:13px;padding:20px}.detail-cover .code-lines em{font-size:10px;margin-right:20px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:60px;margin-top:39px}.prose{font-size:14px;line-height:2.1;letter-spacing:.3px}.prose>p{color:var(--secondary);margin-bottom:23px;white-space:pre-line}.prose>p:first-child{font-size:11px;border-left:2px solid #a5b2c1;padding-left:15px;color:var(--muted)}.prose>h2{font-size:23px;line-height:1.7;font-weight:550;margin:35px 0 18px;color:var(--text)}.prose>h2:first-child{margin-top:0}.prose blockquote{margin:29px 0;padding:23px 25px;background:var(--surface);border-left:2px solid var(--brand);color:var(--primary);font-size:15px}.table-of-contents{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:16px}.table-of-contents>.nav-label{margin:0 0 6px;font-size:8px}.table-of-contents>a{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:13px;line-height:1.7}.table-of-contents>a:hover{color:var(--accent);border-color:var(--accent)}.toc-note{color:#7f8e9f;margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.toc-note>p{color:var(--muted);font-size:10px;line-height:1.9;margin-top:10px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.detail-tags>a{background:var(--surface);color:var(--secondary);padding:3px 9px;border-radius:3px;font-size:10px}.article-actions{border-top:1px solid var(--line);padding-top:25px;margin-top:30px;display:flex;gap:12px}.author-card{display:flex;align-items:center;gap:17px;background:var(--surface);padding:25px;border-radius:8px;margin-top:35px}.author-avatar{display:flex;width:45px;height:45px;background:#e5f0ff;align-items:center;justify-content:center;font-family:Georgia,serif;font-style:italic;color:#0072f6;font-size:29px;border-radius:50%;flex-shrink:0}.author-card h3{font-size:15px;font-weight:550}.author-card p{font-size:11px;color:var(--secondary);line-height:1.8}.author-card>a{margin-left:auto;display:flex;color:var(--secondary)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{border:1px solid var(--line);border-radius:9px;overflow:hidden}.project-art{height:235px;position:relative;display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden}.project-art-0{background:#e5f0ff;color:#164c91}.project-art-0:after{content:"";position:absolute;right:-60px;bottom:-90px;width:250px;height:250px;border:1px solid #7f92a744;border-radius:50%;box-shadow:0 0 0 25px #7f92a711,0 0 0 50px #7f92a711}.project-art .logo-mark{width:55px;height:58px;transform:rotate(-8deg);gap:5px}.project-art .logo-mark i{height:23px;width:5px}.project-art .logo-mark i:nth-child(2){height:33px}.project-art .logo-mark i:nth-child(3){height:16px;margin-bottom:15px}.project-art strong{font-size:36px;letter-spacing:-1px;line-height:1.1;font-weight:600}.project-art strong>span{display:block;font-size:8px;font-weight:400;letter-spacing:1.1px;margin-top:12px}.project-number{position:absolute;left:20px;top:18px;font-size:7px;color:#707e8e;letter-spacing:1.4px}.project-art-1{background:#eae5de}.notebook{background:#fbf9f2;box-shadow:4px 8px 12px #7b6a541c;border-left:5px solid #c8bbaa;width:155px;height:183px;padding:23px 17px;transform:rotate(-9deg) translateY(17px);color:#796b56}.notebook>span{font-family:Georgia,serif;font-size:17px;display:block;margin-top:12px;line-height:1.4}.notebook>i{height:2px;width:38px;background:#b89872;display:block;margin-top:20px}.project-art-2{background:#ece9e3}.palette-art{display:flex;transform:rotate(-12deg);box-shadow:5px 9px 15px #0001}.palette-art i{height:112px;width:43px;background:#0072f6;border:5px solid #fff;border-bottom-width:21px;border-radius:3px}.palette-art i:nth-child(2){background:#70a9ee;transform:translateY(-8px)}.palette-art i:nth-child(3){background:#c9c7af;transform:translateY(-16px)}.palette-art i:nth-child(4){background:#c09374;transform:translateY(-24px)}.palette-art i:nth-child(5){background:#ad6c4e;transform:translateY(-32px)}.project-body{padding:24px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-title h2{font-size:20px;font-weight:600;letter-spacing:-.4px}.project-title>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#0072f6}.project-body>p{font-size:12px;line-height:1.9;color:var(--secondary);margin:15px 0}.project-stack{display:flex;gap:8px;margin-bottom:23px}.project-stack>span{background:var(--surface);padding:5px 7px;border-radius:3px;color:var(--muted);font-size:9px}.project-unpublished{color:var(--muted);font-size:10px}.project-callout{padding:50px 25px;text-align:center;color:var(--muted);margin-top:35px;border:1px dashed var(--line);border-radius:9px}.project-callout h3{font-size:17px;font-weight:450;color:var(--text);margin:17px 0 12px}.project-callout p{font-size:11px}.about-intro{display:grid;grid-template-columns:.8fr 1fr;gap:55px;align-items:center;padding:15px 0 50px}.about-art{background:#e5f0ff;min-height:330px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:9px;overflow:hidden}.about-art:before,.about-art:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #95a3b444;border-radius:50%}.about-art:after{width:200px;height:200px}.about-avatar{font-family:Georgia,serif;font-size:145px;font-style:italic;color:#0072f6;position:relative;z-index:1;line-height:1}.about-avatar>span{font-family:sans-serif;position:absolute;right:-35px;top:9px;font-size:46px;color:#6af;font-style:normal;animation:spin 35s linear infinite}.about-art>span{position:absolute;bottom:25px;font-size:7px;letter-spacing:1.5px;color:#748395}.about-intro h2{font-size:29px;font-weight:500;line-height:1.65;margin-top:15px}.about-intro p{font-size:12px;line-height:2;color:var(--secondary);margin-top:18px}.about-demo{display:block;font-size:9px;color:var(--muted);margin-top:20px}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.about-values svg{width:23px;height:23px;color:#0072f6;stroke-width:1.5}.about-values h3{font-size:14px;font-weight:500;margin:15px 0 12px}.about-values p{font-size:11px;line-height:1.9;color:var(--secondary)}.contact-section{padding:48px 0 30px}.contact-section h2{font-size:25px;font-weight:500;margin:16px 0}.contact-section>p{font-size:12px;line-height:1.9;color:var(--secondary);margin-bottom:25px}.contact-placeholder{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:15px;color:var(--secondary);font-size:11px;flex-wrap:wrap}.contact-placeholder small{color:var(--muted);font-size:9px}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#131c2666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:16vh 20px 30px;overflow-y:auto}.search-dialog{width:560px;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 100px #0d1a2833;overflow:hidden;animation:dialog-in .18s ease-out}.search-dialog form{display:flex;align-items:center;gap:14px;padding:19px 21px;border-bottom:1px solid var(--line);color:var(--muted)}.search-dialog input{font-size:14px;color:var(--text);background:transparent;border:0;outline:0;flex:1;min-width:0;padding:5px 0}.search-results{padding:21px 12px 14px;max-height:55vh;overflow-y:auto}.search-results>.nav-label{margin-bottom:13px}.search-results>a{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:7px}.search-results>a:hover{background:var(--surface)}.search-result-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:#0072f6;border:1px solid var(--line);border-radius:7px}.search-results>a>span:nth-child(2){flex:1;min-width:0}.search-results b{display:block;font-size:12px;font-weight:600;line-height:1.6}.search-results small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.search-results>a>svg{color:var(--muted)}.search-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 23px;background:var(--surface);border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.search-footer kbd{font-family:inherit;font-size:8px;border:1px solid var(--line);padding:2px 4px;border-radius:3px;margin-right:5px}@keyframes dialog-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-close,.mobile-menu,.nav-backdrop{display:none}@media (min-width: 1500px){.main-content{padding-top:55px}.intro{padding-bottom:43px}.intro h1{font-size:42px}.intro>p{font-size:13px;max-width:730px}.featured{min-height:350px}.featured-content{padding:33px 40px}.featured-content h2{font-size:38px}.featured-content>p{font-size:12px}.featured-meta{margin-top:20px}.read-link{margin-top:25px}.card-image{height:200px}.card-body h3{font-size:15px}.card-body>p{font-size:11px;min-height:43px}.card-body{padding:20px 20px 12px}.latest{margin-top:42px}}@media (max-width: 1190px){.main-content{padding:32px 30px 0}.topbar{padding:0 30px}.intro h1{font-size:29px}.intro-decoration{width:65px;height:65px;right:0;top:25px}.intro-decoration>svg{top:19px;left:19px;width:27px;height:27px}.intro>p{max-width:87%;font-size:11px}.featured-content{padding:22px}.featured-content h2{font-size:29px}.featured-label>span{font-size:6px;letter-spacing:1px;margin-left:0}.featured{grid-template-columns:1fr 1fr;min-height:290px}.featured-meta{font-size:7px;gap:6px}.article-grid{gap:15px}.card-image{height:147px}.card-body{padding:13px 12px 8px}.card-body h3{font-size:12px}.card-body>p{font-size:9px;min-height:36px}.card-meta>span{font-size:7px}.card-bottom>span{font-size:7px;gap:5px}.category-chip{font-size:7px}.art-label{font-size:5px}.design-sheet{top:24px;padding:11px;height:140px}.design-sheet>b{font-size:36px}.code-lines{font-size:6px}.editor{height:119px}.code-lines em{margin-right:6px}.garden-note{padding:20px 17px}.garden-note p{font-size:9px}.garden-note>a{font-size:9px}.tabs>button{padding:7px 10px;font-size:9px}.reading-layout{gap:30px;grid-template-columns:minmax(0,1fr) 145px}.detail-heading h1{font-size:33px}.project-art{height:200px}.about-intro{gap:30px}.about-intro h2{font-size:26px}.about-art{min-height:310px}.page-heading h1{font-size:29px}.article-filters{flex-wrap:wrap}.article-filters>.tabs{flex:1 0 100%}.article-filters>.sort-select{margin-left:0}.list-card{grid-template-columns:200px 1fr}}@media (max-width: 980px) and (min-width: 761px){.intro h1>span{display:block}.intro-decoration{top:55px}.intro-bottom{gap:15px}.personal-role{font-size:8px}.featured{grid-template-columns:1fr}.featured-image{height:210px}.featured-content{padding:25px}.featured-content h2 br{display:none}.featured-content h2{margin-top:10px}.featured-content>p{max-width:100%}.read-link{margin-top:14px}.article-grid:not(.as-list){grid-template-columns:repeat(2,minmax(0,1fr))}.latest .article-grid:not(.as-list)>.article-card:last-child{display:none}.card-image{height:155px}.garden-note{flex-wrap:wrap}.garden-note>a{margin-left:58px}.section-heading h2>span{display:none}.reading-layout{grid-template-columns:1fr}.table-of-contents{display:none}.detail-cover{height:270px}.project-grid,.about-intro{grid-template-columns:1fr}.about-art{min-height:250px}.about-values{grid-template-columns:1fr;gap:30px}.list-card{grid-template-columns:140px 1fr}.list-card .card-body{padding:15px}.list-card .card-body h3{font-size:14px}.search-trigger kbd{margin-left:4px}.topbar{gap:10px}.breadcrumbs{gap:8px}.breadcrumbs>span{display:none}.topbar-actions{gap:10px}}@media (max-width: 760px){.sidebar{transform:translate(-100%);transition:transform .22s;padding-top:30px}.sidebar.open{transform:translate(0)}.nav-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#151e2866;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:35}.mobile-close{display:flex;position:absolute;right:6px;top:6px}.mobile-menu{display:flex;margin-left:-5px;margin-right:3px}.main-shell{margin-left:0}.topbar{height:56px;padding:0 22px}.topbar-actions{gap:11px}.breadcrumbs{gap:10px;font-size:10px}.breadcrumbs>svg:first-of-type{display:none}.main-content{padding:29px 24px 0}.intro{padding-top:5px;padding-bottom:30px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.intro h1{font-size:32px;margin-top:18px;line-height:1.55;letter-spacing:-1px}.intro>p{font-size:11px;max-width:90%}.intro-decoration{right:5px;top:40px;opacity:.4}.intro-bottom{gap:20px}.personal-role,.intro-bottom .text-link{font-size:9px}.featured{grid-template-columns:1.05fr 1fr;min-height:290px}.featured-content{padding:25px 23px}.featured-content h2{font-size:29px}.featured-label{font-size:8px}.featured-label>span{display:none}.featured-content>p{font-size:10px}.featured-meta{font-size:7px;gap:5px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.latest .article-grid:not(.as-list)>.article-card:last-child{display:none}.card-image{height:170px}.card-body{padding:16px 15px 10px}.card-body h3{font-size:13px}.card-body>p{font-size:10px;min-height:39px}.category-chip{font-size:8px}.card-meta>span{font-size:8px}.card-bottom>span{font-size:8px}.latest{margin-top:31px}.section-heading h2{font-size:17px}.section-heading h2>span{font-size:7px;letter-spacing:1px;margin-left:9px}.garden-note{padding:20px;gap:13px}.garden-note h3{font-size:11px}.garden-note p{font-size:9px}.note-icon{width:35px;height:35px}.garden-note>a{font-size:9px;gap:5px}.bottom-note{padding-top:25px}.page-heading{padding:8px 0 28px}.page-heading h1{font-size:30px}.page-heading>p{font-size:11px}.article-filters>.tabs{flex:1 0 auto}.article-filters>.sort-select{margin-left:auto}.article-filters>.view-toggle{display:none}.reading-layout{grid-template-columns:1fr;gap:0;margin-top:30px}.table-of-contents{display:none}.detail-heading h1{font-size:32px}.detail-heading>p{font-size:12px}.detail-cover{height:280px}.prose{font-size:14px}.project-grid{gap:18px}.project-art{height:210px}.project-body{padding:19px}.project-title h2{font-size:18px}.project-title>span{font-size:8px}.project-body>p{font-size:11px}.project-art strong{font-size:28px}.project-art .logo-mark{width:42px;height:45px}.project-art .logo-mark i:nth-child(3){margin-bottom:9px}.project-art strong>span{font-size:6px}.project-art{gap:12px}.project-art .logo-mark i{height:20px}.project-art .logo-mark i:nth-child(2){height:29px}.project-stack{gap:5px}.project-stack>span{font-size:8px}.about-intro{gap:26px;grid-template-columns:.8fr 1fr}.about-art{min-height:320px}.about-intro h2{font-size:24px}.about-intro p{font-size:11px}.about-intro .eyebrow{font-size:7px;letter-spacing:1.2px}.about-values{gap:20px}.about-values h3{font-size:12px}.about-values p{font-size:10px}.contact-section h2{font-size:23px}.as-list{grid-template-columns:1fr}.list-card{grid-template-columns:190px 1fr}.list-card .card-body h3{font-size:15px}.skip-link{left:20px}.search-overlay{padding-top:12vh}}@media (max-width: 520px){.topbar{padding:0 19px}.topbar-actions{gap:10px}.search-trigger{padding:5px}.search-trigger>span,.search-trigger kbd{display:none}.topbar-divider{display:none}.top-avatar{width:27px;height:27px;font-size:16px;margin-left:2px}.breadcrumbs{gap:8px}.main-content{padding:25px 20px 0}.intro h1{font-size:30px;line-height:1.55;margin:19px 0 13px}.intro h1>span{display:block}.intro-decoration{right:12px;top:35px;width:72px;height:72px;opacity:.65}.intro-decoration>svg{top:23px;left:23px}.intro>p{max-width:100%;font-size:11px;line-height:2.05}.intro-bottom{gap:12px;justify-content:space-between;margin-top:21px}.personal-role{font-size:8px;gap:6px;letter-spacing:0}.intro-bottom .text-link{font-size:8px;gap:4px}.mini-avatar{width:19px;height:19px;font-size:13px}.featured{display:flex;flex-direction:column;border-radius:8px}.featured-image{height:208px}.featured-content{padding:24px}.featured-label{font-size:9px}.featured-label>span{display:inline;font-size:7px;margin-left:5px}.featured-content h2{font-size:30px;line-height:1.55;margin-top:12px}.featured-content h2 br{display:none}.featured-content>p{font-size:11px;line-height:1.9;max-width:100%;margin-top:10px}.featured-meta{font-size:8px;gap:8px}.read-link{font-size:11px;margin-top:16px}.section-heading h2{font-size:17px}.section-heading h2>span{display:none}.section-heading .text-link{font-size:9px}.filter-row{margin-top:18px;margin-bottom:18px;gap:5px}.tabs{gap:2px}.tabs>button{padding:7px 9px;font-size:9px}.view-toggle{padding:2px;gap:0}.view-toggle button{width:22px;height:22px}.article-grid{grid-template-columns:1fr;gap:21px}.latest .article-grid:not(.as-list)>.article-card:last-child{display:block}.card-image{height:200px}.card-body{padding:19px 19px 11px}.card-body h3{font-size:16px;margin-top:13px}.card-body>p{font-size:11px;line-height:1.9;min-height:42px}.card-meta>span{font-size:9px}.category-chip{font-size:9px}.card-bottom>span{font-size:9px}.card-bottom{margin-top:18px;padding-top:8px}.design-sheet{width:49%;left:26%;top:30px;height:191px;padding:19px}.design-sheet>b{font-size:50px}.sheet-small{font-size:8px}.swatches i{height:27px}.art-label{font-size:7px;top:19px;left:20px}.art-index{font-size:7px;left:20px;bottom:17px}.editor{max-width:290px;height:162px}.editor-top{height:28px}.editor-top small{font-size:8px}.code-lines{font-size:9px;padding:10px}.code-lines em{font-size:7px;margin-right:12px}.garden-note{margin-top:25px;padding:21px 18px;flex-wrap:wrap;gap:12px}.garden-note>div{flex:1}.garden-note h3{font-size:12px}.garden-note p{font-size:9px;line-height:1.9;margin-top:6px}.garden-note>a{margin-left:47px;font-size:10px;margin-top:2px}.bottom-note{font-size:7px;letter-spacing:.3px;align-items:center}.bottom-note>span:last-child{font-size:6px;letter-spacing:.8px;gap:5px}.bottom-note .orange-period{font-size:13px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.page-heading>p{font-size:11px}.article-search input{font-size:11px}.article-search{gap:10px;padding-left:12px}.article-search .button{padding:8px 12px;font-size:10px}.article-filters{row-gap:13px}.article-filters>.tabs{flex:1 0 100%}.article-filters>.sort-select{margin-left:0}.article-filters>.view-toggle{display:flex}.result-count{margin:18px 0}.list-card{display:block}.list-card .card-image{height:180px;min-height:0}.list-card .card-body{padding:18px}.list-card .card-body h3{font-size:16px}.detail-heading h1{font-size:28px;line-height:1.65}.detail-heading>p{font-size:12px}.detail-meta{font-size:9px;gap:9px;flex-wrap:wrap}.detail-cover{height:220px;margin-top:25px}.detail-cover .editor{height:183px;width:86%;max-width:300px}.detail-cover .editor-top{height:25px}.detail-cover .code-lines{font-size:9px;line-height:1.9;padding:13px}.detail-cover .code-lines em{font-size:8px;margin-right:14px}.detail-cover .design-sheet{height:210px;top:25px;width:165px;left:calc(50% - 82px);padding:17px}.detail-cover .design-sheet>b{font-size:53px;margin-top:5px}.detail-cover .swatches i{height:29px}.detail-cover .sheet-small{font-size:8px}.back-link{margin-bottom:25px}.prose{font-size:13px;line-height:2.15}.prose>h2{font-size:21px;margin-top:29px}.prose blockquote{padding:18px 20px;font-size:14px}.author-card{padding:20px;gap:12px}.author-card p{font-size:10px}.author-avatar{height:39px;width:39px;font-size:25px}.project-grid{grid-template-columns:1fr;gap:25px}.project-art{height:240px}.project-art strong{font-size:37px}.project-art strong>span{font-size:8px}.project-art{gap:17px}.project-art .logo-mark{width:51px;height:55px}.project-art .logo-mark i:nth-child(3){margin-bottom:14px}.project-body{padding:23px}.project-title h2{font-size:23px}.project-title>span{font-size:9px}.project-body>p{font-size:12px}.project-stack>span{font-size:9px}.about-intro{grid-template-columns:1fr;gap:30px;padding-top:0;padding-bottom:35px}.about-art{min-height:265px}.about-intro h2{font-size:28px}.about-intro p{font-size:12px}.about-intro .eyebrow{font-size:8px}.about-values{grid-template-columns:1fr;gap:28px;padding:30px 0}.about-values h3{font-size:15px;margin:12px 0 8px}.about-values p{font-size:12px}.contact-section{padding-top:35px}.contact-section h2{font-size:23px;line-height:1.6}.contact-section>p{font-size:11px}.contact-placeholder{row-gap:9px}.contact-placeholder small{width:100%;padding-left:27px}.search-overlay{padding:10vh 13px 20px}.search-dialog form{padding:15px}.search-dialog input{font-size:12px}.search-results{padding:18px 9px 10px}.search-results b{font-size:11px}.search-results>a{padding:12px 9px;gap:9px}.search-footer{font-size:8px;padding:12px 17px}.back-top{right:8px;bottom:9px;width:25px;height:25px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.article-card:hover{transform:none}}.featured-content h2 .featured-title-line{display:block;color:var(--text)}@media (max-width: 980px) and (min-width: 761px){.featured-content h2 .featured-title-line{display:inline}}@media (max-width: 520px){.featured-content h2 .featured-title-line{display:inline}}@media (min-width: 761px){.primary-nav a,.category-nav a{font-size:13px}.nav-label,.brand small{font-size:10px}.intro>p{font-size:13px}.featured-content>p{font-size:12px}.card-body>p{font-size:11px;min-height:43px}.card-body h3{font-size:14px}.card-meta>span,.category-chip,.card-bottom>span{font-size:9px}.tabs>button{font-size:11px}.sidebar-footer p,.icp{font-size:10px}}@media (max-width: 1190px) and (min-width: 981px){.card-meta>span,.category-chip,.card-bottom>span{font-size:8px}.card-body h3{font-size:13px}.tabs>button{font-size:10px}}@media (max-width: 520px){.filter-row{flex-wrap:wrap;row-gap:10px}.filter-row>.view-toggle{margin-left:auto}}@media (min-width: 521px) and (max-width: 980px){.latest .article-grid:not(.as-list)>.article-card:last-child{display:block}}:root{--playful-lilac: #f1ecff;--playful-peach: #fff0e2;--lift-shadow: 0 12px 30px #0072f612}:root[data-theme=dark]{--playful-lilac: #302744;--playful-peach: #3b2c22;--lift-shadow: 0 14px 32px #0004}.growth-highlight{background:linear-gradient(transparent 72%,var(--active) 72%,var(--active) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.intro-playground{position:absolute;top:5px;right:0;width:160px;height:174px;pointer-events:none}.playground-orbit{position:absolute;top:15px;right:8px;bottom:20px;left:8px;border:1px dashed color-mix(in srgb,var(--brand) 24%,transparent);border-radius:50%;transform:rotate(-22deg)}.playground-dot{position:absolute;width:7px;height:7px;background:var(--brand);border-radius:50%;left:13px;top:100px;box-shadow:0 0 0 5px var(--active)}.idea-tile{position:absolute;display:grid;place-items:center;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand) 10%,var(--bg));box-shadow:0 5px 15px #162d5310}.tile-code{width:64px;height:64px;left:22px;top:13px;background:var(--brand);color:#fff;transform:rotate(-12deg)}.tile-design{width:58px;height:58px;right:2px;top:60px;background:var(--playful-lilac);color:#7955bf;transform:rotate(12deg)}.tile-life{width:44px;height:44px;left:39px;top:113px;background:var(--playful-peach);color:#a56123;transform:rotate(-7deg)}[data-theme=dark] .tile-design{color:#c4a6ff}[data-theme=dark] .tile-life{color:#f2b980}.playground-caption{position:absolute;bottom:-9px;right:0;color:var(--muted);font-size:7px;letter-spacing:1.4px}.intro-discovery{display:flex;align-items:center;gap:18px;margin-top:23px}.intro-discovery>span{display:inline-flex;align-items:center;gap:7px;color:var(--secondary);font-size:10px}.intro-discovery>span>svg{color:var(--accent)}.discovery-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:18px;background:var(--active);color:var(--primary);font-size:10px;font-weight:550}.discovery-button:disabled{opacity:.55}.primary-nav a,.category-nav a{position:relative}.primary-nav a.active:before,.category-nav a.active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--brand);border-radius:0 3px 3px 0}.tabs>button.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 16%,transparent)}.section-heading h2:before{content:"";display:inline-block;width:5px;height:16px;background:var(--brand);border-radius:3px;margin-right:10px;vertical-align:-1px}.article-card,.project-card{transition:border-color .2s,box-shadow .2s,transform .2s}.article-card:focus-within,.project-card:focus-within{border-color:var(--brand);box-shadow:var(--lift-shadow)}.card-image:focus-visible .image-arrow{opacity:1;transform:none}.garden-note{background:linear-gradient(115deg,var(--active),var(--surface) 65%);border-color:color-mix(in srgb,var(--brand) 14%,var(--line))}.garden-note .note-icon{transform:rotate(-9deg);border-radius:13px}.garden-note>a{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:8px 12px;color:var(--primary)}@media (hover: hover) and (pointer: fine){.article-card:hover,.project-card:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:var(--lift-shadow);transform:translateY(-4px)}.discovery-button:not(:disabled):hover{background:var(--brand);color:#fff;box-shadow:0 5px 15px #0072f620}.button.primary:hover{box-shadow:0 5px 15px #0072f628}.primary-nav a:hover>svg,.category-nav a:hover>svg{transform:translateY(-1px) rotate(-6deg)}.brand:hover .logo-mark{transform:rotate(0)}.text-link:hover>svg,.garden-note>a:hover>svg{transform:translate(2px,-2px)}.save-button:hover{background:var(--active);color:var(--accent)}.garden-note>a:hover{border-color:var(--brand)}}@media (prefers-reduced-motion: no-preference){.intro,.page-heading{animation:content-arrive .45s ease-out both}.featured,.article-grid,.project-grid{animation:content-arrive .5s ease-out both}.tile-code{animation:tile-settle .65s .08s ease-out both}.tile-design{animation:tile-settle .65s .18s ease-out both}.tile-life{animation:tile-settle .65s .28s ease-out both}.logo-mark,.primary-nav a>svg,.category-nav a>svg,.text-link>svg,.garden-note>a>svg{transition:transform .2s ease}.save-button.is-saved svg{animation:bookmark-pop .3s ease-out}.button:active,.discovery-button:not(:disabled):active{transform:scale(.98)}}@keyframes content-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes tile-settle{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes bookmark-pop{0%,to{transform:scale(1)}45%{transform:scale(1.22)}}@media (min-width: 1101px) and (max-width: 1499px){.intro-playground{width:125px;right:-2px;transform:scale(.85);transform-origin:top right}.intro h1{max-width:calc(100% - 120px)}.intro>p{max-width:min(620px,calc(100% - 145px))}}@media (max-width: 1100px) and (min-width: 521px){.intro-playground{display:none}}@media (max-width: 520px){.intro-playground{width:64px;height:45px;top:29px;right:0}.playground-orbit{top:4px;right:0;bottom:12px;left:0}.tile-code{width:36px;height:36px;border-radius:10px;left:20px;top:0}.tile-code svg{width:20px;height:20px}.tile-design{width:28px;height:28px;border-radius:8px;top:41px;right:0}.tile-design svg{width:17px;height:17px}.tile-design,.tile-life,.playground-caption,.playground-dot{display:none}.intro-discovery{flex-wrap:wrap;gap:10px 14px;margin-top:20px}.intro-discovery>span{font-size:9px}.discovery-button{min-height:40px;font-size:10px}.garden-note>a{margin-left:47px}}@media (max-width: 380px){.intro-playground{display:none}}@media (prefers-reduced-motion: reduce){.article-card:hover,.project-card:hover,.brand:hover .logo-mark,.primary-nav a:hover>svg,.category-nav a:hover>svg,.text-link:hover>svg,.garden-note>a:hover>svg{transform:none}}:root{--font-reading: 1.125rem;--font-body: 1rem;--font-summary: 1rem;--font-caption: .8125rem;--font-ui: .9375rem;--font-label: .75rem}.prose{font-size:var(--font-reading);line-height:1.95;letter-spacing:.02em;min-width:0;overflow-wrap:anywhere}.prose>p{margin-bottom:1.5em}.prose>p:first-child{font-size:var(--font-summary);line-height:1.85}.prose blockquote{font-size:var(--font-reading);line-height:1.9}.intro>p,.featured-content>p,.page-heading>p,.detail-heading>p,.about-intro p,.about-values p,.contact-section>p,.project-body>p{font-size:var(--font-body);line-height:1.85;overflow-wrap:anywhere}.card-body>p,.list-card .card-body>p{font-size:var(--font-summary);line-height:1.8;min-height:3.6em;overflow-wrap:anywhere}.card-body h3,.list-card .card-body h3{font-size:1.125rem;line-height:1.6}.garden-note p,.author-card p,.project-callout p,.state-box{font-size:var(--font-summary);line-height:1.8}.garden-note h3,.about-values h3{font-size:1rem;line-height:1.65}.card-meta>span,.category-chip,.card-bottom>span,.featured-meta,.detail-meta,.detail-tags>a,.project-stack>span,.project-unpublished,.about-demo,.result-count,.personal-role,.intro-bottom>.text-link,.garden-note>a{font-size:var(--font-caption);line-height:1.65}.card-meta,.featured-meta,.detail-meta,.project-stack,.intro-bottom,.garden-note,.article-actions{flex-wrap:wrap}.card-bottom>span{flex-wrap:wrap}.card-meta,.card-bottom,.garden-note,.author-card,.project-title{min-width:0}.garden-note>div,.author-card>div{min-width:0;overflow-wrap:anywhere}.read-link,.button,.back-link,.table-of-contents>a,.contact-placeholder{font-size:.875rem}.table-of-contents>a{line-height:1.8}.contact-placeholder small{font-size:var(--font-caption)}@media (max-width: 760px){.prose{line-height:1.9}.prose>h2{font-size:1.375rem;line-height:1.55;margin:1.6em 0 .75em}.prose blockquote{padding:18px 20px;margin:26px 0}.card-body h3,.list-card .card-body h3{font-size:1.125rem}.card-body>p,.list-card .card-body>p{-webkit-line-clamp:3;min-height:0}.card-body,.list-card .card-body{padding:20px 18px 14px}.article-search input,.search-dialog input,.sort-select select{font-size:1rem}.search-results b{font-size:.9375rem;line-height:1.7}.search-results small,.tabs>button,.section-heading .text-link,.discovery-button,.intro-discovery>span{font-size:.8125rem}.intro-bottom{gap:12px 18px;align-items:flex-start}.personal-role{flex-wrap:wrap}.featured-meta{gap:6px 9px}.filter-row{flex-wrap:wrap;gap:12px}.tabs{gap:5px}.tabs>button,.button,.article-search .button{min-height:40px}.article-search .button{font-size:.875rem}.card-bottom{gap:10px}.save-button{width:40px;height:40px;flex-shrink:0}.author-card,.project-title{flex-wrap:wrap}.garden-note>div{flex-basis:calc(100% - 64px)}}@media (min-width: 521px) and (max-width: 760px){.featured{grid-template-columns:1fr}.featured-image{height:240px}.featured-content h2 .featured-title-line{display:inline}}body{font-size:var(--font-body);line-height:1.6}.primary-nav a,.category-nav a,.search-trigger,.tabs>button,.text-link,.intro-bottom>.text-link,.garden-note>a,.read-link,.button,.back-link,.discovery-button,.table-of-contents>a,.contact-placeholder,.article-search .button{font-size:var(--font-ui);line-height:1.6}.brand>span:last-child{font-size:1.5rem;min-width:0;overflow-wrap:anywhere}.brand small{font-size:.6875rem;margin-top:6px;line-height:1.6;white-space:normal}.brand{align-items:flex-start;flex-shrink:0}.brand .logo-mark{margin-top:2px;width:34px;height:36px;border-radius:9px;gap:3px}.brand .logo-mark i{width:3px;height:15px}.brand .logo-mark i:nth-child(2){height:22px}.brand .logo-mark i:nth-child(3){height:10px;margin-bottom:9px}.primary-nav a,.category-nav a{height:auto;min-height:46px;padding:10px 12px;gap:11px}.primary-nav a>span:first-of-type,.category-nav a>span{min-width:0;overflow-wrap:anywhere}.primary-nav a>small,.category-nav a>small,.sidebar-note,.breadcrumbs,.personal-role,.search-results small,.featured-label,.project-title>span,.project-unpublished,.result-count,.result-count button,.intro-discovery>span,.contact-placeholder small{font-size:var(--font-caption);line-height:1.65}.nav-label,.eyebrow,.intro .eyebrow,.page-heading .eyebrow,.about-intro .eyebrow,.section-heading h2>span,.featured-label>span,.table-of-contents>.nav-label,.featured-image-label,.photo-index,.landscape-caption,.bottom-note,.bottom-note>span:last-child,.search-trigger kbd,.search-footer,.search-footer kbd,.tabs>button>span,.toc-note>p{font-size:var(--font-label);line-height:1.65}.nav-label,.eyebrow,.intro .eyebrow,.page-heading .eyebrow,.about-intro .eyebrow{letter-spacing:.6px}.sidebar-scroll{min-height:0;padding-top:28px}.sidebar-note{margin:26px 10px 20px;gap:5px;letter-spacing:0}.sidebar-footer{flex-shrink:0;padding:15px 7px 0;margin-top:12px;overflow-wrap:anywhere}.sidebar-footer p,.sidebar-footer .icp,.sidebar-footer .social-links>span{font-size:.6875rem;line-height:1.65}.social-links{gap:10px;flex-wrap:wrap;margin-bottom:13px}.social-links>span{letter-spacing:.3px}.breadcrumbs{min-width:0}.breadcrumbs strong{min-width:0;overflow-wrap:anywhere}.topbar-actions{flex-shrink:0}.search-trigger kbd{margin-left:12px}.article-search input,.search-dialog input,.sort-select select,.search-results b{font-size:var(--font-body);line-height:1.65}.intro h1{font-size:clamp(2rem,3vw,2.75rem);line-height:1.5}.page-heading h1,.detail-heading h1{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.5}.featured-content h2,.about-intro h2{font-size:clamp(1.875rem,2.8vw,2.375rem)}.section-heading h2,.project-title h2,.contact-section h2{font-size:1.5rem;line-height:1.5}.card-body h3,.list-card .card-body h3,.garden-note h3,.about-values h3,.project-callout h3,.author-card h3{font-size:1.125rem;line-height:1.6}.section-heading,.featured-label,.project-title,.filter-row,.intro-bottom,.search-footer,.bottom-note,.card-meta,.result-count{flex-wrap:wrap;row-gap:10px}.section-heading>*,.project-title>*,.intro-discovery>span{min-width:0;overflow-wrap:anywhere}.featured-meta{gap:6px 10px}.featured-content h2{margin-top:16px}.featured-content>p{margin-top:16px}.read-link{margin-top:24px}.tabs{gap:6px}.tabs>button,.button,.discovery-button,.article-search .button{min-height:44px}.view-toggle button,.save-button{width:36px;height:36px;flex-shrink:0}.article-grid:not(.as-list) .article-card{display:flex;flex-direction:column}.article-card .card-image{flex-shrink:0}.article-grid:not(.as-list) .card-body{flex:1;display:flex;flex-direction:column}.article-grid:not(.as-list) .card-body>p{margin-bottom:18px}.article-grid:not(.as-list) .card-bottom{margin-top:auto}@media (min-width: 761px) and (max-width: 1190px){.article-grid:not(.as-list){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.article-grid:not(.as-list),.project-grid,.about-intro,.about-values{grid-template-columns:1fr}.section-heading .text-link,.intro-bottom .text-link,.garden-note>a,.discovery-button,.tabs>button,.button{font-size:var(--font-ui)}.intro-playground{display:none}.intro>p{max-width:100%}.intro-discovery{flex-wrap:wrap;gap:12px}.card-body,.list-card .card-body{padding:22px 20px 16px}.card-image{height:210px}.search-results b{font-size:var(--font-body)}.search-results small{font-size:var(--font-caption)}.search-trigger,.theme-toggle,.mobile-menu,.save-button,.view-toggle button{min-width:44px;min-height:44px}.topbar{height:auto;min-height:56px;padding:5px 16px;gap:8px}.topbar-actions{gap:4px}.breadcrumbs{gap:6px}.breadcrumbs>span,.breadcrumbs>svg,.search-trigger>span,.search-trigger kbd,.topbar-divider{display:none}.topbar .top-avatar{margin-left:3px}.intro h1{max-width:100%}.intro h1>span{display:block}.about-art{min-height:265px}}.detail-heading{max-width:none}.detail-heading>p{max-width:760px}.detail-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px}.detail-info-row .detail-meta{flex:1;min-width:0;margin-top:0;gap:6px 10px}.detail-author{display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere}.detail-meta time{white-space:nowrap}.detail-info-row .article-actions{flex-shrink:0;flex-wrap:nowrap;margin:0 0 0 auto;padding:0;border:0;gap:8px}.article-actions .article-action{width:44px;height:44px;padding:0;border-radius:50%;color:var(--secondary)}.article-actions .article-action:hover,.article-actions .article-action:focus-visible,.article-actions .article-action.is-active{background:var(--active);color:var(--primary)}.article-action-status{color:var(--secondary);font-size:var(--font-caption);text-align:right;overflow-wrap:anywhere}.article-action-status:not(:empty){margin-top:10px}@media (max-width: 760px){.detail-info-row{gap:10px}.detail-info-row .detail-meta{gap:4px 7px}}.article-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.article-topline .back-link{margin-bottom:0}.article-topline .category-chip{margin-left:auto;flex-shrink:0;padding:5px 9px}.detail-heading>h1:first-child{margin-top:0}.account-control{display:flex;align-items:center;gap:8px}.account-name{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--secondary)}.account-login,.account-logout,.account-control .icon-button{min-width:36px;min-height:36px}.account-login,.account-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:9px;font-size:13px;white-space:nowrap}.account-login{flex-shrink:0;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--secondary);font-size:13px;font-weight:500;line-height:20px;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.account-login svg{color:var(--muted);flex-shrink:0}.account-login:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:var(--soft-accent)}.account-login:hover:not(:disabled) svg{color:inherit}.account-login:disabled{opacity:.6}@media (prefers-reduced-motion: reduce){.account-login{transition:none}}.account-logout{color:var(--muted)}.account-logout:hover{background:var(--surface);color:var(--text)}.account-toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translate(-50%);z-index:110;max-width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);box-shadow:0 8px 32px #0002;font-size:14px}.account-toast>span{flex:1}.account-toast>button:not(.icon-button){color:var(--primary);white-space:nowrap}.login-page{max-width:540px;margin:25px auto 65px;text-align:center}.login-symbol{margin:0 auto 22px;width:68px;height:68px;border-radius:20px;background:var(--active);color:var(--primary);display:grid;place-items:center}.login-page>.eyebrow{justify-content:center}.login-page h1{font-size:30px;margin:16px 0}.login-page>p{color:var(--secondary);font-size:16px;line-height:1.9}.login-benefits{display:flex;justify-content:center;gap:25px;margin:25px 0;color:var(--secondary);font-size:14px}.login-benefits span{display:flex;align-items:center;gap:7px}.provider-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.provider-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:16px 13px;text-align:left;flex-wrap:wrap}.provider-button:hover:not(:disabled){border-color:var(--brand);background:var(--active)}.provider-button:disabled{opacity:.6}.provider-symbol{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#fff}.provider-symbol img{display:block;width:24px;height:24px;object-fit:contain}.provider-button>span:nth-child(2){font-size:15px;font-weight:500}.provider-button small{font-size:12px;color:var(--secondary);margin-left:auto}.login-consent{display:flex;gap:10px;text-align:left;align-items:flex-start;font-size:13px;line-height:1.9;color:var(--secondary);margin:25px 0 14px}.login-consent input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:var(--brand)}.login-consent a{color:var(--primary);text-decoration:underline;margin:0 3px}.login-page .login-fineprint,.login-page .login-notice{font-size:13px}.login-page>.text-link{margin-top:22px}.login-notice{background:var(--surface);border-radius:8px;padding:13px}.form-message{color:#b44935;font-size:14px;line-height:1.8;margin:16px 0}.form-message button{color:var(--primary);text-decoration:underline}.privacy-page{max-width:760px;padding:15px 0 60px}.privacy-page h1{font-size:30px;margin-bottom:20px}.privacy-page h2{font-size:22px;margin:32px 0 14px}.privacy-page p{color:var(--secondary);line-height:1.95;font-size:16px}.privacy-page>.text-link{margin-top:25px}.comments-section{border-top:1px solid var(--line);padding:35px 0 10px;margin-top:45px;min-width:0}.comments-section>header{display:flex;align-items:center;gap:12px;color:var(--primary)}.comments-section h2{font-size:24px;color:var(--text);font-weight:600}.comments-intro{font-size:14px;color:var(--secondary);margin:12px 0 23px;line-height:1.9}.comment-form,.comment-login{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px}.comment-form label{font-size:14px;display:block;margin-bottom:12px;overflow-wrap:anywhere}.comment-form textarea{font:inherit;display:block;resize:vertical;width:100%;min-height:125px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:14px;color:var(--text);line-height:1.8}.comment-form textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.comment-form textarea::placeholder{color:var(--muted);opacity:1}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.comment-form-footer>span{font-size:13px;color:var(--secondary)}.comment-login{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:15px}.comments-empty{padding:32px 10px;color:var(--secondary);font-size:15px;text-align:center}.comment-notice{font-size:14px;color:var(--primary);margin-top:16px}.comment-item{display:flex;gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.comment-avatar{width:36px;height:36px;background:var(--active);color:var(--primary);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:16px}.comment-content{min-width:0;flex:1}.comment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.comment-meta strong{font-size:15px;font-weight:550;overflow-wrap:anywhere}.comment-meta time{color:var(--muted)}.comment-meta .icon-button{margin-left:auto}.comment-pending{font-size:12px;padding:2px 7px;background:var(--active);color:var(--primary);border-radius:4px}.comment-content>p{font-size:16px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--secondary);margin-top:10px}.comment-confirm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:14px}.comments-section>.button{margin-top:20px}.comment-form button:disabled{opacity:.6}[data-theme=dark] .form-message{color:#ffae98}@media (max-width: 760px){.account-name{display:none}.account-login,.account-logout,.account-control .icon-button{min-width:44px;min-height:44px}.account-toast{left:50%;width:calc(100vw - 32px)}.login-page{margin-top:10px}.login-page h1{font-size:27px}.provider-list{grid-template-columns:1fr}.provider-button{min-height:60px}.comment-form,.comment-login{padding:17px}.comment-form textarea{font-size:16px}.comment-meta .icon-button{width:44px;height:44px}.comments-section h2{font-size:22px}.comment-item{gap:10px}.comment-content>p{font-size:16px}.comment-form-footer{flex-wrap:wrap}}