body.light-theme .canvas-app{--bg-main:#f4f6fa;--text-main:#182230;--text-muted:#566173;--glass-bg:#fffffff0;--fade-bottom:#f4f6faf5;color:var(--text-main);background:#f4f6fa}body.light-theme .canvas-app .canvas-viewport{background:#eef2f8}body.light-theme .canvas-app .canvas-cosmos--fallback{background:radial-gradient(at 25% 35%,#b5c7e680,#0000 55%),radial-gradient(at 70% 65%,#d1bce66b,#0000 50%),radial-gradient(at 55% 20%,#fff,#0000 60%),linear-gradient(150deg,#f5f7fc,#e8edf7)}.canvas-app .canvas-cosmos--fallback.canvas-cosmos--personal{background:linear-gradient(180deg, color-mix(in srgb, var(--personal-tone-a,#000) 32%, #020203) var(--personal-stop-a,0%), color-mix(in srgb, var(--personal-tone-b,#000) 32%, #020203) var(--personal-stop-b,100%))}body.light-theme .canvas-app .canvas-cosmos--fallback.canvas-cosmos--personal{background:radial-gradient(ellipse at 25% 35%, color-mix(in srgb, var(--personal-tone-a,#777) 40%, transparent), transparent 65%), radial-gradient(ellipse at 75% 65%, color-mix(in srgb, var(--personal-tone-b,#777) 45%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--personal-tone-a,#777) 22%, white) var(--personal-stop-a,0%), color-mix(in srgb, var(--personal-tone-b,#777) 22%, white) var(--personal-stop-b,100%))}body .canvas-app .node-box-container .theme-void{--card-accent:#a8b3c7}body .canvas-app .node-box-container .theme-hacker{--card-accent:#20d99a}body .canvas-app .node-box-container .theme-chaos{--card-accent:#ff3d71}body .canvas-app .node-box-container .theme-ghost{--card-accent:#20d9ff}body .canvas-app .node-box-container .theme-abyss{--card-accent:#ff7a18}body .canvas-app .node-glass{--light-card-surface:linear-gradient(155deg, color-mix(in srgb, var(--card-accent,#8ab4f8) 38%, #2a2d36) 0%, color-mix(in srgb, var(--card-accent,#8ab4f8) 27%, #1c1f26) 48%, color-mix(in srgb, var(--card-accent,#8ab4f8) 15%, #121419) 100%);--light-card-shadow:0 22px 54px #00000057, 0 7px 20px color-mix(in srgb, var(--card-accent,#8ab4f8) 9%, transparent), inset 0 1px 0 #ffffff2e, inset 0 -1px 0 #0003;--text-main:#fff;--text-muted:#ffffff80}body .canvas-app .node-box-container .node-glass,body .canvas-app .node-box-container:hover .node-glass,body .canvas-app .canvas-viewport.is-panning .node-glass{background:var(--light-card-surface);-webkit-backdrop-filter:none!important;box-shadow:var(--light-card-shadow)!important}body .canvas-app .node-box-container .node-glass:before,body .canvas-app .node-box-container:hover .node-glass:before{opacity:.74}body .canvas-app .node-box-container .node-glass:after,body .canvas-app .node-box-container:hover .node-glass:after{opacity:1}body .canvas-app .canvas-viewport.has-active-filter .node-box-container.is-filtered-out .node-glass{filter:grayscale()saturate(0)brightness(.62)}body.light-theme .canvas-app :is(.sidebar-container,.sidebar-toggle-btn){--workspace-panel-bg:#f9fafc;--workspace-panel-text:#202b3b;--workspace-panel-muted:#657084;--workspace-panel-border:#dfe4ec;--workspace-panel-border-strong:#cbd3df;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body.light-theme .canvas-app .sidebar-content-wrapper{background:#f9fafc;box-shadow:6px 0 24px #2539580a}body.light-theme .canvas-app :is(.sidebar-search,.sidebar-filter-trigger,.sidebar-filter-reset,.sidebar-count){box-shadow:none;background:#fff;border-color:#dfe4ec}body.light-theme .canvas-app .sidebar-toggle-btn{box-shadow:none;background:#f9fafc}body.light-theme .canvas-app .sidebar-header{border-bottom-color:#dfe4ec}body.light-theme .canvas-app .sidebar-filter-popover{background:#fff;box-shadow:0 16px 48px #25395824}body.light-theme .canvas-app :is(.sidebar-filter-option:hover,.sidebar-filter-option.is-active,.sidebar-item:hover,.sidebar-item.is-active){background:#edf1f7;border-color:#d7dfe9}body.light-theme .canvas-app .sidebar-filter-option.is-active .sidebar-filter-option-end,body.light-theme .canvas-app .sidebar-count{color:#344256}body .canvas-app .node-persona-badge{color:color-mix(in srgb, var(--card-accent,#8ab4f8) 54%, white);background:0 0}body.light-theme .canvas-app .mac-notch{--notch-surface:#f9fafc;background:#f9fafcf7;border-color:#d5dce5}body.light-theme .canvas-app :is(.notch-panel-sub,.notch-setting-texts small,.settings-row-action,.settings-chevron,.notch-memory-info){color:#566173;opacity:1}body.light-theme .canvas-app :is(.notch-memory-textarea,.notch-search-field,.notch-studio-side){color:#182230;background:#fff;border-color:#cfd7e2}body.light-theme .canvas-app :is(.notch-memory-textarea,.notch-search-field input)::placeholder{color:#657185;opacity:1}body.light-theme .canvas-app :is(.notch-studio-btn,.notch-setting-btn){color:#263345;background:#fff;border-color:#cfd7e2}body.light-theme .canvas-app .notch-setting-btn.danger{color:#b42335;background:#fff4f5;border-color:#edc7ce}body.light-theme .canvas-app .settings-theme-switch button[aria-pressed=true]{color:#fff;background:#202b3b}body .canvas-app :is(.node-author-title,.node-editorial-headline,.node-prompt-title){color:#fffffff7;text-shadow:0 1px 8px #0003}body .canvas-app :is(.node-summary-text,.node-teaser-text){color:#ffffffbd;text-shadow:0 1px 8px #0003}body .canvas-app :is(.node-timestamp,.node-ai-label,.social-btn){color:#ffffff7a;text-shadow:none}body .canvas-app .node-kicker{color:#ffffffab}body .canvas-app .node-social-footer{border-color:#ffffff1b}body .canvas-app .expand-pill-btn{color:#ffffffb8;background:#fff1;box-shadow:inset 0 1px #ffffff12}body .canvas-app .expand-pill-btn:hover{color:#fff;background:#ffffff1b}body .canvas-app .node-box-lite{background:color-mix(in srgb, var(--card-accent,#8ab4f8) 27%, #1c1f26);border:0}body.light-theme .canvas-app .personal-workspace-banner{color:#536174;background:0 0}body.light-theme .canvas-app :is(.chat-input,.modal-inline-input){color:#1d2939}body.light-theme .canvas-app :is(.chat-input,.modal-inline-input)::placeholder{color:#667085;opacity:1}body.light-theme .canvas-app .stats-pill{color:#344256;background:#fcfdfff5;border-color:#d0d9e5}body.light-theme .canvas-app .category-rail{color:color-mix(in srgb, var(--card-accent,#64748b) 55%, #172131)}body.light-theme .canvas-app .category-rail-index{color:#465366}body.light-theme .canvas-app .category-rail-stop.is-current .category-rail-index{color:#172131}body.light-theme .canvas-app :is(.notch-settings-error,.modal-action-error){color:#b42335}
body .canvas-app .theme-underground,body .canvas-app .theme-chaos{--card-accent:#526b7c;--card-accent-2:#b7d0dc;--theme-icon:#8294a1;--theme-color-glow:#526b7c4d;--theme-color-glow2:#b7d0dc24;--theme-color-bg1:#1e232a;--theme-color-bg2:#0f1217;--theme-border-top:#526b7c73;--theme-border-left:#526b7c40;--card-accent-soft:#526b7c2e;--card-border:#526b7c59}body.light-theme .canvas-app .theme-underground,body.light-theme .canvas-app .theme-chaos{--theme-icon:#3c5162}body .canvas-app .theme-crime,body .canvas-app .theme-abyss{--card-accent:#657d91;--card-accent-2:#d7e4ef;--theme-icon:#90a1b0;--theme-color-glow:#657d914d;--theme-color-glow2:#d7e4ef24;--theme-color-bg1:#21262e;--theme-color-bg2:#101318;--theme-border-top:#657d9173;--theme-border-left:#657d9140;--card-accent-soft:#657d912e;--card-border:#657d9159}body.light-theme .canvas-app .theme-crime,body.light-theme .canvas-app .theme-abyss{--theme-icon:#495c70}body .canvas-app .theme-drugs{--card-accent:#36c995;--card-accent-2:#c8ffe9;--theme-icon:#6ed8b3;--theme-color-glow:#36c9954d;--theme-color-glow2:#c8ffe924;--theme-color-bg1:#18342f;--theme-color-bg2:#0d1919;--theme-border-top:#36c99573;--theme-border-left:#36c99540;--card-accent-soft:#36c9952e;--card-border:#36c99559}body.light-theme .canvas-app .theme-drugs{--theme-icon:#2a8e73}body .canvas-app .theme-hacking,body .canvas-app .theme-hacker{--card-accent:#00d653;--card-accent-2:#aaffb4;--theme-icon:#47e183;--theme-color-glow:#00d6534d;--theme-color-glow2:#aaffb424;--theme-color-bg1:#0f3623;--theme-color-bg2:#081a14;--theme-border-top:#00d65373;--theme-border-left:#00d65340;--card-accent-soft:#00d6532e;--card-border:#00d65359}body.light-theme .canvas-app .theme-hacking,body.light-theme .canvas-app .theme-hacker{--theme-icon:#079648}body .canvas-app .theme-gaming{--card-accent:#8d33ff;--card-accent-2:#e8bdff;--theme-icon:#ad6cff;--theme-color-glow:#8d33ff4d;--theme-color-glow2:#e8bdff24;--theme-color-bg1:#281942;--theme-color-bg2:#140d21;--theme-border-top:#8d33ff73;--theme-border-left:#8d33ff40;--card-accent-soft:#8d33ff2e;--card-border:#8d33ff59}body.light-theme .canvas-app .theme-gaming{--theme-icon:#632cb8}body .canvas-app .theme-tech,body .canvas-app .theme-ghost{--card-accent:#0a54ff;--card-accent-2:#84e2ff;--theme-icon:#4f84ff;--theme-color-glow:#0a54ff4d;--theme-color-glow2:#84e2ff24;--theme-color-bg1:#111f42;--theme-color-bg2:#091021;--theme-border-top:#0a54ff73;--theme-border-left:#0a54ff40;--card-accent-soft:#0a54ff2e;--card-border:#0a54ff59}body.light-theme .canvas-app .theme-tech,body.light-theme .canvas-app .theme-ghost{--theme-icon:#0e42b8}body .canvas-app .theme-finance{--card-accent:#ffc21a;--card-accent-2:#fff4a3;--theme-icon:#ffd35a;--theme-color-glow:#ffc21a4d;--theme-color-glow2:#fff4a324;--theme-color-bg1:#3d3318;--theme-color-bg2:#1d190f;--theme-border-top:#ffc21a73;--theme-border-left:#ffc21a40;--card-accent-soft:#ffc21a2e;--card-border:#ffc21a59}body.light-theme .canvas-app .theme-finance{--theme-icon:#ad8923}body .canvas-app .theme-business{--card-accent:#9d5535;--card-accent-2:#ffc08a;--theme-icon:#b8856e;--theme-color-glow:#9d55354d;--theme-color-glow2:#ffc08a24;--theme-color-bg1:#2b1f1d;--theme-color-bg2:#151011;--theme-border-top:#9d553573;--theme-border-left:#9d553540;--card-accent-soft:#9d55352e;--card-border:#9d553559}body.light-theme .canvas-app .theme-business{--theme-icon:#6d4234}body .canvas-app .theme-street{--card-accent:#ff7900;--card-accent-2:#ffe066;--theme-icon:#ff9f47;--theme-color-glow:#ff79004d;--theme-color-glow2:#ffe06624;--theme-color-bg1:#3d2514;--theme-color-bg2:#1d130d;--theme-border-top:#ff790073;--theme-border-left:#ff790040;--card-accent-soft:#ff79002e;--card-border:#ff790059}body.light-theme .canvas-app .theme-street{--theme-icon:#ad5a12}body .canvas-app .theme-weapons{--card-accent:#839231;--card-accent-2:#dff0a1;--theme-icon:#a6b16b;--theme-color-glow:#8392314d;--theme-color-glow2:#dff0a124;--theme-color-bg1:#262a1d;--theme-color-bg2:#131511;--theme-border-top:#83923173;--theme-border-left:#83923140;--card-accent-soft:#8392312e;--card-border:#83923159}body.light-theme .canvas-app .theme-weapons{--theme-icon:#5c6a32}body .canvas-app .theme-cars{--card-accent:#ff2b36;--card-accent-2:#ffb087;--theme-icon:#ff666e;--theme-color-glow:#ff2b364d;--theme-color-glow2:#ffb08724;--theme-color-bg1:#3d171d;--theme-color-bg2:#1d0d11;--theme-border-top:#ff2b3673;--theme-border-left:#ff2b3640;--card-accent-soft:#ff2b362e;--card-border:#ff2b3659}body.light-theme .canvas-app .theme-cars{--theme-icon:#ad2735}body .canvas-app .theme-science{--card-accent:#00c5e5;--card-accent-2:#ccfbff;--theme-icon:#47d5ec;--theme-color-glow:#00c5e54d;--theme-color-glow2:#ccfbff24;--theme-color-bg1:#0f333d;--theme-color-bg2:#08191f;--theme-border-top:#00c5e573;--theme-border-left:#00c5e540;--card-accent-soft:#00c5e52e;--card-border:#00c5e559}body.light-theme .canvas-app .theme-science{--theme-icon:#078ba7}body .canvas-app .theme-relationships{--card-accent:#eb7fa7;--card-accent-2:#ffe0ec;--theme-icon:#f1a3c0;--theme-color-glow:#eb7fa74d;--theme-color-glow2:#ffe0ec24;--theme-color-bg1:#392632;--theme-color-bg2:#1b131a;--theme-border-top:#eb7fa773;--theme-border-left:#eb7fa740;--card-accent-soft:#eb7fa72e;--card-border:#eb7fa759}body.light-theme .canvas-app .theme-relationships{--theme-icon:#a05e7e}body .canvas-app .theme-family{--card-accent:#dc9b58;--card-accent-2:#fff0c2;--theme-icon:#e6b787;--theme-color-glow:#dc9b584d;--theme-color-glow2:#fff0c224;--theme-color-bg1:#362b24;--theme-color-bg2:#1a1614;--theme-border-top:#dc9b5873;--theme-border-left:#dc9b5840;--card-accent-soft:#dc9b582e;--card-border:#dc9b5859}body.light-theme .canvas-app .theme-family{--theme-icon:#96704b}body .canvas-app .theme-fitness{--card-accent:#adf01e;--card-accent-2:#f2ff9a;--theme-icon:#c4f45d;--theme-color-glow:#adf01e4d;--theme-color-glow2:#f2ff9a24;--theme-color-bg1:#2e3b19;--theme-color-bg2:#161c0f;--theme-border-top:#adf01e73;--theme-border-left:#adf01e40;--card-accent-soft:#adf01e2e;--card-border:#adf01e59}body.light-theme .canvas-app .theme-fitness{--theme-icon:#77a725}body .canvas-app .theme-conspiracy{--card-accent:#9a84ce;--card-accent-2:#e7dbff;--theme-icon:#b6a6dc;--theme-color-glow:#9a84ce4d;--theme-color-glow2:#e7dbff24;--theme-color-bg1:#2a2739;--theme-color-bg2:#15141d;--theme-border-top:#9a84ce73;--theme-border-left:#9a84ce40;--card-accent-soft:#9a84ce2e;--card-border:#9a84ce59}body.light-theme .canvas-app .theme-conspiracy{--theme-icon:#6b6198}body .canvas-app .theme-philosophy{--card-accent:#b68c4f;--card-accent-2:#ffe2a6;--theme-icon:#caac80;--theme-color-glow:#b68c4f4d;--theme-color-glow2:#ffe2a624;--theme-color-bg1:#302922;--theme-color-bg2:#171413;--theme-border-top:#b68c4f73;--theme-border-left:#b68c4f40;--card-accent-soft:#b68c4f2e;--card-border:#b68c4f59}body.light-theme .canvas-app .theme-philosophy{--theme-icon:#7d6645}body .canvas-app .theme-art{--card-accent:#e9159b;--card-accent-2:#ffc0e5;--theme-icon:#ef57b7;--theme-color-glow:#e9159b4d;--theme-color-glow2:#ffc0e524;--theme-color-bg1:#391330;--theme-color-bg2:#1b0b19;--theme-border-top:#e9159b73;--theme-border-left:#e9159b40;--card-accent-soft:#e9159b2e;--card-border:#e9159b59}body.light-theme .canvas-app .theme-art{--theme-icon:#9e1977}body .canvas-app .theme-travel{--card-accent:#00a598;--card-accent-2:#8dfff0;--theme-icon:#47beb5;--theme-color-glow:#00a5984d;--theme-color-glow2:#8dfff024;--theme-color-bg1:#0f2d2f;--theme-color-bg2:#081619;--theme-border-top:#00a59873;--theme-border-left:#00a59840;--card-accent-soft:#00a5982e;--card-border:#00a59859}body.light-theme .canvas-app .theme-travel{--theme-icon:#077675}body .canvas-app .theme-general,body .canvas-app .theme-void{--card-accent:#24a69a;--card-accent-2:#ffd08a;--theme-icon:#61bfb6;--theme-color-glow:#24a69a4d;--theme-color-glow2:#ffd08a24;--theme-color-bg1:#152d2f;--theme-color-bg2:#0b1619;--theme-border-top:#24a69a73;--theme-border-left:#24a69a40;--card-accent-soft:#24a69a2e;--card-border:#24a69a59}body.light-theme .canvas-app .theme-general,body.light-theme .canvas-app .theme-void{--theme-icon:#1e7776}body .canvas-app .theme-active-chat{--card-accent:#9a9a9a;--card-accent-2:#d6d6d6;--theme-icon:#bcbcbc;--theme-color-glow:#9a9a9a30;--theme-color-glow2:#d6d6d614;--theme-color-bg1:#1b1b1b;--theme-color-bg2:#0e0e0e;--theme-border-top:#d6d6d633;--theme-border-left:#9a9a9a1f;--card-accent-soft:#9a9a9a1f;--card-border:#9a9a9a33}body .canvas-app .notch-filter-list [class*=theme-] i{background:var(--card-accent)}
body .canvas-app .composer-shell.lg-modal{--detail-base:#141519;--detail-opacity:76%;--detail-tint:18%;--detail-edge:30%;--glass-color:var(--detail-base)}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal{--detail-base:#0a0c0e;--detail-control:#15191d;--detail-grain-opacity:.12;--detail-edge-highlight:#e5efff24;--detail-edge-soft:#ccdef20a;--detail-notch-highlight:#deebf514;--detail-colour-strength:38%;--detail-colour-soft:17%;--forum-text:#f0f2f5;--forum-muted:#a4abb5;--forum-faint:#79838f;--forum-line:#ffffff14;--forum-surface:#ffffff06;--forum-surface-raised:#ffffff0d;--forum-nav:var(--detail-base);background:var(--detail-base);box-shadow:0 8px 24px #0004,0 28px 80px #0006}body.light-theme .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal{--detail-base:#e9edf1;--detail-control:#f5f7f9;--detail-grain-opacity:.075;--detail-edge-highlight:#ffffffa3;--detail-edge-soft:#687d9210;--detail-notch-highlight:#788b9e14;--detail-colour-strength:26%;--detail-colour-soft:12%;--forum-text:#202833;--forum-muted:#526171;--forum-faint:#69788a;--forum-line:#23384d1a;--forum-surface:#ffffff38;--forum-surface-raised:#ffffff80;box-shadow:0 8px 24px #2634490d,0 28px 80px #26344924}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal>.codepen-glass-filter{-webkit-backdrop-filter:none;filter:none!important}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal>.codepen-glass-overlay{background:radial-gradient(ellipse at 105% 105%, color-mix(in srgb, var(--card-accent,#526b7c) var(--detail-colour-strength), transparent), transparent 66%), radial-gradient(ellipse at 30% 115%, color-mix(in srgb, var(--card-accent-2,#b7d0dc) var(--detail-colour-soft), transparent), transparent 58%), var(--detail-base)}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal>.codepen-glass-overlay:after{content:"";border-radius:inherit;opacity:var(--detail-grain-opacity);background:url(/materials/post-detail-grain.png) 0 0/128px 128px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(155deg,#0004 12%,#0008 52%,#000 100%);mask-image:linear-gradient(155deg,#0004 12%,#0008 52%,#000 100%)}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal>.codepen-glass-specular{z-index:4;box-shadow:none}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal>.codepen-glass-specular:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--detail-edge-highlight) 0%, var(--detail-edge-soft) 24%, transparent 45%, var(--detail-edge-soft) 68%, transparent 88%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal>.codepen-glass-specular:after{content:"";width:var(--detail-notch-width);background:linear-gradient(90deg, transparent, var(--detail-notch-highlight) 28%, var(--detail-notch-highlight) 72%, transparent);pointer-events:none;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask:url(/materials/detail-notch-outline.svg) 50%/100% 100% no-repeat;mask:url(/materials/detail-notch-outline.svg) 50%/100% 100% no-repeat}body .canvas-app:not(.is-phone-viewport) .lg-modal .coordinate-share-panel{background:color-mix(in srgb, var(--detail-control) 88%, transparent);border:0;border-radius:18px;padding:10px 14px}body .canvas-app:not(.is-phone-viewport) .lg-modal .coordinate-share-button{color:var(--forum-text);background:var(--forum-surface-raised);border-color:var(--forum-line)}body .canvas-app:not(.is-phone-viewport) .lg-modal .coordinate-share-button:hover:not(:disabled){background:color-mix(in srgb, var(--card-accent) 16%, var(--detail-control))}body .canvas-app:not(.is-phone-viewport) .lg-modal .community-icon{color:var(--theme-icon);background:var(--detail-control);border:1px solid var(--forum-line);box-shadow:none;border-radius:999px;padding:5px 10px}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-author-badge{text-transform:none;letter-spacing:0;border-radius:999px;padding:3px 8px}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-view-switcher{background:var(--detail-control);-webkit-backdrop-filter:none;border:0;padding:5px}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-view-tab{height:34px;padding-inline:16px}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-view-tab.is-active{box-shadow:none;color:var(--forum-text);background:0 0;border:0}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-view-active-pill{background:color-mix(in srgb, var(--card-accent) 19%, var(--detail-control));border:1px solid color-mix(in srgb, var(--theme-icon) 24%, transparent);box-shadow:inset 0 1px 0 var(--forum-line)}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle-wrapper:focus-visible{outline:none}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle-wrapper:focus-visible .modal-drag-handle{outline:2px solid var(--theme-icon);outline-offset:5px}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle{box-shadow:none;opacity:.8}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-scroll-context-header:before{background:var(--detail-base);-webkit-backdrop-filter:none}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-bottom-action-bar:before{content:"";pointer-events:none;background:linear-gradient(transparent, color-mix(in srgb, var(--detail-base) 92%, transparent) 72%);position:absolute;inset:-24px 0 0}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-bottom-action-bar-inner{position:relative}body .canvas-app:not(.is-phone-viewport) .lg-modal :is(.modal-input-wrapper,.bottom-social-btn,.replying-to-bar){background:var(--detail-control);border:1px solid var(--forum-line);box-shadow:0 6px 18px #0002}body .canvas-app:not(.is-phone-viewport) .lg-modal :is(.modal-input-wrapper,.bottom-social-btn,.replying-to-bar)>:is(.codepen-glass-filter,.codepen-glass-overlay,.codepen-glass-specular){display:none}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-inline-input{color:var(--forum-text)}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-inline-input::placeholder{color:var(--forum-faint)}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-action-pill:not(.is-liked){background:var(--detail-control);border-color:var(--forum-line);color:var(--forum-muted)}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-action-pill:hover:not(.is-liked){color:var(--forum-text);background:color-mix(in srgb, var(--card-accent) 12%, var(--detail-control))}body .canvas-app:not(.is-phone-viewport) .lg-modal .comments-empty-state{background:var(--forum-surface);border:0;border-radius:24px}@keyframes detail-material-reveal{0%{opacity:0}to{opacity:1}}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-post-header{animation:.42s ease-out 80ms backwards detail-material-reveal}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-post-body-container{animation:.5s ease-out .15s backwards detail-material-reveal}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-bottom-action-bar-inner{animation:.32s ease-out .18s backwards detail-material-reveal}@media (prefers-reduced-motion:reduce){body .canvas-app:not(.is-phone-viewport) .lg-modal :is(.reddit-post-header,.reddit-post-body-container,.modal-bottom-action-bar-inner){animation:none}}body.light-theme .canvas-app .composer-shell.lg-modal{--detail-base:#fafbfd;--detail-opacity:80%;--detail-tint:9%;--detail-edge:20%}body .canvas-app .composer-shell.lg-modal>.codepen-glass-filter{-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%)}body .canvas-app .composer-shell.lg-modal>.codepen-glass-overlay{background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--card-accent) var(--detail-tint), transparent), transparent 65%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--card-accent-2) var(--detail-tint), transparent), transparent 60%), color-mix(in srgb, var(--detail-base) var(--detail-opacity), transparent)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body .canvas-app .composer-shell.lg-modal{--detail-opacity:96%}}body .canvas-app .composer-shell.lg-modal>.codepen-glass-overlay:after{content:none}body .canvas-app .composer-shell.lg-modal>.codepen-glass-specular{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--card-accent-2) var(--detail-edge), transparent), inset 0 0 0 1px var(--forum-line)}body .canvas-app .lg-modal .modal-drag-handle{background:linear-gradient(90deg, var(--card-accent), var(--card-accent-2))}body .canvas-app .lg-modal :is(.reddit-view-tab.is-active,.community-icon){color:var(--forum-text);background:linear-gradient(120deg, color-mix(in srgb, var(--card-accent) 26%, var(--detail-base)), color-mix(in srgb, var(--card-accent-2) 16%, var(--detail-base)));border:1px solid color-mix(in srgb, var(--theme-icon) 30%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--card-accent-2) 20%, transparent)}body .canvas-app .lg-modal .reddit-view-tab:focus-visible{outline:2px solid var(--theme-icon);outline-offset:3px}body .canvas-app .lg-modal .modal-scroll-area{--detail-scroll-thumb:color-mix(in srgb, var(--forum-text) 26%, transparent);--detail-scroll-hover:color-mix(in srgb, var(--theme-icon) 55%, var(--forum-text));scrollbar-width:thin;scrollbar-color:var(--detail-scroll-thumb) transparent}@supports selector(::-webkit-scrollbar){body .canvas-app .lg-modal .modal-scroll-area{scrollbar-width:auto;scrollbar-color:auto}body .canvas-app .lg-modal .modal-scroll-area::-webkit-scrollbar{background:0 0;width:12px}body .canvas-app .lg-modal .modal-scroll-area::-webkit-scrollbar-track{background:0 0;margin-block:48px}body .canvas-app .lg-modal .modal-scroll-area::-webkit-scrollbar-thumb{background:var(--detail-scroll-thumb);background-clip:padding-box;border:4px solid #0000;border-radius:999px;min-height:48px}body .canvas-app .lg-modal .modal-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--detail-scroll-hover)}body .canvas-app .lg-modal .modal-scroll-area::-webkit-scrollbar-button{width:0;height:0;display:none}body .canvas-app .lg-modal .modal-scroll-area::-webkit-scrollbar-corner{background:0 0}}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal{--detail-colour-strength:12%;--detail-colour-soft:6%}body.light-theme .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal{--detail-colour-strength:10%;--detail-colour-soft:5%}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-post-header.has-detail-cover{isolation:isolate;background:var(--detail-base);border-radius:32px;flex-direction:column;flex-shrink:0;gap:18px;margin-bottom:32px;padding:clamp(24px,3vw,36px);display:flex;position:relative;overflow:hidden}body .canvas-app:not(.is-phone-viewport) .lg-modal .detail-cover-material{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}body .canvas-app:not(.is-phone-viewport) .lg-modal .detail-cover-material:after{content:"";background:linear-gradient(110deg, color-mix(in srgb, var(--detail-base) 66%, transparent), transparent 88%);position:absolute;inset:0}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-post-community-row{gap:16px;margin:0}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-community-badge{flex-wrap:wrap;gap:10px}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .community-persona{letter-spacing:0;color:var(--forum-text);font-size:12px}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-post-identity-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-post-author-row{gap:10px;margin:0}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-author-name{font-size:15px}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .coordinate-share-panel{background:0 0;border-radius:0;max-width:100%;margin:0;padding:0}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .coordinate-share-caption{display:none}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .coordinate-share-value{font-variant-numeric:tabular-nums;color:var(--forum-muted);font-size:11px}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .coordinate-share-button{background:color-mix(in srgb, var(--detail-base) 72%, transparent);padding:8px 12px;font-size:11px}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-post-title{letter-spacing:-.04em;text-wrap:balance;max-width:24ch;margin:10px 0 8px;font-size:clamp(24px,3.2vw,38px);line-height:1.15}body .canvas-app:not(.is-phone-viewport) .lg-modal .has-detail-cover .reddit-view-switcher{background:color-mix(in srgb, var(--detail-base) 86%, transparent);align-self:flex-start;margin:8px 0 0}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-post-body-container{padding-inline:clamp(4px,1vw,12px)}body .canvas-app:not(.is-phone-viewport) .lg-modal .reddit-summary-card.markdown-body{font-size:16px;line-height:1.8}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-inline-input{font-size:15px}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-input-wrapper{background:linear-gradient(180deg, var(--detail-control) 35%, color-mix(in srgb, var(--card-accent) 18%, var(--detail-control)));border-color:#0000}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-input-wrapper:before{content:"";border-radius:inherit;pointer-events:none;opacity:.07;background:url(/materials/post-detail-grain.png);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 20%,#000);mask-image:linear-gradient(#0000 20%,#000)}@property --detail-notch-width{syntax:"<length>";inherits:true;initial-value:160px}@property --detail-grip-width{syntax:"<length>";inherits:true;initial-value:36px}@property --detail-grip-x{syntax:"<length>";inherits:true;initial-value:0}@property --detail-grip-y{syntax:"<length>";inherits:true;initial-value:0}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal{background:var(--detail-base);--detail-notch-base:160px;--detail-grip-base:36px;--detail-notch-hint:0px;--detail-grip-hint:0px;--detail-notch-width:calc(var(--detail-notch-resize,var(--detail-notch-base)) + var(--detail-notch-hint));--detail-grip-width:calc(var(--detail-grip-resize,var(--detail-grip-base)) + var(--detail-grip-hint));--detail-grip-x:0px;--detail-grip-y:0px;--detail-notch-half:calc(var(--detail-notch-width) / 2);--detail-notch-height:32px;--detail-notch-body-start:31px;--detail-window-mask:url(/materials/detail-notch-grip.svg), url(/materials/detail-notch-cutout.svg), linear-gradient(to right, #000 calc(50% - var(--detail-notch-half)), transparent calc(50% - var(--detail-notch-half)), transparent calc(50% + var(--detail-notch-half)), #000 calc(50% + var(--detail-notch-half))), linear-gradient(#000, #000);-webkit-mask-image:var(--detail-window-mask);-webkit-mask-image:var(--detail-window-mask);mask-image:var(--detail-window-mask);-webkit-mask-size:var(--detail-grip-width) 4px, var(--detail-notch-width) var(--detail-notch-height), 100% var(--detail-notch-height), 100% calc(100% - var(--detail-notch-body-start));-webkit-mask-size:var(--detail-grip-width) 4px, var(--detail-notch-width) var(--detail-notch-height), 100% var(--detail-notch-height), 100% calc(100% - var(--detail-notch-body-start));mask-size:var(--detail-grip-width) 4px, var(--detail-notch-width) var(--detail-notch-height), 100% var(--detail-notch-height), 100% calc(100% - var(--detail-notch-body-start));-webkit-mask-position:calc(50% + var(--detail-grip-x)) calc(14px + var(--detail-grip-y)), center top, center top, center bottom;-webkit-mask-position:calc(50% + var(--detail-grip-x)) calc(14px + var(--detail-grip-y)), center top, center top, center bottom;mask-position:calc(50% + var(--detail-grip-x)) calc(14px + var(--detail-grip-y)), center top, center top, center bottom;-webkit-mask-composite:source-over;transition:--detail-notch-width .42s cubic-bezier(.22,1,.36,1),--detail-grip-width .42s cubic-bezier(.22,1,.36,1),--detail-grip-x .18s ease-out,--detail-grip-y .18s ease-out;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal:has(.modal-content-wrapper.is-maximized){--detail-notch-base:200px;--detail-grip-base:44px}@media (hover:hover) and (pointer:fine){body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal:has(.modal-drag-handle-wrapper:hover){--detail-notch-hint:16px;--detail-grip-hint:6px}}:is(body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal:has(.modal-drag-handle-wrapper:focus-visible),body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal:has(.modal-drag-handle-wrapper[data-resizing])){--detail-notch-hint:16px;--detail-grip-hint:6px}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle-wrapper{width:calc(var(--detail-notch-width) - 32px);background:0 0;border-radius:0;height:32px}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle-wrapper:before,body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle-wrapper:after{content:none}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle{width:var(--detail-grip-width);height:4px;transform:translate(var(--detail-grip-x), var(--detail-grip-y));box-shadow:none;transition:background .2s,opacity .2s}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle-wrapper:focus-visible .modal-drag-handle{opacity:1;background:var(--theme-icon);outline:none}@media (prefers-reduced-motion:reduce){body .canvas-app:not(.is-phone-viewport) .composer-shell.lg-modal{transition:none;--detail-grip-x:0px!important;--detail-grip-y:0px!important}body .canvas-app:not(.is-phone-viewport) .lg-modal .modal-drag-handle{transition:none}}