@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2)format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2)format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff)format("woff");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:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff");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}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2)format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2)format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff)format("woff");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:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff");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}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");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:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff");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}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-gujarati-400-normal-CTxA0mt4.woff2)format("woff2"),url(/assets/shrikhand-gujarati-400-normal-yYiOcJ74.woff)format("woff");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-latin-ext-400-normal-7QjthHjq.woff2)format("woff2"),url(/assets/shrikhand-latin-ext-400-normal-XWw2aAd9.woff)format("woff");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:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-latin-400-normal-PjOFgsiX.woff2)format("woff2"),url(/assets/shrikhand-latin-400-normal-CDpcAN0A.woff)format("woff");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}.adm{background:linear-gradient(var(--sky2), #eef7fd 260px);min-height:100vh;font-size:15px}.adm-loading{text-align:center;padding:40px}.adm-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.adm-sidebar{height:100dvh;padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));background:#fff;flex-direction:column;gap:24px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 12px #0001}.adm-brand{color:var(--dgrn);align-items:center;gap:8px;padding:0 8px;font-weight:600;display:flex}.adm-brand img{width:auto;height:40px}.adm-sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.adm-sidebar nav a{color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.adm-sidebar nav a svg{color:#777;flex:none}.adm-sidebar nav a:hover{background:#f5f5f5}.adm-sidebar nav a.active{background:var(--yel);font-weight:600}.adm-sidebar nav a.active svg{color:var(--ink)}.adm-user{border-top:1px solid #eee;gap:2px;min-width:0;padding:12px 8px 0;font-size:13px;display:grid}.adm-email{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.adm-role{color:#777;text-transform:capitalize}.adm-user .adm-btn{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.adm-main{width:100%;max-width:1100px;margin:0 auto;padding:24px 20px 60px}.adm-h1{overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(22px,3vw,28px)}.adm-panel{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 4px 14px #0001}.adm-panel h2{margin:0 0 12px;font-size:17px}.adm-btn{border:2px solid var(--pink);background:var(--pink);color:#fff;cursor:pointer;border-radius:12px;min-height:40px;padding:7px 14px;font-weight:600;display:inline-block}.adm-btn.ghost{color:var(--ink);background:#fff;border-color:#ddd}.adm-btn.danger{color:#fff;background:#b00020;border-color:#b00020}.adm-btn.danger.ghost{color:#b00020;background:#fff;border-color:#f0c0c8}.adm-btn:disabled{opacity:.6;cursor:wait}.muted{color:#666}.small{font-size:13px}.nowrap{white-space:nowrap}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px;display:grid}.tile{color:var(--ink);background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;gap:2px;padding:16px 18px;text-decoration:none;display:flex;box-shadow:0 4px 14px #0001}a.tile:hover{border-color:var(--yel)}.tile{padding-right:64px;position:relative}.tile-icon{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.tile-icon img{filter:drop-shadow(0 2px 3px #0002);width:auto;max-width:44px;height:auto;max-height:44px}.tile-icon svg{background:var(--yel);width:44px;height:44px;color:var(--ink);border-radius:50%;padding:10px}a.tile:hover .tile-icon{transition:transform .15s;transform:rotate(-6deg)scale(1.06)}.tile-label{color:#555;font-size:13px}.tile-value{font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1.2}.tile-note{color:#777;font-size:12px}.bars{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bar-row{color:var(--ink);border-radius:10px;grid-template-columns:120px 1fr 44px;grid-template-areas:"label track value"".split.";align-items:center;gap:2px 12px;padding:8px 10px;text-decoration:none;display:grid}.bar-row:hover{background:#fdf1f8}.bar-label{grid-area:label;font-weight:500}.bar-track{border-bottom:1px solid #e4e4e4;grid-area:track;height:14px}.bar-fill{background:var(--pink);border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums;grid-area:value;font-weight:600}.bar-split{color:#666;grid-area:split;font-size:12px}.adm-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.adm-filters input{background:#fff;flex:2 220px}.adm-filters select{background:#fff;flex:150px;width:auto}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:14px}.adm-table th{text-align:left;color:#666;border-bottom:1px solid #eee;padding:6px 10px;font-size:12px;font-weight:600}.adm-table td{vertical-align:top;border-bottom:1px solid #f2f2f2;padding:10px}.adm-title,.adm-table a:not(.wa){color:var(--ink);font-weight:600}.cell-story{width:45%;max-width:0}.adm-table a.story-link{color:inherit;font-weight:400;text-decoration:none;display:block}.story-link:hover .adm-title{text-decoration:underline}.one-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{color:var(--dgrn);background:#eef6e2;border-radius:8px;padding:2px 8px;font-size:11px}.tag.warn{color:#7a4b00;background:#fff1d6}.status{white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status.menunggu{color:#7a4b00;background:#fff1d6}.status.pending{color:#444;background:#eee}.status.published{color:#2f5a07;background:#e3f3d0}.status.rejected{color:#8a0019;background:#fde2e6}.pager{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:14px;display:flex}.adm-tabs{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.adm-tabs .chip{min-height:38px;padding:6px 16px}.wa{color:#128c4a;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.wa:before{content:"";background:currentColor;flex:none;width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.3-.8-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 .9c.3.1.4.2.5.3.1.2.1.7-.1 1.3Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.3-.8-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 .9c.3.1.4.2.5.3.1.2.1.7-.1 1.3Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.wa:hover{text-decoration:underline}.adm-back{color:var(--ink);margin-bottom:12px;display:inline-block}.adm-detail{gap:16px;display:grid}.adm-detail>.err{margin:0}.adm-side{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"status kontak""status laporan";align-items:start;gap:16px;display:grid}.panel-status{grid-area:status}.panel-kontak{grid-area:kontak}.panel-laporan{grid-area:laporan}.adm-side .adm-btn{width:100%;margin-top:8px;display:block}.adm-env{width:120px;height:auto;margin-bottom:8px;display:block}.confirm{background:#fff5f6;border-radius:10px;margin-top:8px;padding:10px}.confirm p{margin:0 0 4px}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.check input,.adm-table input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--pink)}.adm-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.adm-list li+li{border-top:1px solid #f0f0f0;padding-top:12px}.adm-list.cards li+li{border-top:0;padding-top:18px}.adm-list p{margin:6px 0}.adm-list .adm-title{margin-right:8px}.row-btns{flex-wrap:wrap;gap:8px;display:flex}.adm-side .row-btns .adm-btn{width:auto;display:inline-block}.adm-login{background:linear-gradient(var(--sky1), var(--sky2) 65%, #eef7fd);place-items:center;padding:32px 16px 120px;display:grid;position:relative;overflow:hidden}.login-cloud{opacity:.9;pointer-events:none;width:clamp(140px,18vw,260px);height:auto;position:absolute}.login-cloud.c1{top:8%;left:6%}.login-cloud.c2{width:clamp(110px,13vw,190px);top:24%;right:5%;transform:scaleX(-1)}.login-hill{pointer-events:none;width:max(140%,900px);height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%,62%)}.login-wrap{z-index:1;justify-items:center;gap:16px;width:min(100%,420px);display:grid;position:relative}.login-card{background:#fffdf7;border-radius:24px;gap:6px;width:100%;padding:36px 32px 26px;display:grid;box-shadow:0 16px 40px #1c4f8a33}.adm-login-logo{justify-self:center;width:190px;height:auto}.login-badge{color:#a3256f;letter-spacing:.04em;text-transform:uppercase;background:#fde7f3;border-radius:999px;justify-self:center;margin-top:4px;padding:3px 12px;font-size:12px;font-weight:600}.adm-login h1{text-align:center;margin:10px 0 0;font-size:22px}.login-sub{text-align:center;color:#666;margin:0 0 14px;font-size:14px;line-height:1.5}.login-card label{color:#6b5a3a;margin-top:6px;font-size:14px;font-weight:600}.login-field{align-items:center;display:flex;position:relative}.login-field>svg{color:#a08d63;pointer-events:none;position:absolute;left:14px}.login-card .login-field input{background:#fff;border:2px solid #efe3c8;border-radius:14px;width:100%;min-height:48px;padding:10px 46px 10px 44px;transition:border-color .15s,box-shadow .15s}.login-card .login-field input:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 4px #e94fae26}.login-field:focus-within>svg{color:var(--pink)}.login-eye{color:#8a7a5a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;right:4px}.login-eye:hover{background:#f6efe0}.login-eye:focus-visible{outline-offset:1px;outline:3px solid #000}.login-card .err{margin:6px 0 0}.login-btn{border-radius:999px;min-height:50px;margin-top:14px;font-size:17px;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #e94fae55}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #e94fae66}.login-note{color:#8a7a5a;border-top:1px dashed #e3d3ae;justify-content:center;align-items:center;gap:8px;margin:16px 0 0;padding-top:14px;font-size:12px;display:flex}.login-note img{width:24px;height:24px}@media (width<=480px){.login-card{padding:30px 20px 22px}.login-cloud{display:none}}@media (width<=760px){.adm-shell{display:block}.adm-sidebar{z-index:5;height:auto;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;flex-flow:wrap;align-items:center;gap:8px 12px;position:sticky;top:0;overflow:visible;box-shadow:0 2px 10px #0001}.adm-brand{padding:0}.adm-brand img{height:34px}.adm-user{border:0;margin-left:auto;padding:0}.adm-email,.adm-role{display:none}.adm-user .adm-btn{margin:0}.adm-sidebar nav{flex-direction:row;flex-basis:100%;order:3;overflow-x:auto}.adm-sidebar nav a{white-space:nowrap;padding:8px 12px}.bar-row{grid-template-columns:90px 1fr 36px}.adm-side{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"status""kontak""laporan"}.cell-story{min-width:220px}}:root{--sky1:#5ba6f5;--sky2:#c4e6fa;--yel:#f4bb43;--grn:#8dc63f;--dgrn:#4a7a0c;--pink:#e94fae;--card:#fff;--field:#d9d9d9;--ink:#111;--soft:#f6d8ec}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(var(--sky1), var(--sky2));background-attachment:fixed;margin:0;font-family:Poppins,system-ui,sans-serif;overflow-x:hidden}.scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cloud{filter:drop-shadow(0 6px 8px #0002);width:clamp(160px,22vw,280px);position:absolute}.c1{top:60px;left:-60px}.c2{top:170px;right:-70px}.c3{width:clamp(130px,17vw,220px);top:-40px;right:-30px}.hill{width:max(150vw,1100px);height:64vh;position:absolute;bottom:-32vh;left:50%;transform:translate(-50%)}.flower{width:clamp(48px,7vw,90px);position:absolute}.f1{bottom:9vh;left:4%}.f2{width:clamp(36px,5vw,64px);bottom:2vh;left:15%}.f3{bottom:7vh;right:6%}.f4{width:clamp(36px,5vw,64px);bottom:1vh;right:18%}main{z-index:1;max-width:1100px;margin:0 auto;padding:24px 20px 100px;position:relative}.page{flex-direction:column;align-items:center;gap:20px;display:flex}.logo{text-align:center;margin:0;line-height:0}.logo img{width:min(90vw,620px);height:auto}.logo.s img{width:min(70vw,380px)}.card{background:var(--card);border-radius:22px;width:100%;max-width:830px;padding:22px 26px;line-height:1.6;box-shadow:0 8px 18px #0002}.back{z-index:5;width:52px;height:52px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 10px #0002}.back:hover,.arrow:hover{transform:scale(1.06)}button,input,select,textarea{font:inherit}.btn{background:var(--pink);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:20px;min-height:44px;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-block}.btn.alt{background:var(--field);color:var(--ink)}.btn:disabled{opacity:.6;cursor:wait}:focus-visible{outline-offset:2px;outline:3px solid #000}.home-page{min-height:calc(100svh - 124px)}.intro{color:#2b2b2b;background:#fffdf7;border-radius:22px;width:100%;max-width:660px;padding:clamp(26px,4vw,38px) clamp(22px,4.5vw,46px);font-size:clamp(15px,1.6vw,16.5px);line-height:1.75;position:relative;box-shadow:0 10px 24px #0002}.airmail{position:relative}.airmail:before{content:"";border-radius:inherit;background:repeating-linear-gradient(-45deg, var(--pink) 0 12px, #fff 12px 18px, var(--sky1) 18px 30px, #fff 30px 36px);-webkit-mask-composite:xor;pointer-events:none;padding:7px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.letter{background:#fffdf7;border-radius:22px;gap:6px;width:100%;max-width:760px;padding:clamp(28px,4.5vw,44px) clamp(22px,5vw,52px);display:grid;box-shadow:0 10px 24px #0002}.stamp{aspect-ratio:4/5;object-fit:contain;background:#fff;border:2px dashed #e7b9d6;border-radius:6px;width:clamp(54px,8vw,72px);padding:8px;position:absolute;top:22px;right:22px;transform:rotate(6deg);box-shadow:0 3px 8px #0002}.letter-head{margin-bottom:8px;padding-right:clamp(64px,10vw,90px)}.letter-head h2{color:var(--dgrn);margin:0;font-family:Shrikhand,cursive;font-size:clamp(26px,4vw,36px);font-weight:400;line-height:1.15}.letter-mode{color:#444;background:#eef0f2;border-radius:999px;margin:8px 0 0;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.letter-mode.pub{color:#a3256f;background:#fde7f3}.letter-meta{gap:4px;margin:6px 0 10px;display:grid}.meta-row{grid-template-columns:70px 1fr;align-items:center;gap:10px;display:grid}.meta-label,.field-label,.topics legend{color:#6b5a3a;font-size:14px;font-weight:600}.meta-to{border-bottom:2px solid #efe3c8;padding:8px 2px;font-weight:600}.letter .line-input{background:0 0;border:0;border-bottom:2px dashed #e3d3ae;border-radius:0;min-height:42px;padding:8px 2px;transition:border-color .15s,background .15s}.letter .line-input:focus,.letter .paper:focus{border-color:var(--pink);background-color:#fff6fb;outline:none}.letter .line-input:focus-visible,.letter .paper:focus-visible{box-shadow:0 2px 0 var(--pink)}.title-input{font-size:18px;font-weight:600}.field-label{margin-top:12px}.topics{border:0;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;display:flex}.topics legend{margin-bottom:8px;padding:0}.topic-opt{cursor:pointer;position:relative}.topic-opt input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.topic-opt span{background:#fff;border:2px solid #ecdcb8;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-block}.topic-opt:hover span{border-color:var(--yel)}.topic-opt input:checked+span{background:var(--yel);border-color:var(--yel);font-weight:600}.topic-opt input:focus-visible+span{outline-offset:2px;outline:3px solid #000}.letter .paper{resize:vertical;background-color:#fffef9;background-image:repeating-linear-gradient(#0000 0 31px,#ecdfc2 31px 32px);background-position:0 6px;background-attachment:local;border:2px solid #efe3c8;border-radius:12px;min-height:260px;padding:6px 14px;line-height:32px}.count{text-align:right;color:#8a7a5a;margin:2px 0 0;font-size:12px}.letter-foot{justify-content:flex-end;margin-top:10px;display:flex}.send-btn{border-radius:999px;padding:12px 28px;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 14px #e94fae55}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #e94fae66}.letter .err{margin-top:6px}.intro-title{color:var(--dgrn);text-align:center;margin:0 0 10px;font-family:Shrikhand,cursive;font-size:clamp(24px,3.4vw,32px);font-weight:400;line-height:1.2}.intro p{margin:0 0 12px}.intro b{color:var(--dgrn)}.intro mark{color:inherit;background:linear-gradient(#0000 55%,#fbe38e 55%);padding:0 2px}.intro-quote{text-align:center;color:#c2378d;border-top:2px dashed #f3c6e2;padding:14px 18px 0;font-style:italic;font-weight:500;position:relative;margin:18px 0 0!important}.intro-quote:before,.intro-quote:after{vertical-align:-.35em;color:var(--pink);font-family:Shrikhand,cursive;font-size:1.6em;font-style:normal;line-height:0}.intro-quote:before{content:"“";margin-right:4px}.intro-quote:after{content:"”";margin-left:4px}.intro-flower{pointer-events:none;filter:drop-shadow(0 3px 4px #0002);position:absolute}.intro-flower.f-a{width:clamp(46px,7vw,64px);top:-22px;left:-20px;transform:rotate(-12deg)}.intro-flower.f-b{width:clamp(36px,5.5vw,50px);bottom:-18px;right:clamp(-16px,-2vw,-6px);transform:rotate(18deg)}.ground{width:100vw;margin-top:auto;padding-top:clamp(30px,5vw,50px);position:relative;overflow:hidden}.site-footer{width:100vw;padding:36px 20px calc(36px + env(safe-area-inset-bottom,0px));background:var(--dgrn);color:#fff;z-index:1;margin-top:-20px;margin-bottom:-100px;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:28px 48px;max-width:1000px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:14px;margin-bottom:18px;display:flex}.footer-brand img{background:#fff;border-radius:50%;flex:none;width:64px;height:64px;padding:6px}.footer-brand strong{letter-spacing:.02em;font-size:clamp(16px,2.2vw,19px);font-weight:600;display:block}.slogan{color:var(--yel);margin-top:2px;font-weight:600;display:block}.site-footer dl{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;font-size:15px;display:grid}.site-footer dt{opacity:.85;font-weight:500}.site-footer dt:after{content:" :"}.site-footer dd{overflow-wrap:anywhere;margin:0}.site-footer dd a{color:#ffe08a}.soon{opacity:.65;font-style:italic}.footer-social h2{margin:0 0 14px;font-size:18px;font-weight:600}.footer-social a{color:#fff;background:#ffffff1f;border-radius:14px;place-items:center;width:48px;height:48px;transition:background .15s,transform .15s;display:inline-grid}.footer-social a:hover{background:var(--pink);transform:translateY(-2px)}.site-footer a:focus-visible{outline-color:#fff}.ground-hill{width:max(130vw,900px);position:absolute;top:clamp(100px,18vw,190px);left:50%;transform:translate(-50%)}.yard{width:min(100% - 32px,620px);height:clamp(230px,46vw,380px);margin:0 auto;position:relative}.house{width:auto;height:100%;position:absolute;bottom:-2px;left:0}.mb{height:78%;color:var(--ink);text-decoration:none;display:block;position:absolute;bottom:-2px;right:0}.mb img{filter:drop-shadow(0 5px 8px #0004);width:auto;height:100%;transition:transform .2s}.mb:hover img{transform:translateY(-6px)rotate(-2deg)}.hint{white-space:nowrap;color:#fff;text-shadow:0 0 2px var(--yel), 0 0 2px var(--yel), 0 0 6px var(--yel), 0 0 8px var(--yel), 0 1px 3px #0004;align-items:flex-end;gap:4px;padding-bottom:6px;font-size:clamp(16px,2.6vw,22px);font-weight:600;display:flex;position:absolute;bottom:100%;left:40%}.hint svg{filter:drop-shadow(0 0 1px var(--yel)) drop-shadow(0 0 1px var(--yel)) drop-shadow(0 0 4px var(--yel)) drop-shadow(0 1px 2px #0004);flex:none;animation:1.4s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(-3px,4px)}}.row{flex-wrap:wrap;justify-content:center;gap:22px;width:100%;display:flex}.pick{background:var(--card);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:min(100%,260px);padding:18px;display:flex;box-shadow:0 8px 18px #0003}.pick img{border-radius:8px;width:100%;height:auto}.pick p{margin:0;font-size:14px}label{font-weight:500}input,select,textarea{background:var(--field);width:100%;min-height:40px;color:var(--ink);border:2px solid #0000;border-radius:10px;padding:8px 12px}textarea{resize:vertical;min-height:200px}.err{color:#b00020;background:#fff0f0;border-radius:10px;grid-column:1/-1;margin:0;padding:8px 12px}.ask{text-align:center;max-width:420px}.ask .row{gap:14px;margin-top:12px}.stack{text-align:left;gap:10px;display:grid}.stack .l{padding-top:0}.search{background:#fff;border-radius:28px;align-items:center;gap:10px;width:100%;max-width:900px;padding:4px 20px;display:flex}.search-row{gap:12px;width:100%;max-width:900px;display:flex}.search-row .search{flex:1;min-width:0}.search-row .sort{border-radius:28px;padding:8px 18px}.search input{background:0 0;border:0}.chips{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.chip{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:999px;min-height:44px;padding:8px 24px;transition:transform .15s,border-color .15s;box-shadow:0 3px 8px #0001}.chip:hover{border-color:var(--yel)}.chip.sort{background:#fff;width:auto;font-weight:600}.chip[aria-pressed=true]{background:var(--yel);border-color:#fff;font-weight:600;transform:translateY(-1px)}.result-count{color:#fff;text-shadow:0 1px 3px #0005;margin:-4px 0 -6px;font-size:14px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:34px 28px;width:100%;max-width:900px;margin-top:6px;display:grid}.env{color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s;display:flex}.env:nth-child(3n+1){transform:rotate(-1.5deg)}.env:nth-child(3n+2){transform:rotate(1deg)}.env:nth-child(3n){transform:rotate(-.5deg)}.env:hover,.env:focus-visible{transform:translateY(-6px)rotate(0)}.env .e{filter:drop-shadow(0 6px 8px #0003);width:100%;height:auto;display:block}.env-label{text-align:left;background:#fffdf7;border-radius:14px;flex-direction:column;gap:4px;width:90%;margin:-26px auto 0;padding:12px 14px;display:flex;position:relative;box-shadow:0 6px 14px #0002}.env-label b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.env-excerpt{color:#555;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.env-meta{color:#8a7a5a;margin-top:2px;font-size:12px}.env:hover .env-label b{color:#b02a7c}.topic-tag{border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:11px;font-weight:600}.t-keluarga{color:#8f1d63;background:#fde2f1}.t-akademik{color:#1d4f8f;background:#dcecfd}.t-diri_sendiri{color:#7a5200;background:#fdf0c8}.t-pertemanan{color:#2f5a07;background:#e3f3d0}.fab{background:var(--pink);color:#fff;z-index:5;cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 14px #0003}.fab:hover{transform:scale(1.06)rotate(-6deg)}.consent{border:0;width:calc(100% - 32px);position:fixed}.consent::backdrop{background:#0007}.consent .note{opacity:.8;font-size:14px}.consent .x{cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:8px;right:10px}.pick-label{color:#fff;text-shadow:0 1px 4px #0006;margin:0;font-weight:600}.env-pick{align-items:center;gap:clamp(12px,4vw,40px);display:flex}.env-pick img{filter:drop-shadow(0 6px 10px #0003);width:clamp(160px,40vw,300px);height:auto}.arrow{cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;width:52px;height:52px;font-size:26px;line-height:1;box-shadow:0 4px 10px #0002}.btn.send{color:var(--ink);background:#fff;box-shadow:0 4px 10px #0002}.empty{text-align:center;background:#fffdf7;border-radius:16px;grid-column:1/-1;padding:20px 22px;box-shadow:0 6px 14px #0002}.ask,.read{position:relative}.deco{pointer-events:none;width:64px;height:auto;position:absolute;top:-28px;right:-18px;transform:rotate(12deg)}.read h2{margin:0 0 4px}.read .m{opacity:.7;margin-bottom:12px;font-size:14px}.report{border-top:1px solid #eee;margin-top:18px;padding-top:12px;font-size:14px}.report textarea{min-height:90px}.link{color:#555;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}.isi{white-space:pre-wrap}@media (width<=640px){.hint{left:auto;right:0}.env{justify-self:center;width:100%;max-width:300px}}.entering-mailbox main,.entering-mailbox .scene,.leaving-mailbox main,.leaving-mailbox .scene{animation:.9s cubic-bezier(.55,0,.9,.45) forwards into-slot}.leaving-mailbox main,.leaving-mailbox .scene{animation:.9s cubic-bezier(.1,.55,.45,1) both out-of-slot}.entering-mailbox main,.leaving-mailbox main{transform-origin:var(--slot-mx) var(--slot-my)}.entering-mailbox .scene,.leaving-mailbox .scene{transform-origin:var(--slot-vx) var(--slot-vy)}.entering-mailbox body,.to-dark body,.to-paper body{pointer-events:none;overflow:hidden}.leaving-mailbox body{pointer-events:none}.leaving-mailbox #root{overflow:clip}.entering-mailbox body:after,.leaving-mailbox body:after,.to-dark body:after,.to-paper body:after,.route-fade{content:"";z-index:20;pointer-events:none;background:#000;position:fixed;inset:0}.entering-mailbox body:after{animation:.9s ease-in forwards dark-in}.to-dark body:after,.to-paper body:after{animation:.35s ease-in forwards fade-black}.to-paper body:after{background:#fff8e6}.leaving-mailbox body:after{animation:.9s ease-out forwards dark-off}.route-fade{animation:.6s ease-out forwards dark-out}.route-fade.paper{background:#fff8e6}.book-stage{z-index:20;perspective:1800px;position:fixed;inset:0;overflow:hidden}.book{transform-origin:0 0;transform-style:preserve-3d;position:absolute}.book-page,.book-cover,.book-cover img,.book-cover-back{border-radius:8px;position:absolute;inset:0}.book-page{background:repeating-linear-gradient(#fff8e6 0 22px,#f0e2c0 22px 23px);box-shadow:0 10px 30px #0003}.book-cover{transform-origin:0;transform-style:preserve-3d}.book-cover img{backface-visibility:hidden;width:100%;height:100%;box-shadow:0 10px 30px #0003}.book-cover-back{backface-visibility:hidden;background:#f6e7c4;transform:rotateY(180deg)}@keyframes out-of-slot{0%{transform:translate(var(--slot-dx), var(--slot-dy)) scale(60)}}@keyframes fade-black{0%{opacity:0}}@keyframes dark-off{0%{opacity:1}45%,to{opacity:0}}@keyframes into-slot{to{transform:translate(var(--slot-dx), var(--slot-dy)) scale(60)}}@keyframes dark-in{0%,55%{opacity:0}to{opacity:1}}@keyframes dark-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}