@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}}.publish-community-toast{border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 32px);max-height:calc(100dvh - 56px);color:var(--ink);border-radius:16px;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto;box-shadow:0 16px 60px #0006}.publish-community-toast::backdrop{background:#080e2055}.publish-community-toast h2{margin:0;font-size:20px}.publish-community-toast p{color:var(--muted)}.publish-community-options{border:0;min-width:0;margin:0;padding:0}.publish-community-options>legend{text-align:center;width:100%}.publish-community-list{gap:8px;max-height:280px;margin-top:8px;padding:4px;display:grid;overflow-y:auto}.publish-community-option{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.publish-community-option:has(input:checked){border-color:var(--accent);background:var(--paper)}.publish-community-option:focus-within{outline:2px solid var(--cyan);outline-offset:1px}.publish-community-option:has(input:disabled){opacity:.55;cursor:default}.publish-community-option input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.publish-community-icon{background:var(--paper);width:36px;height:36px;color:var(--accent);border-radius:9px;flex:0 0 36px;place-items:center;font-weight:700;display:grid;overflow:hidden}.publish-community-icon img{object-fit:cover;width:100%;height:100%}.publish-community-name{overflow-wrap:anywhere;min-width:0}.publish-community-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6eafa;--muted:#aab3d2;--accent:#ff98c5;--cyan:#80e1eb;--yellow:#ffdb91;--paper:#10172f;--surface:#1c2949;--post-hover:#253452;--line:#394263;--font-sans:Arial, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 85% 0, #56375b55, transparent 45%), radial-gradient(ellipse at 0 65%, #16365955, transparent 40%), var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans);flex-direction:column;margin:0;font-size:14px;line-height:1.7;display:flex}::selection{color:#171e38;background:#ff98c5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#232c4b;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:9px 16px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--accent);background:#38304f}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.primary{background:var(--accent);color:#251b38;border-color:var(--accent);font-weight:700;box-shadow:0 4px 22px #ff8fbd18}.primary:hover:not(:disabled){color:#251b38;background:#ffb7d7;box-shadow:0 5px 24px #ff8fbd38}.small{padding:8px 17px}.site-header{border-bottom:1px solid var(--line);background:#11182ce8;height:88px}.nav-wrap{align-items:center;gap:70px;max-width:1240px;height:100%;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:1px;white-space:nowrap;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.brand-mark{object-fit:cover;border-radius:50%;flex:none;width:38px;height:38px}.brand-name{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.brand-name{color:color-mix(in srgb, var(--accent) 82%, var(--ink))}}.brand-en{color:var(--accent);letter-spacing:1px;font-size:13px;font-weight:400}nav{align-items:center;gap:32px;height:100%;display:flex}nav a{height:100%;color:var(--muted);align-items:center;display:flex;position:relative}nav a:hover{color:var(--ink)}nav a.current{color:var(--accent);font-weight:700}nav a.current:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #ff98c577}.nav-actions{align-items:center;gap:26px;margin-left:auto;display:flex}.nav-actions>.button{white-space:nowrap;flex-shrink:0}.write-link{background:var(--surface);min-height:48px;color:var(--cyan);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:17px;font-weight:700;line-height:1;transition:background .18s;display:inline-flex}.write-link:hover{background:var(--line)}.write-link svg{flex-shrink:0}.account-menu{align-items:center;display:flex;position:relative}.community-create{max-width:680px;margin:0 auto;padding:28px}.community-create h1{margin-top:0}.community-create fieldset{border:0;min-width:0;margin:0;padding:0}.community-create label{margin-top:18px;display:block}.community-required-dot{vertical-align:middle;background:#ef4444;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.community-create-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;display:flex}.community-create-error{color:var(--accent)}.community-search{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.community-search input{flex:1;width:auto;min-width:160px;margin:0}.community-card{isolation:isolate;color:#fff;background:#182039;border:1px solid #b97ba9;border-radius:16px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #050b211c}.community-card-cover{aspect-ratio:16/9;background:radial-gradient(at 85% 5%,#91638266,#0000 65%),#182039;flex:none;width:100%;position:relative;overflow:hidden}.community-card-cover img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.community-card-no-cover .community-card-cover{background:radial-gradient(circle at 90% 0,#c388a27a,#0000 55%),radial-gradient(at 5% 65%,#4c969a70,#0000 65%),linear-gradient(140deg,#283254,#292741)}.community-card-no-cover .community-card-cover:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:290px;height:290px;position:absolute;top:-110px;right:-80px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff05}.community-card-monogram{color:#ffffff12;font-size:128px;font-weight:800;line-height:1.3;position:absolute;top:52px;right:35px;transform:rotate(-12deg)}.community-card-attributes{white-space:nowrap;scrollbar-width:thin;scrollbar-color:#6e587b #171e33;align-items:center;gap:14px;min-width:0;display:flex;overflow-x:auto}.community-card-attributes>time{flex-shrink:0}.community-card-attributes time{color:#b9bfd7;font-variant-numeric:tabular-nums;font-size:12px}.community-card-status{color:#ffbada;letter-spacing:.06em;background:#4c3257;border:0;border-radius:5px;align-items:center;gap:7px;padding:3px 9px;font-size:11px;display:inline-flex}.community-card-status>span{background:#adb2c1;border-radius:50%;width:5px;height:5px}.community-card-status.is-online>span{background:#8fdfc7;box-shadow:0 0 8px #8fdfc750}.community-card button.community-card-edit{z-index:3;color:#80e1eb;background:0 0;border:0;border-radius:4px;gap:6px;min-height:32px;padding:4px 0;font-size:12px;position:relative}.community-card button.community-card-edit:hover{background:#3e3459e6;border-color:#ffb9d7}.community-card-body{color:#f6eafa;background:#171e33;border-top:1px dashed #b9a5c380;flex-direction:column;flex:1;gap:10px;min-width:0;margin:0;padding:12px 16px;display:flex}.community-card-title{align-items:center;gap:8px;min-width:0;display:flex}.community-card-icon{color:#38334e;width:36px;height:36px;text-shadow:none;background:linear-gradient(135deg,#f1bedc,#b3bfee);border:1px solid #fff5;border-radius:50%;flex-shrink:0;place-items:center;font-size:19px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 3px 12px #080d2526}.community-card-icon img{object-fit:cover;width:100%;height:100%}.community-card-heading{min-width:0}.community-card-title .community-card-status{flex-shrink:0}.community-card-eyebrow{color:#ece3f1;letter-spacing:.07em;margin:0 0 5px;font-size:10px}.community-card-eyebrow>span{opacity:.6;padding:0 3px}.community-card-title h3,.community-card-title h1{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.03em;margin:0;font-size:16px;font-weight:650;line-height:1.4;overflow:hidden}.community-card-members{flex:none;align-items:baseline;gap:10px;display:flex}.community-card-members p{align-items:baseline;gap:5px;margin:0;display:flex}.community-card-members strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:16px;font-weight:600;line-height:1.2}.community-card-members p>span,.community-card-capacity{color:#e1ddeb;font-size:11px}.community-card-footer{color:#d8d6e4;flex:none;align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.community-card-enter{color:#fff;align-items:center;gap:9px;font-size:11px;display:inline-flex}.community-card-enter>span{border:1px solid #ffffff35;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;transition:background .2s;display:grid}.community-card-linked{transition:transform .2s,border-color .2s,box-shadow .2s}.community-card-linked:hover,.community-card-linked:focus-within{border-color:#c59ab8;transform:translateY(-4px);box-shadow:0 16px 36px #060b2340}.community-card-linked:hover .community-card-enter>span,.community-card-linked:focus-within .community-card-enter>span{background:#ffffff20}.community-card-link:after{content:"";z-index:2;position:absolute;inset:0}.community-card-link:focus-visible{outline:none}.community-card-link:focus-visible:after{outline-offset:-4px;border-radius:16px;outline:3px solid #9be6ec}.community-detail-grid{margin-top:24px}.community-card-detail .community-card-footer{min-height:24px}@media (max-width:640px){.community-card-body{gap:12px;padding:10px 12px}}.community-members{margin-top:28px}.community-member-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;padding:0;list-style:none;display:grid}.community-member-list li{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px}.community-member-list p{margin:10px 0 0;font-size:13px}.community-admin-badge,.community-member-badge{background:var(--accent);color:#251b38;border-radius:6px;margin-right:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.community-member-badge{background:var(--cyan);color:#10172f}.community-gender-unknown{align-items:baseline;display:inline-flex}.community-image-field{margin-top:18px}.community-image-field p{margin:0 0 6px}.community-image-field input[hidden]{display:none}.community-image-drop{border:1px dashed var(--line);background:var(--paper);text-align:center;flex-direction:column;width:100%;min-height:140px;padding:20px}.community-image-drop.is-dragging{border-color:var(--cyan);background:var(--surface);outline:2px solid var(--cyan);outline-offset:2px}.community-image-drop img{object-fit:contain;border-radius:6px;max-width:100%;max-height:200px;display:block}.community-image-field>.muted{margin-top:6px;font-size:12px;display:block}.community-image-remove{margin-top:8px;padding:4px 10px}.account-avatar{color:#251b38;background:linear-gradient(135deg,#ff98c5,#9477d5);border:0;border-radius:50%;width:46px;height:46px;padding:0;font-size:21px;font-weight:700;overflow:hidden}.account-avatar-offline{letter-spacing:1px;font-size:15px;font-weight:800}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-links{z-index:50;border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:170px;padding:10px 0;position:absolute;top:calc(100% + 17px);right:-12px;box-shadow:0 12px 30px #060c2444}.account-links:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);width:14px;height:14px;position:absolute;top:-8px;right:27px;transform:rotate(45deg)}.account-links a,.account-links button{min-height:48px;color:var(--muted);white-space:nowrap;justify-content:flex-start;align-items:center;gap:12px;padding:10px 20px;display:flex;position:relative}.account-links a:hover,.account-links a:focus-visible,.account-links button:hover,.account-links button:focus-visible{color:var(--ink);background:#38304f}.account-links button{text-align:left;width:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.account-links button svg{fill:none}.language-menu .account-links button[aria-pressed=true]{color:var(--accent);font-weight:700}.account-links svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.account-links .community-symbol{flex-basis:22px;width:22px;height:22px}.container{flex:1;width:100%;max-width:1240px;min-height:calc(100vh - 180px);margin:auto;padding:38px 28px 70px}.hero{isolation:isolate;background:#151d39;border:1px solid #665079;border-radius:16px;grid-template-columns:1.05fr 1fr;min-height:510px;margin-bottom:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 50px #060c2444}.hero:after{content:"";background:linear-gradient(90deg, var(--accent), #bc9bf2, var(--cyan));z-index:3;height:3px;position:absolute;bottom:0;left:0;right:0}.hero-copy{z-index:2;background:linear-gradient(90deg,#18203d,#18203df2 75%,#18203d00);padding:50px 0 50px 48px;position:relative}.eyebrow{letter-spacing:2px;color:var(--cyan);font-size:10px;font-weight:700;display:inline-block}.signal-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #ff98c588}.hero h1{letter-spacing:2px;margin:27px 0 18px;font-size:clamp(36px,3.8vw,49px);font-weight:800;line-height:1.45}.hero h1 span{color:var(--accent);text-shadow:3px 3px #743e694f}.hero p{color:#bdc3dc;line-height:1.95}.hero .button{min-width:149px;margin-top:19px}.hero-note{color:#b6accd;letter-spacing:1px;margin-top:17px;font-size:11px;display:block}.hero-art{background:linear-gradient(90deg,#18203d55,#0000 30%),linear-gradient(#0000 35%,#10172ebf),url(/images/citypop-night.jpg) 50% 40%/cover;align-items:center;min-width:0;padding:45px;display:flex;position:relative}.hero-art-label{color:#fff1f7;letter-spacing:2px;writing-mode:vertical-rl;font-size:9px;position:absolute;top:27px;right:25px}.citypop-wordmark{color:#fff0e6;text-shadow:3px 5px #644b91,5px 7px #dc8cc8;letter-spacing:-7px;z-index:1;margin-top:-12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(60px,7vw,96px);font-style:italic;font-weight:700;line-height:.83;transform:rotate(-9deg)}.citypop-wordmark i{color:#ffc3dc}.citypop-orbit{border:1px solid #ffdf9b99;border-radius:50%;width:77%;height:45%;position:absolute;top:19%;left:7%;transform:rotate(-35deg)}.floating-sticker{background:var(--yellow);color:#353456;border:1px solid #ffeac1;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:14px;font-weight:700;line-height:1.7;display:flex;position:absolute;bottom:69px;right:28px;transform:rotate(10deg);box-shadow:4px 4px #e697bc}.hero-art-caption{color:#e7dcec;letter-spacing:1.5px;justify-content:space-between;gap:12px;font-size:8px;display:flex;position:absolute;bottom:23px;left:27px;right:25px}.home-layout{grid-template-columns:minmax(0,1fr) 258px;gap:32px;display:grid}.home-layout aside{scrollbar-gutter:stable;align-self:start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}h1,h2,h3{line-height:1.5}h2{margin:4px 0 0;font-size:23px;font-weight:650}.dot{color:var(--accent)}.muted{color:var(--muted);font-size:12px}.section-heading>.muted{font-size:11px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.home-post-grid{grid-template-columns:minmax(0,1fr);gap:16px}.infinite-posts-status{text-align:center}.home-back-to-top{right:max(28px, calc((100% - 1240px) / 2 + 28px), env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--paper);width:64px;height:64px;color:var(--ink);border:0;border-radius:50%;padding:0;position:fixed;box-shadow:0 4px 16px #0002}.home-back-to-top:hover:not(:disabled){background:var(--surface);color:var(--accent)}.home-back-to-top svg{width:100%;height:100%;display:block}.back-to-top-track{stroke:var(--line)}.back-to-top-progress{stroke:var(--accent)}.home-back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-post-grid>.post-card-linked{position:relative}.post-card-linked .card-title-link:after{content:"";z-index:1;cursor:pointer;position:absolute;inset:0}.post-card-linked .card-title-link:focus-visible:after{outline:2px solid var(--accent);outline-offset:-2px;border-radius:inherit}.post-card-linked .card-author a,.post-card-linked .card-stats button{z-index:2;position:relative}.post-card-linked .post-images button{z-index:2}.home-post-grid .card-body{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:24px 16px;display:grid}.home-post-grid .card-meta{grid-column:1/-1;justify-content:flex-start;align-items:center;gap:6px;font-size:12px}.home-post-grid .card-meta>.card-author{color:var(--ink);background:0 0;min-width:0;padding:0}.home-post-grid .card-meta time{flex-shrink:0}.home-post-grid .card-body>a{grid-column:1/-1}.home-post-grid .card-body h3{margin:0;font-size:23px;line-height:1.55}.home-post-grid .card-stats{align-items:center;gap:8px;margin:0}.home-post-grid .card-stats>span{background:#aab3d214;border-radius:20px;padding:6px 12px}.home-post-grid .card-footer{border:0;justify-content:flex-end;padding:0;font-size:12px}.home-post-grid .card-avatar{width:32px;height:32px}.post-images{border:1px solid var(--line);aspect-ratio:4/3;background:#0c1326;border-radius:16px;grid-column:1/-1;min-width:0;max-height:640px;position:relative;overflow:hidden}.post-images>img{object-fit:contain;width:100%;height:100%;display:block}.post-image-error{height:100%;color:var(--muted);place-items:center;padding:48px;display:grid}.post-images>button{color:#fff;background:#10162ed9;border-color:#ffffff40;border-radius:50%;width:40px;height:40px;padding:0;font-size:28px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.post-images>button:focus-visible{outline-offset:-4px}.post-image-prev{left:12px}.post-image-next{right:12px}.post-image-count{color:#fff;font-variant-numeric:tabular-nums;background:#10162ee6;border-radius:20px;padding:3px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.post-card{--post-glass-fill:#ffffff08;--post-glass-tint:#a18ac408;--post-glass-edge:#ffffff26;--post-glass-rim:#ffffff59;--post-glass-inner:#ffffff0d;--post-glass-bottom:#080c2466;--post-glass-shadow:#060b2333;--post-glass-lift-shadow:#03071866;--post-glass-reflection:#ffffff12;--post-glass-refraction:#a6eaff26;--post-glass-glow:#ff70b566;--post-glass-glow-soft:#ff70b52e;isolation:isolate;background:linear-gradient(135deg, var(--post-glass-fill), transparent 45%, var(--post-glass-tint));border:1px solid var(--post-glass-edge);-webkit-backdrop-filter:blur(2px)saturate(110%);backdrop-filter:blur(2px)saturate(110%);box-shadow:0 10px 28px var(--post-glass-shadow), inset 0 2px 1px var(--post-glass-rim), inset 2px 0 2px var(--post-glass-edge), inset 0 -3px 2px var(--post-glass-bottom), inset 0 0 0 5px var(--post-glass-inner);border-radius:18px;transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.post-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg, transparent 8%, var(--post-glass-reflection) 9%, transparent 30%, transparent 65%, var(--post-glass-reflection) 66%, transparent 85%);opacity:.65;transition:opacity .28s;position:absolute;inset:0}.post-card:after{content:"";z-index:3;pointer-events:none;border:1px solid var(--post-glass-inner);box-shadow:inset 0 2px 1px var(--post-glass-rim), inset 3px 0 3px var(--post-glass-refraction), inset -2px -3px 2px var(--post-glass-bottom), 0 0 0 1px var(--post-glass-edge);border-radius:15px;position:absolute;inset:2px}.post-card:focus-within:before{opacity:1}.post-card:focus-within{border-color:var(--accent);transform:translateY(-7px)}@supports (color:color-mix(in lab, red, red)){.post-card:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--post-glass-edge))}}.post-card:focus-within{box-shadow:0 24px 40px -12px var(--post-glass-lift-shadow), 0 8px 16px -8px var(--post-glass-lift-shadow), inset 0 2px 2px var(--post-glass-rim), inset 2px 0 3px var(--post-glass-edge), inset 0 -4px 2px var(--post-glass-bottom), inset 0 0 0 5px var(--post-glass-inner)}@media (hover:hover) and (pointer:fine){.post-card:hover:before{opacity:1}.post-card:hover{box-shadow:0 0 12px var(--post-glass-glow), 0 0 32px 4px var(--post-glass-glow-soft), 0 24px 40px -12px var(--post-glass-lift-shadow), 0 8px 16px -8px var(--post-glass-lift-shadow), inset 0 0 12px var(--post-glass-glow-soft), inset 0 2px 2px var(--post-glass-rim), inset 2px 0 3px var(--post-glass-edge), inset 0 -4px 2px var(--post-glass-bottom), inset 0 0 0 5px var(--post-glass-inner);border-color:#ff8bc5;transform:translateY(-7px)}}.post-card:focus-within{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.post-card,.post-card:before{transition:none}.post-card:hover,.post-card:focus-within{transform:none}}.card-art{color:#ffbfdc;background:linear-gradient(#14234111,#142341bb),url(/images/citypop-night.jpg) 50% 40%/cover;justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.card-art>span{letter-spacing:12px;opacity:.85;text-shadow:3px 3px #314879;font-family:serif;font-size:72px;transform:rotate(-10deg)}.card-art>span>span{display:inline-block;transform:translateY(22px)}.card-art small{letter-spacing:2px;color:#fff0ea;background:#111831aa;border-radius:3px;padding:3px 7px;font-size:9px;position:absolute;bottom:12px;left:18px}.art-1{color:#fff1bd;background-image:linear-gradient(#24235400,#24235499),url(/images/citypop-night.jpg);background-position:50%,50% 68%;background-size:cover,118%}.art-2{color:#a4f2f5;background-position:50%,50% 66%}.art-3{color:#ffdaeb;background-image:linear-gradient(#29224800,#29224866),url(/images/citypop-night.jpg);background-position:50%,50% 34%;background-size:cover,118%}.card-body{padding:21px}.card-meta,.card-footer{color:var(--muted);justify-content:space-between;gap:8px;font-size:10px;display:flex}.card-meta>span{color:#ffbada;background:#4c3257;border-radius:4px;padding:1px 7px}.card-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px}.card-meta .card-author,.card-meta .post-community{gap:4px}.card-time{align-items:center;gap:4px;display:inline-flex}.card-time svg{flex-shrink:0}.card-meta>.post-community:before,.card-meta>time:before{content:"·";color:var(--muted);margin-right:6px}.post-community{min-width:0;max-width:100%;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.post-community:hover{color:var(--accent)}.post-community-marker{flex-shrink:0}.post-community-icon{background:var(--surface);border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;display:inline-grid;position:relative;overflow:hidden}.post-community-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-community-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-card-linked .post-community{z-index:2;position:relative}.post-tags{color:var(--muted);flex-wrap:wrap;gap:6px;margin:16px 0 0;font-size:11px;display:flex}.post-tags-icon{object-fit:contain;filter:invert();flex:0 0 18px;align-self:center;width:18px;height:18px}.post-tags span{border:1px solid var(--line);border-radius:999px;padding:3px 8px}.home-post-grid .post-tags{grid-column:1/-1;margin-top:0}.card-body h3{overflow-wrap:anywhere;margin:15px 0 26px;font-size:18px}.card-body h3:hover{color:var(--accent)}.card-stats{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:16px;font-size:12px;display:flex}.card-stats>span{overflow-wrap:anywhere}.card-vote{color:#bfc0ca;align-items:flex-start;gap:2px;display:inline-flex}.card-vote .vote-icon{flex-basis:20px;width:20px;height:20px;margin-top:4px}.card-vote .vote-count{font-size:12px}.card-footer{align-items:center}.card-footer>a{flex-shrink:0}.card-author{align-items:center;gap:8px;min-width:0;display:flex}.card-avatar{color:#ffbada;background:#4c3257;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;display:grid;position:relative;overflow:hidden}.card-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-nickname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-footer{border-top:1px solid var(--line);padding-top:14px}.card-footer a{color:var(--cyan)}.aside-card{isolation:isolate;background:#302d51;border:1px solid #736084;border-radius:12px;padding:24px;position:relative;overflow:hidden}.aside-card:before{content:"";z-index:-1;background:linear-gradient(#22213d44,#22213dcc 30%,#22213df5 88%),url(/images/citypop-night.jpg) 50% 55%/125%;position:absolute;inset:0}.aside-card .eyebrow{color:var(--yellow);font-size:9px}.aside-card h3{color:#ffd5e9;margin:31px 0 15px;font-size:27px}.aside-card p{color:#dad0e5;font-size:12px;line-height:1.95}.aside-card a{color:var(--yellow);margin-top:25px;font-size:12px;display:block}.aside-topics{border-bottom:1px solid var(--line);padding:22px 4px}.aside-topics h3{font-size:14px}.tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tags span,.tags button{color:#c7c0e9;background:#27314f;border:1px solid #414769;border-radius:5px;padding:4px 10px;font-size:11px}.tags span:nth-child(3n+2){color:#a0e0e9}.tags button.selected{background:var(--accent);color:#251b38;border-color:var(--accent)}.tags small{color:var(--muted)}.aside-foot{color:var(--muted);letter-spacing:1px;padding:16px 4px;font-size:10px;line-height:2.2}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:23px max(28px,50% - 592px);display:flex}.site-footer .brand{font-size:18px}.site-footer>span{color:var(--muted);font-size:11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 12px 35px #080d211f}.empty{text-align:center;color:var(--muted);background:linear-gradient(135deg,#1d2947,#26233f);border:1px dashed #5b557b;border-radius:12px;margin:20px 0;padding:54px 20px}.empty h3{color:#ffd7e9;font-size:20px}.empty-write-button{margin-top:100px}.server-disconnected{width:min(280px,100%);height:auto;color:var(--accent);margin:0 auto 16px;display:block}.empty-symbol{color:var(--accent);font-size:36px}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:11px;display:flex}.pagination>div{justify-content:center;align-items:center;gap:12px;display:flex}.pagination button{padding:6px 10px;font-size:11px}.tabs{gap:12px;margin-bottom:22px;display:flex}.tabs button{color:var(--muted);background:0 0;border-color:#0000}.tabs .active,.toolbar .active{color:#ffd1e7;background:#493250;border-color:#916282}.auth-layout{grid-template-columns:1fr 1fr;align-items:stretch;gap:35px;max-width:1000px;margin:25px auto;display:grid}.auth-story{background:linear-gradient(#182039ee,#20244866 45%,#141b37cc),url(/images/citypop-night.jpg) 50%/cover;border:1px solid #795d86;border-radius:14px;flex-direction:column;min-height:585px;padding:35px;display:flex;overflow:hidden}.auth-story h1{margin:28px 0;font-size:38px;line-height:1.6}.auth-story h1 span{color:var(--accent)}.auth-story p{color:#e0d5e6}.auth-caption{flex-direction:column;gap:8px;margin-top:auto;padding-top:55px;display:flex}.auth-caption span:first-child{color:var(--cyan);letter-spacing:2px;font-size:9px}.auth-caption span:last-child{letter-spacing:2px;color:#ffe0ed;font-size:12px}.auth-form{align-self:center;width:100%;padding:35px}.auth-form label{margin-top:18px;font-size:12px;display:block}.auth-form input:focus,html[data-theme=light] .auth-form input:focus{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:4px}.auth-form>button{width:100%;margin-top:25px}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{width:44px;height:100%;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.password-toggle:hover{color:var(--ink);background:0 0}input,textarea,select{width:100%;color:var(--ink);background:#141c34;border:1px solid #465071;border-radius:7px;margin-top:6px;padding:11px 12px;display:block}input::placeholder,textarea::placeholder{color:#919ab9;opacity:1}input[type=color]{color-scheme:normal}textarea{resize:vertical;min-height:120px}.auth-switch{text-align:center;color:var(--muted);font-size:12px}.auth-switch a{color:var(--accent)}body:has(.profile){isolation:isolate}.profile-background{z-index:-1;pointer-events:none;background:linear-gradient(135deg,#654369,#233c58) 50%/cover no-repeat;position:fixed;inset:0}.profile{text-align:center;background:#141c34c9;max-width:560px;margin:40px auto}.profile-header{color:#fff;overflow-wrap:anywhere;border-radius:10px;padding:64px 20px 24px;position:relative}.profile-header .eyebrow,.profile-header .muted{color:#e1e5ef}.profile-cover-button{color:#fff;background:#10162ecc;border-color:#fff6;padding:6px 12px;font-size:12px;position:absolute;top:12px;right:12px}.profile-header [role=alert]{color:#ffb6cc}.other-profile-tagline{white-space:pre-wrap;overflow-wrap:anywhere}.profile-fields{text-align:left;margin-top:32px}.profile-field{border-top:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:20px;padding:24px 0;display:grid}.profile-field-label{padding-top:8px;font-weight:600}.profile-field-value{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:16px;min-height:40px;display:flex}.profile-field-value>span{white-space:pre-wrap;min-width:0}.profile .profile-edit-link{color:var(--accent);box-shadow:none;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;display:inline-flex}.profile-field-editor fieldset{border:0;min-width:0;margin:0;padding:0}.profile-field-editor input,.profile-field-editor select{margin-top:0}.profile-field-editor .actions{flex-wrap:wrap;justify-content:flex-start;margin-top:20px}.profile-field-editor [role=alert]{color:#ff9ebc}:is(.profile-gender-male,.profile-gender-select:has(option[value="1"]:checked)){color:#60a5fa}:is(.profile-gender-female,.profile-gender-select:has(option[value="2"]:checked)){color:#f472b6}@media (max-width:480px){.profile-field{grid-template-columns:80px minmax(0,1fr);gap:12px}}.avatar{color:#282243;background:linear-gradient(135deg,#ffc0d7,#8ddce8);border:3px solid #fbd8e8;border-radius:50%;place-items:center;width:84px;height:84px;margin:24px auto;font-size:36px;display:grid;overflow:hidden;box-shadow:0 0 30px #ffa4cc22}.avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-button{padding:0;position:relative}.profile input[hidden]{display:none}.profile-avatar-overlay{color:#fff;background:#10162ecc;padding:5px 0;font-size:11px;line-height:1.5;position:absolute;inset:auto 0 0}.profile-avatar-button:hover .profile-avatar-overlay,.profile-avatar-button:focus-visible .profile-avatar-overlay{background:#10162ef2}.actions{justify-content:center;gap:12px;margin-top:25px;display:flex}.editor{max-width:1000px;margin:auto}.title-input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin-bottom:18px;padding:18px 0;font-size:28px}.toolbar{border:1px solid var(--line);background:#242c49;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;padding:10px;display:flex}.toolbar button{background:0 0;border:1px solid #0000;padding:5px 8px;font-size:11px}.divider{border-left:1px solid #5a5274;height:18px;margin:0 4px}.mode-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.mode-row button{border:0;font-size:10px}.writing-area{border:1px solid var(--line);background:#151e36;min-height:380px;padding:20px;font-family:ui-monospace,monospace;line-height:2}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.form-grid label{font-size:12px}.hint{color:var(--muted);font-size:11px}.editor-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.editor-footer>div{gap:10px;display:flex}.article,.comments{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#47365440,#16233c38 60%),#141d32cc;border-color:#b3b7dd30;max-width:1000px;margin:0 auto 24px;box-shadow:inset 0 1px #f6eafa0d,0 16px 40px #060b2333}.article-header{border-bottom:1px solid var(--line);margin:38px 0 24px;padding-bottom:20px}.article-header h1{overflow-wrap:anywhere;color:#ffe2ef;text-align:center;font-size:36px}.article-author{align-items:center;gap:10px;margin-top:22px;display:flex}.article-author .card-avatar{width:36px;height:36px;font-size:16px}.article-author-name{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:600}.article-meta{flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.article-meta>span{overflow-wrap:anywhere}.reading-surface{background-position:50%;background-size:cover;border-radius:8px;overflow:hidden}.prose{color:#e2e5f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-wrap:anywhere;background:#10192dd9;border:1px solid #b3b7dd26;border-radius:8px;padding:16px;font-size:15px;line-height:1.95;box-shadow:inset 0 1px #f6eafa0a}.prose h1{font-size:30px}.prose h2{font-size:25px}.prose h3{font-size:21px}.prose h1,.prose h2,.prose h3{color:#f4dcec}.prose h4,.prose h5,.prose h6{font-weight:700}.prose p{margin:12px 0}.prose ul{padding-left:24px;list-style:outside}.prose ol{padding-left:24px;list-style:decimal}.prose blockquote{border-left:3px solid var(--accent);color:#e6c0da;background:#b478a51a;margin:18px 0;padding:8px 18px}.prose pre{color:#bae7f1;white-space:pre;background:#0e1529;border:1px solid #38405d;border-radius:8px;padding:20px;overflow:auto}.prose pre small{color:var(--accent);font-size:10px;display:block}.prose code{font-family:ui-monospace,monospace;font-size:13px}.prose a{color:var(--cyan);text-decoration:underline}.prose a.android-attachment{color:#a8e6c3;text-underline-offset:3px;text-decoration-color:#a8e6c366}.android-attachment-badge{color:#3ddc84;vertical-align:middle;white-space:nowrap;background:#3ddc8414;border-radius:5px;align-items:center;gap:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.android-attachment-badge svg{flex-shrink:0}.prose img,.prose video{border-radius:8px;max-width:100%;margin:16px auto}.prose audio{max-width:100%}.prose .article-image-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:8px;max-width:100%;margin:16px auto;padding:0;display:block}.prose .article-image-trigger img{width:100%;height:auto;margin:0;display:block}.article-image-trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.image-preview{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:64px 16px 24px;position:fixed;inset:0;overflow:auto}.image-preview[open]{justify-content:center;align-items:center;display:flex}.image-preview::backdrop{background:#000000e0}.image-preview>img{object-fit:contain;max-width:100%;max-height:100%;display:block}.image-preview-close{color:#fff;cursor:pointer;background:#202020;border:1px solid #fff6;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:30px;line-height:1;display:grid;position:fixed;top:16px;right:16px}.table-scroll{overflow:auto}.prose table{border-collapse:collapse;width:100%;margin:18px 0}.prose th,.prose td{text-align:left;border:1px solid #b3b7dd30;padding:8px 12px}.prose th{color:#f4dcec;background:#b584bf24}.article-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:24px;display:flex}.article-actions .vote-button{color:#bfc0ca;background:0 0;border:0;align-items:flex-start;gap:2px;min-width:44px;height:44px;padding:4px 6px}.vote-icon{stroke:currentColor;stroke-width:3.5px;stroke-linejoin:round;flex:0 0 28px;width:28px;height:28px;margin-top:7px}.vote-icon-down{transform:rotate(180deg)}.vote-count{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;line-height:1}.article-actions .vote-button:hover:not(:disabled),.article-actions .vote-button[aria-pressed=true]{color:var(--accent);background:0 0}.vote-button[aria-pressed=true] .vote-icon{fill:#ff98c526}.comments form>button{margin-top:12px}.comment{border-top:1px solid var(--line);margin-top:20px;padding:22px 0}.comment .comment{border-left:2px solid #855478;margin-left:20px;padding-left:12px}.comment .prose{padding:10px 14px;font-size:13px}.comment button{padding:3px 10px;font-size:11px}.comment-author{color:#f5c5dd;align-items:center;gap:8px;display:flex}.comment-author img{border-radius:50%;width:28px;height:28px}.comment-owner{color:#f5c5dd;background:#f5c5dd14;border:1px solid #f5c5dd55;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4}.toast{top:calc(28px + env(safe-area-inset-top,0px));color:#fff0f7;z-index:100;background:#322b49;border:1px solid #e293be;border-radius:10px;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #080c2a88}.toast button{color:#ffc2e0;background:0 0;border:0;padding:0 6px}.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}.spinner{border:2px solid #585571;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;margin-right:10px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.rich-editor{padding:20px 0}.rich-block{gap:8px;margin:12px 0;display:flex}.block-order{flex-direction:column;gap:5px;padding-top:8px;display:flex}.block-order button{padding:2px 8px;font-size:11px}.rich-node{border:1px solid var(--line);background:#1e2945;border-radius:8px;flex:1;min-width:0;padding:12px}.rich-node .rich-node{background:#1a233b;margin:10px 0}.rich-node-head{color:#c7b9db;justify-content:space-between;align-items:center;font-size:10px;display:flex}.rich-node-head>div{gap:8px;display:flex}.rich-node-head button{background:0 0;border:0;padding:0 7px}.rich-node-head select{width:auto;margin:0;padding:2px 8px}.rich-node textarea{background:#121c32;min-height:75px;font-size:14px}.text-formats{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.text-formats button{padding:3px 7px;font-size:10px}.text-formats button[aria-pressed=true]{background:var(--accent);color:#251b38;border-color:var(--accent)}.text-formats label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.text-formats input{width:160px;margin:0;padding:3px}.text-formats input[type=color]{width:28px;height:25px;padding:0}.rich-node>button{margin-top:8px;padding:3px 8px;font-size:10px}.add-block{border:1px dashed #706183;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding:18px;display:flex}.add-block span{color:var(--muted);margin-right:8px;font-size:11px}.add-block button{padding:5px 9px;font-size:11px}@media (max-width:950px){.nav-wrap{gap:30px}.hero-copy{padding:36px 0 36px 30px}.hero h1{font-size:36px}.hero-art{padding:24px}.citypop-wordmark{font-size:98px}.home-layout{grid-template-columns:1fr}.home-layout aside{grid-template-columns:1fr 1fr;gap:24px;display:grid}.aside-foot{display:none}.auth-layout{gap:24px}.auth-story{padding:25px}.auth-story h1{font-size:30px}.site-footer{padding-inline:28px}}@media (max-width:640px){.site-header{height:auto;min-height:74px}.nav-wrap{flex-wrap:wrap;gap:16px;padding:16px}.brand{font-size:21px}.brand-en,.write-link{display:none}.brand-mark{width:30px;height:30px;font-size:20px}.nav-actions{gap:0}.nav-actions .button{padding:7px 9px;font-size:11px}nav{gap:14px;font-size:12px}nav a{min-height:36px}nav a.current:after{bottom:-8px}.container{padding:22px 16px 42px}.home-back-to-top{right:max(16px, env(safe-area-inset-right,0px))}.hero{grid-template-columns:1fr;margin-bottom:30px}.hero-copy{background:linear-gradient(100deg,#18203df5,#18203da0),url(/images/citypop-night.jpg) 50% 25%/cover;padding:28px 24px}.hero h1{margin-top:20px;font-size:35px}.hero-art{background-position:50%,50%,50% 44%;height:215px}.citypop-wordmark{margin:0 0 10px 16px;font-size:80px;line-height:.8}.citypop-orbit{width:190px;height:130px;top:10%;left:5%}.hero-art-label{writing-mode:horizontal-tb;font-size:8px;top:18px;right:18px}.floating-sticker{width:65px;height:65px;font-size:11px;bottom:52px;right:24px}.hero-art-caption{letter-spacing:1px;font-size:7px;bottom:14px;left:20px;right:18px}.hero p{font-size:12px}.section-heading>.muted{display:none}.post-grid{grid-template-columns:1fr;gap:18px}.home-post-grid{gap:16px}.home-post-grid .card-body{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 16px}.home-post-grid .card-body h3{font-size:20px}.home-post-grid .card-meta{flex-wrap:wrap}.home-post-grid .card-stats>span{padding:5px 10px}.home-post-grid .card-footer{justify-content:flex-start}.card-art{height:180px}.home-layout aside{grid-template-columns:1fr;max-height:none;position:static;overflow:visible}.aside-card{min-height:235px}.aside-card:before{background-position:50%,50% 60%;background-size:cover,115%}.aside-topics{padding-top:0}.panel{padding:22px 16px}.auth-layout{flex-direction:column;gap:18px;margin:10px auto;display:flex}.auth-story{background-position:50%,50% 30%;min-height:210px;padding:22px}.auth-story h1{margin:14px 0 8px;font-size:27px}.auth-story p,.auth-caption{display:none}.auth-form{max-width:440px;margin:auto}.form-grid{grid-template-columns:1fr}.editor-footer{flex-direction:column;align-items:flex-start}.editor-footer>div{width:100%}.editor-footer button{flex:1}.editor .section-heading h1,.title-input{font-size:22px}.article-header h1{font-size:28px}.prose{padding:6px;font-size:14px}.pagination{flex-direction:column}.article-actions button{padding:8px;font-size:11px}.site-footer{padding-inline:16px}.site-footer>span{font-size:10px}.mode-row{align-items:flex-start}.mode-row .muted{width:100%;font-size:10px}.comment .comment{margin-left:8px}.toast{font-size:12px}.rich-node{padding:9px}.text-formats input{max-width:135px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.composer{color:#ece9f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:1080px}.composer .compose-main{color:#ece9f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:radial-gradient(at 5% 0,#c77ca51a,#0000 55%),linear-gradient(135deg,#26304bc9,#141c32de);border-color:#c9c7ed30;padding:28px 32px 18px;box-shadow:0 18px 55px #050a244d,inset 0 1px #ffffff18,inset 0 -1px #ffffff05}.compose-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.compose-heading h1{margin:0;font-size:23px;font-weight:700}.compose-heading h1>span{color:#e2a5cf;margin-right:6px}.compose-heading>a{color:#b5bad1;font-size:13px}.compose-heading>a:hover{color:#ffb5db}.compose-heading>a span{margin-left:8px;font-size:22px}.compose-fieldset{border:0;min-width:0;margin:0;padding:0}.compose-surface{position:relative}.compose-main{gap:15px;min-height:240px;display:flex;overflow:auto}.composer .compose-resize-handle{color:#bac1da;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:2px;right:2px}.composer .compose-resize-handle:focus-visible{outline-offset:2px;outline:2px solid #f5b2d4}.compose-avatar{color:#ffbada;background:#4c3257;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;margin-top:6px;display:grid;overflow:hidden;box-shadow:0 0 0 3px #c99bcf33}.compose-avatar img{object-fit:cover;width:100%;height:100%}.compose-inputs{flex:1;min-width:0}.composer .title-input{color:#f1eafa;text-align:center;box-shadow:none;outline-offset:2px;background:0 0;border:0;margin:0;padding:5px 0 10px;font-size:24px;font-weight:650}.composer .title-input::placeholder{color:#a1abc5}.composer .title-input:focus{outline:none}.compose-canvas{position:relative}.compose-document{overflow-wrap:anywhere;color:#e2e5f2;outline:none;min-height:400px;padding:6px 0 28px;font-size:17px;line-height:1.95}.compose-document:focus-visible{outline:none}.compose-canvas:focus-within{box-shadow:none}.compose-document>*{margin:8px 0}.compose-document>:first-child{margin-top:0}.compose-canvas.is-empty .compose-document:before{content:attr(data-placeholder);color:#a1abc5;float:left;pointer-events:none;height:0}.compose-document h1{font-size:30px}.compose-document h2{font-size:25px}.compose-document h3{font-size:21px}.compose-document ul{padding-left:26px;list-style:outside}.compose-document ol{padding-left:26px;list-style:decimal}.compose-document blockquote{color:#e6c0da;background:#b478a51a;border-left:3px solid #d997bf;padding:8px 18px}.compose-document pre{color:#dbeaf3;white-space:pre-wrap;background:#0e1529aa;border-radius:8px;padding:18px}.compose-document code{font-family:ui-monospace,monospace;font-size:.87em}.compose-document a{color:#a2dfe9;cursor:text;text-decoration:underline}.compose-document img,.compose-document video{border-radius:8px;max-width:100%;max-height:440px;margin:18px 0;display:block}.compose-document audio{max-width:100%;margin:16px 0}.compose-document .ProseMirror-selectednode{outline-offset:3px;outline:2px solid #cb7eb0}.compose-document table{border-collapse:collapse;table-layout:fixed;width:100%;margin:16px 0}.compose-document td,.compose-document th{vertical-align:top;border:1px solid #b3b7dd30;min-width:45px;padding:8px;position:relative}.compose-document th{text-align:left;background:#b584bf24}.compose-document .selectedCell:after{content:"";pointer-events:none;background:#d89ec933;position:absolute;inset:0}.compose-toolbar-container{margin-top:12px;padding:0 8px}.compose-tools{position:relative}.compose-bottom{grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:10px;padding:14px 0 18px;display:grid}.composer button{color:#bac1da;box-shadow:none;background:0 0;border-color:#0000;font-weight:400}.composer button:hover:not(:disabled){color:#ffc0df;background:#e6a2d017;border-color:#0000}.composer button[aria-pressed=true],.composer button[aria-expanded=true]{color:#ffc0df;background:#e6a2d024}.compose-icons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.compose-icons button{color:#d4daee;border-radius:6px;min-width:34px;height:36px;padding:4px 7px;font-size:25px;line-height:1}.compose-icons button[aria-label=文字与排版]{font-size:17px;font-weight:650}.compose-tool-divider{border-left:1px solid #c4c7e32b;height:17px;margin:0 3px}.compose-actions{flex-wrap:wrap;grid-column:3;justify-content:flex-start;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.compose-character-count{color:#a4acc6;white-space:nowrap;border-inline:1px solid #c4c7e32b;flex-shrink:0;grid-column:2;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:12px;line-height:20px;display:inline-flex}.compose-count-window{vertical-align:middle;display:inline-flex;overflow:hidden}.compose-count-number{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;display:inline-block}.compose-actions button{white-space:nowrap;padding:8px 10px;font-size:12px}.composer .primary{color:#532c48;background:#f5b2d4;border-color:#0000;border-radius:22px;padding:10px 26px;font-weight:650}.composer .primary:hover:not(:disabled){color:#532c48;background:#efa1cb}.composer .primary:disabled{color:#a58fae;opacity:1;background:#b890b61c}.compose-status{color:#a4acc6;justify-content:space-between;gap:12px;padding:12px 0 16px;font-size:11px;display:flex}.compose-settings,.compose-advanced{border-bottom:1px solid #c4c7e31a;padding:15px 0}.compose-settings summary,.compose-advanced summary{color:#b7bfd8;cursor:pointer;font-size:12px}.compose-settings summary>span{color:#a0a7c2;float:right;font-size:11px}.compose-settings[open] summary{margin-bottom:18px}.composer input:not(.title-input),.composer textarea{color:#e6e8f4;background:#080f244d;border-color:#b5b5d52e}.composer input::placeholder,.composer textarea::placeholder{color:#9ca5c1}.composer .hint{color:#aab0c9}.composer .tags button{color:#d5b7db;background:#ac8cbe1c}.composer .tags button.selected{color:#ffcee6;background:#ba7faa40}.compose-advanced{border:0;padding-bottom:0}.compose-advanced>div{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.compose-advanced button{font-size:12px}.compose-source{margin-top:8px}.compose-preview{min-height:250px;padding-top:14px}.compose-preview-label{color:#cfacd1;font-size:11px}.compose-preview .prose{color:#e2e5f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141d32b3}.compose-preview .prose :is(h1,h2,h3){color:#f4dcec}.compose-preview .prose blockquote{color:#e6c0da;background:#b478a51a}.compose-preview .prose a{color:#a2dfe9}.compose-preview .prose :is(th,td){border-color:#b3b7dd30}.compose-preview .prose th{color:#f4dcec;background:#b584bf24}.compose-popover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#2b324bde,#182138ed);border:1px solid #c9c7ed30;border-radius:12px;margin:0 0 10px;padding:14px;box-shadow:0 8px 28px #050a2440,inset 0 1px #ffffff0f}.popover-heading{color:#dcc4e3;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.popover-heading button{padding:0 7px;font-size:20px}.popover-heading-centered{grid-template-columns:36px minmax(0,1fr) 36px;display:grid}.popover-heading-centered>strong{text-align:center;grid-column:2}.popover-heading-centered>button{grid-column:3;justify-self:end}.format-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.format-options>button,.format-options>.compose-color{border:1px solid var(--line);border-radius:8px;justify-content:flex-start;min-width:0;min-height:44px;padding:8px 12px;font-size:12px}.composer .format-options>button{border-color:var(--line)}.format-options>.compose-color{justify-content:space-between}.compose-color{color:#bac1da;align-items:center;gap:6px;font-size:12px;display:flex}.composer .compose-color input{width:28px;height:25px;margin:0;padding:0}.media-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.media-form label{color:#b8bed7;flex:1;min-width:160px;font-size:12px}.media-form small{color:#aab0c9;flex-basis:100%;font-size:11px}.media-form p{color:#ff9ebc;flex-basis:100%;font-size:12px}.table-options{background:#b98cbc17;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;padding:7px;display:flex}.table-options span,.table-options button{padding:4px 7px;font-size:11px}@media (max-width:640px){.composer .compose-main{padding:20px 16px 16px}.compose-heading{margin-bottom:22px}.compose-heading h1{font-size:20px}.compose-main{gap:10px}.compose-avatar{flex-basis:28px;width:28px;height:28px;margin-top:8px}.composer .title-input{font-size:22px}.compose-document{min-height:220px;font-size:16px}.compose-toolbar-container{padding:0}.compose-icons{justify-content:center;gap:4px}.compose-icons button{min-width:30px;padding:4px;font-size:22px}.compose-bottom{grid-template-columns:auto auto;gap:8px}.compose-icons{grid-column:1/-1}.compose-icons[role=toolbar]{grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;display:grid}.compose-character-count{grid-column:1;justify-self:center;padding-inline:8px}.compose-actions{grid-column:2;justify-content:flex-end;width:100%}.compose-status{font-size:10px}.compose-settings summary>span{display:none}.compose-popover{padding:12px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.composer .compose-main{background:linear-gradient(135deg,#283047,#182035)}.compose-popover{background:#222b42}}.tag-list>.tags+.tags{margin-top:8px}.tag-count{opacity:.8;font-variant-numeric:tabular-nums;margin-left:7px}.tag-load-error{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;font-size:11px;display:flex}.tag-load-error button{padding:4px 8px;font-size:11px}.compose-visibility{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.compose-visibility select{width:auto;max-width:100%;margin:0;padding:5px 8px}.compose-heading,.tabs{flex-wrap:wrap}.compose-rich.is-dragging{outline-offset:4px;background:#e3b0d10d;border-radius:10px;outline:2px dashed #e3b0d1}.compose-upload-status,.compose-upload-errors{overflow-wrap:anywhere;font-size:12px}.compose-upload-status{color:#a2dfe9}.compose-upload-errors{color:#ffb4b4;padding-left:20px}.compose-icons button[aria-label=插入代码块]{font-size:17px}:is(.compose-document,.prose) pre .hljs-comment,:is(.compose-document,.prose) pre .hljs-quote{color:#7f848e;font-style:italic}:is(.compose-document,.prose) pre .hljs-keyword,:is(.compose-document,.prose) pre .hljs-selector-tag,:is(.compose-document,.prose) pre .hljs-literal{color:#c678dd}:is(.compose-document,.prose) pre .hljs-string,:is(.compose-document,.prose) pre .hljs-regexp,:is(.compose-document,.prose) pre .hljs-addition{color:#98c379}:is(.compose-document,.prose) pre .hljs-number,:is(.compose-document,.prose) pre .hljs-attr,:is(.compose-document,.prose) pre .hljs-variable{color:#d19a66}:is(.compose-document,.prose) pre .hljs-title,:is(.compose-document,.prose) pre .hljs-built_in,:is(.compose-document,.prose) pre .hljs-selector-class{color:#61afef}:is(.compose-document,.prose) pre .hljs-type,:is(.compose-document,.prose) pre .hljs-meta,:is(.compose-document,.prose) pre .hljs-symbol{color:#e5c07b}:is(.compose-document,.prose) pre .hljs-deletion{color:#ffa0a9}:is(.compose-document,.prose) pre .hljs-emphasis{font-style:italic}:is(.compose-document,.prose) pre .hljs-strong{font-weight:700}.compose-popover.compose-emoji-popover{-webkit-backdrop-filter:none;background:#202020;border:1px solid #ffffff1a;border-radius:12px;width:min(440px,100%);padding:10px 6px 6px 12px;position:relative;box-shadow:0 12px 36px #0008}.compose-emoji-popover .popover-heading{color:#bdbdbd;padding-right:8px}.emoji-picker-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#646464 #202020;max-height:min(280px,45dvh);padding-right:8px;overflow-y:auto}.emoji-picker-scroll section+section{margin-top:12px}.emoji-picker-scroll h3{color:#959595;margin:4px 0 8px;font-size:13px;font-weight:400}.emoji-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.emoji-grid button{aspect-ratio:1;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:8px;place-items:center;padding:4px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:24px;line-height:1;display:grid}.emoji-grid button:hover:not(:disabled),.emoji-grid button:focus-visible{outline-offset:-2px;background:#ffffff16;outline:2px solid #b5a0ca;transform:none}@media (max-width:600px){.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.emoji-grid button{font-size:24px}}@media (max-width:950px){.nav-wrap{gap:20px}.nav-actions{gap:14px}.home-layout>*,.auth-layout>*{min-width:0}}@media (max-width:640px){.nav-wrap{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 16px;display:grid}.nav-wrap>.brand{gap:8px;font-size:20px}.nav-actions{grid-area:1/2;gap:8px}.nav-actions .write-link{gap:8px;min-height:44px;padding:0 14px;font-size:15px;display:inline-flex}.nav-actions .button{min-height:44px;padding:8px;font-size:12px}.container{padding:20px 12px calc(32px + env(safe-area-inset-bottom,0px))}.hero{min-height:0}.hero-copy{padding:26px 20px}.hero h1{letter-spacing:0;font-size:clamp(26px,7.5vw,35px)}.hero p{font-size:14px}.section-heading{flex-wrap:wrap;gap:8px;margin-bottom:18px}.section-heading h1,.section-heading h2{font-size:22px}.card-meta{flex-wrap:wrap}.card-meta time{overflow-wrap:anywhere;max-width:100%}.home-post-grid .card-meta time{flex-shrink:1;font-size:11px}.home-post-grid .card-body{padding:20px 16px}.home-post-grid .card-stats{gap:6px}.home-post-grid .card-stats>span{padding:5px 8px}.card-footer a{align-items:center;min-height:44px;display:inline-flex}.post-images{border-radius:10px}.post-images>button{width:44px;height:44px}.post-image-prev{left:8px}.post-image-next{right:8px}.post-image-error{padding:20px}.panel{border-radius:12px;padding:20px 14px}.tabs{gap:4px}.tabs button{flex:auto;padding:8px 10px}button,.button,.tags button,.pagination button,.comment button{min-height:44px}input,textarea,select,.composer input:not(.title-input),.composer textarea{font-size:16px}.article-header{margin:24px 0 20px}.article-header h1{font-size:26px}.prose{padding:12px;font-size:16px}.prose pre{max-width:100%;padding:12px}.prose blockquote{padding:8px 12px}.prose img,.prose video{height:auto}.article-actions{gap:8px;padding-top:16px}.article-actions button{font-size:13px}.comment .comment{margin-left:4px;padding-left:8px}.comment-author{overflow-wrap:anywhere;flex-wrap:wrap}.comment .prose{padding:10px;font-size:15px}.pagination>div,.actions{flex-wrap:wrap}.profile{overflow-wrap:anywhere;margin:12px auto}.site-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:6px 16px}.toast{top:calc(12px + env(safe-area-inset-top,0px));overflow-wrap:anywhere;gap:8px;padding:8px 12px}.toast button{flex-shrink:0;min-width:44px}.composer .compose-main{padding:18px 14px 12px}.compose-heading{gap:8px;margin-bottom:16px}.compose-heading>a{align-items:center;min-height:44px;display:inline-flex}.compose-main{display:block}.compose-avatar{display:none}.composer .title-input{text-align:left;padding-bottom:14px;font-size:22px}.compose-document{min-height:clamp(240px,45dvh,440px);font-size:16px}.compose-tools,.compose-inputs>.compose-bottom{margin-left:0}.compose-document pre{max-width:100%;padding:12px;overflow-x:auto}.compose-document .tableWrapper{max-width:100%;overflow-x:auto}.compose-bottom{gap:8px;padding:10px 0}.compose-icons{gap:4px;width:100%}.compose-icons button{min-width:44px;height:44px;padding:6px}.compose-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:0}.compose-actions button{flex:auto;padding:10px 8px;font-size:13px}.compose-actions .primary{padding:10px 18px}.compose-status{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 12px;font-size:12px}.compose-popover{overscroll-behavior:contain;max-width:100%;max-height:60dvh;padding:10px;overflow-y:auto}.compose-rich,.compose-canvas,.compose-preview{min-width:0;max-width:100%}.compose-document img,.compose-document video{object-fit:contain;height:auto;max-height:50dvh}.composer .compose-source{width:100%;min-width:0;font-size:16px}.composer .compose-resize-handle{width:44px;height:44px}.popover-heading{gap:8px}.popover-heading>strong{overflow-wrap:anywhere;min-width:0}.popover-heading-centered{grid-template-columns:44px minmax(0,1fr) 44px}.table-options button{flex:auto}.format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compose-color{flex-wrap:wrap;min-height:44px}.composer .compose-color input{width:36px;height:36px}.media-form label{flex-basis:100%;min-width:0}.compose-code-options{gap:8px}.compose-code-options label{flex:100%;min-width:0}.composer .compose-code-options select{flex:1;min-width:0;max-width:100%;min-height:44px;font-size:16px}.compose-visibility{width:100%}.compose-visibility select{min-width:0;min-height:44px;font-size:16px}.compose-popover.compose-emoji-popover{padding:10px}.emoji-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px}.emoji-grid button{min-height:44px;font-size:24px}}@media (max-width:360px){.nav-wrap{column-gap:6px;padding-inline:12px}.nav-wrap>.brand{gap:6px;font-size:18px}.nav-wrap .brand-mark{width:24px;height:24px}.nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:190px}.nav-actions .button{padding-inline:6px}.compose-tool-divider{display:none}}:is(.compose-document,.prose) .code-panel{color:#abb2bf;background:#282c34;border:1px solid #ffffff06;border-radius:5px;min-width:0;max-width:100%;margin:1em 0;overflow:hidden}.code-panel .code-toolbar{color:#b9bdc5;background:#21252b;align-items:center;gap:4px;min-height:44px;padding:5px 12px;font-family:inherit;font-size:14px;line-height:1.4;display:flex}.code-panel .code-toolbar button{min-width:32px;min-height:32px;color:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:6px;display:inline-flex}.code-panel .code-toolbar button:hover{color:#fff;background:#ffffff0d}.code-panel .code-toolbar :is(button,select):focus-visible{outline-offset:2px;outline:2px solid #61afef}.code-panel .code-toolbar button:disabled{opacity:.45;cursor:default}.code-panel .code-toolbar .code-language{width:auto;max-width:160px;min-height:32px;color:inherit;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0000;border:0;border-radius:3px;margin:0;padding:3px 20px 3px 2px;font-family:inherit;font-size:14px;font-weight:600}.code-panel .code-language option{color:#abb2bf;background:#21252b}.code-panel .code-language-label{font-size:14px;font-weight:600}.code-panel .code-toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.code-panel .code-toolbar .code-convert{color:#9298a3;padding-inline:8px;font-size:11px}.code-panel .code-copy-status{color:#98c379;font-size:11px}.code-panel .code-copy-status:empty{display:none}.code-panel .code-body{tab-size:4;align-items:stretch;padding:16px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.65;display:flex;overflow-x:auto}.code-panel .code-body[hidden]{display:none}.code-panel .code-line-numbers{text-align:right;color:#858b96;-webkit-user-select:none;user-select:none;pointer-events:none;min-width:48px;font:inherit;box-sizing:border-box;flex:none;padding:0 16px}.code-panel .code-line-numbers span{display:block}:is(.compose-document,.prose) .code-panel pre{color:#abb2bf;white-space:pre;overflow-wrap:normal;word-break:normal;min-width:0;max-width:none;font:inherit;background:0 0;border:0;border-radius:0;flex:1 0 auto;margin:0;padding:0 20px 0 0;overflow:visible}:is(.compose-document,.prose) .code-panel pre code{color:inherit;white-space:pre;font:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}@media (max-width:640px){.code-panel .code-toolbar{padding-inline:6px}.code-panel .code-toolbar .code-language{max-width:115px}.code-panel .code-toolbar-actions{gap:2px}.code-panel .code-body{font-size:12px}.code-panel .code-line-numbers{min-width:36px;padding-inline:10px}}.text-color-palette{z-index:90;overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:14px;width:min(380px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 16px 48px #0003}.text-color-heading,.text-color-title,.text-color-footer{align-items:center;display:flex}.text-color-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.text-color-title{color:var(--ink);gap:10px;font-size:13px;font-weight:600}.text-color-preview{background:var(--surface);text-underline-offset:3px;border-radius:8px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:23px;text-decoration:underline;text-decoration-thickness:3px;display:grid}.text-color-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.text-color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.composer .text-color-swatch{aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:50%;width:100%;min-width:0;padding:4px}.composer .text-color-swatch[aria-pressed=true]{border-color:var(--ink);background:0 0}.text-color-swatch>span{border-radius:50%;place-items:center;width:100%;height:100%;transition:transform .15s;display:grid;box-shadow:inset 0 0 0 1px #00000012}.text-color-swatch:hover:not(:disabled)>span{transform:scale(1.1)}.text-color-swatch svg{filter:drop-shadow(0 1px 2px #0009)}.text-color-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px}.composer .text-color-footer button,.text-color-custom{min-height:36px;color:var(--muted);border-radius:7px;padding:6px 8px;font-size:12px}.text-color-custom{cursor:pointer;align-items:center;gap:7px;display:inline-flex;position:relative;overflow:hidden}.text-color-custom:focus-within{outline:2px solid var(--cyan);outline-offset:2px}.text-color-spectrum{background:conic-gradient(#fb7185,#fbbf24,#34d399,#22d3ee,#818cf8,#c084fc,#fb7185);border-radius:50%;width:18px;height:18px}.composer .text-color-custom input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}@media (max-width:640px){.text-color-palette{padding:12px}.text-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.composer .text-color-footer button,.text-color-custom{min-height:44px}}.composer .compose-actions button{flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:inline-flex}@media (max-width:640px){.composer .compose-actions button{flex-basis:44px;width:44px;height:44px}}@media (max-width:480px){.compose-icons[role=toolbar]{grid-template-columns:repeat(4,minmax(0,1fr))}}.compose-title-divider{border:0;border-top:1px dashed var(--line);margin:4px 0 16px}.compose-popover.compose-emoji-popover.compose-emoji-floating{z-index:90;flex-direction:column;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);margin:0;display:flex;position:fixed;overflow:hidden}.compose-emoji-floating .popover-heading{flex-shrink:0}.compose-emoji-floating .emoji-picker-scroll{min-height:0}.compose-popover.compose-format-floating{z-index:90;overscroll-behavior:contain;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);margin:0;position:fixed;overflow-y:auto}.nav-wrap:has(.home-search){grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:24px;display:grid}.nav-wrap .home-search{justify-self:center;width:100%;min-width:0;max-width:360px;margin:0;position:relative}@media (max-width:950px){.site-header:has(.home-search){height:auto}.nav-wrap:has(.home-search){grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:12px}.nav-wrap:has(.home-search) .nav-actions{grid-area:1/2}.nav-wrap .home-search{grid-area:2/1/auto/-1}}.home-search-icon{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.home-search input{margin:0;padding-left:40px}.community-join{margin-top:20px}.community-join fieldset{border:0;flex-wrap:wrap;align-items:flex-end;gap:16px;min-width:0;margin:0;padding:0;display:flex}.community-join label{width:min(100%,320px)}.community-membership-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.composer .compose-actions .compose-community-select{background:var(--surface);border:2px solid;border-radius:999px;flex:0 auto;gap:10px;width:auto;max-width:240px;min-height:48px;padding:6px 14px 6px 8px}@supports (color:color-mix(in lab, red, red)){.composer .compose-actions .compose-community-select{background:color-mix(in srgb, var(--surface) 82%, var(--cyan))}}.composer .compose-actions .compose-community-select{color:var(--ink)}.compose-community-select>.compose-community-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose-community-avatar{background:var(--cyan);width:34px;height:34px;color:var(--ink);border-radius:50%;flex:0 0 34px;place-items:center;font-size:16px;font-weight:700;display:grid;position:relative;overflow:hidden}.compose-community-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compose-community-arrows{flex:0 0 18px;place-items:center;display:grid}.compose-community-arrows svg{width:18px;height:26px}.composer .compose-actions .compose-tag-select{width:36px;height:36px;padding:7px;position:relative}.compose-tag-select svg{width:20px;height:20px}.compose-tag-select>span{background:var(--accent);min-width:16px;height:16px;color:var(--paper);border-radius:99px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:-5px;right:-5px}.compose-tag-picker{z-index:5;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:min(340px,100vw - 32px);padding:14px;position:absolute;bottom:48px;right:0;box-shadow:0 14px 36px #0005}.compose-tag-picker .tags{flex-wrap:wrap;gap:10px;max-height:220px;padding:4px 2px;display:flex;overflow:auto}.compose-tag-picker .tags button{border-radius:7px;flex:none;width:auto;min-width:0;padding:7px 12px;font-size:12px;line-height:1.4}.compose-tag-picker>button{width:fit-content;margin:14px auto 0;display:flex}.tag-list-footer{align-items:center;gap:12px;margin-top:12px;display:flex}.tag-list-footer .hint{margin:0}.tag-list-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;padding:5px;position:absolute;top:10px;right:10px}.tag-list-close:hover{background:var(--light-hover,#38304f);color:var(--ink)}.tag-list-close svg{width:20px;height:20px}.tag-list-confirm{width:auto;padding:5px 16px}.community-symbol{background-color:currentColor;flex:0 0 20px;width:20px;height:20px;display:inline-block;-webkit-mask:url(/images/community.png) 50%/contain no-repeat;mask:url(/images/community.png) 50%/contain no-repeat}.share-symbol{object-fit:contain;filter:invert();flex:0 0 22px;width:22px;height:22px;display:inline-block}.card-stats .vote-button{color:#bfc0ca}.card-share-icon{background-color:currentColor;flex:0 0 22px;width:22px;height:22px;display:inline-block;-webkit-mask:url(/images/share.png) 50%/contain no-repeat;mask:url(/images/share.png) 50%/contain no-repeat}.post-card:hover .card-stats .vote-button{border-color:var(--accent)}.post-card:hover .card-share-icon,.card-stats .vote-button:focus-visible .card-share-icon{background-color:var(--accent)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
.theme-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;padding:0}@media (hover:hover) and (pointer:fine){.site-header .brand:hover{filter:drop-shadow(0 0 3px #ff70b5cc) drop-shadow(0 0 8px #ff70b599) drop-shadow(0 0 18px var(--button-pink-glow))}}.home-search input{transition:border-color .2s,box-shadow .2s}html body .home-search input:focus{outline-offset:1px;box-shadow:0 0 12px 2px var(--button-pink-glow), 0 0 24px 4px var(--button-pink-halo);border-color:#ff8bc5;outline:2px solid #ff8bc5}@media (prefers-reduced-motion:reduce){.home-search input{transition:none}}:root{--button-pink-glow:#ff70b566;--button-pink-halo:#ff70b52e}html[data-theme=light]{--button-pink-glow:#e7479666;--button-pink-halo:#e747962e}@media (hover:hover) and (pointer:fine){html body .nav-actions :is(button,a.button,[role=button]):not(:disabled):not([aria-disabled=true]):hover,html body .nav-actions .account-links a[href]:not([aria-disabled=true]):hover{box-shadow:0 0 0 2px #ff8bc5, 0 0 12px 2px var(--button-pink-glow), 0 0 24px 4px var(--button-pink-halo)}html body :is(button,[role=button],input[type=button],input[type=submit],input[type=reset],a.button,a.primary,a.write-link):not(.password-toggle):not(:disabled):not([aria-disabled=true]):not([inert],[inert] *):hover{filter:drop-shadow(0 0 4px var(--button-pink-glow)) drop-shadow(0 0 10px var(--button-pink-halo))}}html body .auth-form .password-toggle,html body .auth-form .password-toggle:hover{box-shadow:none;filter:none;background:0 0;border:0}html body .auth-form .password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}@media (hover:hover) and (pointer:fine){html body .auth-form .password-toggle:not(:disabled):hover svg{color:#ff70b5;filter:drop-shadow(0 0 3px var(--button-pink-glow)) drop-shadow(0 0 7px var(--button-pink-halo))}}.nav-actions :is(button,a.button,[role=button]),.nav-actions .account-links a[href]{transition:box-shadow .2s}@media (prefers-reduced-motion:reduce){.nav-actions :is(button,a.button,[role=button]),.nav-actions .account-links a[href]{transition:none}}.theme-toggle .theme-moon,html[data-theme=light] .theme-toggle .theme-sun{display:none}html[data-theme=light] .theme-toggle .theme-moon{display:block}html[data-theme=light] .site-icon{filter:invert()hue-rotate(180deg)brightness(1.3);box-shadow:none;background:#000;border:0;border-radius:0}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#293249;--muted:#647087;--accent:#ac376e;--cyan:#187183;--yellow:#8a6319;--paper:#f5f6fa;--surface:#fff;--post-hover:#f5e7ef;--line:#dce0e9;--light-soft:#edf0f6;--light-hover:#f5e7ef}html[data-theme=light] body{background:radial-gradient(ellipse at 85% 0, #f4e5ee99, transparent 45%), var(--paper)}html[data-theme=light] ::selection{color:#293249;background:#edc3d8}html[data-theme=light] :is(button,.button){background-color:var(--surface)}html[data-theme=light] :is(button:hover:not(:disabled),.button:hover){background-color:var(--light-hover)}html[data-theme=light] :is(.primary,.composer .primary){background:var(--accent);color:#fff}html[data-theme=light] :is(.primary:hover:not(:disabled),.composer .primary:hover:not(:disabled)){color:#fff;background:#92285b}html[data-theme=light] .composer .primary:disabled{color:#8c7282;background:#eadfe6}html[data-theme=light] .site-header{background:#fffffff0}html[data-theme=light] :is(input,textarea,select,.writing-area,.composer input:not(.title-input),.composer textarea){border-color:var(--line);color:var(--ink);background:#fafbfe}html[data-theme=light] :is(input,textarea)::placeholder{color:#778298}html[data-theme=light] :is(.account-links a:hover,.account-links button:hover,.account-links a:focus-visible,.account-links button:focus-visible){background:var(--light-soft);color:var(--ink)}html[data-theme=light] :is(.toolbar,.rich-node,.rich-node .rich-node,.rich-node textarea,.post-images){background:var(--light-soft)}html[data-theme=light] :is(.tags span,.tags button,.composer .tags button){background:var(--light-soft);border-color:var(--line);color:var(--muted)}html[data-theme=light] :is(.tabs .active,.toolbar .active,.tags button.selected,.composer .tags button.selected){background:var(--light-hover);color:var(--accent);border-color:#d9a3bd}html[data-theme=light] :is(.empty,.article,.comments,.profile,.composer .compose-main){border-color:var(--line);background:#fffffff5;box-shadow:0 10px 36px #3540600a}html[data-theme=light] :is(.empty h3,.article-header h1,.composer .title-input,.compose-document,.rich-node-head){color:var(--ink)}html[data-theme=light] .composer .title-input{background:0 0}html[data-theme=light] .composer{color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] :is(.composer button,.compose-icons button,.compose-color,.compose-status,.compose-character-count,.compose-heading>a,.compose-settings summary,.compose-advanced summary,.compose-settings summary>span,.composer .hint,.popover-heading){color:var(--muted)}html[data-theme=light] .composer button{background:0 0}html[data-theme=light] :is(.composer button:hover:not(:disabled),.composer button[aria-pressed=true],.composer button[aria-expanded=true]){background:var(--light-hover);color:var(--accent)}html[data-theme=light] .composer .primary{background:var(--accent);color:#fff}html[data-theme=light] .compose-canvas.is-empty .compose-document:before{color:#778298}html[data-theme=light] :is(.compose-tool-divider,.compose-status,.compose-settings,.compose-advanced,.table-options,.divider){border-color:var(--line)}html[data-theme=light] :is(.compose-preview-label,.comment-author,.comment-owner,.toast button){color:var(--accent)}html[data-theme=light] .comment-owner{background:var(--light-hover);border-color:#d9a3bd}html[data-theme=light] :is(.prose,.compose-preview .prose){color:var(--ink);border-color:var(--line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffffed}html[data-theme=light] :is(.prose,.compose-preview .prose) :is(h1,h2,h3,th){color:var(--ink)}html[data-theme=light] :is(.prose,.compose-preview .prose,.compose-document) blockquote{color:#76516a;border-left-color:var(--accent);background:#f7edf3}html[data-theme=light] :is(.prose,.compose-preview .prose,.compose-document) a{color:var(--cyan)}html[data-theme=light] :is(.prose,.compose-preview .prose,.compose-document) :is(td,th){border-color:var(--line)}html[data-theme=light] :is(.prose,.compose-preview .prose,.compose-document) th{background:var(--light-soft)}html[data-theme=light] :is(.bgm,.compose-preview .bgm){color:var(--cyan);background:#eaf4f6;border-color:#c7e1e6}html[data-theme=light] :is(.compose-popover,.compose-popover.compose-emoji-popover,.toast){color:var(--ink);border-color:var(--line);background:#fff;box-shadow:0 8px 28px #35406018}html[data-theme=light] :is(.compose-emoji-popover .popover-heading,.emoji-picker-scroll h3){color:var(--muted)}html[data-theme=light] .emoji-picker-scroll{scrollbar-color:#b5bdcc #fff}html[data-theme=light] .emoji-grid button:hover:not(:disabled){background:var(--light-soft)}html[data-theme=light] :is(.compose-upload-status,.code-panel .code-copy-status){color:#267547}html[data-theme=light] :is(.compose-upload-errors,.profile-field-editor [role=alert]){color:#b52d4b}html[data-theme=light] :is(.card-vote,.article-actions .vote-button){color:var(--muted)}html[data-theme=light] .article-actions .vote-button[aria-pressed=true]{color:var(--accent)}html[data-theme=light] :is(.compose-document,.prose) pre{color:#344054;border-color:var(--line);background:#f3f5f8}html[data-theme=light] :is(.compose-document,.prose) .code-panel{color:#344054;border-color:var(--line);background:#f8f9fc}html[data-theme=light] .code-panel .code-toolbar{color:#536077;background:#edf0f5}html[data-theme=light] .code-panel .code-toolbar button{color:inherit;background:0 0}html[data-theme=light] .code-panel .code-toolbar button:hover{color:var(--ink);background:#dfe4ed}html[data-theme=light] .code-panel .code-toolbar .code-language{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0}html[data-theme=light] .code-panel .code-language option{color:var(--ink);background:#fff}html[data-theme=light] .code-panel :is(.code-line-numbers,.code-toolbar .code-convert){color:#6d7788}html[data-theme=light] :is(.compose-document,.prose) .code-panel pre{color:#344054;background:0 0}html[data-theme=light] :is(.compose-document,.prose) pre :is(.hljs-comment,.hljs-quote){color:#6a737d}html[data-theme=light] :is(.compose-document,.prose) pre :is(.hljs-keyword,.hljs-selector-tag,.hljs-literal){color:#9535a0}html[data-theme=light] :is(.compose-document,.prose) pre :is(.hljs-string,.hljs-regexp,.hljs-addition){color:#28763a}html[data-theme=light] :is(.compose-document,.prose) pre :is(.hljs-number,.hljs-attr,.hljs-variable){color:#99561b}html[data-theme=light] :is(.compose-document,.prose) pre :is(.hljs-title,.hljs-built_in,.hljs-selector-class){color:#2169b5}html[data-theme=light] :is(.compose-document,.prose) pre :is(.hljs-type,.hljs-meta,.hljs-symbol){color:#846020}html[data-theme=light] :is(.compose-document,.prose) pre .hljs-deletion{color:#b52d4b}html[data-theme=light] .hero{color:#f6eafa;--accent:#ff98c5;--cyan:#80e1eb}html[data-theme=light] .auth-story{color:var(--ink);border-color:var(--line);aspect-ratio:3/4;background-image:url(/images/citypop-one-cropped.png);background-position:50%;background-repeat:no-repeat;background-size:contain;align-self:start;width:100%;min-height:0;padding:0}html[data-theme=light] .auth-story p{color:var(--ink)}html[data-theme=light] .auth-caption span:last-child{color:var(--accent)}html[data-theme=light] .aside-card{--yellow:#ffdb91}@media (max-width:640px){.nav-actions .theme-toggle{width:40px;height:44px}.nav-actions .write-link{padding-inline:10px}}@media (max-width:380px){.nav-actions .write-link span{display:none}.nav-actions .write-link{width:40px;padding:0}}html[data-theme=light] :is(.post-images>button,.profile-cover-button){color:#fff;background:#10162ecc;border-color:#fff6}html[data-theme=light] :is(.post-images>button:hover,.profile-cover-button:hover){background:#10162ef2}html[data-theme=light] .share-symbol,html[data-theme=light] .post-tags-icon{filter:none}html[data-theme=light] .hero .primary{color:#251b38}html[data-theme=light] .hero .primary:hover{color:#251b38;background:#ffb7d7}html[data-theme=light] .prose a.android-attachment{color:#247548;text-decoration-color:#24754866}html[data-theme=light] .android-attachment-badge{color:#247548}html[data-theme=light] .post-card{--post-glass-fill:#ffffff14;--post-glass-tint:#ead7e80a;--post-glass-edge:#c6cbd680;--post-glass-rim:#ffffffed;--post-glass-inner:#ffffff26;--post-glass-bottom:#29324926;--post-glass-shadow:#29324914;--post-glass-lift-shadow:#29324938;--post-glass-reflection:#ffffff80;--post-glass-refraction:#97cbd94d;--post-glass-glow:#e7479666;--post-glass-glow-soft:#e747962e}