@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Archivo Variable", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Archivo Variable", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}button,input,textarea{font-family:inherit}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{max-width:1100px;margin:0 auto;padding:16px}header{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:16px;display:flex}header h1{margin:0;font-size:2.2rem;font-weight:900}.subtitle{color:#666;margin:0;font-size:.85rem;font-weight:400}.info-fab{color:#fff;cursor:pointer;z-index:100;background:#222;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-family:Georgia,serif;font-size:22px;font-style:italic;font-weight:700;line-height:1;display:flex;position:fixed;bottom:86px;right:20px;box-shadow:0 4px 14px #00000059}.info-modal p{color:#444;margin:0 0 10px;line-height:1.5}.admin-bar{align-items:center;gap:8px;display:flex}.admin-link{color:#888;font-size:.85rem;text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.admin-login-form{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.admin-login-form h1{text-align:center;margin:0 0 4px;font-size:1.3rem}.admin-login-form input{border:1px solid #ccc;border-radius:6px;padding:10px;font-size:16px}.new-post-form{flex-direction:column;gap:8px;display:flex}.fab{color:#fff;cursor:pointer;z-index:100;background:#222;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;line-height:1;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #00000059}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh;padding:20px;position:relative;overflow-y:auto}.modal-title{margin:0 0 12px;font-size:1.2rem}.modal-close{cursor:pointer;color:#555;background:0 0;border:none;padding:4px 10px;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.post-detail{flex-direction:column;align-items:center;gap:12px;display:flex}.post-detail img{border-radius:8px;max-width:100%;max-height:70vh}.post-detail-text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:1.15rem}.post-detail-description{color:#555;text-align:center;margin:0}.tabs{gap:6px;display:flex}.tabs button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;min-height:40px;padding:8px 16px}.tabs button.active{color:#fff;background:#222;border-color:#222}.new-post-form textarea{resize:vertical;appearance:none;border:1px solid #ccc;border-radius:6px;min-height:90px;padding:8px;font-family:inherit;font-size:16px}.weight-picker{gap:6px;display:flex}.weight-picker button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;flex:1 1 0;padding:6px 8px}.weight-picker button.active{color:#fff;background:#222;border-color:#222}.draw-tools{flex-direction:column;gap:10px;width:100%;max-width:500px;display:flex}.draw-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-toggle{gap:6px;display:flex}.tool-toggle button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px}.tool-toggle button.active{color:#fff;background:#222;border-color:#222}.size-slider{color:#555;flex:160px;align-items:center;gap:8px;font-size:.85rem;display:flex}.size-slider input[type=range]{flex:1}.custom-color-row{color:#555;cursor:pointer;align-items:center;gap:10px;font-size:.9rem;display:flex}.custom-color-input{cursor:pointer;background:0 0;border:2px solid #ccc;border-radius:50%;width:28px;height:28px;padding:0}.custom-color-input::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}.custom-color-input::-webkit-color-swatch{border:none;border-radius:50%}.custom-color-input::-moz-color-swatch{border:none;border-radius:50%}.drawing-canvas{touch-action:none;aspect-ratio:500/350;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-width:500px;height:auto}.new-post-form input[type=text],.new-post-form input[type=file]{padding:8px;font-size:16px}.submit-btn{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;align-self:stretch;min-height:44px;padding:10px 16px}.submit-btn:disabled{opacity:.6;cursor:default}.form-error{color:#c0392b;font-size:.9rem}.status{text-align:center;color:#777;padding:24px 0}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.post-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.post-card img{border-radius:6px;width:100%;height:auto;display:block}.post-text{white-space:pre-wrap;word-break:break-word;margin:0}.post-description{color:#555;margin:0;font-size:.85rem}.delete-btn{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:6px;align-self:flex-end;padding:4px 10px;font-size:.8rem}.load-more{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;min-height:44px;margin:16px auto;padding:10px 20px;display:block}@media (width<=600px){.page{padding:10px}header h1{font-size:1.6rem}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.tabs{flex-wrap:wrap}.tabs button{flex:auto}.admin-bar form{flex-wrap:wrap}}