@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{--default-font-family:var(--font-be-vietnam-pro);--default-mono-font-family:var(--font-source-code-pro)}}@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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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}}:root{--ink-red:#ff665e;--ink-crimson:#e45d50;--ink-pumpkin:#ff6f4c;--ink-brown:#925f52;--ink-orange:#ff6c2f;--ink-paprika:#ee7f4b;--ink-copper:#bd6439;--ink-apricot:#f6a04d;--ink-brightGold:#ba8032;--ink-melon:#ffae3b;--ink-metallicGold:#ac936e;--ink-flatGold:#bb8b41;--ink-sunflower:#ffb511;--ink-brightOliveGreen:#b49f29;--ink-citron:#faf3b7;--ink-yellow:#ffe800;--ink-fluorescentYellow:#f7ff00;--ink-lightLime:#e3ed55;--ink-moss:#68724d;--ink-kellyGreen:#67b346;--ink-fluorescentGreen:#44d62c;--ink-grass:#397e58;--ink-emerald:#19975d;--ink-green:#00a95c;--ink-ivy:#169b62;--ink-hunterGreen:#407060;--ink-seaFoam:#62c2b1;--ink-lagoon:#2f6f65;--ink-turquoise:#00aa93;--ink-pine:#237e74;--ink-mint:#82d8d5;--ink-lightTeal:#009da5;--ink-teal:#00838a;--ink-smokyTeal:#5f8289;--ink-aqua:#5ec8e5;--ink-seaBlue:#0074a2;--ink-blue:#0078bf;--ink-steel:#375e77;--ink-cornflower:#62a8e5;--ink-skyBlue:#4982cf;--ink-lake:#235ba8;--ink-federalBlue:#3d5588;--ink-mediumBlue:#3255a4;--ink-indigo:#484d7a;--ink-purple:#765ba7;--ink-violet:#9d7ad2;--ink-plum:#845991;--ink-orchid:#bb76cf;--ink-bubblegum:#f984ca;--ink-fluorescentPink:#ff48b0;--ink-burgundy:#914e72;--ink-wine:#914e72;--ink-darkMauve:#bd8ca6;--ink-maroon:#9e4c6e;--ink-lightMauve:#e6b5c9;--ink-raspberryRed:#b44b65;--ink-fluorescentRed:#ff4c65;--ink-cranberry:#ba0c24;--ink-marineRed:#d2515e;--ink-tomato:#d2515e;--ink-brightRed:#f15060;--ink-bisque:#f2cdcf;--ink-scarlet:#f65058;--ink-brick:#a75154;--ink-coral:#ff8e91;--ink-fluorescentOrange:#ff7477;--ink-mahogany:#8e595a;--ink-white:#fff;--ink-mist:#b8c7c4;--ink-granite:#a5aaa8;--ink-gray:#928d88;--ink-lightGray:#88898a;--ink-charcoal:#70747c;--ink-grape:#6c5d80;--ink-raisin:#775d7a;--ink-slate:#5e695e;--ink-forest:#516e5a;--ink-spruce:#4a635d;--ink-midnight:#435060;--ink-black:#000;--paper-postcard:#fbfaf7;--paper-charcoal:#5a5855}.ink-tag{overflow-wrap:anywhere;max-width:100%;box-shadow:none;border:none;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.7;display:inline-flex}.ink-picker{border:0;min-width:0;margin:16px 0;padding:0}.ink-picker legend{margin-bottom:8px;font-size:13px;font-weight:600}.ink-palette{overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;max-height:240px;margin-top:8px;padding:6px 3px;display:grid;overflow:auto}.ink-option{text-align:left;font:inherit;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:7px;font-size:11px;display:flex}.ink-option[aria-pressed=true]{border-color:var(--foreground);background:var(--accent-soft)}.ink-option:hover{background:var(--accent-soft)}.ink-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ink-swatch{width:28px;height:25px;box-shadow:inset 0 0 0 1px var(--ink-black);border-radius:4px;flex-shrink:0;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.ink-swatch{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink-black) 15%, transparent)}}.article-tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.paper-picker{border:0;min-width:0;margin:20px 0;padding:0}.paper-picker legend{margin-bottom:10px;font-size:13px;font-weight:600}.paper-options{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:9px;display:grid}.paper-options button{border:1px solid var(--line);background:var(--surface);color:var(--foreground);font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:4px;font-size:11px}.paper-options button[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}.paper-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.paper-options button>span:last-child{padding:6px 3px;display:block}.paper-sample{border-radius:5px;justify-content:space-between;align-items:center;height:62px;padding:12px;font:22px Georgia,serif;display:flex}:root,.light{--background:var(--ink-smokyTeal)}@supports (color:color-mix(in lab, red, red)){:root,.light{--background:color-mix(in srgb, var(--ink-smokyTeal) 5%, var(--ink-white))}}:root,.light{--surface:var(--ink-white)}@supports (color:color-mix(in lab, red, red)){:root,.light{--surface:color-mix(in srgb, var(--ink-white) 5%, var(--ink-white))}}:root,.light{--foreground:var(--ink-midnight)}@supports (color:color-mix(in lab, red, red)){:root,.light{--foreground:color-mix(in srgb, var(--ink-midnight) 50%, var(--ink-black))}}:root,.light{--muted:var(--ink-midnight)}@supports (color:color-mix(in lab, red, red)){:root,.light{--muted:color-mix(in srgb, var(--ink-midnight) 75%, var(--ink-white))}}:root,.light{--line:var(--ink-smokyTeal)}@supports (color:color-mix(in lab, red, red)){:root,.light{--line:color-mix(in srgb, var(--ink-smokyTeal) 15%, var(--ink-white))}}:root,.light{--accent:var(--ink-lagoon)}@supports (color:color-mix(in lab, red, red)){:root,.light{--accent:color-mix(in srgb, var(--ink-lagoon) 90%, var(--ink-black))}}:root,.light{--accent-soft:var(--ink-grass)}@supports (color:color-mix(in lab, red, red)){:root,.light{--accent-soft:color-mix(in srgb, var(--ink-grass) 10%, var(--ink-white))}}:root,.light{--danger:var(--ink-red)}@supports (color:color-mix(in lab, red, red)){:root,.light{--danger:color-mix(in srgb, var(--ink-red) 70%, var(--ink-black))}}:root,.light{--shadow:0 12px 50px var(--ink-cornflower)}@supports (color:color-mix(in lab, red, red)){:root,.light{--shadow:0 12px 50px color-mix(in srgb, color-mix(in srgb, var(--ink-cornflower) 25%, var(--ink-black)) 3.53%, transparent)}}:root,.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:color-mix(in lab, red, red)){.dark{--background:color-mix(in srgb, var(--ink-smokyTeal) 20%, var(--ink-black));--surface:color-mix(in srgb, var(--ink-smokyTeal) 30%, var(--ink-black))}}.dark{--foreground:var(--ink-hunterGreen)}@supports (color:color-mix(in lab, red, red)){.dark{--foreground:color-mix(in srgb, var(--ink-hunterGreen) 15%, var(--ink-white))}}.dark{--muted:var(--ink-spruce)}@supports (color:color-mix(in lab, red, red)){.dark{--muted:color-mix(in srgb, var(--ink-spruce) 50%, var(--ink-white));--line:color-mix(in srgb, var(--ink-smokyTeal) 45%, var(--ink-black))}}.dark{--accent:var(--ink-emerald)}@supports (color:color-mix(in lab, red, red)){.dark{--accent:color-mix(in srgb, var(--ink-emerald) 50%, var(--ink-white))}}.dark{--accent-soft:var(--ink-hunterGreen)}@supports (color:color-mix(in lab, red, red)){.dark{--accent-soft:color-mix(in srgb, var(--ink-hunterGreen) 55%, var(--ink-black))}}.dark{--danger:var(--ink-crimson)}@supports (color:color-mix(in lab, red, red)){.dark{--danger:color-mix(in srgb, var(--ink-crimson) 65%, var(--ink-white))}}.dark{--shadow:0 12px 50px #0002;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font-be-vietnam-pro), Arial, sans-serif;margin:0;font-size:14px;line-height:1.65}body,.sidebar,.topbar,.panel,button,input,select,textarea,.preview-page{transition:background-color .22s,color .22s,border-color .22s}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.25}h1{font-size:32px;font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:17px;font-weight:600}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{font:inherit}input:not([type=checkbox]):not([type=range]):not([type=file]),textarea,select{border:1px solid var(--line);background:var(--surface);color:var(--foreground);border-radius:8px;max-width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:17px;height:17px}input[type=range]{accent-color:var(--accent);width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}fieldset{border:0;min-width:0;margin:0;padding:0}code,pre,kbd,samp{font-family:var(--font-source-code-pro), monospace}.muted{color:var(--muted)}.eyebrow{letter-spacing:.15em;color:var(--muted);margin-bottom:12px;font-size:10px;font-weight:600;display:block}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{min-height:42px;font:inherit;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:500;display:inline-flex}.button.primary{background:var(--accent);color:var(--surface)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--foreground)}.button.ghost{color:var(--muted);background:0 0;padding:8px 10px}.button.danger{color:var(--danger);border-color:var(--line);background:0 0}.button:hover:not(:disabled){filter:brightness(.94)}.button.ghost:hover{background:var(--accent-soft);color:var(--accent)}.app-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100vh;padding:36px 23px 25px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-inter), sans-serif;letter-spacing:-.06em;align-items:center;gap:12px;font-size:28px;font-weight:650;display:flex}.brand-mark{background:var(--accent-soft);width:38px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.brand small{letter-spacing:.17em;font-size:8px;font-weight:500;line-height:1;display:block}.sidebar-label{letter-spacing:.13em;color:var(--muted);margin:57px 12px 14px;font-size:9px}.sidebar nav{gap:7px;display:grid}.sidebar nav a{color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.sidebar nav a[aria-current]{color:var(--accent);background:var(--accent-soft);font-weight:600}.sidebar nav a:hover{color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.sidebar-bottom p{font-family:var(--font-lora), serif;color:var(--muted);font-size:14px;font-style:italic}.sidebar-bottom>a{align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.theme-switch{border:1px solid var(--line);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.theme-switch button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:9px}.theme-switch button:hover{color:var(--accent);background:var(--accent-soft)}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:20px 40px;font-size:11px;display:flex}.topbar>span{color:var(--muted);gap:12px;display:flex}.topbar strong{color:var(--foreground);font-weight:500}.private-label{color:var(--muted);align-items:center;gap:8px;display:flex}.private-label i,.tiny-dot,.stat-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:46px 40px}.workspace-footer{color:var(--muted);letter-spacing:.1em;border-top:1px solid var(--line);justify-content:space-between;padding:20px 40px;font-size:9px;display:flex}.workspace-footer span{letter-spacing:0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.page-heading h1{margin:0 0 12px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:24px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.stats>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:20px 24px}.stats span{color:var(--muted);font-size:11px}.stats strong{justify-content:space-between;align-items:center;margin-top:6px;font-size:30px;font-weight:500;display:flex}.stats svg{color:var(--muted)}.stats .stat-dot{width:10px;height:10px}.list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:18px;display:flex}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{color:var(--muted);font:inherit;background:0 0;border:0;border-radius:6px;padding:10px 14px;font-size:12px}.tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.search{color:var(--muted);align-items:center;gap:8px;display:flex}.search input{font-size:12px;background:0 0!important;border:0!important;padding:8px!important}.empty{text-align:center;padding:75px 20px}.empty h2{font-family:var(--font-lora), serif;font-size:28px;font-weight:400}.empty p{color:var(--muted);max-width:420px;margin:0 auto 25px;font-size:13px}.post-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:22px 0;display:flex}.post-row:last-child{border-bottom:0}.post-thumb{background:var(--background);width:110px;height:85px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.post-thumb img{object-fit:cover;width:100%;height:100%}.post-summary{flex:1;min-width:0}.post-summary .eyebrow{margin-bottom:6px;font-size:8px}.post-summary h3{margin-bottom:6px}.post-summary p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:11px;overflow:hidden}.post-summary small{color:var(--muted);font-size:9px}.post-summary small span{margin:0 7px}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:5px;padding:4px 10px;font-size:10px}.badge.live{background:var(--accent-soft);color:var(--accent);border-color:#0000}.icon-link{color:var(--muted);padding:10px}.loading{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feedback{border-radius:8px;margin:12px 0;padding:12px 16px;font-size:12px}.feedback.error{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.feedback.error{background:color-mix(in srgb, var(--danger) 8%, transparent)}}.feedback.success{color:var(--accent);background:var(--accent-soft)}.field{flex-direction:column;gap:8px;margin:18px 0;font-size:12px;display:flex}.field>span{font-weight:500}.field small{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.check-label{align-items:center;gap:8px;margin:12px 0;font-size:12px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.modal{background:var(--surface);color:var(--foreground);border:1px solid var(--line);border-radius:14px;width:min(550px,94vw);max-height:90vh;margin:auto;padding:26px;box-shadow:0 30px 100px #0003}.modal.wide{width:min(1400px,96vw)}.modal::backdrop{background:var(--ink-steel)}@supports (color:color-mix(in lab, red, red)){.modal::backdrop{background:color-mix(in srgb, color-mix(in srgb, var(--ink-steel) 25%, var(--ink-black)) 53.33%, transparent)}}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.modal-heading h2{margin:0}.modal-footer{background:var(--surface);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 0;display:flex;position:sticky;bottom:0}.tag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tag-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px}.tag-symbol{color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;width:42px;height:42px;margin-bottom:20px;display:inline-grid}.tag-card h3{margin-bottom:5px}.tag-card p,.tag-card small{color:var(--muted);font-size:11px}.tag-card .actions{justify-content:flex-end;margin-top:15px}.menu-layout{grid-template-columns:minmax(0,1fr) 230px;gap:24px;display:grid}.menu-item{border-bottom:1px solid var(--line);margin-bottom:16px;padding:20px 0}.menu-item-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu-item-heading strong{flex:1}.drag-handle{cursor:grab;color:var(--muted);padding:5px}.menu-preview{align-self:start}.menu-preview h2{margin-top:20px;font-size:30px}.menu-preview nav{gap:20px;margin:30px 0;display:grid}.menu-preview p{font-size:11px}.locale-input{width:65px}.editor-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.back-link{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.save-state{color:var(--muted);font-size:10px}.editor-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.segmented{border:1px solid var(--line);border-radius:8px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:7px 10px;font-size:11px}.segmented button.active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 4px #0001}.editor-layout{gap:24px;display:grid}.editor-layout.with-sidebar{grid-template-columns:minmax(0,1fr) 280px}.writing-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:70vh;padding:35px 12px;overflow:hidden}.title-input{width:100%;display:block;border:0!important;outline:none!important;padding:10px 40px!important;font-size:30px!important;font-weight:550!important}.summary-input{resize:none;width:100%;min-height:90px;color:var(--muted)!important;border:0!important;padding:10px 40px!important}.writing-divider{background:var(--line);height:1px;margin:15px 40px}.block-editor{min-height:400px}.editor-insert-bar{flex-wrap:wrap;align-items:center;gap:2px;margin:0 15px 22px;font-size:10px;display:flex}.editor-insert-bar .button{min-height:34px;padding:6px 9px;font-size:10px}.editor-insert-bar select{max-width:145px;min-height:34px;padding:5px;font-size:10px}.bn-container{--bn-font-family:var(--font-be-vietnam-pro)}.bn-editor{background:var(--surface)!important;color:var(--foreground)!important}.custom-block{border:1px solid var(--line);background:var(--background);border-radius:8px;width:100%;padding:16px}.custom-block .eyebrow{margin:0}.custom-block details{font-size:12px}.gallery-image-settings{gap:8px;margin:14px 0;display:grid}.editor-sidebar{font-size:12px}.editor-sidebar details{background:var(--surface);border:1px solid var(--line);border-radius:9px;margin-bottom:12px;padding:18px}.editor-sidebar summary{cursor:pointer;font-weight:500}.cover-preview{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%;margin:12px 0}.tag-options{flex-wrap:wrap;gap:10px;display:flex}.tag-options label{align-items:center;gap:5px;font-size:11px;display:flex}.seo-preview{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;margin-top:15px;padding:15px}.seo-preview h3{color:var(--ink-skyBlue)}@supports (color:color-mix(in lab, red, red)){.seo-preview h3{color:color-mix(in srgb, var(--ink-skyBlue) 95%, var(--ink-black))}}.seo-preview h3{margin:6px 0;font-size:17px}.seo-preview p,.seo-preview small{font-size:10px}.editor-split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor-split .writing-panel{padding:20px 0}.editor-split .title-input,.editor-split .summary-input{padding:10px 20px!important}.preview{border:1px solid var(--line);border-radius:10px;overflow:clip}.preview-toolbar{background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:8px 15px;display:flex}.preview-toolbar .eyebrow{margin:0;font-size:8px}.preview-stage{background:var(--line);padding:16px}.preview-page{color:var(--foreground);background:var(--surface);width:100%;min-height:500px;container-type:inline-size}.preview-page.mobile{max-width:390px;margin:auto}.article{padding:50px 35px}.article-header{max-width:650px;margin:0 auto 35px}.article h1{letter-spacing:-.05em;margin:15px 0 20px;font-size:42px;line-height:1.2}.article-summary{color:var(--muted);font-size:18px;line-height:1.7}.article-header>.muted{font-size:11px}.article-cover{object-fit:cover;border-radius:8px;width:100%;max-height:550px;margin-bottom:40px}.article-body{overflow-wrap:anywhere;max-width:680px;margin:auto;font-size:16px;line-height:1.9}.article-body p{min-height:.8em;margin:18px 0}.article-body .journal-checklist{align-items:flex-start;gap:12px;margin-block:14px;display:flex}.journal-checkbox{width:28px;height:28px;color:inherit;flex:0 0 28px;margin-top:max(0px,.5lh - 14px);display:inline-flex}.journal-checkbox svg{width:100%;height:100%;overflow:visible}.journal-checkbox-box{stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;opacity:.65}.journal-checkbox-tick{stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.journal-checklist[data-checked=true] .journal-checkbox-box{fill:currentColor;fill-opacity:.045}.journal-checklist-text{flex:1;min-width:0}.article-body h2{margin:40px 0 20px;scroll-margin-top:30px;font-size:28px}.article-body h3{margin:30px 0 16px;scroll-margin-top:30px;font-size:22px}.article-body a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.article-body ul{padding-left:25px;list-style:outside}.article-body ol{padding-left:25px;list-style:decimal}.article-body pre{background:var(--background);border-radius:8px;padding:24px;font-size:13px;line-height:1.7;overflow:auto}.article-body :not(pre)>code{background:var(--background);border-radius:4px;padding:2px 5px;font-size:.9em}.article-body blockquote{border-left:2px solid var(--accent);margin:25px 0;padding:10px 25px;font-size:20px;font-style:italic}.nested-blocks{padding-left:22px}.callout{background:var(--accent-soft);color:var(--foreground);border-left:3px solid var(--accent);border-radius:6px;margin:20px 0;padding:20px}.toc{border:1px solid var(--line);border-radius:8px;padding:20px;font-size:13px}.toc summary{cursor:pointer;margin-bottom:10px;font-weight:600}.toc a{color:var(--muted);padding:4px 0;text-decoration:none;display:block}.toc a.active{color:var(--accent);font-weight:600}.embed{border:0;border-radius:10px;width:100%;margin:20px 0}.embed.video{aspect-ratio:16/9}.embed.music{height:352px}.formula{max-width:100%;padding:14px 0;overflow-x:auto}.gallery-container{margin:25px 0}.gallery{gap:12px}.gallery figure{min-width:0;margin:0}.gallery button{background:0 0;border:0;width:100%;padding:0;display:block}.gallery img{border-radius:7px;width:100%;display:block}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gallery-grid figure:only-child{grid-column:1/-1}.gallery-grid figure:not(:only-child) img{aspect-ratio:4/3;object-fit:cover}.gallery-masonry{columns:2;column-gap:12px}.gallery-masonry figure{break-inside:avoid;margin-bottom:12px}.gallery-slide img{aspect-ratio:3/2;object-fit:contain;background:var(--background)}.gallery-stack{padding:12px 20px}.gallery-stack figure{background:var(--surface);box-shadow:4px 5px 0 var(--line), 9px 11px 0 var(--background);border:1px solid var(--line);border-radius:8px;padding:10px;position:relative;transform:rotate(-1deg)}.gallery-stack img{aspect-ratio:4/3;object-fit:cover}.gallery figcaption{text-align:center;color:var(--muted);padding:8px;font-size:12px}.gallery-controls{justify-content:center;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.gallery-placeholder{border:1px dashed var(--line);text-align:center;color:var(--muted);padding:40px 15px;font-size:12px}.lightbox{justify-content:center;max-height:65vh;display:flex;overflow:auto}.lightbox img{object-fit:contain;max-width:100%;max-height:65vh}.lightbox.zoomed{display:block}.lightbox.zoomed img{max-width:none;max-height:none}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-height:45vh;display:grid;overflow:auto}.media-tile{background:var(--background);text-align:left;color:var(--foreground);border:2px solid #0000;border-radius:8px;padding:4px;position:relative}.media-tile.selected{border-color:var(--accent)}.media-tile img{aspect-ratio:1;object-fit:cover;border-radius:5px;width:100%}.media-tile span{white-space:nowrap;text-overflow:ellipsis;padding:6px;font-size:10px;display:block;overflow:hidden}.selected-check{color:#fff;background:var(--accent);border-radius:50%;position:absolute;top:10px;right:10px}.upload-zone{border:1px dashed var(--line);min-height:130px;color:var(--muted);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex;position:relative}.upload-zone small{font-size:10px}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-zone:focus-within{outline:2px solid var(--accent)}.builder-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.home-builder{grid-template-columns:255px minmax(0,1fr);gap:24px;display:grid}.section-list{align-self:start;padding:20px 12px}.section-list>.eyebrow{padding-left:12px}.section-item{border-radius:6px;align-items:center;margin:5px 0;display:flex}.section-item.active{background:var(--accent-soft);color:var(--accent)}.section-item>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:14px 8px;font-size:12px;display:flex}.section-number{color:var(--muted);font-size:10px}.section-item small{color:var(--muted)}.section-list>.button{margin:15px 10px}.settings-link{color:var(--muted);text-align:left;font:inherit;border:0;border-top:1px solid var(--line);background:0 0;width:100%;padding:16px 12px;font-size:11px}.settings-link.active{color:var(--accent)}.section-editor{padding:30px}.section-editor-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.section-editor-heading h2{margin:0}.section-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:30px;padding-top:20px;display:flex}.section-options{gap:10px;display:grid}.home-image-row{align-items:center;gap:12px;margin:20px 0;display:flex}.home-image-row>img{object-fit:cover;border-radius:6px;width:85px;height:85px}.home-image-row>div:not(.actions){flex:1}.home-image-row .field{margin:5px 0}.home-preview{grid-template-columns:130px minmax(0,1fr) 100px;gap:30px;padding:40px 30px;display:grid}.home-left strong{letter-spacing:-.07em;font-size:25px}.home-left nav{color:var(--muted);gap:18px;margin-top:30px;font-size:11px;display:grid}.home-right{color:var(--muted);flex-direction:column;gap:50px;font-size:10px;display:flex}.home-center{min-width:0}.home-section{margin-bottom:55px}.home-section h1{font-size:40px;line-height:1.15}.home-copy{white-space:pre-line;color:var(--muted);font-size:14px;line-height:1.9}.home-section>a{color:var(--accent);font-size:12px}.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.home-post{text-align:left;color:var(--foreground);background:0 0;border:0;padding:0}.home-post img,.home-post-placeholder{aspect-ratio:4/3;object-fit:cover;border-radius:5px;width:100%;margin-bottom:15px}.home-post-placeholder{background:var(--background);font-family:var(--font-lora);color:var(--muted);place-items:center;display:grid}.home-post .eyebrow{font-size:8px}.home-post h3{font-size:19px}.home-post p{color:var(--muted);font-size:11px}.home-post small{color:var(--accent);font-size:10px}.auth-page{justify-content:center;align-items:center;gap:70px;min-height:100vh;padding:40px;display:flex}.auth-page>div:first-child{max-width:500px}.auth-page h1{font-size:40px}.auth-page p{color:var(--muted)}.skip-link{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}@container (max-width:550px){.article{padding:30px 20px}.article h1{font-size:30px}.article-summary,.article-body{font-size:15px}.home-preview{grid-template-columns:1fr;padding:25px 20px}.home-left nav,.home-right{display:none}.home-section h1{font-size:30px}.home-post-grid{grid-template-columns:1fr}.gallery-masonry{columns:1}}@media (min-width:1600px){.main-content{padding:50px 60px}}@media (max-width:1200px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 14px}.main-content{padding:30px 24px}.editor-layout.with-sidebar{grid-template-columns:minmax(0,1fr) 250px}.editor-split{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.home-builder{grid-template-columns:215px minmax(0,1fr)}.home-image-row{flex-wrap:wrap}}@media (max-width:900px){.app-shell{display:block}.sidebar{border-bottom:1px solid var(--line);border-right:0;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;height:auto;padding:18px 22px;position:relative}.brand{font-size:22px}.brand small,.brand-mark,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{gap:2px;display:flex}.sidebar nav a{gap:5px;padding:10px;font-size:11px}.topbar{padding:15px 24px}.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-builder{grid-template-columns:1fr}.section-list{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.section-list>.eyebrow{width:100%}.section-list .settings-link{width:auto}.menu-layout{grid-template-columns:1fr}.menu-preview{display:none}.auth-page{flex-direction:column;gap:30px}.home-preview{grid-template-columns:90px minmax(0,1fr);gap:15px}.home-right{display:none}}@media (max-width:640px){.main-content{padding:25px 16px}.sidebar{gap:8px;padding:12px}.sidebar nav a{flex-direction:column;padding:8px;font-size:10px}.page-heading{flex-direction:column;gap:18px;margin-bottom:25px}.page-heading h1{font-size:26px}.stats{gap:8px}.stats>div{padding:14px 12px}.stats span{font-size:9px}.stats strong{font-size:24px}.stats svg{display:none}.list-toolbar{flex-direction:column;align-items:stretch}.tabs button{padding:8px 10px}.panel{padding:16px}.post-row{flex-wrap:wrap;gap:10px}.post-thumb{width:65px;height:65px}.post-summary h3{font-size:14px}.post-row .badge{margin-left:75px}.post-row .icon-link{margin-left:auto}.tag-grid,.form-grid{grid-template-columns:1fr}.editor-heading{flex-direction:column;align-items:flex-start}.save-state{width:100%}.editor-layout.with-sidebar{grid-template-columns:1fr}.title-input{padding:10px 18px!important;font-size:25px!important}.summary-input{padding:10px 18px!important}.editor-sidebar{order:2}.writing-panel{padding:20px 0}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:18px}.preview-stage{padding:5px}.section-editor{padding:20px}.private-label{display:none}.workspace-footer{padding:20px 16px}.auth-page{padding:24px}.auth-page h1{font-size:30px}.theme-switch button{min-width:40px;min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:var(--ink-bubblegum)}@supports (color:color-mix(in lab, red, red)){.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:color-mix(in srgb, var(--ink-bubblegum) 75%, var(--ink-black))}}.hljs-string,.hljs-attr{color:var(--ink-grass)}@supports (color:color-mix(in lab, red, red)){.hljs-string,.hljs-attr{color:color-mix(in srgb, var(--ink-grass) 95%, var(--ink-white))}}.hljs-comment{color:var(--muted);font-style:italic}.hljs-number,.hljs-built_in{color:var(--ink-apricot)}@supports (color:color-mix(in lab, red, red)){.hljs-number,.hljs-built_in{color:color-mix(in srgb, var(--ink-apricot) 80%, var(--ink-black))}}.hljs-title,.hljs-function{color:var(--ink-lake)}@supports (color:color-mix(in lab, red, red)){.hljs-title,.hljs-function{color:color-mix(in srgb, var(--ink-lake) 75%, var(--ink-white))}}.dark .hljs-keyword{color:var(--ink-bubblegum)}@supports (color:color-mix(in lab, red, red)){.dark .hljs-keyword{color:color-mix(in srgb, var(--ink-bubblegum) 90%, var(--ink-white))}}.dark .hljs-string{color:var(--ink-emerald)}@supports (color:color-mix(in lab, red, red)){.dark .hljs-string{color:color-mix(in srgb, var(--ink-emerald) 45%, var(--ink-white))}}.mobile-theme{display:none}@media (max-width:900px){.mobile-theme{display:block}.topbar .mobile-theme button{min-width:32px;min-height:32px;padding:6px}}.article-body h2,.article-body h3{font-family:var(--article-heading-font)}.inline-math-editor{cursor:pointer;background:var(--accent-soft);border-radius:4px;padding:0 4px;display:inline-block}.modal.wide{width:min(1600px,96vw);max-width:96vw}.modal.wide .preview-stage{padding:0}.modal.wide .preview{border-radius:16px}.modal.wide .preview-toolbar{padding:12px 20px}.tab-banner-editor{border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:14px 18px}.tab-banner-editor summary{cursor:pointer;padding:4px 0;font-size:12px;font-weight:600}.tab-banner-editor[open] summary{margin-bottom:18px}.article{background-color:var(--reading-paper,var(--paper-postcard));color:var(--reading-ink,var(--ink-black));--muted:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article{--muted:color-mix(in srgb, var(--reading-ink) 68%, var(--reading-paper))}}.article{--foreground:var(--reading-ink);--surface:var(--reading-paper);--line:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article{--line:color-mix(in srgb, var(--reading-ink) 18%, var(--reading-paper))}}.article{--accent:var(--reading-ink);--accent-soft:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article{--accent-soft:color-mix(in srgb, var(--reading-ink) 8%, var(--reading-paper))}}.article-reading-tools{justify-content:flex-end;margin:-25px 0 24px;display:flex}.article-paper-menu{font-family:var(--font-be-vietnam-pro);anchor-name:--reader-paper;color:inherit;cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:20px;padding:8px 12px;font-size:12px;position:relative}.article-paper-panel{max-height:calc(100dvh - 170px);color:var(--reading-ink);z-index:10;background:var(--reading-paper);border:1px solid var(--line);border-radius:12px;width:min(340px,100vw - 80px);margin:0;padding:14px;position:fixed;inset:140px 40px auto auto;overflow:auto;box-shadow:0 12px 35px #0002}.article-paper-panel .paper-picker{margin:0 0 10px}.article-paper-panel .paper-sample{font-size:20px}@supports (position-anchor:--reader-paper){.article-paper-panel{position-anchor:--reader-paper;top:anchor(bottom);right:anchor(right);position-try-fallbacks:flip-block;margin-top:8px}}.upload-progress{border:1px solid var(--line);background:var(--surface);border-radius:10px;max-height:240px;margin:12px 0;padding:12px 14px;overflow:auto}.upload-progress-summary{color:var(--muted);margin-bottom:10px;font-size:11px}.upload-progress-item+.upload-progress-item{margin-top:12px}.upload-progress-label{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.upload-progress-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-progress-label small{white-space:nowrap;color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.upload-progress progress{width:100%;height:5px;accent-color:var(--ink-blue);border:0;border-radius:8px;margin-top:7px;display:block;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background:var(--accent-soft);border-radius:8px}.upload-progress progress::-webkit-progress-value{background:var(--ink-blue);border-radius:8px}.upload-progress progress::-moz-progress-bar{background:var(--ink-blue);border-radius:8px}.upload-progress .is-error small,.upload-progress-item p{color:var(--danger)}.upload-progress-item p{margin:5px 0 0;font-size:11px}.upload-progress .is-done small{color:var(--accent)}.banner-image-heading{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px;font-size:13px;font-weight:600;display:flex}.banner-editor{border:1px solid var(--line);border-radius:12px;padding:12px}.banner-editor-preview{aspect-ratio:2.6;background:var(--muted);border-radius:8px;position:relative;overflow:hidden}.banner-editor-preview>img{object-fit:cover;width:100%;height:100%}.banner-editor-counter{color:var(--ink-white);background:var(--ink-black);border-radius:20px;padding:4px 10px;position:absolute;bottom:10px;right:10px}@supports (color:color-mix(in lab, red, red)){.banner-editor-counter{background:color-mix(in srgb, var(--ink-black) 60%, transparent)}}.banner-editor-counter{font-size:12px}.banner-thumbnails{gap:8px;padding:12px 2px;display:flex;overflow-x:auto}.banner-thumbnails button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex:0 0 76px;height:50px;padding:2px;position:relative}.banner-thumbnails button[aria-pressed=true]{border-color:var(--ink-blue)}.banner-thumbnails img{object-fit:cover;border-radius:4px;width:100%;height:100%}.banner-thumbnails span{color:var(--ink-white);background:var(--ink-black);border-radius:4px;padding:0 4px;font-size:10px;position:absolute;bottom:4px;right:5px}@supports (color:color-mix(in lab, red, red)){.banner-thumbnails span{background:color-mix(in srgb, var(--ink-black) 70%, transparent)}}.banner-image-settings{grid-template-columns:1fr 1fr;gap:16px;padding:4px;display:grid}.banner-position-labels{opacity:.65;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.banner-image-actions{border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:10px;display:flex}.banner-image-actions>:last-child{margin-left:auto}.banner-empty{border:1px dashed var(--line);text-align:center;opacity:.65;border-radius:12px;padding:40px 20px;font-size:13px}@media (max-width:600px){.banner-image-settings{grid-template-columns:1fr;gap:0}}.media-card{min-width:0;position:relative}.media-card .media-tile{width:100%}.media-delete{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--danger);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;left:12px}.media-delete:hover{background:var(--ink-red)}@supports (color:color-mix(in lab, red, red)){.media-delete:hover{background:color-mix(in srgb, var(--ink-red) 12%, var(--surface))}}.media-delete:disabled{opacity:.5;cursor:wait}.studio-toast-host{width:max-content;max-width:calc(100vw - 32px);color:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:20px auto auto 50%;overflow:visible;transform:translate(-50%)}.studio-toast-host::backdrop{pointer-events:none;background:0 0}.studio-toast{border:1px solid var(--ink-emerald);background:var(--ink-emerald);border-radius:100px;align-items:center;gap:8px;min-height:40px;padding:10px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-toast{background:color-mix(in srgb, var(--ink-emerald) 12%, color-mix(in srgb, var(--surface) 85%, transparent))}}.studio-toast{color:var(--ink-emerald)}@supports (color:color-mix(in lab, red, red)){.studio-toast{color:color-mix(in srgb, var(--ink-emerald) 75%, var(--foreground))}}.studio-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px var(--ink-black)}@supports (color:color-mix(in lab, red, red)){.studio-toast{box-shadow:0 2px 12px color-mix(in srgb, var(--ink-black) 10%, transparent)}}.studio-toast{font-size:13px;font-weight:700;line-height:1.4;animation:.18s ease-out both studio-toast-zoom}.studio-toast svg{flex-shrink:0}@keyframes studio-toast-zoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.studio-toast{animation:none}}.admin-title-icon{vertical-align:-.1em;width:1em;height:1em;color:var(--muted);margin-right:8px}.article{grid-template-columns:minmax(160px,1fr) minmax(0,1000px) minmax(160px,1fr);justify-content:center;align-items:start;column-gap:clamp(20px,3vw,60px);min-height:100dvh;padding:24px 3% 100px;display:grid;container-type:normal}.article>.article-cover,.article>.article-header,.article>.article-body{grid-column:2;width:100%;min-width:0}.article>.article-cover{aspect-ratio:16/9;border-radius:20px 20px 0 0;grid-row:1;max-height:620px;margin:0 0 32px}.article>.article-header{max-width:none;margin:0 auto 40px}.article h1{letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(36px,4.5cqi,76px);font-weight:850;line-height:1.14}.article>.article-body{max-width:820px;font-family:inherit;font-size:16px;line-height:1.85}.article-summary{font-family:var(--font-source-code-pro),monospace;font-size:16px}.article-body h2{margin-top:64px;scroll-margin-top:110px;font-size:clamp(26px,3vw,40px);font-weight:800}.article-body h3{scroll-margin-top:110px}.article-sidebar{max-height:calc(100dvh - 130px);font-family:var(--font-source-code-pro),monospace;grid-area:1/1/span 3;padding:18px 0;font-size:12px;position:sticky;top:104px;overflow:auto}.article-sidebar .toc{background:0 0;border:0;margin:0;padding:0}.article-sidebar .toc a{opacity:.6;color:inherit;padding:10px 0;line-height:1.65;text-decoration:none;display:block}.article-sidebar .toc a.active{opacity:1;text-underline-offset:5px;font-weight:700;text-decoration:underline}.article-sidebar .toc summary{margin-bottom:22px;font-weight:700}.article-reading-tools{grid-area:1/3/span 3;justify-content:center;margin:12px 0 0;position:sticky;top:104px}.article-inline-toc{display:none}@container (min-width:901px){.article-sidebar{justify-self:center;width:min(220px,100%);translate:none}.article-reading-tools{justify-self:center;translate:none}}@container (max-width:900px){.article{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:24px 5% 70px}.article-sidebar{display:none}.article>.article-header,.article>.article-cover,.article>.article-body{grid-column:1/-1}.article>.article-cover{border-radius:12px;grid-row:auto}.article-reading-tools{grid-area:1/2;margin:0 0 20px;position:static}.article-inline-toc{display:block}.article h1{font-size:clamp(34px,7cqi,60px)}.article>.article-body{font-size:14px}}.article-body a{text-decoration-color:currentColor;text-decoration-thickness:1px}@supports (color:color-mix(in lab, red, red)){.article-body a{-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}}.article-body a{transition:text-decoration-color .2s}.article-body a:hover{text-decoration-color:currentColor}.article-body blockquote{font-family:var(--font-patrick-hand),cursive;border:0;padding:16px 0 16px 28px;font-size:clamp(23px,2.5vw,32px);line-height:1.6;position:relative}.article-body blockquote:before{content:"";opacity:.55;background:currentColor;border-radius:60% 35% 50% 30%;width:3px;position:absolute;top:14px;bottom:14px;left:0;transform:rotate(.6deg)}.article-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.article-header .eyebrow{margin-right:16px;display:inline-block}.article-body .gallery{margin:36px 0}.article-reading-tools{flex-direction:column;align-items:center;gap:18px;max-height:calc(100dvh - 120px)}.article-reading-tools>button,.article-reading-tools .site-languages summary{width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}.article-reading-tools>button:hover,.article-reading-tools .site-languages summary:hover{background:var(--accent-soft)}.article-reading-tools .reader-theme span,.article-reading-tools .site-languages summary span,.article-reading-tools .site-languages summary>svg:last-child{display:none}.article-reading-tools .site-languages summary>svg:first-child{width:23px;height:23px}.article-sidebar .toc a{border-radius:0 8px 8px 0;transition:background-color .2s,opacity .2s;position:relative;padding:10px 12px!important}.article-sidebar .toc a.active{background:var(--accent-soft);text-decoration:none}.article-sidebar .toc a.active:before{content:"";background:currentColor;border-radius:70% 40% 60% 30%;width:3px;position:absolute;top:10px;bottom:10px;left:0;transform:rotate(.5deg)}@container (max-width:900px){.article-reading-tools{flex-direction:row;grid-column:1/-1;justify-content:flex-end;gap:8px}}.gallery-postcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:24px 16px;display:grid}.gallery-postcards figure{background:var(--reading-paper,var(--surface));padding:10px 10px 22px;transform:rotate(-3deg);box-shadow:0 5px 16px #0002}.gallery-postcards figure:nth-child(2n){transform:rotate(3deg)translateY(12px)}.gallery-postcards img{aspect-ratio:4/5;object-fit:cover;border-radius:1px}.gallery-postcards figcaption{font-family:var(--font-patrick-hand),cursive;padding-top:14px;font-size:20px}.gallery figure>button{cursor:zoom-in}.gallery figcaption{font-family:var(--font-patrick-hand),cursive;font-size:19px}@container (max-width:500px){.gallery-postcards{gap:14px;padding:14px 8px}.gallery-postcards figure{padding:6px 6px 14px}}@media (prefers-reduced-motion:reduce){.article-sidebar .toc a,.article-body a{transition:none}}.article-body blockquote.journal-quote{font-family:inherit;font-size:inherit;background:0 0;border:0;margin:38px 0;padding:8px 8px 8px 28px;line-height:1.85;position:relative}.article-body blockquote.journal-quote:before{content:none}.journal-quote-mark{opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:68px;font-style:normal;font-weight:900;line-height:1;position:absolute;top:-12px;left:0}.journal-quote-text{font-style:italic;position:relative}.journal-quote-author{text-align:right;color:var(--muted);margin-top:8px;font-size:12px;font-style:normal;font-weight:600}.article-body .callout{color:inherit;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin:32px 0;padding:16px 0}.callout-label{font-family:var(--font-patrick-hand),cursive;color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:20px;line-height:1.4;display:flex}.callout-content{padding-left:24px;font-size:.92em;line-height:1.85}.article{background-image:var(--reading-texture);background-position:0 0;background-attachment:fixed}.article-body u.handwritten-underline{background-image:var(--reading-underline);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 100%;background-repeat:no-repeat;background-size:100% 6px;padding-bottom:4px;text-decoration:none}.article-body a{color:var(--reading-link,#075bd8);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.article-body a u.handwritten-underline{background:0 0;padding-bottom:0;text-decoration:none}.article[data-paper=notebook]{background-attachment:scroll}.article-code{border:1px solid var(--line);border-radius:10px;margin:24px 0;overflow:hidden}.article-code-toolbar{border-bottom:1px solid var(--line);font:12px var(--font-source-code-pro),monospace;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.article-code-toolbar button{border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:4px 10px;display:flex}.article-body .article-code pre{border:0;border-radius:0;margin:0}.article-table-scroll{max-width:100%;margin:24px 0;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;font-size:.9em}.article-table th,.article-table td{border-bottom:1px solid var(--line);text-align:left;min-width:110px;padding:12px 16px}.article-table th{border-bottom:2px solid;font-weight:600}.article-table caption{text-align:left;padding:10px 16px;font-weight:600}.article-table input{width:100%;min-width:100px}.article-inline-icon{vertical-align:-.18em;width:1.1em;height:1.1em;display:inline-block}.article-audio{border-block:1px solid var(--line);margin:24px 0;padding:18px}.article-audio figcaption{align-items:center;gap:10px;margin-bottom:12px;display:flex}.article-audio audio{width:100%;display:block}.article-body a.article-file{border:1px solid var(--line);color:inherit;overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:14px;padding:18px;display:flex}.editor-format-menu{position:relative}.editor-format-menu summary{cursor:pointer;border:1px solid var(--line);border-radius:16px;padding:8px 12px;list-style:none}.editor-format-options{z-index:50;background:var(--surface);border:1px solid var(--line);width:280px;max-height:320px;box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;display:grid;position:absolute;top:100%;left:0;overflow:auto}.editor-format-options button{text-align:left;border-radius:8px;min-height:40px;padding:8px}.editor-format-options button:hover{background:var(--accent-soft)}.photo-spec-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.photo-specs{text-align:left;font:11px/1.8 var(--font-source-code-pro),monospace;margin:12px 0}.photo-specs summary{cursor:pointer;list-style:revert}.photo-specs dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding-top:12px;display:grid}.photo-specs dt{opacity:.65}.photo-specs dd{overflow-wrap:anywhere;margin:0}.article[data-paper=notebook]{background-repeat:repeat;background-size:32px 32px,512px 512px}.photo-viewer.modal{width:min(1440px,96vw);max-width:96vw;max-height:94dvh;padding:0;overflow:hidden}.photo-viewer .modal-heading{min-height:52px;padding:8px 18px}.photo-viewer .modal-heading h2{margin:0;font-size:14px;font-weight:500}.photo-viewer .modal-heading .button{min-height:36px;padding:6px}.photo-viewer .modal-body{padding:0;overflow:auto}.photo-viewer .lightbox,.photo-viewer .gallery-controls,.photo-viewer .modal-heading{-webkit-user-select:none;user-select:none}.photo-viewer .lightbox img{-webkit-user-drag:none}.photo-viewer-layout{grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid}.photo-viewer-main{min-width:0;padding:16px}.photo-viewer .lightbox{background:0 0;justify-content:center;align-items:center;height:calc(86dvh - 120px);min-height:220px;display:flex;overflow:hidden}.photo-viewer .lightbox img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.photo-viewer .lightbox.zoomed{justify-content:flex-start;align-items:flex-start;overflow:auto}.photo-viewer .lightbox.zoomed img{width:auto;max-width:none;max-height:none}.photo-viewer .gallery-controls{gap:18px;min-height:40px;margin:8px 0 0}.photo-viewer-info{border-left:1px solid var(--line);max-height:calc(94dvh - 54px);padding:24px;overflow:auto}.photo-viewer-info>p{margin:0 0 24px;font-size:15px;line-height:1.6}.photo-viewer .photo-specs{font:14px/1.6 var(--font-source-code-pro),monospace;margin:0}.photo-viewer .photo-specs h3{margin:0 0 20px;font-size:15px;font-weight:600}.photo-viewer .photo-specs dl{grid-template-columns:1fr;gap:16px;padding:0;display:grid}.photo-viewer .photo-specs dt{opacity:.7;font-size:12px}.photo-viewer .photo-specs dd{margin-top:3px;font-size:14px}@media (max-width:760px){.photo-viewer.modal{border-radius:0;width:100vw;max-width:100vw;max-height:100dvh}.photo-viewer-layout{grid-template-columns:minmax(0,1fr)}.photo-viewer-main{padding:8px}.photo-viewer .lightbox{height:52dvh;min-height:180px}.photo-viewer-info{border-left:0;border-top:1px solid var(--line);max-height:none;padding:20px}.photo-viewer .photo-specs dl{grid-template-columns:repeat(2,minmax(0,1fr))}}.photo-viewer .photo-specs dt{align-items:center;gap:8px;display:flex}.article>.article-cover{overflow:hidden}.article-cover .gallery-container,.article-cover .gallery,.article-cover figure,.article-cover figure>button{width:100%;height:100%;margin:0}.article-cover .gallery{display:block}.article-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;max-height:620px}.gallery.gallery-single{grid-template-columns:minmax(0,1fr)}.photo-viewer .lightbox img{aspect-ratio:auto}.article,.blog-article-page,.writing-surface{--reading-paper:var(--reading-paper-stock);--reading-ink:var(--reading-ink-stock);--reading-link:var(--reading-link-stock,#075bd8);--reading-underline:var(--reading-underline-stock)}.dark .writing-surface:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]),.dark .article:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]),.dark .blog-article-page:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]){--reading-paper:var(--ink-black)}@supports (color:color-mix(in lab, red, red)){.dark .writing-surface:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]),.dark .article:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]),.dark .blog-article-page:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]){--reading-paper:color-mix(in srgb,var(--ink-black) 82%,var(--ink-white))}}.dark .writing-surface:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]),.dark .article:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]),.dark .blog-article-page:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]){--reading-ink:#edece7;--reading-link:#89bdff;--reading-underline:url(/decoration/underline-light.svg)}.dark .article:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]){background-blend-mode:soft-light}.dark .article[data-paper=notebook]{background-blend-mode:normal,soft-light;background-image:url(/textures/notebook-lines-dark.svg),url(/textures/filmera-postcard.png)}.writing-surface{--surface:var(--reading-paper);--foreground:var(--reading-ink);--muted:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.writing-surface{--muted:color-mix(in srgb,var(--reading-ink) 68%,var(--reading-paper))}}.writing-surface{--line:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.writing-surface{--line:color-mix(in srgb,var(--reading-ink) 18%,var(--reading-paper))}}.writing-surface{background:var(--reading-paper);color:var(--reading-ink);border-radius:16px;padding:28px clamp(12px,3vw,48px)}.writing-cover{aspect-ratio:16/9;border-radius:8px;margin-bottom:28px;position:relative;overflow:hidden}.writing-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.writing-meta{font:11px var(--font-source-code-pro),monospace;color:var(--muted);flex-wrap:wrap;gap:16px;padding:0 40px;display:flex}.writing-surface .title-input{font-family:var(--writing-heading);letter-spacing:-.04em;color:inherit;background:0 0;line-height:1.2;font-size:clamp(30px,3vw,48px)!important;font-weight:800!important}.writing-surface .summary-input{font:16px/1.7 var(--font-source-code-pro),monospace;background:0 0}.writing-surface .bn-container{--bn-font-family:var(--writing-font)}.writing-surface .bn-editor{font-family:var(--writing-font);padding-inline:40px;font-size:16px;line-height:1.85}.writing-surface .bn-block-content[data-content-type=heading]{font-family:var(--writing-heading);margin-top:32px;font-weight:800;line-height:1.3}.writing-surface .bn-block-content[data-content-type=heading][data-level="2"]{font-size:clamp(26px,3vw,40px)}.writing-surface .bn-block-content[data-content-type=heading][data-level="3"]{font-size:22px}.writing-surface .bn-block-content[data-content-type=paragraph]{padding-block:9px}.writing-surface .bn-block-content[data-content-type=quote]{background:0 0;border:0;margin:24px 0;padding:8px 8px 8px 28px;font-style:italic;position:relative}.writing-surface .bn-block-content[data-content-type=quote]:before{content:"“";opacity:.12;font:900 68px/1 Georgia,serif;position:absolute;top:-12px;left:0}.writing-surface .bn-inline-content a{color:#075bd8;text-decoration:underline}.writing-surface .editor-insert-bar{border:1px solid var(--line);background:var(--surface);font-family:var(--font-inter),sans-serif;border-radius:12px;margin:0 0 24px;padding:12px}.writing-surface .custom-block{background:0 0}.writing-surface .custom-block .gallery{margin-block:16px}.preview-page.light .article,.dark .preview-page.light .article:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]){--reading-paper:var(--reading-paper-stock);--reading-ink:var(--reading-ink-stock);--reading-link:var(--reading-link-stock);--reading-underline:var(--reading-underline-stock);background-blend-mode:normal}.dark .preview-page.light .article[data-paper=notebook]{background-image:var(--reading-texture)}@media (max-width:600px){.writing-surface{padding:20px 8px}.writing-surface .bn-editor,.writing-meta{padding-inline:28px}}.article>.article-cover{position:relative}.article-cover>.gallery-container>.gallery{position:absolute;inset:0}.article-cover>.gallery-container>.gallery img{width:100%;height:100%;max-height:none;position:absolute;inset:0}.editor-sidebar .cover-preview{aspect-ratio:16/9}.writing-surface .bn-editor{background:var(--reading-paper)!important;color:var(--reading-ink)!important}.writing-surface{background-image:var(--reading-texture);background-attachment:fixed;container-type:inline-size}.writing-surface[data-paper=notebook]{background-size:32px 32px,512px 512px;background-attachment:local}.writing-surface .title-input{line-height:1.14;font-size:clamp(34px,7cqi,60px)!important;font-weight:850!important}.writing-surface .bn-editor{background:0 0!important}.writing-tags{flex-wrap:wrap;gap:8px;padding:8px 40px;display:flex}.dark .writing-surface:is([data-paper=white],[data-paper=postcard]){background-blend-mode:soft-light}.dark .writing-surface[data-paper=notebook]{background-blend-mode:normal,soft-light;background-image:url(/textures/notebook-lines-dark.svg),url(/textures/filmera-postcard.png)}@container (max-width:900px){.writing-surface .bn-editor{font-size:14px}}.article-sidebar{scrollbar-width:thin;scrollbar-color:var(--reading-ink) transparent}@supports (color:color-mix(in lab, red, red)){.article-sidebar{scrollbar-color:color-mix(in srgb,var(--reading-ink) 22%,transparent) transparent}}.article-sidebar{scrollbar-gutter:stable;overscroll-behavior-y:contain}@supports selector(::-webkit-scrollbar){.article-sidebar{scrollbar-width:auto}.article-sidebar::-webkit-scrollbar{width:5px;height:5px}.article-sidebar::-webkit-scrollbar-track{background:0 0}.article-sidebar::-webkit-scrollbar-thumb{background:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--reading-ink) 22%,transparent)}}.article-sidebar::-webkit-scrollbar-thumb{border-radius:999px;min-height:36px}.article-sidebar:hover::-webkit-scrollbar-thumb{background:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article-sidebar:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--reading-ink) 40%,transparent)}}.article-sidebar:focus-within::-webkit-scrollbar-thumb{background:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article-sidebar:focus-within::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--reading-ink) 40%,transparent)}}}@media (forced-colors:active){.article-sidebar{scrollbar-width:auto;scrollbar-color:auto}}@container (max-width:760px){.article .article-reading-tools{width:max-content;top:auto;left:50%;right:auto;bottom:max(8px, env(safe-area-inset-bottom));z-index:35;color:var(--reading-ink);background:var(--reading-paper);border-radius:999px;flex-direction:row;gap:4px;margin:0;padding:6px;display:flex;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.article .article-reading-tools{background:color-mix(in srgb, var(--reading-paper) 28%, transparent)}}.article .article-reading-tools{border:1px solid var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.article .article-reading-tools{border:1px solid color-mix(in srgb, var(--reading-ink) 12%, transparent)}}.article .article-reading-tools{box-shadow:none;-webkit-backdrop-filter:blur(10px)saturate(160%);backdrop-filter:blur(10px)saturate(160%)}.article-reading-tools .site-language-options{top:auto;bottom:calc(100% + 12px);right:0}.article .article-reading-tools{background:var(--reading-paper)}@supports (color:color-mix(in lab, red, red)){.article .article-reading-tools{background:color-mix(in srgb,var(--reading-paper) 28%,transparent)}}.article .article-reading-tools{-webkit-backdrop-filter:blur(10px)saturate(160%)!important;backdrop-filter:blur(10px)saturate(160%)!important}.article-paper-panel{position-anchor:auto;position-try-fallbacks:none;inset:auto 12px calc(80px + env(safe-area-inset-bottom)) 12px;overscroll-behavior:contain;border-radius:20px;width:auto;max-width:420px;max-height:min(55dvh,460px);margin:0 auto;transform:none}.article-paper-panel .paper-options{grid-template-columns:repeat(3,minmax(0,1fr))}}.gallery-slide,.gallery-stack{position:relative}.gallery .gallery-outgoing{z-index:2;opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.gallery-stack .gallery-outgoing{inset:12px 20px auto}.gallery-grid:not(.gallery-single){align-items:center}.gallery-grid figure:not(:only-child) img{aspect-ratio:auto;object-fit:contain;height:auto}.gallery-grid figure:has(img[data-orientation=panorama]){grid-column:1/-1}.gallery-stack img{object-fit:contain;background:var(--reading-paper,var(--surface))}.gallery-postcards{align-items:center}.gallery-postcards img{aspect-ratio:auto;object-fit:contain;height:auto}.gallery-postcards figure:has(img[data-orientation=panorama]){grid-column:1/-1}@container (max-width:500px){.gallery-grid:not(.gallery-single),.gallery-postcards{grid-template-columns:minmax(0,1fr)}.gallery-postcards{gap:28px;padding:18px}.gallery-postcards figure{justify-self:center;width:100%;max-width:360px}.gallery-stack{padding:8px 12px}.gallery-stack .gallery-outgoing{inset:8px 12px auto}}.gallery-magazine{flex-direction:column;gap:clamp(24px,4cqi,44px);display:flex}.magazine-spread{justify-content:center;align-items:start;gap:20px;width:100%;margin-inline:auto;display:flex}.gallery-magazine .magazine-spread>figure{flex:var(--photo-ratio,1.5) 1 0;min-width:0}.gallery-magazine img{aspect-ratio:auto;object-fit:contain;border-radius:2px;width:100%;height:auto;max-height:none}.gallery-magazine figcaption{text-align:left;padding:10px 0 0;font-size:16px;line-height:1.5}@container (max-width:500px){.magazine-spread{flex-direction:column;gap:24px}.gallery-magazine .magazine-spread>figure{flex:none;width:100%}.gallery-magazine figcaption{font-size:15px}}.gallery.gallery-staggered{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(14px,3cqi,32px);padding-bottom:40px;display:grid}.gallery-staggered figure:nth-child(2n){margin-top:40px}.gallery-staggered figure>button{aspect-ratio:1/1.95;border-radius:clamp(20px,3cqi,38px);width:100%;display:block;overflow:hidden}.gallery.gallery-staggered img{aspect-ratio:auto;object-fit:cover;border-radius:0;width:100%;height:100%;max-height:none}@container (max-width:600px){.gallery.gallery-staggered{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:24px}.gallery-staggered figure:nth-child(2n){margin-top:24px}}.gallery.gallery-before-after{display:block}.comparison-frame{aspect-ratio:3/2;isolation:isolate;background:var(--surface);border-radius:16px;position:relative;overflow:hidden}.comparison-layer{position:absolute;inset:0}.gallery .comparison-layer img{object-fit:cover;border-radius:0;width:100%;height:100%;max-height:none}.comparison-label{z-index:2;color:#fff;pointer-events:none;background:#0009;border-radius:999px;padding:5px 12px;font-size:13px;position:absolute;top:14px}.comparison-label.before{left:14px}.comparison-label.after{right:14px}.comparison-divider{z-index:2;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comparison-divider>span{color:#fff;background:#222b;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-frame input[type=range]{opacity:0;z-index:3;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-frame:focus-within{outline:3px solid var(--accent,#4080c0);outline-offset:4px}.comparison-captions{justify-content:space-between;gap:16px;margin-top:12px;display:flex}.comparison-captions button{color:inherit;text-align:left;cursor:pointer;min-height:44px;font:inherit;background:0 0;border:0;font-size:14px;text-decoration:underline}.gallery-crop-editor{border:1px solid var(--border);border-radius:16px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:24px;padding:20px;display:grid}.gallery-crop-preview{aspect-ratio:1/1.95;border-radius:20px;overflow:hidden}.gallery-crop-preview img{object-fit:cover;width:100%;height:100%}.gallery-crop-editor label{gap:8px;margin-block:16px;display:grid}.gallery-crop-editor input{width:100%}.gallery-crop-editor p{font-size:13px}@media (max-width:480px){.gallery-crop-editor{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px}}.gallery-container{container-type:inline-size}.filmera-signature{white-space:nowrap;font-size:inherit;line-height:inherit;font-family:inherit;display:inline}.filmera-signature strong{font-weight:700;font-size:inherit;line-height:inherit}.filmera-signature .filmera-signature-icon{vertical-align:baseline;width:1.08em;height:0;margin-right:.28em;display:inline-block;position:relative}.filmera-signature .filmera-signature-icon img{width:1.08em;max-width:none;height:1.08em;box-shadow:none;object-fit:cover;border:0;border-radius:24%;margin:0;display:block;position:absolute;bottom:-.16em;left:0}a.filmera-signature{color:inherit;text-decoration:none;transition:color .18s}a.filmera-signature:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid}a.filmera-signature .filmera-signature-icon{transform-origin:50% -.38em;transition:transform .28s cubic-bezier(.2,.8,.2,1)}a.filmera-signature .filmera-signature-icon:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#fff9 49%,#0000 63%) 100% 0/300% 100%;border-radius:24%;width:1.08em;height:1.08em;position:absolute;bottom:-.16em;left:0}@keyframes filmera-glint{0%{opacity:0;background-position:100% 0}30%{opacity:.85}to{opacity:0;background-position:0 0}}@media (prefers-reduced-motion:no-preference){a.filmera-signature:focus-visible .filmera-signature-icon{transform:translateY(-1.5px)rotate(-6deg)}a.filmera-signature:focus-visible .filmera-signature-icon:after{animation:.3s ease-out filmera-glint}@media (hover:hover) and (pointer:fine){a.filmera-signature:hover .filmera-signature-icon{transform:translateY(-1.5px)rotate(-6deg)}a.filmera-signature:hover .filmera-signature-icon:after{animation:.3s ease-out filmera-glint}}a.filmera-signature:active .filmera-signature-icon{transition-duration:.1s;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){a.filmera-signature .filmera-signature-icon{transition:none}}.filmera-signature strong{position:relative}.filmera-signature .filmera-pencil{pointer-events:none;width:100%;height:.25em;position:absolute;bottom:-.22em;left:0;overflow:visible}.filmera-pencil path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .32s cubic-bezier(.3,.1,.5,1),opacity .1s}.filmera-pencil .filmera-pencil-grain{stroke-width:.65px}a.filmera-signature:focus-visible,a.filmera-signature:active{color:#ec7d2c}a.filmera-signature:focus-visible .filmera-pencil path,a.filmera-signature:active .filmera-pencil path{stroke-dashoffset:0;opacity:1}a.filmera-signature:focus-visible .filmera-pencil-grain,a.filmera-signature:active .filmera-pencil-grain{opacity:.4}@media (hover:hover) and (pointer:fine){a.filmera-signature:hover{color:#ec7d2c}a.filmera-signature:hover .filmera-pencil path{stroke-dashoffset:0;opacity:1}a.filmera-signature:hover .filmera-pencil-grain{opacity:.4}}@media (prefers-reduced-motion:reduce){a.filmera-signature,.filmera-pencil path{transition:none}}html,body{min-height:100%;overflow:auto}body{background:var(--surface);color:var(--foreground);margin:0}.site-home{min-height:100vh}.site-home .site-header,.blog-reader-header{z-index:20;position:sticky;top:0}.reader-theme{z-index:30;background:var(--surface);border:1px solid var(--line);width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:20px;right:18px}.theme-sun,.dark .theme-moon{display:none}.dark .theme-sun{display:block}.blog-reader{min-height:100vh;container:site-home/inline-size}.blog-reader-header{background:var(--surface);color:var(--foreground);border-bottom:1px solid var(--line)}.blog-reader>.article{max-width:1100px;min-height:60vh;margin:36px auto}.blog-footer{text-align:center;font-family:var(--font-source-code-pro), monospace;padding:40px}.blog-empty{text-align:center;color:var(--muted);padding:70px 24px}.category-banner{background:var(--accent-soft);align-items:end;min-height:clamp(420px,55vw,580px);padding:70px 8% 100px;display:grid;position:relative;overflow:hidden}.category-banner>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.category-banner:has(>img):after{content:"";background:linear-gradient(180deg, rgb(0 0 0/calc(var(--banner-shade) * .35)), rgb(0 0 0/var(--banner-shade)));pointer-events:none;position:absolute;inset:0}.category-banner>div{z-index:1;max-width:780px;position:relative}.category-banner:has(>img){color:#fff}.category-banner h1{margin-bottom:16px;font-size:clamp(38px,6vw,80px);font-weight:800}.category-content{max-width:1500px;margin:auto;padding:40px 5% 90px}.category-filters{justify-content:flex-end;gap:16px;margin-bottom:40px;display:flex}.category-filters label{align-items:center;gap:10px;font-size:12px;display:flex}.category-filters select{border:1px solid var(--line);background:var(--surface);border-radius:20px;min-width:130px;padding:8px}.article-translations{justify-content:center;gap:16px;padding:16px;display:flex}.article-translations [aria-current]{text-decoration:underline}.modal[open]{flex-direction:column;padding:0;display:flex;overflow:hidden}.modal-heading{border-bottom:1px solid var(--line);flex-shrink:0;padding:18px 24px}.modal-body{min-height:0;padding:20px;overflow:auto}@media (max-width:760px){.blog-reader-header{grid-template-columns:1fr auto;display:grid}.blog-reader-header>.site-navigation{grid-area:2/1/auto/-1}.blog-reader>.article{margin:0;padding:24px 6%}.category-content .site-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-filters{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:440px){.category-content .site-post-grid{grid-template-columns:1fr}}.reader-theme{width:auto;height:38px;color:inherit;box-shadow:none;font-family:var(--font-source-code-pro),monospace;background:0 0;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;display:flex;position:static}@media (max-width:760px){.blog-reader-header>.site-header-controls{grid-area:1/2}}.blog-article-page{background-color:var(--reading-paper);color:var(--reading-ink);--surface:var(--reading-paper);--foreground:var(--reading-ink);--line:var(--reading-ink)}@supports (color:color-mix(in lab, red, red)){.blog-article-page{--line:color-mix(in srgb,var(--reading-ink) 15%,transparent)}}.blog-article-page .blog-reader-header{background:inherit;background-color:var(--reading-paper);border:0}.blog-article-page>.article{max-width:none;margin:0}.blog-article-page .blog-footer{background:0 0}@media (max-width:760px){.blog-article-page>.article{padding:20px 5% 60px}}body{overflow:visible}.blog-article-page .blog-reader-header>.site-header-controls{display:flex}.blog-article-page .blog-reader-header{min-height:100px;transition:padding .25s,min-height .25s}.blog-article-page .blog-reader-header[data-compact=true]{min-height:60px}.blog-article-page{isolation:isolate}.reading-paper-backdrop{z-index:-1;pointer-events:none;background-color:var(--reading-paper);background-image:var(--reading-texture);background-position:0 0;position:fixed;inset:0}.blog-article-page>.article{background:0 0}.blog-article-page .blog-reader-header{background-image:var(--reading-texture);background-position:0 0;background-attachment:fixed}.blog-article-page[data-paper=notebook]{background-image:none}.blog-article-page[data-paper=notebook]>.article{background-image:var(--reading-texture);background-position:0 0;background-attachment:scroll}.blog-article-page[data-paper=notebook]>.reading-paper-backdrop{display:none}.blog-article-page[data-paper=notebook] .blog-reader-header{background-image:none}.category-content .site-post-card>a{width:100%;height:100%;display:block}.article-neighbors{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1000px;margin:0 auto;padding:32px 24px;display:grid}.article-neighbor{font-family:var(--font-source-code-pro),monospace;color:inherit;flex-direction:column;gap:12px;padding:16px 0;display:flex}.article-neighbor span{font-size:12px}.article-neighbor strong{font-size:clamp(16px,2vw,22px);font-weight:600;line-height:1.5}.article-neighbor-next{text-align:right;grid-column:2}.article-neighbor:hover strong{text-underline-offset:6px;text-decoration:underline}.article-neighbor:focus-visible{outline-offset:6px;outline:2px solid}@media (max-width:540px){.article-neighbors{gap:18px;padding-inline:5%}}.reader-header-slot{z-index:20;pointer-events:none;position:sticky;top:0}.reader-header-slot>header{pointer-events:auto;position:relative}.blog-article-page[data-paper=notebook]>.article{background-repeat:repeat;background-size:32px 32px,512px 512px}.category-banner{isolation:isolate}.category-banner>img{-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.category-banner:has(>img):after{-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.category-banner{background:var(--surface)}.category-banner>div{align-self:center;padding-bottom:20px}.category-banner p{font:400 clamp(14px,1.4vw,18px)/1.8 var(--font-source-code-pro),monospace;text-shadow:0 1px 12px #0008;max-width:640px}.category-filters{flex-wrap:wrap;align-items:center}.category-count{color:var(--muted);font:13px var(--font-source-code-pro),monospace;margin-right:auto}.filter-dropdown{color:var(--foreground);position:relative}.filter-dropdown summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:44px;font:13px var(--font-source-code-pro),monospace;border-radius:999px;gap:10px;padding:10px 16px}.filter-dropdown .filter-label{color:var(--muted)}.filter-dropdown .site-language-options{z-index:25;min-width:220px;max-height:300px;overflow:auto}.filter-dropdown .site-language-options button{min-height:44px}.filter-dropdown summary>svg:last-child{transition:transform .18s}.filter-dropdown[open] summary>svg:last-child{transform:rotate(180deg)}.filter-dropdown summary:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}@media (max-width:600px){.category-count{width:100%}.filter-dropdown .filter-label{display:none}.filter-dropdown .site-language-options{min-width:190px;left:0;right:auto}.category-banner{padding:48px 6% 90px}}@media (prefers-reduced-motion:reduce){.filter-dropdown summary>svg:last-child{transition:none}}.category-stories{align-items:stretch;gap:52px 28px}.category-story{min-width:0}.category-story-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.category-story-image{aspect-ratio:4/3;background:var(--accent-soft);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.category-story-image img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:0}.category-story-arrow{background:var(--surface);width:40px;height:40px;color:var(--foreground);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(8px)}.category-story-body{text-align:left;flex-direction:column;flex:1;padding:22px 0 0;display:flex}.category-story time{color:var(--muted);font:11px/1.5 var(--font-source-code-pro),monospace;letter-spacing:.07em}.category-story h2{font:650 clamp(20px,1.8vw,25px)/1.35 var(--font-inter),sans-serif;letter-spacing:-.035em;text-wrap:pretty;margin:10px 0 13px}.category-story p{font:450 13px/1.85 var(--font-source-code-pro),monospace;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 24px;display:-webkit-box;overflow:hidden}.category-story-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.category-story-read{font:12px var(--font-source-code-pro),monospace;text-underline-offset:5px;align-items:center;gap:7px;display:flex}.category-story-tags{flex-wrap:wrap;gap:5px;display:flex}.category-story-tags .ink-tag{padding:4px 8px;font-size:10px}.category-story-link:focus-visible{outline:2px solid var(--foreground);outline-offset:8px;border-radius:3px}.category-story-link:focus-visible .category-story-arrow{opacity:1;transform:none}@media (hover:hover){.category-story-link:hover .category-story-image img{transform:scale(1.035)}.category-story-link:hover .category-story-arrow{opacity:1;transform:none}.category-story-link:hover .category-story-read{text-decoration:underline}}@media (max-width:760px){.category-stories{gap:36px 20px}.category-story h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.category-story-image img,.category-story-arrow{transition:none;transform:none}}.dark .blog-article-page:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]) .reading-paper-backdrop,.dark .blog-article-page:is([data-paper=notebook],[data-paper=postcard],[data-paper=white]) .blog-reader-header{background-blend-mode:soft-light}.article,.blog-article-page,.reading-paper-backdrop,.blog-article-page .blog-reader-header{transition:background-color .25s,color .25s}@media (prefers-reduced-motion:reduce){.article,.blog-article-page,.reading-paper-backdrop,.blog-article-page .blog-reader-header{transition:none}}.blog-article-page[data-paper=notebook]>.article{background-color:var(--reading-paper)}.dark .blog-article-page[data-paper=notebook]>.article{background-blend-mode:normal,soft-light;background-image:url(/textures/notebook-lines-dark.svg),url(/textures/filmera-postcard.png)}.category-content{scroll-margin-top:90px}html{color:var(--foreground)}:is(html,body,body *,.article-sidebar){scrollbar-width:thin;scrollbar-color:currentColor transparent}@supports (color:color-mix(in lab, red, red)){:is(html,body,body *,.article-sidebar){scrollbar-color:color-mix(in srgb, currentColor 38%, transparent) transparent}}@supports selector(::-webkit-scrollbar){:is(html,body,body *,.article-sidebar){scrollbar-width:auto}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar{width:6px;height:6px}html:root::-webkit-scrollbar{width:8px;height:8px}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-track{background:0 0}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-corner{background:0 0}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb{background:currentColor}@supports (color:color-mix(in lab, red, red)){:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 38%, transparent)}}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb{border-radius:999px;min-width:36px;min-height:36px}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, currentColor 60%, transparent)}}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb:active{background:currentColor}@supports (color:color-mix(in lab, red, red)){:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb:active{background:color-mix(in srgb, currentColor 60%, transparent)}}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-button{width:0;height:0;display:none}}@media (forced-colors:active){:is(html,body,body *,.article-sidebar){scrollbar-color:auto}:is(html,body,body *,.article-sidebar)::-webkit-scrollbar-thumb{background:buttontext}}.tag-banner{background:var(--surface);min-height:0;padding:48px 5% 28px}.tag-banner h1{margin:0;font-size:clamp(24px,4vw,40px)}.tag-banner h1 .ink-tag{font:inherit;padding:10px 24px}.category-filters{z-index:2;position:relative}@media (max-width:760px){.tag-banner{padding:24px 5% 12px}.tag-banner h1{font-size:24px}.tag-banner+.category-content{padding-top:20px}}.dark{--background:var(--ink-black)}@supports (color:color-mix(in lab, red, red)){.dark{--background:color-mix(in srgb,var(--ink-black) 82%,var(--ink-white))}}.dark{--surface:var(--ink-black)}@supports (color:color-mix(in lab, red, red)){.dark{--surface:color-mix(in srgb,var(--ink-black) 84%,var(--ink-white))}}.dark{--line:var(--ink-black)}@supports (color:color-mix(in lab, red, red)){.dark{--line:color-mix(in srgb,var(--ink-black) 65%,var(--ink-white))}}.dark{--foreground:var(--ink-white);--muted:var(--ink-white)}@supports (color:color-mix(in lab, red, red)){.dark{--muted:color-mix(in srgb,var(--ink-white) 70%,var(--ink-black))}}.blog-article-page .blog-reader-header{color:var(--reading-ink)}@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}