@font-face{font-family:PixelUI;src:url('/assets/unifont-pixel-v2.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:PixelDisplay;src:url('/assets/pixel.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--ink:#112b4f;--muted:#294970;--panel:rgba(174,207,248,.91);--raised:rgba(205,228,255,.94);--line:#7297c5;--accent:#194b82;--danger:#732b47;--frame:url('/assets/frame-ice.svg');--active:url('/assets/frame-ice-active.svg');--font:PixelUI,monospace;scrollbar-color:#a5ceff #2c4b77}
*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:28px}body{margin:0;color:var(--ink);font:400 18px/1.55 var(--font);font-synthesis:none;min-height:100dvh;background:#0a2149 url('/assets/snow-night-desktop-v1.webp') center center/cover fixed no-repeat}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button svg,a svg{pointer-events:none}img{max-width:100%}::selection{color:#0c2449;background:#f0fbff}::placeholder{color:#3a5980;opacity:1}:focus-visible{outline:2px dashed #193c72;outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:5px}button:hover{text-decoration:none}button:active{translate:0 2px}button:focus-visible{outline-offset:3px}.icon{width:24px;height:24px;fill:currentColor;flex:none;shape-rendering:crispEdges}.muted{color:var(--muted)}.small{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip{position:fixed;top:-100px;left:104px;z-index:1000;padding:12px;background:#f1faff}.skip:focus{top:12px}.initial{margin:20vh auto;padding:24px;background:var(--panel);width:max-content}
.scene-weather{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated}.scene-weather[hidden]{display:none}#shell{position:relative;z-index:1}.rail{position:fixed;inset:0 auto 0 0;width:88px;background:rgba(26,53,91,.78);border-right:2px solid #8bb7e9;box-shadow:inset -2px 0 #264572;padding:20px 12px;display:flex;align-items:center;flex-direction:column;z-index:20}.brand{display:flex;justify-content:center;align-items:center;width:60px;height:60px}.brand img{width:60px;height:60px;image-rendering:pixelated}.rail nav{display:grid;gap:16px;margin-top:40px;position:relative}.nav-item{display:grid;place-items:center;width:60px;height:56px;position:relative;color:#c9e5ff;border:4px solid transparent}.nav-item .icon{width:26px;height:26px}.nav-item.active{color:#102e57;background:rgba(182,219,255,.85);border-image:var(--active) 8 stretch}.nav-item:hover{background:rgba(169,208,255,.35)}.nav-item span{position:absolute;left:72px;width:max-content;font-size:16px;line-height:1.4;padding:6px 10px;background:#c9e5ff;color:#142e53;pointer-events:none;visibility:hidden;border:2px solid #274e82}.nav-item:is(:hover,:focus-visible) span{visibility:visible}.nav-slider{position:absolute;inset:0 auto auto 0;pointer-events:none;width:60px;height:56px;border:4px solid transparent;border-image:var(--active) 8 stretch;transition:transform 240ms cubic-bezier(.22,1,.36,1)}.rail-bottom{margin-top:auto;display:grid;gap:18px;justify-items:center}.rail-settings{color:#c5e1ff}.account-button{padding:0;width:52px;height:52px;border:4px solid transparent;border-image:var(--frame) 8 stretch;background:#aacbf6;display:grid;place-items:center}.avatar{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;background:#d1e7ff;box-shadow:inset -3px -3px #7a9ccb;overflow:hidden;image-rendering:pixelated}.avatar svg{width:38px;height:38px}.avatar img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.avatar.large{width:80px;height:80px}.avatar.large svg{width:70px;height:70px}.app-main{margin-left:88px;padding:40px 40px 80px;max-width:1580px}.page{max-width:1120px;margin:0 auto}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 32px;min-height:44px;color:#e3f1ff;text-shadow:2px 2px #102c53}.page-toolbar h1{font-size:28px;font-weight:400;margin:0}.toolbar-actions{display:flex;align-items:center;gap:12px}.toolbar-actions button{font-size:16px}.view-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,300px);gap:32px;align-items:start}.feed-column{min-width:0}.aside{display:grid;gap:32px;position:sticky;top:32px}.panel{position:relative;border:8px solid transparent;border-image:var(--frame) 8 stretch;background:var(--panel) url('/assets/ice-facets.svg') 0 0/128px 128px;background-clip:padding-box;filter:drop-shadow(4px 5px 0 rgba(12,35,68,.62))}.snow::before{content:"";position:absolute;top:-17px;left:-8px;right:-8px;height:27px;z-index:3;background:var(--snow-cap,url('/assets/snow-bank-1.svg')) center/100% 100% no-repeat;image-rendering:pixelated;pointer-events:none}.snow[data-snow="2"]{--snow-cap:url('/assets/snow-bank-2.svg')}.snow[data-snow="3"]{--snow-cap:url('/assets/snow-bank-3.svg')}.snow[data-snow="4"]{--snow-cap:url('/assets/snow-bank-4.svg')}.snow[data-snow="5"]{--snow-cap:url('/assets/snow-bank-5.svg')}.snow[data-snow="6"]{--snow-cap:url('/assets/snow-bank-6.svg')}.panel-pad{padding:22px 24px}.panel-head{padding:16px 20px;background:rgba(209,231,255,.65);border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:18px;font-weight:400;margin:0}.button,.icon-button{border:4px solid transparent;border-image:var(--frame) 8 stretch;background:rgba(187,217,254,.94) url('/assets/ice-facets.svg') 0 0/128px 128px;min-height:44px;padding:6px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:2px 3px #466a99;text-decoration:none!important}.button:hover,.icon-button:hover{background-color:#d9edff;border-image:var(--active) 8 stretch}.button.primary{background-color:#8ebcf6;border-image:var(--active) 8 stretch}.button.danger{background-color:#e0cce5;color:var(--danger)}.icon-button{padding:6px;min-width:44px}.text-button{background:none;border:0;min-height:40px;padding:6px 8px;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.text-button:hover{background:#d5eaff}.text-button.danger{color:var(--danger)}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demo-notice{padding:7px 14px;margin:0 0 28px;background:rgba(17,43,79,.8);border:1px solid #8baed8;color:#d7eaff;display:flex;justify-content:space-between;gap:10px;font-size:16px}.demo-notice button{background:none;color:#e3f2ff;border:0;text-decoration:underline;font-size:16px}.compose-trigger{margin-bottom:32px;padding:18px 20px;display:flex;align-items:center;gap:14px}.compose-trigger .prompt{flex:1;text-align:left;border:0;background:none;color:var(--muted);min-height:44px;padding:8px 0;font:inherit}.feed-list{display:grid;gap:32px}.post{padding:22px 24px 0}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-width:0}.author-meta{flex:1;min-width:0}.author-name{font-size:18px;color:#0e305c}.post-time{font-size:16px;color:var(--muted)}.post-time a{text-decoration:none}.privacy-tag{display:inline-flex;align-items:center;gap:4px;font-size:16px;color:#4d3966;margin-left:8px}.privacy-tag .icon{width:14px;height:14px}.post-copy{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px;line-height:1.8}.post-html{margin-bottom:18px;overflow-wrap:anywhere}.post-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}.post-images.single{display:block;max-width:100%}.post-images button{padding:0;display:block;width:100%;background:#7a9dcc;border:0;position:relative;overflow:hidden;aspect-ratio:1}.post-images.single button{aspect-ratio:auto;max-height:360px}.post-images img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.post-images.single img{max-height:360px;height:auto;object-fit:cover}.gif-badge{position:absolute;bottom:6px;right:6px;background:#173c6a;color:white;padding:1px 5px;font-size:14px}.location{display:flex;align-items:center;gap:5px;font-size:16px;color:#2c4c76;margin:4px 0 16px}.location .icon{width:16px;height:16px}.post-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -24px;padding:8px 18px;border-top:2px solid var(--line);background:rgba(186,216,252,.45)}.post-footer .text-button{font-size:16px}.post-footer .text-button.liked{color:#7c314e}.post-comments{border-top:2px solid var(--line);margin:0 -24px;padding:16px 24px;background:rgba(205,229,255,.65)}.comment{display:flex;gap:10px;padding-bottom:16px;align-items:start}.comment .avatar{width:32px;height:32px}.comment .avatar svg{width:28px;height:28px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0;font-size:16px}.comment-body{flex:1;min-width:0}.comment .text-button{font-size:14px;min-height:28px;padding:2px}.comment-form{display:flex;gap:8px;align-items:end}.comment-form textarea{flex:1;width:0;min-height:44px;height:44px;max-height:160px;padding:7px 9px}.aside-list{padding:0}.aside-list a{display:block;padding:18px 20px;border-bottom:2px solid #88a8d0}.aside-list a:last-child{border:0}.aside-list a:hover{background:rgba(230,243,255,.7);text-decoration:none}.aside-list time{display:block;font-size:16px;color:var(--muted);margin-top:5px}.account-mini{display:flex;align-items:center;gap:12px;margin-bottom:20px}.account-mini p{margin:0}.aside .full{width:100%}.empty{text-align:center;padding:42px 24px}.empty .icon{width:40px;height:40px;color:#3a689b}.empty h2{font-size:22px;font-weight:400;margin:16px 0 8px}.empty p{color:var(--muted);margin:0 0 22px}.load-more{display:flex;justify-content:center;padding:28px 0;color:#dceeff}.load-more .text-button{background:#bfdcfa}.end-note{color:#c8dff8;font-size:16px;padding:8px 0;text-align:center}.article-list{padding:0 24px}.article-row{display:flex;gap:24px;align-items:center;padding:26px 0;border-bottom:2px solid var(--line)}.article-row:last-child{border:0}.article-number{font-family:PixelDisplay,var(--font);font-size:12px;color:#486e9d;min-width:24px}.article-row-main{flex:1;min-width:0}.article-row h2{font-size:24px;line-height:1.5;font-weight:400;margin:0 0 8px;overflow-wrap:anywhere}.article-summary{font-size:16px;color:var(--muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{font-size:16px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.article-row-arrow{width:24px;color:#3c6494}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;color:#e4f2ff}.pagination .button{color:var(--ink)}.reader{max-width:860px;margin:auto}.reader .post{padding:32px 40px 0}.reader .post-footer,.reader .post-comments{margin-left:-40px;margin-right:-40px}.reader h1{font-size:32px;line-height:1.5;font-weight:400;margin:0 0 24px;overflow-wrap:anywhere}.prose{font-size:20px;line-height:1.9;overflow-wrap:anywhere;max-width:72ch}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:400;line-height:1.6;margin:32px 0 16px}.prose h1{font-size:32px}.prose h2{font-size:28px}.prose h3{font-size:24px}.prose p{margin:0 0 20px}.prose img{display:block;max-width:100%;height:auto;margin:20px auto;image-rendering:auto}.prose blockquote{margin:24px 0;padding:16px 20px;background:rgba(221,238,255,.7);border-left:2px solid #426d9d}.prose pre{overflow:auto;background:#bdd5f2;padding:16px;font-family:var(--font)}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid #5c80b1;padding:8px}.prose a{color:#18477d;text-decoration:underline;text-underline-offset:4px}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.ql-size-small{font-size:16px}.ql-size-large{font-size:24px}.ql-size-huge{font-size:32px}.ql-indent-1{padding-left:2em}.ql-indent-2{padding-left:4em}.ql-indent-3{padding-left:6em}
label.field{display:grid;gap:8px;margin:0 0 20px}input,textarea,select{border:3px solid transparent;border-image:var(--frame) 8 stretch;background:rgba(220,237,255,.84);padding:10px 12px;min-height:44px;border-radius:0;max-width:100%}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus{background-color:#e4f3ff}input[type=checkbox]{accent-color:#2868af;width:20px;height:20px;min-height:0;margin:0}.check-label{display:flex;align-items:center;gap:10px}.form-error{color:var(--danger);font-size:16px;white-space:pre-wrap;margin:12px 0}.form-error:empty{display:none}.auth-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #7c9ec9}.auth-tabs button{flex:1;border:0;background:transparent;padding:10px;color:var(--muted)}.auth-tabs button[aria-selected=true]{color:var(--ink);background:#b0d1fa;box-shadow:inset 0 -4px #365e92}.form-note{font-size:16px;color:var(--muted);margin:6px 0 20px}.editor-page{max-width:960px;margin:auto}.editor-panel{padding:26px 28px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.editor-kind{display:flex;border:3px solid #779bc9;background:rgba(192,219,251,.8);padding:3px}.editor-kind button{background:none;border:0;padding:7px 16px;font-size:18px}.editor-kind button.selected{background:#a0c6f8;box-shadow:inset 0 -3px #406a9e}.editor-top .muted{font-size:16px}.editor-title{width:100%;font-size:28px;padding:12px 8px;background:rgba(220,236,255,.4);border:0;border-bottom:2px solid #7198c9;margin-bottom:24px}.moment-text{width:100%;min-height:180px;background:rgba(224,240,255,.5)}.editor-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid #85a6cf;flex-wrap:wrap}.editor-mode{display:flex;justify-content:end;gap:8px;margin-bottom:8px}.editor-mode button{font-size:16px}.source-editor{width:100%;min-height:350px;font-size:16px}.editor-preview{min-height:300px;padding:18px;background:rgba(229,242,255,.65);border:2px solid #7c9fc9}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.upload-row{display:flex;gap:16px;align-items:center;margin-top:16px;flex-wrap:wrap}.upload-row p{margin:0;font-size:16px;color:var(--muted)}.image-picks{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.image-pick{position:relative;width:112px;height:112px}.image-pick img{width:100%;height:100%;object-fit:cover}.image-pick button{position:absolute;right:-6px;top:-6px;padding:0;width:28px;min-width:28px;min-height:28px;font-size:20px;background:#deedff;border:2px solid #416494}.location-input{display:flex;gap:8px;align-items:center;margin-top:18px}.location-input input{flex:1;min-width:0}.location-input button{font-size:16px}.visibility-switch{display:flex;align-items:center;gap:10px;font-size:16px}.switch{border:2px solid #355b8b;background:#7e9dc8;padding:3px;width:46px;height:26px;position:relative}.switch::after{content:"";width:16px;height:16px;background:#e4f3ff;position:absolute;top:3px;left:3px;transition:transform .16s ease-out}.switch[aria-checked=true]{background:#4e7db5}.switch[aria-checked=true]::after{transform:translateX(20px)}.ql-toolbar.ql-snow{border:2px solid #7297c5;background:rgba(189,217,253,.85);padding:8px;font-family:var(--font);display:flex;flex-wrap:wrap;gap:4px}.ql-container.ql-snow{border:2px solid #7297c5;border-top:0;background:rgba(223,239,255,.6);font:20px/1.9 var(--font);min-height:350px}.ql-editor{min-height:350px;padding:20px;line-height:1.9;font-family:var(--font)}.ql-editor.ql-blank::before{font-style:normal;color:#3a5980;left:20px}.ql-snow .ql-stroke{stroke:#254c7f}.ql-snow .ql-fill{fill:#254c7f}.ql-toolbar.ql-snow button{height:32px;width:32px}.ql-toolbar .ql-picker{height:32px;color:#1b3c6a}.ql-toolbar .ql-picker-label{padding-top:4px}.ql-snow .ql-picker-options{background:#d9ecff;z-index:5}.ql-snow .ql-tooltip{background:#d9ecff;border:2px solid #5076a7;color:#15355f;font-family:var(--font);white-space:normal;max-width:100%;z-index:7}.ql-snow .ql-tooltip input{min-height:28px;height:32px;max-width:200px}.settings-index{max-width:760px;margin:auto}.settings-profile{display:flex;align-items:center;gap:20px;padding:28px;margin-bottom:32px}.settings-profile h2{font-size:26px;font-weight:400;margin:0 0 8px}.settings-profile p{margin:0;color:var(--muted)}.settings-links{padding:0}.setting-link{display:flex;align-items:center;gap:16px;padding:22px 24px;border-bottom:2px solid var(--line)}.setting-link:last-child{border:0}.setting-link:hover{background:rgba(222,239,255,.7);text-decoration:none}.setting-link .description{display:block;color:var(--muted);font-size:16px;margin-top:4px}.setting-link .arrow{margin-left:auto}.settings-form{max-width:700px;margin:auto}.settings-form .panel-pad{padding:28px}.profile-edit{display:flex;align-items:center;gap:20px;margin-bottom:24px}.settings-group{margin-bottom:32px}.settings-group h2{font-size:22px;font-weight:400;margin:0 0 20px}.settings-group:last-child{margin-bottom:0}.token-form{display:grid;gap:16px}.token-form .field{margin:0}.scope-options{display:flex;gap:20px;flex-wrap:wrap;font-size:16px}.token-row{padding:20px 0;border-bottom:2px solid #80a3cd;display:flex;gap:16px;align-items:center}.token-row:last-child{border:0}.token-row-main{flex:1;min-width:0}.token-row p{font-size:16px;color:var(--muted);margin:4px 0}.token-value{font:16px/1.6 var(--font);display:block;width:100%;min-height:82px;resize:none;word-break:break-all;background:#dceeff;color:#15365f}.token-reveal{padding:20px;background:rgba(229,243,255,.8);border:2px dashed #4b72a4;margin-bottom:24px}.token-reveal h3{font-size:18px;font-weight:400;margin:0 0 10px}.token-reveal p{font-size:16px;color:var(--muted)}.mcp-info{font-size:16px;color:var(--muted);margin:20px 0 0;overflow-wrap:anywhere}.mcp-info code{font-family:var(--font);background:#c7e0ff;padding:2px 4px}.weather-choice{display:flex;justify-content:space-between;gap:20px;align-items:center}.weather-choice p{margin:8px 0;font-size:16px;color:var(--muted)}
dialog{border:8px solid transparent;border-image:var(--frame) 8 stretch;background:rgba(185,216,253,.98) url('/assets/ice-facets.svg') 0 0/128px 128px;color:var(--ink);padding:24px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;filter:drop-shadow(5px 6px 0 #1a3a67)}dialog::backdrop{background:rgba(6,22,48,.67)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.modal-header h2{font-size:24px;font-weight:400;margin:0}.modal-header .text-button{padding:2px;min-height:32px}.modal-actions{display:flex;justify-content:end;gap:12px;margin-top:24px}.account-popover{position:fixed;margin:0;inset:auto auto 20px 108px;width:300px;padding:20px}.account-popover .modal-header{margin-bottom:16px}.account-menu{display:grid}.account-menu a,.account-menu button{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 8px;border:0;background:none;text-align:left;font:inherit}.account-menu a:hover,.account-menu button:hover{background:#d5eaff;text-decoration:none}.account-menu .divider{border-top:2px solid #7e9dc5;margin:8px 0}.lightbox{width:min(1000px,calc(100% - 32px));padding:12px;background:#1e3b66}.lightbox img{max-height:80dvh;display:block;margin:auto;object-fit:contain}.lightbox .modal-header{color:#e0f0ff;margin:0 0 8px}.lightbox .modal-header h2{font-size:18px}#toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;width:max-content;max-width:min(90vw,460px);border:6px solid transparent;border-image:var(--active) 8 stretch;padding:14px 22px;background:rgba(212,235,255,.98);color:#12315a;box-shadow:4px 5px #365b8e;text-align:center;pointer-events:none}#toast[hidden]{display:none}#toast.error{background:#e5d4e9;color:#682b49}.loading-panel{padding:48px;text-align:center;color:var(--muted)}.settings-view.enter{animation:slide-in .28s cubic-bezier(.22,1,.36,1)}@keyframes slide-in{from{transform:translateX(32px)}to{transform:translateX(0)}}
@media(min-width:1600px){.app-main{padding-top:52px;margin-right:auto;margin-left:max(88px,calc((100vw - 1550px)/2 + 88px))}.page{max-width:1160px}.view-layout{grid-template-columns:minmax(0,800px) 300px;gap:40px}}
@media(max-width:1100px){.app-main{padding:32px 28px 64px}.view-layout{grid-template-columns:minmax(0,1fr)}.aside{display:none}.page{max-width:800px}.reader .post{padding:28px 28px 0}.reader .post-footer,.reader .post-comments{margin-left:-28px;margin-right:-28px}}
@media(max-width:700px){body{background-image:url('/assets/snow-night-mobile-v1.webp');font-size:18px;background-position:center center}.rail{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);border-right:0;border-top:2px solid #91b9eb;background:rgba(21,48,85,.96);display:block}.brand,.rail-bottom{display:none}.rail nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;align-items:center;width:100%;height:66px}.nav-item{height:58px;width:100%;padding:5px 0;color:#d1e7ff;display:flex;flex-direction:column;gap:2px}.nav-item .icon{width:22px;height:22px}.nav-item span{position:static;visibility:visible;width:auto;padding:0;border:0;background:transparent;color:inherit;font-size:14px;line-height:1.2}.nav-item.active{border:0;background:rgba(180,214,255,.22);color:#e6f5ff;box-shadow:inset 0 3px #c4e1ff}.nav-slider{display:none}.nav-item.settings-nav{display:flex}.app-main{margin:0;padding:24px 16px calc(104px + env(safe-area-inset-bottom))}.page-toolbar{margin-bottom:26px;gap:8px}.page-toolbar h1{font-size:26px}.toolbar-actions{gap:8px}.toolbar-actions .button{padding:4px 10px;min-height:40px;font-size:16px}.toolbar-actions .icon{width:18px;height:18px}.toolbar-actions .desktop-label{display:none}.demo-notice{font-size:14px;padding:6px 10px;margin-bottom:26px}.demo-notice button{font-size:14px}.compose-trigger{padding:12px;margin-bottom:28px;gap:10px}.compose-trigger .avatar{width:36px;height:36px}.compose-trigger .prompt{font-size:16px}.compose-trigger .icon-button{min-width:38px;min-height:38px}.feed-list{gap:28px}.post{padding:18px 16px 0}.post-header{gap:10px;margin-bottom:16px}.post-header .avatar{width:38px;height:38px}.author-name{font-size:18px}.post-time{font-size:14px}.post-copy{font-size:18px;line-height:1.7}.post-footer{margin:0 -16px;padding:7px 10px}.post-footer .text-button{font-size:16px;padding:6px}.post-footer .icon{width:18px;height:18px}.post-comments{margin:0 -16px;padding:14px 16px}.post-images{gap:6px}.post-images.single button,.post-images.single img{max-height:300px}.article-list{padding:0 16px}.article-row{padding:22px 0;gap:12px}.article-row h2{font-size:22px}.article-number{display:none}.article-row-arrow{width:16px}.article-meta{font-size:14px;gap:8px}.article-summary{font-size:16px}.reader .post{padding:22px 18px 0}.reader .post-footer,.reader .post-comments{margin-left:-18px;margin-right:-18px}.reader h1{font-size:28px}.prose{font-size:18px;line-height:1.85}.prose h1{font-size:28px}.prose h2{font-size:24px}.prose h3{font-size:22px}.reader .post-header{align-items:start}.reader .privacy-tag{display:block;margin-left:0}.editor-panel{padding:18px 12px}.editor-top{gap:8px;flex-wrap:wrap}.editor-kind button{font-size:16px;padding:7px 12px}.editor-title{font-size:24px}.moment-text{min-height:180px}.ql-toolbar.ql-snow{padding:6px;gap:0}.ql-toolbar.ql-snow .ql-formats{margin-right:7px}.ql-toolbar.ql-snow button{width:30px;height:32px}.ql-editor{padding:14px;font-size:18px}.ql-container.ql-snow,.ql-editor{min-height:320px}.editor-options{align-items:start;gap:16px}.editor-footer{align-items:start;flex-wrap:wrap}.editor-footer .button-row{width:100%}.editor-footer .button-row .button{flex:1}.location-input{flex-wrap:wrap}.location-input input{width:100%;flex:auto}.settings-profile{padding:20px;gap:16px}.settings-profile h2{font-size:24px}.setting-link{padding:20px 16px;gap:12px}.setting-link .description{font-size:16px}.settings-form .panel-pad{padding:20px 16px}.scope-options{gap:12px}.token-row{gap:8px;align-items:start}.token-row .text-button{font-size:16px}.token-form .button{width:100%}.pagination{gap:12px;font-size:16px}.pagination .button{padding:6px 10px}.account-popover{inset:auto 16px calc(82px + env(safe-area-inset-bottom));width:calc(100% - 32px)}.lightbox{width:calc(100% - 20px)}.comment-form{flex-wrap:wrap}.comment-form textarea{flex:1 1 calc(100% - 80px)}.comment-form .button{padding:6px 10px}.button-row .button{font-size:16px}.settings-group h2{font-size:22px}#toast{font-size:18px}}
@media(min-width:701px){.settings-nav{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Toolbar controls keep legible ice ink outside panels as well. */
.button,.icon-button{color:var(--ink);text-shadow:none}.rail .rail-settings{color:#c5e1ff}.rail .rail-settings:hover{color:#17375f}.pixel-tool{font:20px/1 PixelUI,monospace;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:24px}.pixel-tool .icon{width:20px;height:20px}.ql-snow svg{shape-rendering:crispEdges}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'正文'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before{content:'标题 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before{content:'标题 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before{content:'标题 3'}
/* The bitmap family has no separate bold/italic files; synthesize only authored prose. */
.prose,.ql-editor{font-synthesis:weight style}.prose :is(strong,b),.ql-editor :is(strong,b){font-weight:700}.prose :is(em,i),.ql-editor :is(em,i){font-style:italic}
.nearby-options{border-top:2px solid #83a5ce}.place-option{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;border-bottom:2px solid #83a5ce;min-height:68px;padding:12px 8px;background:transparent;color:var(--ink)}.place-option:hover{background:#d6eaff}.place-option>span{flex:1;overflow-wrap:anywhere}.place-distance{display:block;font-size:16px;color:var(--muted);margin-top:3px}.place-option>.icon:last-child{width:18px}
.nav-art{width:36px;height:36px;display:block;object-fit:contain;image-rendering:pixelated}.rail-settings .nav-art{width:32px;height:32px}@media(max-width:700px){.nav-item span{display:none}.nav-item{justify-content:center;gap:0}.nav-item .nav-art{width:36px;height:36px}}
.ql-font-pixel{font-family:PixelUI,monospace}.ql-font-sans{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}.ql-font-serif{font-family:'Songti SC',SimSun,serif}.ql-font-kai{font-family:'Kaiti SC',KaiTi,STKaiti,serif}.ql-font-mono{font-family:'SFMono-Regular',Consolas,monospace}.ql-snow .ql-picker.ql-font{width:88px}.ql-snow .ql-picker.ql-font :is(.ql-picker-label,.ql-picker-item)::before{content:'像素'}.ql-snow .ql-picker.ql-font :is(.ql-picker-label,.ql-picker-item)[data-value='sans']::before{content:'黑体'}.ql-snow .ql-picker.ql-font :is(.ql-picker-label,.ql-picker-item)[data-value='serif']::before{content:'宋体'}.ql-snow .ql-picker.ql-font :is(.ql-picker-label,.ql-picker-item)[data-value='kai']::before{content:'楷体'}.ql-snow .ql-picker.ql-font :is(.ql-picker-label,.ql-picker-item)[data-value='mono']::before{content:'等宽'}
/* Quill's built-in serif rule must not replace the selected Chinese family. */
.ql-snow .ql-editor .ql-font-serif,.prose .ql-font-serif{font-family:'Songti SC',SimSun,serif}