.admin-shell{background:#f7f8fb;min-height:100dvh}.admin-sidebar{border-right:1px solid var(--line);z-index:40;background:#fff;flex-direction:column;width:232px;padding:31px 19px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{align-items:center;gap:12px;padding:0 14px 40px;display:flex}.admin-brand strong{letter-spacing:.5px;font-size:23px;line-height:1.2}.admin-brand small{color:var(--muted);letter-spacing:2px;margin-top:7px;font-size:10px;font-weight:400;display:block}.sidebar-label{color:#939baa;letter-spacing:1.7px;margin:8px 0 14px;padding:0 15px;font-size:9px}.admin-sidebar nav{flex-direction:column;gap:5px;display:flex}.admin-sidebar nav a{color:#6a7283;border-radius:7px;align-items:center;gap:12px;padding:12px 15px;font-size:13px;display:flex}.admin-sidebar nav a:hover{background:#f4f6fa}.admin-sidebar nav a.active{color:var(--accent);background:#edf2ff;font-weight:600}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.sidebar-bottom a,.sidebar-bottom button{color:#6a7383;align-items:center;gap:12px;width:100%;padding:10px 15px;font-size:12px;display:flex}.sidebar-bottom span{color:#9aa1af;padding:24px 15px 0;font-size:9px;display:block}.admin-main{min-height:100dvh;margin-left:232px}.admin-page{max-width:1320px;margin:auto;padding:42px 40px 65px}.admin-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.admin-page-heading h1{letter-spacing:-.8px;margin:7px 0;font-size:28px}.admin-page-heading p{color:var(--muted);font-size:12px}.admin-page-heading .section-kicker{font-size:9px}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:9px;flex-direction:column;padding:23px;display:flex;position:relative}.stat-card>svg{color:#98a4c2;position:absolute;top:23px;right:20px}.stat-card strong{letter-spacing:-1px;font-size:33px;font-weight:650;line-height:1.3}.stat-card>span{color:var(--muted);margin-top:13px;font-size:11px}.stat-card:hover{border-color:#bccbff}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:9px;padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-heading h2{font-size:16px;font-weight:650}.panel-heading .text-link{color:var(--muted);font-size:11px}.recent-list>a{border-top:1px solid var(--line);align-items:center;gap:15px;padding:16px 0;display:flex}.recent-list>a:first-child{border-top:0;padding-top:0}.recent-list>a:last-child{padding-bottom:0}.recent-list img{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:72px;height:50px}.recent-list>a>div{flex:1;min-width:0}.recent-list h3{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.recent-list div>span{color:#8b92a0;margin-top:6px;font-size:10px;display:block}.recent-list>a>svg{color:#a4abb9}.status-badge{color:#707889;white-space:nowrap;background:#f0f2f6;border-radius:4px;padding:3px 8px;font-size:10px;display:inline-flex}.status-badge.published{color:var(--accent);background:#edf2ff}.status-badge.draft{color:#96701e;background:#fff7e8}.status-badge.trash{color:#ad3c4b;background:#fff0f1}.admin-help-grid{grid-template-columns:1fr 1fr;gap:23px;margin-top:26px;display:grid}.help-panel>svg{color:var(--accent);margin-bottom:14px}.help-panel h3{font-size:15px}.help-panel p{color:var(--muted);margin:10px 0 20px;font-size:12px;line-height:1.9}.help-panel .text-link{color:var(--accent);font-size:11px}.admin-mobile-toggle{display:none}.toast-message{z-index:150;color:#fff;background:#202b41;border-radius:8px;align-items:center;gap:10px;max-width:calc(100% - 40px);padding:14px 19px;font-size:13px;display:flex;position:fixed;bottom:28px;left:calc(50% + 116px);transform:translate(-50%);box-shadow:0 8px 35px #27344c26}.toast-message.error{background:#9a2d3d}.toast-message button{color:inherit;padding:4px;display:flex}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin-bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-8px}.admin-page input:not([type=checkbox]),.admin-page select,.admin-page textarea,.editor-page input:not([type=checkbox]),.editor-page select,.editor-page textarea,.login-form input{width:100%;color:var(--ink);background:#fff;border:1px solid #dce1eb;border-radius:6px;min-height:42px;padding:10px 12px;font-size:13px}.admin-page textarea,.editor-page textarea{resize:vertical;line-height:1.9}.field{margin-bottom:19px;display:block}.field>label,.field>span{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.field small{color:#7c8495;margin-top:6px;font-size:10px;font-weight:400;line-height:1.8;display:block}.field-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.check-field{align-items:center;gap:9px;margin-bottom:14px;font-size:12px;display:flex}.check-field input{width:16px;height:16px;accent-color:var(--accent)}.field-error{color:#ae293d;margin-top:6px;font-size:11px}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.table-toolbar .filter-tabs{gap:0}.table-toolbar .filter-tabs button{padding:8px 13px;font-size:11px}.input-with-icon{border:1px solid #dce1eb;border-radius:6px;align-items:center;gap:8px;width:210px;padding:0 10px;display:flex}.input-with-icon svg{color:#8b94a5}.input-with-icon input{outline:0;border:0!important;min-height:38px!important;padding-left:0!important;font-size:11px!important}.input-with-icon:focus-within{outline:2px solid #9caffb}.table-scroll{margin:0 -24px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}.admin-table th{text-align:left;color:#8a92a2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfd;padding:12px 20px;font-size:10px;font-weight:500}.admin-table td{color:#697386;border-bottom:1px solid #edf0f5;padding:20px}.admin-table tr:last-child td{border-bottom:0}.admin-table td:first-child{width:42%;min-width:240px}.table-post-title{color:var(--ink);font-size:12px;font-weight:600;line-height:1.8}.table-post-title:hover{color:var(--accent)}.table-post-flags{gap:7px;margin-top:6px;display:flex}.table-post-flags span{border:1px solid var(--line);color:#8c94a4;border-radius:3px;padding:0 5px;font-size:9px}.table-actions{gap:0;display:flex}.table-actions .icon-button{min-width:32px;min-height:34px}.danger{color:#b52b3b}.confirm-inline{white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.confirm-inline button{padding:5px}.login-page{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{color:#fff;background:#214de8;flex-direction:column;padding:50px 60px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff19;border-radius:50%;width:550px;height:550px;position:absolute;bottom:-200px;right:-340px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06,0 0 0 210px #ffffff04}.login-logo{letter-spacing:1px;font-size:29px;font-weight:700}.login-logo small{letter-spacing:1.5px;opacity:.7;margin-left:9px;font-size:10px;font-weight:400}.login-story>div{z-index:1;margin:auto 0;padding:80px 0;position:relative}.login-story .section-kicker{color:#b7c9ff;letter-spacing:1.5px;font-size:9px}.login-story h1{letter-spacing:-1px;margin:22px 0;font-size:42px;line-height:1.55}.login-story p{color:#bfcfff;font-size:14px;line-height:2}.login-story-footer{letter-spacing:2px;color:#b2c4ff;font-size:9px}.login-panel{justify-content:center;align-items:center;padding:40px;display:flex}.login-form{flex-direction:column;width:100%;max-width:340px;display:flex}.login-lock{background:var(--accent-light);color:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:23px;display:flex}.login-form h2{letter-spacing:-1px;font-size:29px}.login-form>p{color:var(--muted);margin:9px 0 30px;font-size:13px}.login-form label{margin-bottom:8px;font-size:12px;font-weight:600}.login-form input{margin-bottom:21px}.login-form>.button{width:100%;margin-top:6px}.login-form>small{color:#8992a5;margin-top:20px;font-size:10px;line-height:1.9}.login-form>.text-link{color:var(--muted);margin-top:33px;font-size:11px}.taxonomy-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.taxonomy-list{flex-direction:column;gap:13px;display:flex}.taxonomy-item{border:1px solid var(--line);border-radius:7px;padding:19px}.taxonomy-item-header{align-items:center;gap:12px;display:flex}.taxonomy-item h3{flex:1;font-size:15px}.taxonomy-item .count{color:var(--muted);font-size:10px}.taxonomy-item p{color:var(--muted);margin:9px 0;font-size:12px}.taxonomy-item small{color:#8a94a8;font-size:10px}.taxonomy-item .table-actions{margin-left:auto}.form-title{margin-bottom:23px;font-size:17px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.media-tile{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.media-tile>img{aspect-ratio:1.4;-o-object-fit:contain;object-fit:contain;background:#edf0f6;width:100%}.media-info{padding:14px}.media-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.media-info>small{color:var(--muted);margin:7px 0 12px;font-size:10px;display:block}.media-info .field{margin-bottom:10px}.media-info input{min-height:34px!important;padding:7px 9px!important;font-size:11px!important}.media-actions{justify-content:space-between;align-items:center;gap:5px;font-size:11px;display:flex}.media-actions button{color:var(--accent);padding:6px}.upload-zone{text-align:center;background:#fafbfe;border:1px dashed #bec9e0;border-radius:9px;margin-bottom:25px;padding:30px}.upload-zone>svg{color:var(--accent);margin-bottom:10px}.upload-zone p{color:var(--muted);margin-bottom:12px;font-size:13px}.upload-zone small{color:#8a94a5;margin-top:10px;font-size:10px;display:block}.settings-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:25px;display:grid}.settings-main{flex-direction:column;gap:24px;display:flex}.settings-section h2{margin-bottom:24px;font-size:17px}.settings-section>p{color:var(--muted);margin-bottom:20px;font-size:12px}.settings-side{position:sticky;top:30px}.settings-side h3{margin-bottom:12px;font-size:14px}.settings-side li,.settings-side p{color:var(--muted);font-size:11px;line-height:1.9}.settings-side ul{margin:15px 0;padding-left:17px}.settings-side a{color:var(--accent)}.notice-box{color:#4c5c88;background:#eef3ff;border:1px solid #dce5ff;border-radius:7px;margin-bottom:22px;padding:15px 17px;font-size:12px;line-height:1.9}.settings-save{border:1px solid var(--line);z-index:10;background:#fffffff5;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex;position:sticky;bottom:18px;box-shadow:0 4px 25px #2c3a570a}.settings-save span{color:var(--muted);font-size:11px}.seo-checklist{flex-direction:column;gap:0;display:flex}.seo-check{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:16px 0;font-size:12px;display:flex}.seo-check svg{color:var(--accent)}.seo-check.warn svg{color:#b48829}.seo-check div{flex:1}.seo-check strong{font-size:13px;font-weight:600;display:block}.seo-check small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.seo-check .button{min-height:34px;padding:7px 10px;font-size:11px}.seo-sections{flex-direction:column;gap:24px;display:flex}.seo-post{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:17px 0;display:flex}.seo-post:last-child{border-bottom:0}.seo-post-title{flex:1;min-width:0}.seo-post-title h3{font-size:13px;font-weight:600}.seo-issues{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.seo-issues span{color:#947429;background:#fff8e9;border-radius:3px;padding:2px 6px;font-size:9px}.seo-issues span.good{color:var(--accent);background:#edf2ff}.notification-list,.notification-list strong{font-size:12px}.notification-list>div{border-top:1px solid var(--line);padding:14px 0}.notification-list p{color:var(--muted);margin-top:5px;font-size:11px}.notification-list small{color:#8c95a6;font-size:10px}.tag-cloud{flex-wrap:wrap;gap:9px;display:flex}.editor-page{max-width:1500px;margin:auto;padding:28px 30px 55px}.editor-header{justify-content:space-between;align-items:center;gap:13px;margin-bottom:24px;display:flex}.editor-header>div:first-child{align-items:center;gap:10px;display:flex}.editor-header h1{font-size:19px;font-weight:650}.save-state{color:#8b95a6;align-items:center;gap:5px;margin-top:4px;font-size:10px;display:flex}.save-state.failed{color:#b52b3b}.editor-header .button{min-height:38px;padding:8px 13px;font-size:12px}.editor-columns{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:23px;display:grid}.editor-content{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.title-input{font-weight:650;border:0!important;border-bottom:1px solid var(--line)!important;resize:none!important;border-radius:0!important;outline:0!important;min-height:85px!important;padding:25px!important;font-size:25px!important;line-height:1.5!important}.editor-summary{border-bottom:1px solid var(--line);padding:18px 25px}.editor-summary textarea{resize:none!important;border:0!important;outline:0!important;min-height:65px!important;padding:0!important;font-size:12px!important}.editor-toolbar{z-index:5;border-bottom:1px solid var(--line);background:#fcfdff;flex-wrap:wrap;align-items:center;gap:3px;padding:11px 16px;display:flex;position:sticky;top:0}.editor-toolbar button{color:#67738a;border-radius:4px;justify-content:center;align-items:center;min-width:34px;min-height:34px;font-size:12px;font-weight:600;display:inline-flex}.editor-toolbar button.active,.editor-toolbar button:hover{color:var(--accent);background:#eaf0ff}.toolbar-divider{background:var(--line);width:1px;height:20px;margin:0 5px}.tiptap{color:#3d4554;outline:0;min-height:450px;padding:25px;font-size:15px;line-height:1.95}.tiptap>p.is-editor-empty:first-child:before{color:#9ba5b7;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap h1{font-size:29px}.tiptap h2{font-size:24px}.tiptap h3{font-size:19px}.tiptap img.ProseMirror-selectednode{outline:3px solid var(--accent)}.tiptap .selectedCell{background:#eaf0ff}.editor-count{border-top:1px solid var(--line);color:#8d96a8;justify-content:space-between;padding:12px 25px;font-size:10px;display:flex}.editor-side{flex-direction:column;gap:17px;display:flex}.editor-side .admin-panel{padding:19px}.editor-side h2{margin-bottom:17px;font-size:13px}.editor-side .field{margin-bottom:14px}.editor-side .field>span{font-size:11px;font-weight:500}.editor-side input:not([type=checkbox]),.editor-side select,.editor-side textarea{min-height:36px;padding:8px 10px;font-size:11px}.editor-side .check-field{margin-bottom:10px;font-size:11px}.editor-side .field small{font-size:9px}.cover-preview{aspect-ratio:1.7;-o-object-fit:cover;object-fit:cover;background:var(--wash);border-radius:6px;width:100%;margin-bottom:10px}.cover-buttons{gap:8px;margin-bottom:14px;display:flex}.cover-buttons .button{flex:1;min-height:33px;padding:7px;font-size:10px}.editor-side details>summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;list-style:none;display:flex}.editor-side details[open]>summary{margin-bottom:18px}.editor-side .seo-preview{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.seo-preview-url{color:#78879b;word-break:break-all;font-size:9px}.seo-preview-title{color:#234b9c;margin:6px 0;font-size:16px;line-height:1.5}.seo-preview-desc{color:#707b8e;font-size:10px;line-height:1.8}.editor-status{color:#3452af;background:#eef2ff;border:1px solid #dce4ff;border-radius:6px;padding:10px 13px;font-size:10px;line-height:1.8}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111a3266;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:100%;max-width:850px;max-height:85dvh;padding:25px;overflow:auto;box-shadow:0 25px 90px #18213b33}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-heading h2{font-size:18px}.media-picker-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.media-picker-grid button{border:1px solid var(--line);text-align:left;border-radius:6px;padding:0;overflow:hidden}.media-picker-grid button:hover{border-color:var(--accent)}.media-picker-grid img{aspect-ratio:1.3;-o-object-fit:cover;object-fit:cover;width:100%}.media-picker-grid span{text-overflow:ellipsis;white-space:nowrap;padding:8px;font-size:10px;display:block;overflow:hidden}.link-modal{max-width:420px}.link-modal label{margin-bottom:8px;font-size:12px;display:block}.link-modal input{border:1px solid var(--line);border-radius:6px;width:100%;margin-bottom:18px;padding:10px}.link-modal .button-row{justify-content:flex-end}.unsaved-dialog p{color:var(--muted);margin-bottom:20px;font-size:13px}@media (width<=1200px){.admin-page{padding:35px 27px 55px}.admin-sidebar{width:210px;padding-left:15px;padding-right:15px}.admin-main{margin-left:210px}.toast-message{left:calc(50% + 105px)}.editor-page{padding:25px 22px}.editor-columns{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.editor-side .admin-panel{padding:16px}.settings-layout{grid-template-columns:minmax(0,1fr) 240px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:19px}.stat-card>svg{top:19px;right:15px}}@media (width<=1024px){.editor-columns{grid-template-columns:minmax(0,1fr)}.editor-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.editor-status{grid-column:1/-1}.settings-layout{display:block}.settings-side{margin-top:25px;position:static}.stats-grid{gap:13px}.stat-card{padding:17px}.stat-card>svg{width:17px;top:20px;right:12px}.stat-card strong{font-size:29px}.stat-card>span{font-size:10px}.taxonomy-grid{grid-template-columns:1fr}.login-story{padding:40px}.login-story h1{font-size:34px}.admin-help-grid{gap:15px}.admin-page-heading h1{font-size:25px}}@media (width<=800px){.admin-sidebar{width:190px;padding:25px 12px}.admin-main{margin-left:190px}.admin-brand{padding-left:10px}.admin-sidebar nav a{gap:10px;padding:11px;font-size:12px}.admin-page{padding:30px 22px 50px}.stats-grid{grid-template-columns:1fr 1fr}.admin-page-heading{align-items:flex-start}.admin-page-heading .button-row{justify-content:flex-end}.admin-page-heading .button{min-height:38px;padding:8px 12px;font-size:11px}.admin-help-grid{grid-template-columns:1fr}.admin-panel{padding:20px}.table-scroll{margin:0 -20px}.recent-list img{display:none}.toast-message{left:calc(50% + 95px)}.media-picker-grid{grid-template-columns:repeat(3,1fr)}.login-story{padding:35px}.login-story h1{font-size:29px}.login-story .section-kicker{letter-spacing:1px;font-size:8px}.login-panel{padding:30px}.field-row{grid-template-columns:1fr;gap:0}}@media (width<=620px){.admin-mobile-toggle{z-index:60;border:1px solid var(--line);background:#fff;display:flex;position:fixed;top:12px;left:14px;box-shadow:0 2px 10px #28334d0a}.admin-sidebar{width:230px;padding-top:70px;display:none;box-shadow:5px 0 35px #24304c18}.admin-sidebar.open{display:flex}.admin-brand{padding-bottom:25px}.admin-main{margin-left:0}.admin-page{padding:75px 18px 45px}.admin-page-heading{flex-wrap:wrap;gap:14px;margin-bottom:23px}.admin-page-heading h1{font-size:24px}.admin-page-heading>div:first-child,.input-with-icon{width:100%}.admin-page-heading .button-row{justify-content:flex-start}.admin-page-heading .section-kicker{font-size:8px}.stat-card{padding:19px}.stat-card strong{font-size:31px}.stats-grid{gap:12px}.stat-card>span{font-size:11px}.stat-card>svg{top:21px;right:15px}.admin-panel{padding:18px}.panel-heading .text-link{gap:4px;font-size:10px}.panel-heading h2{font-size:15px}.recent-list>a{gap:8px}.recent-list h3{font-size:12px}.recent-list>a>svg{display:none}.recent-list .status-badge{font-size:9px}.table-toolbar .filter-tabs button{padding:7px 10px;font-size:10px}.table-scroll{margin:0 -18px}.toast-message{width:max-content;font-size:12px;bottom:20px;left:50%}.login-page{flex-direction:column;display:flex}.login-story{min-height:auto;padding:25px 28px}.login-story>div{padding:20px 0 10px}.login-story h1{margin:15px 0 6px;font-size:26px;line-height:1.5}.login-lock,.login-story h1 br,.login-story p,.login-story-footer{display:none}.login-logo{font-size:24px}.login-panel{flex:1;align-items:flex-start;padding:35px 28px}.login-form h2{font-size:25px}.login-form>p{margin-bottom:25px}.media-grid{grid-template-columns:1fr 1fr;gap:12px}.media-info{padding:11px}.media-info h3{font-size:11px}.media-info>small{font-size:9px}.media-actions{flex-wrap:wrap;gap:0;font-size:10px}.upload-zone{padding:23px 15px}.editor-page{padding:75px 15px 35px}.editor-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.editor-header .button-row{justify-content:flex-end;gap:6px;width:100%}.editor-header .button{padding:7px 12px;font-size:11px}.editor-side{flex-direction:column;display:flex}.editor-side>*{width:100%}.title-input{padding:20px!important;font-size:22px!important}.editor-summary{padding:16px 20px}.tiptap{min-height:400px;padding:20px}.editor-toolbar{padding:8px 11px}.editor-toolbar button{min-width:35px;min-height:37px}.toolbar-divider{margin:0 2px}.editor-count{padding:12px 18px}.seo-post{flex-wrap:wrap;gap:10px}.seo-post-title{width:100%;min-width:100%}.settings-save{gap:8px;padding:12px 15px}.settings-save span{font-size:10px}.settings-save .button{padding:8px 13px;font-size:11px}.modal-overlay{padding:15px}.modal{padding:20px}.media-picker-grid{grid-template-columns:1fr 1fr}.seo-check{flex-wrap:wrap}.seo-check div{min-width:200px}.taxonomy-item{padding:15px}.taxonomy-item-header{gap:6px}.taxonomy-item h3{font-size:14px}.taxonomy-item .icon-button{min-width:32px;min-height:36px}}:root{--accent:#c14a16;--accent-hover:#a33c10;--accent-light:#fcefe7;--accent-rgb:193 74 22;--ink:#1f1c19;--muted:#756e66;--line:#ebe6df;--paper:#fffdfa;--wash:#f7f4ef;--radius:10px;--font:"Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit;touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgb(var(--accent-rgb)/45%);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}svg{vertical-align:middle;flex-shrink:0}::selection{color:#1832a0;background:#dbe4ff}.container{max-width:1240px;margin:0 auto;padding:0 40px}.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}.skip-link{z-index:100;background:var(--accent);color:#fff;padding:12px 20px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.icon-button{border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;transition:background .18s,color .18s;display:inline-flex}.icon-button:hover{background:var(--wash);color:var(--accent)}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.button:active{transform:translateY(1px)}.button.secondary{border-color:var(--line);background:var(--paper);color:var(--ink)}.button.secondary:hover{background:var(--wash)}.button.danger{color:#fff;background:#b52b36}.text-link{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--accent)}.text-muted{color:var(--muted)}.text-danger{color:#b62c3b}.nowrap{white-space:nowrap}.mini-label,.section-kicker{letter-spacing:1.7px;color:var(--muted);font-size:10px;font-weight:650}.section-kicker{align-items:center;gap:9px;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.eyebrow{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.eyebrow>:first-child{color:var(--accent);font-weight:600}.eyebrow a:hover,.inline-error button{text-decoration:underline}.tag{background:var(--wash);border:1px solid var(--line);color:#586171;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}a.tag:hover{color:var(--accent);border-color:var(--accent-line)}.site-header{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.header-inner{justify-content:space-between;gap:24px;height:88px}.brand,.brand-mark,.header-inner{align-items:center;display:flex}.brand{flex-shrink:0;gap:11px}.brand-mark{width:29px;height:31px;color:var(--accent);gap:3px;position:relative;transform:skewY(-12deg)}.brand-mark span{background:currentColor;border-radius:1px;width:7px;height:25px;display:block}.brand-mark span:nth-child(2){align-self:flex-end;height:15px}.brand-mark span:nth-child(3){align-self:flex-start;height:22px}.brand-logo{-o-object-fit:contain;object-fit:contain;width:34px;height:34px}.brand-name{letter-spacing:1px;font-size:25px;font-weight:750;line-height:1.1}.brand-name small{letter-spacing:2.1px;margin-top:6px;font-size:9px;font-weight:500;display:block}.site-nav{color:#656c78;gap:29px;margin-left:auto;margin-right:35px;font-size:13px}.site-nav,.site-nav>a{align-items:center;height:100%;display:flex}.site-nav>a{position:relative}.home-intro h1 span,.site-nav>a.active,.site-nav>a:hover{color:var(--accent)}.site-nav>a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:9px;display:flex}.menu-toggle{display:none}.home-intro{border-bottom:0;justify-content:space-between;align-items:center;gap:24px;padding:54px 0 37px;display:flex}.home-intro h1{letter-spacing:-1.6px;margin-top:13px;font-size:40px;font-weight:720;line-height:1.45}.home-intro p{color:var(--muted);max-width:550px;margin-top:13px;font-size:13px;line-height:1.9}.intro-index{letter-spacing:1.5px;color:#8a8f9a;text-align:right;flex-direction:column;align-self:flex-end;align-items:flex-end;gap:9px;font-size:9px;line-height:1.9;display:flex}.featured-layout{grid-template-columns:minmax(0,1fr) 260px;gap:26px;display:grid}.featured-article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.featured-art{aspect-ratio:2.3;display:block;position:relative;overflow:hidden}.featured-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s}.featured-art:hover img{transform:scale(1.025)}.art-label{color:#fff;letter-spacing:1.4px;background:#14287d66;border:1px solid #fff3;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:9px;display:flex;position:absolute;top:22px;left:24px}.art-label .status-dot{background:#b7ceff}.featured-copy{padding:25px 28px 23px}.featured-copy h2{letter-spacing:-.5px;margin:11px 0 9px;font-size:25px;font-weight:700;line-height:1.6}.featured-copy h2 a:hover{color:var(--accent)}.featured-copy>p{color:var(--muted);font-size:13px;line-height:1.9}.featured-bottom{align-items:center;gap:10px;margin-top:22px;font-size:11px;display:flex}.featured-bottom small{color:var(--muted);margin-top:1px;font-size:10px;display:block}.author-avatar{width:65px;height:65px;color:var(--accent);-o-object-fit:cover;object-fit:cover;background:#dce6ff;border-radius:50%;justify-content:center;align-items:center;font-size:27px;font-weight:650;display:flex}.author-avatar.small{width:32px;height:32px;font-size:13px}.round-arrow{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;display:flex}.round-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.intro-card{border-radius:var(--radius);background:#f3f5fa;border:1px solid #edf0f6;flex-direction:column;padding:24px;display:flex}.intro-card-top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.intro-card-top .mini-label{letter-spacing:1.2px;font-size:8px}.intro-card-top svg{color:var(--accent)}.intro-card h2{letter-spacing:-.3px;margin:18px 0 10px;font-size:18px}.intro-card>p{color:#697082;margin-bottom:16px;font-size:12px;line-height:1.95}.intro-card>.text-link{font-size:11px}.intro-card-rule{background:#dfe3ee;height:1px;min-height:1px;margin-top:auto;margin-bottom:19px;position:relative;top:0}.intro-card-bottom{color:#81899a;letter-spacing:.5px;justify-content:space-between;align-items:center;padding-top:0;font-size:10px;line-height:1.9;display:flex}.intro-card>.text-link{margin-bottom:32px}.tiny-star{color:var(--accent);font-size:37px;line-height:1}.latest-section{padding-top:55px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.6px;margin-top:6px;font-size:25px;font-weight:700}.section-heading>.text-link{color:var(--muted);padding-bottom:4px;font-size:12px}.filter-tabs{flex-wrap:wrap;gap:7px;display:flex}.filter-tabs button{min-height:36px;color:var(--muted);border-radius:5px;padding:7px 15px;font-size:12px;transition:background .18s}.filter-tabs button:hover{background:var(--wash)}.filter-tabs button.active{background:var(--ink);color:#fff}.latest-section>.filter-tabs{margin-bottom:24px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px;display:grid}.post-card{min-width:0}.post-cover{aspect-ratio:1.65;background:var(--wash);border-radius:8px;display:block;position:relative;overflow:hidden}.post-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.post-card:hover .post-cover img{transform:scale(1.035)}.demo-label{color:#536078;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:3px;padding:2px 7px;font-size:9px;position:absolute;bottom:10px;right:10px}.post-card-body{padding:16px 2px 0}.post-card h3{letter-spacing:-.2px;margin:9px 0 8px;line-height:1.65}.post-card h3 a:hover{color:var(--accent)}.post-card-body>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.85;display:-webkit-box;overflow:hidden}.post-card .eyebrow{font-size:10px}.post-card-footer{border-top:1px solid var(--line);color:#858b97;justify-content:space-between;align-items:center;margin-top:17px;padding-top:10px;font-size:10px;display:flex}.post-card-footer>a{color:#596375;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.topic-strip{border-radius:var(--radius);background:#f3f5fa;border:1px solid #e9edf4;grid-template-columns:1fr 1fr;gap:65px;margin:60px 0 30px;padding:33px 35px;display:grid}.topic-strip h2{letter-spacing:-.4px;margin:9px 0 8px;font-size:21px}.topic-strip p{color:var(--muted);font-size:12px}.topic-strip .button{min-height:38px;margin-top:20px;padding:8px 13px;font-size:11px}.topic-strip-links{flex-direction:column;justify-content:center;display:flex}.topic-strip-links>a{border-bottom:1px solid #dfe4ee;align-items:center;gap:20px;padding:19px 0;display:flex}.topic-strip-links>a:last-child{border-bottom:0}.topic-strip-links>a>svg{margin-left:auto}.topic-number{color:#99a2b9;font-variant-numeric:tabular-nums;font-size:13px}.topic-strip-links h3{font-size:15px;font-weight:600}.topic-strip-links div>span{color:var(--muted);font-size:10px}.demo-notice{color:#808797;margin:20px 0 40px;font-size:10px;line-height:1.9}.site-footer{border-top:1px solid var(--line);margin-top:70px;padding:35px 0 20px}.footer-top{justify-content:space-between;align-items:flex-start;padding-bottom:28px;display:flex}.footer-brand{font-size:20px;font-weight:700}.footer-brand span{letter-spacing:1.2px;color:var(--muted);margin-left:5px;font-size:10px;font-weight:400}.footer-top p{color:var(--muted);margin-top:8px;font-size:11px}.footer-links{color:#6b7484;gap:25px;font-size:11px;display:flex}.footer-links a{align-items:center;gap:5px;padding-top:9px;display:flex}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);color:#8a919e;justify-content:space-between;align-items:center;padding-top:17px;font-size:10px;display:flex}.footer-bottom a{align-items:center;gap:4px;display:flex}.listing-page{min-height:65vh;padding-top:55px}.page-heading{margin-bottom:40px}.page-heading h1{letter-spacing:-1.3px;margin-top:12px;font-size:37px;line-height:1.45}.page-heading>p{color:var(--muted);max-width:640px;margin-top:12px;font-size:14px}.count-note{color:#8a919e;margin-top:18px;font-size:11px;display:inline-block}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:25px;margin-top:45px;font-size:12px;display:flex}.empty-state{text-align:center;padding:65px 25px}.empty-icon{background:var(--accent-light);width:65px;height:65px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.empty-state h3{font-size:19px}.empty-state p{color:var(--muted);margin:10px 0 20px;font-size:13px}.inline-error{color:#a92c3b;background:#fff1f2;border:1px solid #f5d6db;border-radius:6px;margin:15px 0;padding:13px 16px;font-size:13px}.inline-error button{color:inherit;margin-left:10px}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.topic-tile{border-radius:var(--radius);background:#f1f4fe;border:1px solid #e0e7fd;padding:34px;display:block;position:relative}.topic-tile:nth-child(2n){background:#f2f4f6;border-color:#e5e9ee}.topic-tile>svg{color:var(--accent);margin:15px 0 30px}.topic-tile-number{color:#a4b1d7;font-size:37px;font-weight:300;position:absolute;top:25px;right:30px}.topic-tile h2{font-size:23px}.topic-tile p{color:var(--muted);margin:12px 0 35px;font-size:13px}.topic-tile .text-link{justify-content:space-between;display:flex}.topic-tile:hover{border-color:var(--accent-line)}.search-form{border:1px solid #cbd2e3;border-radius:8px;align-items:center;gap:15px;max-width:800px;margin-bottom:22px;padding:11px 13px 11px 21px;display:flex}.search-form>svg{color:var(--muted)}.search-form input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:40px;font-size:15px}.search-form input:focus-visible{outline:none}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/12%)}.search-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:35px;font-size:12px;display:flex}.search-filters label{align-items:center;gap:10px;display:flex}.search-filters select{border:1px solid var(--line);background:#fff;border-radius:5px;max-width:200px;padding:7px 10px}.search-filters>.text-muted{margin-left:auto}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.skeleton{background:linear-gradient(100deg,#f1f3f6 30%,#fafbfc 50%,#f1f3f6 70%);border-radius:8px;height:300px;animation:1.8s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.about-heading{max-width:660px}.about-heading h1 span{color:var(--accent)}.about-heading>p{color:var(--muted);font-size:17px;line-height:2}.social-links{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.about-content{grid-template-columns:280px minmax(0,650px);align-items:start;gap:75px;margin-top:60px;display:grid}.about-symbol{background:var(--accent);aspect-ratio:1;color:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-symbol>span{opacity:.95;font-size:120px;line-height:1}.about-symbol small{letter-spacing:1.6px;font-size:9px;line-height:1.7;position:absolute;bottom:21px;right:21px}.about-avatar{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:10px}.prose{color:#3d4554;overflow-wrap:anywhere;font-size:16px;line-height:2}.prose h2{margin:42px 0 18px;font-size:25px;font-weight:700;line-height:1.6}.prose h2,.prose h3{color:var(--ink);scroll-margin-top:100px}.prose h3{margin:28px 0 14px;font-size:20px}.prose p{margin:0 0 20px}.prose>p:first-child{margin-top:0}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--ink);font-weight:650}.prose ol,.prose ul{margin:15px 0 22px;padding-left:26px}.prose li{margin-bottom:8px;padding-left:4px}.prose blockquote{border-left:3px solid var(--accent);color:#475579;background:#f2f5ff;border-radius:0 7px 7px 0;margin:25px 0;padding:20px 25px}.prose blockquote p:last-child{margin:0}.prose pre{color:#dce4f6;white-space:pre;background:#19202f;border-radius:8px;margin:24px 0;padding:28px 22px;font-size:13px;line-height:1.9;position:relative;overflow:auto}.prose code{background:#edf0f5;border-radius:4px;padding:2px 5px;font-family:Consolas,SFMono-Regular,monospace;font-size:.88em}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.code-copy{color:#c9d4ea;background:#303b51;border-radius:4px;padding:3px 8px;font-size:10px;position:absolute;top:8px;right:10px}.prose img{border-radius:8px;height:auto;max-height:900px;margin:26px auto}.prose table{border-collapse:collapse;table-layout:fixed;width:100%;margin:25px 0;font-size:14px;display:table}.prose td,.prose th{text-align:left;overflow-wrap:anywhere;border:1px solid #dfe3ec;padding:11px 15px}.prose th{background:#f3f5f9;font-weight:600}.prose hr{border:0;border-top:1px solid var(--line);margin:35px 0}.about-prose{padding-top:0}.about-prose p{white-space:pre-wrap}.article-page{padding-top:28px}.breadcrumbs{color:#838a99;align-items:center;gap:8px;margin-bottom:35px;font-size:11px;display:flex}.breadcrumbs a:hover{color:var(--accent)}.article-heading{max-width:840px}.article-meta{color:#7f8795;flex-wrap:wrap;align-items:center;gap:13px;margin:25px 0 30px;font-size:11px;display:flex}.article-meta strong{color:var(--ink);font-size:12px;font-weight:600}.article-meta .text-link{margin-left:auto;font-size:11px}.article-hero{aspect-ratio:2.3;-o-object-fit:cover;object-fit:cover;border-radius:9px;width:100%;height:auto;max-height:470px;margin:16px 0 45px}.article-layout{grid-template-columns:minmax(0,780px) minmax(190px,1fr);gap:70px;display:grid}.article-layout>article{min-width:0}.article-sidebar{border-left:1px solid var(--line);padding-left:25px}.toc{position:sticky;top:120px}.toc>.mini-label{letter-spacing:1px;font-size:9px}.toc nav{flex-direction:column;gap:7px;margin-top:20px;display:flex}.toc nav>a{color:var(--muted);padding:4px 0;font-size:12px;line-height:1.8}.toc nav>a.active,.toc nav>a:hover{color:var(--accent)}.toc nav>a.sub{padding-left:13px;font-size:11px}.back-top{color:#939aab;border-top:1px solid var(--line);margin-top:30px;padding-top:17px;font-size:11px;display:block}.article-demo,.article-environment{background:var(--wash);border:1px solid var(--line);color:var(--muted);border-radius:6px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:25px;padding:15px 18px;font-size:12px;display:flex}.article-demo{color:#6b7690;background:#f4f6fc;line-height:1.9}.source-note{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding:18px 0;font-size:12px}.article-topic,.source-note a{color:var(--accent)}.article-tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.article-topic{background:var(--accent-light);border:1px solid #dce4ff;border-radius:7px;align-items:center;gap:15px;margin-top:30px;padding:20px;display:flex}.article-topic small{color:var(--muted);font-size:10px;display:block}.article-topic strong{margin-top:3px;font-size:14px;display:block}.article-topic>svg:last-child{margin-left:auto}.article-signoff{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:17px;margin-top:40px;padding:30px 0;display:flex}.article-signoff h3{margin-bottom:7px;font-size:16px}.article-signoff p{color:var(--muted);max-width:500px;font-size:12px}.article-signoff .author-avatar{flex-shrink:0;width:50px;height:50px;font-size:21px}.related-section{margin-top:65px}.preview-banner{color:var(--accent);background:#eef2ff;border:1px solid #d7e0ff;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:25px;padding:13px 17px;font-size:13px;display:flex}.preview-banner a{margin-left:auto;text-decoration:underline}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:35px;display:flex}.error-number{letter-spacing:-7px;color:var(--accent);font-size:100px;font-weight:800;line-height:1.4}.error-page h1{margin:18px 0 10px}.error-page p{color:var(--muted);margin-bottom:25px;font-size:14px}.shop-nav-label{background:var(--accent-light);color:var(--accent);white-space:nowrap;border:1px solid #dce4ff;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;line-height:1.6;transition:background .18s,border-color .18s;display:inline-flex}.shop-nav-link:hover .shop-nav-label{background:#e1e9ff;border-color:#c6d3ff}.home-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.home-author{flex:1;justify-content:center;padding:22px}.home-author-row{align-items:center;gap:12px;display:flex}.home-author .author-avatar{flex-shrink:0;width:40px;height:40px;font-size:18px}.home-author h2{margin:0;font-size:15px;line-height:1.7}.home-author>p{margin:14px 0;line-height:1.85}.home-author>.text-link{margin-bottom:0}.article-sidebar-inner{flex-direction:column;gap:27px;display:flex;position:sticky;top:110px}.article-sidebar-inner .toc{position:static}.article-sidebar-inner .toc nav{scrollbar-width:thin;overscroll-behavior:contain;max-height:calc(min(28vh,300px));overflow-y:auto}.article-sidebar-inner{scrollbar-width:thin;max-height:calc(100dvh - 135px);overflow-y:auto}.article-shop-inline{display:none}@media (width<=800px){.article-shop-inline{margin:28px 0;display:block}}@media (width>=1500px){.container{max-width:1350px}.home-intro{padding-top:65px}.home-intro h1{font-size:46px}.featured-layout{grid-template-columns:minmax(0,1fr) 280px}.featured-art{aspect-ratio:2.5}.featured-copy h2{font-size:27px}}@media (width<=1024px){.container{padding:0 28px}.site-nav{gap:20px;margin-right:10px}.featured-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.featured-copy,.intro-card{padding:20px}.featured-copy h2{font-size:22px}.intro-card h2,.post-card h3{font-size:16px}.home-intro h1{font-size:35px}.post-grid{gap:25px 20px}.topic-strip{gap:25px;padding:27px}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:35px}.article-heading h1{font-size:34px}.about-content{gap:40px}}@media (width<=800px){.site-nav{gap:16px;margin-right:0;font-size:12px}.intro-card,.intro-index,.rss-header{display:none}.header-inner{gap:12px;height:75px}.brand-name{font-size:23px}.featured-layout{grid-template-columns:minmax(0,1fr)}.home-intro{padding-top:35px}.home-intro h1{font-size:34px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-art{aspect-ratio:2.35}.featured-copy h2{font-size:24px}.topic-strip{grid-template-columns:1fr;gap:18px}.topic-strip-links{padding-top:10px}.article-layout{display:block}.article-sidebar,.skeleton:last-child{display:none}.article-heading h1{font-size:30px}.article-hero{margin-bottom:30px}.about-content{grid-template-columns:190px 1fr;gap:30px}.about-symbol>span{font-size:90px}.about-heading h1{font-size:43px}.footer-links{gap:15px}.skeleton-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.container{padding:0 20px}.header-inner{height:70px}.brand-name{font-size:22px}.brand-mark{gap:3px;width:25px;height:27px}.brand-mark span{width:6px;height:22px}.brand-mark span:nth-child(2){height:13px}.brand-mark span:nth-child(3){height:20px}.brand-name small{font-size:8px}.menu-toggle{display:inline-flex}.site-nav{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:0;height:auto;padding:15px 20px 25px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 10px 15px #22263308}.site-nav.open{display:flex}.site-nav>a{justify-content:center;width:33.333%;height:44px;font-size:13px}.site-nav>a.active:after{display:none}.home-intro{padding:30px 0 26px}.home-intro .section-kicker{letter-spacing:.6px;font-size:9px}.home-intro h1{letter-spacing:-1px;white-space:nowrap;font-size:29px}.home-intro p{max-width:330px;font-size:12px}.featured-art{aspect-ratio:1.8}.featured-copy{padding:20px}.featured-copy h2{letter-spacing:-.3px;font-size:21px;line-height:1.65}.featured-copy>p{font-size:12px}.art-label{font-size:8px;top:16px;left:16px}.latest-section{padding-top:35px}.section-heading h2{font-size:23px}.section-heading>.text-link{font-size:11px}.post-grid{grid-template-columns:minmax(0,1fr);gap:30px}.post-cover{aspect-ratio:1.9}.post-card h3{font-size:18px}.post-card .eyebrow{font-size:11px}.post-card-footer{margin-top:12px;font-size:11px}.filter-tabs{gap:3px}.filter-tabs button{min-height:40px;padding:7px 13px;font-size:11px}.topic-strip{margin-top:40px;padding:24px}.topic-strip h2{font-size:19px;line-height:1.6}.topic-strip-links>a{gap:15px;padding:17px 0}.topic-strip-links h3{font-size:14px}.demo-notice{font-size:10px}.site-footer{margin-top:40px;padding-top:25px}.footer-top{display:block}.footer-links{margin-top:17px;font-size:11px}.footer-bottom{gap:10px;font-size:9px}.footer-brand{font-size:19px}.listing-page{padding-top:35px}.page-heading{margin-bottom:28px}.page-heading h1{letter-spacing:-.6px;font-size:29px}.page-heading>p,.search-form input{font-size:13px}.topics-grid{grid-template-columns:1fr}.topic-tile{padding:27px}.search-form{gap:8px;padding-left:12px}.search-form .button{min-width:60px;padding:8px 13px}.search-form>svg{width:20px}.search-filters{gap:12px;font-size:11px}.search-filters select{max-width:140px}.about-page{padding-top:40px}.about-heading h1{letter-spacing:-1px;font-size:38px}.about-heading>p{font-size:15px}.about-content{margin-top:35px;display:block}.about-avatar,.about-symbol{width:160px;margin-bottom:30px}.about-symbol>span{font-size:80px}.about-symbol small{font-size:7px;bottom:15px;right:15px}.prose{font-size:15px;line-height:2}.prose h2{font-size:22px}.prose h3{font-size:18px}.prose pre{padding:30px 16px 18px;font-size:12px}.prose td,.prose th{padding:9px;font-size:12px}.article-page{padding-top:20px}.breadcrumbs{margin-bottom:25px}.article-heading h1{letter-spacing:-.4px;font-size:27px;line-height:1.6}.article-lead{font-size:14px}.article-meta{gap:9px;margin:20px 0}.article-meta .text-link{margin-left:0}.article-hero{aspect-ratio:1.8;margin:20px 0 25px}.article-signoff{gap:13px}.article-signoff p,.preview-banner{font-size:11px}.related-section{margin-top:40px}.error-page h1{font-size:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink-soft:#3d3833;--line-strong:#dcd5cc;--radius-lg:14px;--shadow-sm:0 1px 2px #3c28140f;--shadow-md:0 1px 2px #3c28140d, 0 8px 24px -6px #3c28141f;--cat-model:#2d6a8a;--cat-product:#2f7a4b;--cat-opensource:#7b52ae;--cat-paper:#a06a00;--cat-industry:#b03a52;--font:"Inter", "Segoe UI", system-ui, -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif}body{font-feature-settings:"cv11","ss01";text-rendering:optimizelegibility}.num{font-variant-numeric:tabular-nums}@media (width>=801px){.header-inner{height:72px}.site-nav{color:#5b6270;gap:26px;font-size:14px;font-weight:500}}.site-header{-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#ffffffe0}.button.secondary{box-shadow:var(--shadow-sm)}.button.secondary:hover{border-color:var(--line-strong)}.skeleton{background:linear-gradient(90deg,#eef0f4 25%,#f6f7f9 50%,#eef0f4 75%);border-radius:6px;animation:1.4s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.listing-page{padding-top:44px;padding-bottom:40px}.page-heading{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:26px}.about-heading .section-kicker,.page-heading .section-kicker{color:var(--accent);letter-spacing:1.2px;font-size:12px}.page-heading h1{letter-spacing:-.6px;margin-top:10px;font-size:36px;font-weight:750;line-height:1.3}.page-heading>p{margin-top:8px;font-size:15px}.count-note{background:var(--wash);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-top:14px;padding:2px 10px;font-size:12px}.post-grid{gap:22px}.post-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-cover{border-bottom:1px solid var(--line);border-radius:0}.post-card-body{flex-direction:column;flex:1;padding:16px 18px 14px;display:flex}.post-card .eyebrow{gap:10px;font-size:12px}.post-card h3{margin:8px 0 6px;font-size:17px;font-weight:650;line-height:1.5}.post-card:hover h3 a{color:var(--accent)}.post-card-body>p{margin-bottom:14px;font-size:13.5px;line-height:1.75}.post-card-footer{margin-top:auto;padding-top:12px;font-size:12px}.post-card-footer>a{border-radius:8px}.post-card-footer>a:hover{background:var(--accent-light);color:var(--accent)}.demo-label{font-size:11px}.pagination{gap:18px;margin-top:40px;font-size:13px}.topics-grid{gap:18px}.topic-tile,.topic-tile:nth-child(2n){border-color:var(--line);border-radius:var(--radius-lg);background:radial-gradient(320px 160px at 100% 0,rgb(var(--accent-rgb)/7%),transparent 70%),var(--paper);padding:28px 30px;transition:border-color .2s,box-shadow .2s,transform .2s}.topic-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-tile>svg{background:var(--accent-light);border-radius:12px;width:48px;height:48px;margin:4px 0 22px;padding:10px}.topic-tile-number{color:#d3dae8;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.topic-tile h2{font-size:21px;font-weight:700}.topic-tile p{margin:8px 0 26px;font-size:14px;line-height:1.75}.topic-tile .text-link{border-top:1px solid var(--line);padding-top:14px;font-size:13px}.about-page{padding-top:48px}.about-heading h1{letter-spacing:-1px;margin:14px 0;font-size:44px;font-weight:750;line-height:1.3}.about-heading>p{font-size:16px;line-height:1.85}.about-content{border-top:1px solid var(--line);margin-top:48px;padding-top:40px}.about-avatar,.about-symbol{border-radius:var(--radius-lg);box-shadow:0 12px 32px -12px rgb(var(--accent-rgb)/45%)}.breadcrumbs{margin-bottom:28px}.article-heading .eyebrow,.breadcrumbs{font-size:13px}.article-heading h1{letter-spacing:-.6px;margin:12px 0 14px;font-size:38px;font-weight:750;line-height:1.35}.article-lead{color:var(--ink-soft);font-size:17px;line-height:1.85}.article-meta{border-bottom:1px solid var(--line);margin:22px 0 26px;padding-bottom:22px;font-size:13px}.article-meta strong{font-size:13.5px}.article-meta .text-link{font-size:13px}.article-hero{border-radius:var(--radius-lg);margin:6px 0 40px}.prose{color:#2f3542;font-size:16.5px;line-height:1.95}.prose h2{letter-spacing:-.3px;margin:44px 0 16px;font-size:24px;line-height:1.45}.prose h3{font-size:19px;line-height:1.5}.prose blockquote{background:#f5f7ff;border-radius:0 10px 10px 0}.prose pre{background:#151b28;border-radius:12px;font-size:13.5px}.code-copy{border-radius:6px;padding:3px 9px;font-size:11.5px}.prose img{border:1px solid var(--line);border-radius:12px}.prose table{border-radius:10px;overflow:hidden}.toc>.mini-label{font-size:11px}.toc nav>a{border-left:2px solid #0000;margin-left:-27px;padding:3px 0 3px 25px;font-size:13px;line-height:1.6}.toc nav>a.active{border-left-color:var(--accent);font-weight:600}.toc nav>a.sub{padding-left:37px}.back-top,.toc nav>a.sub{font-size:12.5px}.article-demo,.article-environment{border-radius:10px;font-size:13px}.source-note{font-size:13px}.tag{border-radius:999px;padding:3px 11px;font-size:12.5px}.article-topic{border-radius:var(--radius-lg);transition:box-shadow .2s}.article-topic:hover{box-shadow:var(--shadow-md)}.article-topic small{font-size:12px}.article-topic strong{font-size:15.5px}.article-signoff p{font-size:13.5px}.related-section .section-heading h2{font-size:22px}.error-number{letter-spacing:-4px;background:linear-gradient(135deg,#5a2512,var(--accent) 55%,#f08a5d);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:96px}.error-page h1{font-size:26px;font-weight:750}.error-page p{font-size:15px}@media (width<=620px){.listing-page{padding-top:26px}.page-heading{margin-bottom:22px;padding-bottom:20px}.page-heading h1{font-size:27px}.page-heading>p{font-size:13.5px}.post-card h3{font-size:16px}.post-card-body>p{font-size:13px}.topic-tile,.topic-tile:nth-child(2n){padding:22px 20px}.about-content,.about-page{padding-top:28px}.about-heading h1{font-size:32px}.about-content{margin-top:32px}.article-heading h1{letter-spacing:-.3px;font-size:26px}.article-lead{font-size:15.5px}.prose{font-size:16px}.prose h2{font-size:21px}}.site-footer{background:#fafbfc;margin-top:72px;padding:44px 0 22px}.footer-top{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:32px;display:grid}.footer-brand{font-size:19px}.footer-brand span{letter-spacing:.5px;font-size:12px}.footer-top p{max-width:380px;margin-top:10px;font-size:13.5px;line-height:1.8}.footer-col{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.footer-col h2{letter-spacing:1px;color:var(--ink);margin-bottom:4px;font-size:12px;font-weight:700}.footer-col a{color:var(--muted);align-items:center;gap:4px;font-size:13.5px;display:inline-flex}.footer-bottom a:hover,.footer-col a:hover{color:var(--accent)}.footer-bottom{padding-top:18px;font-size:12.5px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glass:#fffdfae0;--hero-top:#fbf4ec;--seg:#f1ece5;--faint:#aaa39a;--footer-bg:#f8f5f0;--on-mark:#fff;--on-primary:#fffdfa;--c-card:#2b7a78;--ember:linear-gradient(135deg, #2b1a12, #5a2512 55%, #b4441a);--warn-ink:#93370d;--warn-bg:#fffaeb;--warn-line:#fedf89;--ok-ink:#067647;--ok-bg:#ecfdf3;--err-ink:#a92c3b;--err-bg:#fff1f2;--err-line:#f5d6db;--accent-line:#f3d3c1;--code-bg:#f1ece4;--quote-bg:#fcf3ec;--primary-bg:#1f1c19;--primary-bg-hover:#3d3833}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#f08a5d;--accent-hover:#f6a985;--accent-light:#f08a5d21;--accent-rgb:240 138 93;--ink:#ece7e1;--ink-soft:#c9c2b9;--muted:#9d958b;--faint:#6f685f;--line:#2b2723;--line-strong:#3d3731;--paper:#151311;--wash:#1d1a17;--glass:#151311db;--hero-top:#201913;--seg:#24201c;--footer-bg:#100e0c;--on-mark:#151311;--on-primary:#151311;--c-card:#5cc2bd;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #0000004d, 0 10px 28px -8px #0000008c;--cat-model:#6fb1d4;--cat-product:#6cc791;--cat-opensource:#b69ae6;--cat-paper:#e0ad4f;--cat-industry:#ec7f95;--warn-ink:#fcd27a;--warn-bg:#f790091f;--warn-line:#f790094d;--ok-ink:#6cc791;--ok-bg:#6cc79121;--err-ink:#ff9aa6;--err-bg:#f044381f;--err-line:#f044384d;--accent-line:#f08a5d4d;--code-bg:#26221d;--quote-bg:#f08a5d12;--primary-bg:#ece7e1;--primary-bg-hover:#fff}body{background:var(--paper)}.button.primary{background:var(--primary-bg)}.button.primary:hover{background:var(--primary-bg-hover)}.site-header{background:var(--glass)}.site-nav{color:var(--muted)}.tag{color:var(--ink-soft)}.inline-error{background:var(--err-bg);color:var(--err-ink);border-color:var(--err-line)}.article-meta,.back-top,.breadcrumbs,.count-note,.footer-bottom,.footer-links,.post-card-footer,.post-card-footer>a{color:var(--muted)}.site-footer{background:var(--footer-bg)}.article-topic,.preview-banner,.shop-nav-label{border-color:var(--accent-line)}.author-avatar,.preview-banner,.shop-nav-link:hover .shop-nav-label{background:var(--accent-light)}.shop-nav-link:hover .shop-nav-label{border-color:var(--accent)}.search-form{border-color:var(--line-strong)}.search-filters select{background:var(--paper);color:var(--ink)}.prose,.prose blockquote{color:var(--ink-soft)}.prose blockquote{background:var(--quote-bg)}.prose code{background:var(--code-bg)}.article-demo,.prose th{background:var(--wash)}.prose td,.prose th{border-color:var(--line)}.article-demo{color:var(--muted)}.topic-tile-number{color:var(--line-strong)}.demo-label{background:var(--glass);color:var(--muted)}.skeleton{background:linear-gradient(90deg,var(--wash) 25%,var(--seg) 50%,var(--wash) 75%);background-size:200% 100%}::selection{background:var(--accent-light);color:var(--ink)}:root[data-theme=dark] .site-nav.open{background:var(--paper)}:root[data-theme=dark] .prose pre{border:1px solid var(--line);background:#0b0e14}:root[data-theme=dark] .article-hero,:root[data-theme=dark] .post-cover,:root[data-theme=dark] .prose img{filter:brightness(.88)}:root[data-theme=dark] .about-symbol{background:var(--primary-bg)}@media (width<=620px){.site-footer{margin-top:48px;padding-top:32px}.footer-top{gap:24px 16px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.site-nav{background:var(--paper)}}.button.primary{color:var(--on-primary)}.about-symbol,:root[data-theme=dark] .about-symbol{background:var(--ember)}.article-shop-bottom{margin:32px 0 8px}@media (width<=800px){.footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-about{grid-column:1/-1}.article-shop-inline{margin-bottom:14px}.article-shop-bottom{margin-top:0}}.shop-nav-link--k16688 .shop-nav-label{border-color:var(--line-strong);color:var(--ink-soft);background:0 0}.shop-nav-link--k16688:hover .shop-nav-label{background:var(--wash);border-color:var(--ink-soft);color:var(--ink)}@media (width>=621px){.site-nav>.shop-nav-link+.shop-nav-link{margin-left:calc(8px - var(--nav-gap,26px))}}@media (width<=1100px) and (width>=801px){.site-nav{--nav-gap:18px;gap:18px}.shop-nav-label{padding:6px 8px}}@media (width<=800px) and (width>=621px){.site-nav{--nav-gap:16px}}.article-hero{display:block;position:relative;overflow:hidden}.article-hero>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.post-cover>.pc{transition:transform .4s}.post-card:hover .post-cover>.pc{transform:scale(1.035)}.footer-top{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}.footer-mp img{border:1px solid var(--line);background:#fff;border-radius:10px;width:96px;height:96px;padding:5px}.footer-mp span{color:var(--muted);font-size:12px}@media (width<=800px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}}