:root{--marun: #6E1423;--marun-2: #8A1B2E;--marun-deep: #3D0A14;--marun-tint: #F6E7E4;--gold: #C58B3A;--gold-soft: #E9CB8F;--gold-bright: #E0A94A;--paper: #F8F2E8;--paper-2: #F0E7D8;--card: #FFFDF9;--line: #E4D7C4;--ink: #2A1519;--ink-2: #6B5559;--ink-3: #9A8A86;--rose: #C2365B;--green: #2F8466;--amber: #C98A0B;--blue: #2D7AA8;--red: #B3261E;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(61,10,20,.06), 0 8px 24px -10px rgba(61,10,20,.18);--shadow-lg: 0 2px 4px rgba(61,10,20,.08), 0 24px 48px -16px rgba(61,10,20,.32);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--kawung: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23E0A94A' stroke-opacity='.16' stroke-width='1.4'%3E%3Cellipse cx='36' cy='18' rx='9' ry='17'/%3E%3Cellipse cx='36' cy='54' rx='9' ry='17'/%3E%3Cellipse cx='18' cy='36' rx='17' ry='9'/%3E%3Cellipse cx='54' cy='36' rx='17' ry='9'/%3E%3C/g%3E%3Ccircle cx='36' cy='36' r='2.4' fill='%23E0A94A' fill-opacity='.22'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}img{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;line-height:1.15;margin:0;letter-spacing:-.01em;font-variation-settings:"opsz" 96}h1{font-size:clamp(2rem,4.4vw,3rem)}h2{font-size:clamp(1.4rem,2.6vw,1.85rem);display:flex;align-items:center;gap:10px}h3{font-size:1.12rem}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px;border-radius:6px}.muted{color:var(--ink-2)}.muted-l{color:#ffffffb3;font-size:.85rem}.container{width:min(1160px,100% - 40px);margin-inline:auto}.narrow{max-width:760px}.page{padding:36px 0 72px}.page-head{margin-bottom:24px;display:grid;gap:8px}.page-head h1{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.row-gap{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.section{padding:28px 0 20px}.section-sm{margin-top:36px;display:grid;gap:16px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.section-head h3{display:flex;align-items:center;gap:8px}.hide-sm{display:inline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;border:1.5px solid transparent;font-weight:650;font-size:.92rem;line-height:1;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:36px;padding:0 14px;font-size:.85rem}.btn-xs{min-height:32px;padding:0 11px;font-size:.8rem;gap:6px}.btn-lg{min-height:52px;padding:0 26px;font-size:1rem}.btn-block{width:100%}.btn-primary{background:var(--marun);color:#fff;box-shadow:0 6px 14px -6px #6e142399}.btn-primary:hover:not(:disabled){background:var(--marun-2)}.btn-gold{background:var(--gold-bright);color:var(--marun-deep)}.btn-gold:hover:not(:disabled){background:#ebb75f}.btn-outline{background:transparent;color:var(--marun);border-color:var(--marun)}.btn-outline:hover:not(:disabled){background:var(--marun-tint)}.btn-outline-light{color:#fff;border-color:#ffffffb3;background:transparent}.btn-outline-light:hover:not(:disabled){background:#ffffff1f}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--paper-2)}.btn-ghost-light{background:transparent;color:#ffffffe0}.btn-ghost-light:hover:not(:disabled){background:#ffffff1f;color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-outline-danger{color:var(--red);border-color:#e2b5b1;background:transparent}.btn-outline-danger:hover{background:#fbecea}.btn-outline-warn{color:#8a5a00;border-color:#e5cc95;background:transparent}.btn-outline-warn:hover{background:#fbf3dd}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--ink-2)}.icon-btn:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.icon-btn.danger:hover{background:#fbecea;color:var(--red)}.icon-btn.light{color:#ffffffd9}.icon-btn.light:hover:not(:disabled){background:#ffffff24;color:#fff}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.link-btn{background:none;border:0;padding:0;color:var(--marun);text-decoration:underline;font-size:.85rem;justify-self:start}.nav{position:sticky;top:0;z-index:40;background:#fffdf9eb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--marun-2),var(--marun-deep));color:var(--gold-soft);box-shadow:inset 0 0 0 1px #e9cb8f59}.brand-txt{display:grid;line-height:1.1}.brand-txt b{font-family:var(--font-display);font-size:1.08rem;color:var(--marun)}.brand-txt small{font-size:.72rem;color:var(--ink-2)}.brand-light .brand-txt b{color:#fff}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--ink-2);position:relative}.nav-link:hover{background:var(--paper-2);color:var(--ink)}.nav-link.active{color:var(--marun);background:var(--marun-tint)}.nav-links .btn{margin-left:6px}.dot-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--rose);color:#fff;font-size:.7rem;font-weight:700}.nav-toggle{display:none}.hero{position:relative;background:radial-gradient(1200px 500px at 85% 10%,#8A1B2E 0%,transparent 60%),linear-gradient(160deg,#6e1423,#4a0d19 70%,#3d0a14);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:var(--kawung);background-size:72px;mask-image:linear-gradient(90deg,transparent 0%,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);pointer-events:none}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(to bottom,transparent,var(--paper))}.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding:64px 0 96px;z-index:1}.hero-copy{display:grid;gap:22px;justify-items:start}.hero h1{font-size:clamp(2.5rem,5.6vw,4.2rem);color:#fff;font-weight:700;line-height:1.02;text-wrap:balance}.hero p{color:#ffffffd1;font-size:1.08rem;max-width:46ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:.78rem;font-weight:650}.chip-light{background:#ffffff21;border:1px solid rgba(255,255,255,.22);color:var(--gold-soft)}.chip-cat{background:var(--gold-bright);color:var(--marun-deep)}.hero-stats{display:flex;gap:36px;margin:8px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}.hero-stats div{display:grid;gap:2px}.hero-stats dt{font-size:.8rem;color:#ffffffad;order:2}.hero-stats dd{margin:0;font-family:var(--font-display);font-size:2.1rem;font-weight:700;color:var(--gold-soft);line-height:1}.hero-book{margin:0;display:grid;gap:16px;justify-items:center}.hero-book-stage{width:100%;height:clamp(320px,42vw,470px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}.hero-book figcaption{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;font-size:.9rem;color:#ffffffd1}.hero-book-ph{height:380px;display:grid;place-items:center;color:var(--gold-soft);opacity:.6}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.story-card{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.sc-img{position:relative;aspect-ratio:16/11;background:var(--paper-2);overflow:hidden}.sc-img img,.cover-ph{width:100%;height:100%;object-fit:cover;display:block}.cover-ph{display:grid;place-items:center;color:#fff9}.sc-img .chip-cat{position:absolute;left:12px;bottom:12px}.fav-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;background:#ffffffeb;color:var(--ink-2);box-shadow:0 2px 8px #0003;transition:transform .15s,color .15s}.fav-btn:hover{transform:scale(1.1);color:var(--rose)}.fav-btn.on{color:var(--rose)}.sc-body{padding:16px 18px 18px;display:grid;gap:8px;align-content:start;flex:1}.sc-body h3{font-size:1.15rem}.sc-loc{display:flex;align-items:center;gap:5px;font-size:.84rem;color:var(--ink-2)}.sc-desc{font-size:.9rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sc-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:650;color:var(--marun)}.my-card .sc-body{gap:10px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.reject-note{display:flex;gap:6px;font-size:.84rem;color:var(--red);background:#fbecea;padding:8px 10px;border-radius:8px}.prov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.prov-card{position:relative;display:grid;gap:12px;padding:18px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--pc);border-radius:var(--radius);transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.prov-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.prov-dot{position:absolute;top:18px;right:18px;width:12px;height:12px;border-radius:50%;background:var(--pc)}.prov-card p{font-size:.88rem;color:var(--ink-2)}.prov-bar{height:6px;border-radius:6px;background:var(--paper-2);overflow:hidden}.prov-bar span{display:block;height:100%;background:var(--pc);border-radius:6px}.prov-go{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:650;color:var(--pc)}.steps-box{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;padding:40px;border-radius:22px;background:var(--marun-deep);color:#fff;position:relative;overflow:hidden}.steps-box:before{content:"";position:absolute;inset:0;background-image:var(--kawung);background-size:72px;opacity:.6;pointer-events:none}.steps-box>*{position:relative}.steps-intro{display:grid;gap:12px;align-content:start}.steps-intro h2{color:#fff}.steps-intro p{color:#ffffffbf}.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}.steps li{display:flex;gap:16px;align-items:flex-start}.step-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold-bright);color:var(--marun-deep);font-family:var(--font-display);font-weight:700;font-size:1.1rem}.steps h3{color:#fff;margin-bottom:4px}.steps p{color:#ffffffb8;font-size:.93rem}.filter-bar{display:grid;grid-template-columns:auto 1fr 200px 200px;gap:12px;align-items:center;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px}.filter-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--marun)}input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea{width:100%;min-height:44px;padding:10px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fbf5ec;transition:border-color .15s,background .15s,box-shadow .15s}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--marun);background:#fff;box-shadow:0 0 0 3px #6e14231f}[aria-invalid=true]{border-color:var(--red)!important}.input-ic{position:relative;display:flex;align-items:center}.input-ic>svg:first-child{position:absolute;left:13px;color:var(--ink-3);pointer-events:none}.input-ic input{padding-left:40px}.input-ic .icon-btn{position:absolute;right:4px}.field{display:grid;gap:7px;margin-bottom:16px}.field>span{font-size:.86rem;font-weight:650}.field-foot{display:flex;justify-content:space-between;gap:12px}.err{color:var(--red);font-size:.82rem}.form-err{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fbecea;color:var(--red);border-radius:8px;font-size:.88rem;margin-bottom:14px}.hint{display:flex;gap:8px;align-items:center;padding:10px 12px;background:var(--marun-tint);color:var(--marun);border-radius:8px;font-size:.84rem;margin-bottom:16px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--paper-2);border-radius:12px;margin:6px 0 20px}.seg button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:9px;background:transparent;font-weight:650;color:var(--ink-2)}.seg button.on{background:#fff;color:var(--marun);box-shadow:0 1px 4px #0000001f}.seg-sm{margin:0 0 8px}.seg-sm button{min-height:32px;font-size:.82rem}.auth-page{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:40px 16px;background:var(--kawung) repeat,var(--paper);background-size:72px,auto;background-blend-mode:multiply}.auth-card{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 30px;box-shadow:var(--shadow-lg);display:grid}.auth-card h1{font-size:1.6rem;text-align:center}.auth-card>.muted{text-align:center;margin:6px 0 20px;font-size:.92rem}.auth-ic{justify-self:center;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(145deg,var(--marun-2),var(--marun-deep));color:var(--gold-soft)}.auth-alt{text-align:center;margin-top:16px;font-size:.88rem;color:var(--ink-2)}.auth-alt button{background:none;border:0;color:var(--marun);font-weight:700;padding:0}.form-card{padding:30px}.form-card>h1{font-size:1.7rem}.form-card>.muted{margin:6px 0 24px}.dropzone{width:100%;min-height:160px;border:2px dashed var(--line);border-radius:var(--radius);background:#fbf5ec;display:grid;place-items:center;gap:6px;padding:18px;color:var(--ink-2);text-align:center;align-content:center}.dropzone:hover{border-color:var(--marun)}.dropzone img{max-height:220px;border-radius:10px}.notice-inline{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#fbf3dd;border:1px solid #EBD7A3;color:#7a5200;border-radius:10px;font-size:.88rem;margin:8px 0 20px}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.back{margin-bottom:18px}.detail-hero{position:relative;min-height:300px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(160deg,var(--pc, #6E1423),#3D0A14);overflow:hidden}.detail-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.detail-shade{position:absolute;inset:0;background:linear-gradient(to top,#28060eeb,#28060e40 70%)}.detail-in{position:relative;display:grid;gap:12px;justify-items:start;padding:28px 0 36px}.detail-in h1{color:#fff;text-wrap:balance}.detail-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:#ffffffd9}.detail-meta span{display:inline-flex;align-items:center;gap:6px}.detail-bar{margin-bottom:40px}.detail-wrap{display:grid;gap:22px;padding:28px 0 72px;max-width:820px;margin-top:-24px;position:relative}.reading{padding:34px clamp(20px,5vw,48px)}.read-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;margin-bottom:26px;border-radius:12px;background:linear-gradient(120deg,var(--marun-tint),#FBF1DA);border:1px solid var(--line)}.read-cta h2{font-size:1.25rem}.reading-h{font-size:1.05rem;color:var(--marun);margin:0 0 8px;font-family:var(--font-body);font-weight:700;letter-spacing:0}.lead{font-size:1.08rem;color:var(--ink-2);margin-bottom:26px}.story-text{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1.13rem;line-height:1.85;max-width:62ch}.story-text p+p{margin-top:1.1em}.notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.notice p{flex:1 1 260px;font-size:.92rem;color:var(--ink-2)}.fav-panel,.more-box{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;border-radius:14px}.fav-panel{background:#fbe9ec;border:1px solid #F1C9D1}.more-box{background:linear-gradient(120deg,#f6e7e4,#f3e3c8);border:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:.76rem;font-weight:700;width:fit-content}.st-pending{background:#fbf0cf;color:#7a5200}.st-approved{background:#ddebf6;color:#1f5a82}.st-published{background:#d8f0e3;color:#1d6347}.st-rejected{background:#faddda;color:#8e1f18}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stats-6{grid-template-columns:repeat(6,1fr)}.stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat b{display:block;font-family:var(--font-display);font-size:1.7rem;line-height:1}.stat small{color:var(--ink-2);font-size:.8rem}.stat-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}.stat-brand .stat-ic{background:var(--marun-tint);color:var(--marun)}.stat-amber .stat-ic{background:#fbf0cf;color:#8a5a00}.stat-green .stat-ic{background:#d8f0e3;color:#1d6347}.stat-red .stat-ic{background:#faddda;color:#8e1f18}.stat-rose .stat-ic{background:#fbe0e6;color:var(--rose)}.stat-blue .stat-ic{background:#ddebf6;color:#1f5a82}.notif-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.notif-list li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px}.notif-list li.unread{background:#fff7e6;border-color:#ebd7a3}.notif-dot{width:9px;height:9px;border-radius:50%;background:var(--line);margin-top:7px;flex:none}.unread .notif-dot{background:var(--rose)}.notif-ic{width:32px;height:32px;border-radius:10px;background:var(--marun-tint);color:var(--marun);display:grid;place-items:center;flex:none}.notif-list p{font-size:.94rem}.tabs{display:flex;gap:6px;padding:5px;background:var(--paper-2);border-radius:14px;width:fit-content;max-width:100%;overflow-x:auto;margin-bottom:18px}.tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;font-weight:650;color:var(--ink-2);white-space:nowrap}.tabs button.on{background:#fff;color:var(--marun);box-shadow:0 1px 4px #0000001f}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.chips-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip-btn{padding:7px 16px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-weight:650;font-size:.86rem;color:var(--ink-2)}.chip-btn.on{background:var(--marun);color:#fff;border-color:var(--marun)}.admin-list{display:grid;gap:12px}.admin-row{display:flex;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.ar-thumb{width:88px;height:88px;border-radius:10px;overflow:hidden;flex:none;background:var(--paper-2)}.ar-thumb img,.ar-thumb .cover-ph{width:100%;height:100%;object-fit:cover}.ar-main{flex:1;min-width:0;display:grid;gap:6px;align-content:start}.ar-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.req-reason{font-size:.92rem;font-style:italic;background:var(--paper);padding:8px 12px;border-radius:8px}.user-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.user-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.user-row>div{flex:1;display:grid;gap:2px}.user-row small{color:var(--ink-2);font-size:.82rem}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--marun);color:#fff;font-weight:700;flex:none}.empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:48px 24px;background:var(--card);border:1.5px dashed var(--line);border-radius:var(--radius)}.empty p{color:var(--ink-2);max-width:46ch}.empty-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--marun-tint);color:var(--marun)}.empty-err{color:var(--red);border-color:#e2b5b1}.spinner{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--ink-2)}.spin{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--marun);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:10px;max-width:min(380px,calc(100vw - 40px))}.toast{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:12px;background:var(--marun-deep);color:#fff;box-shadow:var(--shadow-lg);font-size:.92rem;animation:toast-in .25s ease-out}.toast-err{background:#8e1f18}.toast svg{flex:none;margin-top:1px;color:var(--gold-soft)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.modal-back{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;background:#1e060c8c;backdrop-filter:blur(3px)}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:var(--card);border-radius:18px;padding:22px 24px 24px;box-shadow:var(--shadow-lg);display:grid;gap:14px;animation:toast-in .2s ease-out}.modal,.modal input,.modal textarea,.modal select,.modal-head h3{color:var(--ink)}.modal-wide{width:min(720px,100%)}.share-lead{margin:0;font-weight:600;color:var(--ink-2)}.share-copy{display:flex;align-items:center;gap:8px}.share-copy input{flex:1 1 auto;min-width:0;font-size:.88rem;color:var(--ink);text-overflow:ellipsis}.share-copy .btn{flex:none}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.share-target{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;transition:border-color .15s,background .15s}.share-target:hover{border-color:var(--marun);background:var(--paper)}.share-mark{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.02em}.share-note{margin:0;font-size:.85rem}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{font-size:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.footer{background:var(--marun-deep);color:#ffffffbf;margin-top:40px}.footer-in{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding:40px 0 28px;font-size:.92rem}.footer-in p{margin-top:12px;max-width:46ch}.footer-links{display:grid;gap:8px;align-content:start;justify-items:end}.footer-links a:hover{color:var(--gold-soft)}.footer-note{grid-column:1 / -1;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.8rem;margin-top:0!important;max-width:none!important}.reader{position:fixed;inset:0;display:grid;grid-template-rows:auto auto 1fr auto;background:radial-gradient(900px 600px at 50% 40%,#5a1220,#2c0610 75%);color:#fff;overflow:hidden}.reader:before{content:"";position:absolute;inset:0;background-image:var(--kawung);background-size:72px;opacity:.55;pointer-events:none}.reader>*{position:relative}.reader-msg{display:grid;place-items:center;grid-template-rows:none}.reader-msg .empty{background:var(--card);color:var(--ink)}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.reader-title{display:grid;text-align:center;min-width:0}.reader-title b{font-family:var(--font-display);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-title span{font-size:.78rem;color:#ffffffa6}.reader-tools{display:flex;gap:6px}.reader-draft{text-align:center;background:var(--gold-bright);color:var(--marun-deep);font-size:.82rem;font-weight:700;padding:4px}.reader-stage{min-height:0;padding:6px 12px}.reader-ctl{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 18px 20px}.round-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff;display:grid;place-items:center;transition:background .15s}.round-btn:hover:not(:disabled){background:#fff3}.round-btn:disabled{opacity:.3;cursor:default}.reader-prog{display:grid;gap:6px;width:min(420px,60vw);text-align:center;font-size:.86rem;color:#fffc}.reader-prog input[type=range]{accent-color:var(--gold-bright);width:100%}@media(max-width:960px){.hero-in{grid-template-columns:1fr;padding:40px 0 80px;gap:28px}.hero-book-stage{height:380px}.steps-box{grid-template-columns:1fr;padding:28px 22px;gap:24px}.stats,.stats-6{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:1fr 1fr}.filter-title,.filter-bar .input-ic{grid-column:1 / -1}}@media(max-width:760px){.nav-toggle{display:inline-grid}.nav-links{position:absolute;top:66px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:12px 20px 18px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links .btn{margin:8px 0 0}.nav-link{padding:12px 14px}.row2,.form-actions{grid-template-columns:1fr}.stats,.stats-6{grid-template-columns:repeat(2,1fr)}.footer-in{grid-template-columns:1fr}.footer-links{justify-items:start}.hide-sm,.reader-title{display:none}.admin-row{flex-direction:column}.ar-thumb{width:100%;height:140px}.hero-stats{gap:24px}.container{width:min(1160px,100% - 32px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reader-bar{grid-row:1}.reader-draft{grid-row:2}.reader-stage{grid-row:3}.reader-ctl{grid-row:4}.reader-stage{position:relative}.reader-stage .fb-stage{position:absolute;inset:0;height:auto}.boot{min-height:100vh;display:grid;place-items:center}.admin-bar{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:14px;padding:8px 20px;background:var(--marun-deep);color:#fffc;font-size:.85rem}.adm{display:grid;grid-template-columns:268px 1fr;min-height:100vh;background:var(--paper)}.adm-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:linear-gradient(180deg,#4a0d19,#3d0a14);color:#fff;overflow-y:auto}.adm-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}.adm-brand b{display:block;font-family:var(--font-display);font-size:1.05rem}.adm-brand small{color:#fff9;font-size:.75rem}.adm-brand>div{flex:1;line-height:1.2}.adm-close,.adm-menu,.adm-scrim{display:none}.side-nav{display:grid;gap:4px}.side-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;font-weight:600;font-size:.92rem;color:#ffffffb8}.side-link:hover{background:#ffffff14;color:#fff}.side-link.active{background:var(--gold-bright);color:var(--marun-deep)}.side-link span{flex:1}.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#ffffff12}.side-user>div{flex:1;min-width:0;display:grid;line-height:1.25}.side-user b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{color:#fff9;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-main{min-width:0;display:flex;flex-direction:column}.adm-top{display:flex;align-items:center;gap:14px;padding:22px 32px;background:var(--card);border-bottom:1px solid var(--line)}.adm-top h1{font-size:1.6rem}.adm-top .muted{font-size:.9rem;margin-top:2px}.adm-content{padding:28px 32px 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start}.adm-content .stats{margin-bottom:0}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.stat-link{transition:transform .15s,box-shadow .15s}.todo-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.todo-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.todo-list li>div:first-child{display:grid;gap:2px;min-width:0}.todo-list small{color:var(--ink-2);font-size:.8rem}.adm-content .panel .empty{padding:28px 16px;border:0;background:transparent}@media(max-width:960px){.adm{grid-template-columns:1fr}.adm-side{position:fixed;z-index:90;left:0;top:0;width:280px;transform:translate(-100%);transition:transform .2s}.adm-side.open{transform:none}.adm-close,.adm-menu{display:inline-grid}.adm-scrim{display:block;position:fixed;inset:0;z-index:80;background:#1e060c80}.adm-top{padding:16px 18px}.adm-content{padding:20px 18px 56px}.admin-grid{grid-template-columns:minmax(0,1fr)}}.role-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-bottom:18px;border-radius:12px;background:var(--marun-tint);color:var(--marun);border:1px solid #EBCFCB}.role-note div{display:grid;gap:2px;font-size:.9rem}.role-note span{color:var(--ink-2)}.tips{margin-bottom:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.tips summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:650;font-size:.9rem;cursor:pointer;color:var(--marun)}.tips ul{margin:0;padding:0 18px 14px 34px;display:grid;gap:6px;font-size:.9rem;color:var(--ink-2)}.progress{list-style:none;margin:2px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:.68rem;font-weight:650;color:var(--ink-3)}.progress li{display:grid;gap:5px;justify-items:start}.progress li span{display:block;width:100%;height:5px;border-radius:5px;background:var(--line)}.progress li.done{color:var(--green)}.progress li.done span{background:var(--green)}.progress li.now{color:var(--amber)}.progress li.now span{background:var(--gold-bright)}.progress.is-rejected li span{background:#f0c6c2}:root{--ink-2: #5C474B;--line: #E2D4C0}body{font-size:16.5px}h1,h2,h3{text-wrap:balance}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}.input-ic input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]){padding-left:42px}select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background:#fbf5ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E1423' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}select:focus{background-color:#fff}.nav{box-shadow:0 1px #3d0a140a}.nav-link{font-size:.92rem}.nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--marun)}.hero-in{padding:72px 0 104px;align-items:center}.hero-copy{gap:24px}.hero p{line-height:1.7}.hero-book{justify-self:center;width:100%;max-width:560px}.hero-book figcaption{padding:10px 14px 10px 18px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16)}.hero-stats{gap:0}.hero-stats div{padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.18)}.hero-stats div:last-child{border:0;margin:0;padding:0}.section{padding:40px 0 24px}.section-head{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);align-items:flex-end}.section-head h2{margin-bottom:4px}.section-head p.muted{font-size:.95rem}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch}.story-card{height:100%}.sc-body{gap:8px;padding:18px 18px 0}.sc-body h3{min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.sc-desc{min-height:4.65em;line-height:1.55}.sc-more{margin:6px -18px 0;padding:13px 18px;border-top:1px solid var(--line);justify-content:space-between;background:#fbf6ec;transition:background .15s,color .15s}.sc-more:after{content:"\2192";font-size:1.05rem;transition:transform .15s}.story-card:hover .sc-more{background:var(--marun);color:#fff}.story-card:hover .sc-more:after{transform:translate(4px)}.sc-img{aspect-ratio:16/10}.prov-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.prov-card{gap:10px}.prov-card>div:first-of-type{display:grid;gap:2px}.prov-card h3{font-size:1.05rem}.prov-go{opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s}.prov-card:hover .prov-go,.prov-card:focus-visible .prov-go{opacity:1;transform:none}.steps{gap:0}.steps li{position:relative;padding-bottom:24px}.steps li:last-child{padding-bottom:0}.steps li:not(:last-child):before{content:"";position:absolute;left:18px;top:42px;bottom:4px;width:2px;background:linear-gradient(var(--gold-bright),rgba(224,169,74,.15))}.steps h3{font-family:var(--font-body);font-size:1.02rem;font-weight:700}.page-head h1{font-size:clamp(1.8rem,3.4vw,2.5rem)}.catalog-quick{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 20px;align-items:center}.catalog-quick .lbl{font-size:.84rem;font-weight:650;color:var(--ink-2);margin-right:4px}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;font-size:.92rem;color:var(--ink-2)}.result-bar b{color:var(--ink)}.active-filters{display:flex;flex-wrap:wrap;gap:8px}.af{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;border-radius:99px;background:var(--marun-tint);color:var(--marun);font-size:.82rem;font-weight:650;border:0}.af span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#6e14231f;font-size:.9rem;line-height:1}.af:hover span{background:var(--marun);color:#fff}.detail-wrap{gap:24px}.reading{box-shadow:var(--shadow-lg)}.story-text{font-size:1.15rem;line-height:1.9}.reading-h{display:flex;align-items:center;gap:10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.reading-h:after{content:"";flex:1;height:1px;background:var(--line)}.field>span{color:var(--ink)}.auth-card{box-shadow:var(--shadow-lg)}.footer-in{grid-template-columns:1.6fr 1fr}.footer-links{justify-items:start;gap:10px}.footer-links:before{content:"Menu";font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft)}@media(max-width:960px){.hero-in{padding:44px 0 84px}.hero-book{max-width:100%}}@media(max-width:760px){body{font-size:16px}.hero-stats div{padding-right:18px;margin-right:18px}.nav-link.active:after{display:none}.section-head{align-items:flex-start}.footer-in{grid-template-columns:1fr}}.sc-more{justify-content:flex-start}.sc-more:after{margin-left:auto}.prov-go{opacity:.9;transform:none}.sc-body h3{min-height:0}.story-text{line-height:1.8;max-width:68ch}html{overflow-x:clip}body{overflow-x:clip;min-width:320px}img,svg,video{max-width:100%}.container{width:min(1160px,100% - 40px);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}@media(min-width:1600px){.container{width:min(1280px,100% - 80px)}body{font-size:17px}}.stats,.stats-6{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{min-width:0}.stat>div{min-width:0}.stat small{overflow-wrap:anywhere}.stat-link{min-width:0}@media(max-width:1040px){.nav-toggle{display:inline-grid}.nav-links{position:absolute;top:66px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:12px 20px 18px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100dvh - 66px);overflow-y:auto}.nav-links.open{display:flex}.nav-links .btn{margin:8px 0 0}.nav-link{padding:13px 14px}.nav-link.active:after{display:none}}@media(pointer:coarse){.btn-sm,.btn-xs{min-height:44px}.icon-btn{width:44px;height:44px}.chip-btn{min-height:40px}.fav-btn{width:42px;height:42px}input,select,textarea{font-size:16px}}.reader{height:100vh;height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.reader-bar{padding-top:max(12px,env(safe-area-inset-top))}.adm-side{height:100vh;height:100dvh}.toasts{bottom:max(20px,env(safe-area-inset-bottom))}.footer{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:760px){h1{font-size:clamp(1.7rem,7.4vw,2.2rem)}.hero h1{font-size:clamp(2.2rem,11vw,3rem)}.hero-cta .btn{flex:1 1 100%}.hero-book-stage{height:clamp(300px,80vw,400px)}.hero-book figcaption{border-radius:16px;justify-content:space-between}.section{padding:28px 0 14px}.section-head .btn{align-self:flex-start}.filter-bar{grid-template-columns:1fr;padding:14px}.filter-bar .input-ic{grid-column:auto}.catalog-quick{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;margin-inline:-4px;padding-inline:4px}.catalog-quick::-webkit-scrollbar{display:none}.catalog-quick .chip-btn{flex:none}.grid-cards{grid-template-columns:1fr;gap:18px}.prov-grid{grid-template-columns:1fr 1fr;gap:12px}.prov-card{padding:14px}.prov-go{display:none}.steps-box{padding:26px 20px}.detail-hero{min-height:240px}.reading{padding:24px 18px}.read-cta .btn,.fav-panel .btn,.more-box .btn,.notice .btn{width:100%}.form-card{padding:22px 18px}.auth-card{padding:26px 20px}.tabs,.adm-row .card-actions,.card-actions{width:100%}.modal{padding:18px;border-radius:16px;max-height:92dvh}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.adm-top,.user-row{flex-wrap:wrap}.todo-list li .btn{width:100%}.footer-in{padding-top:32px}}@media(max-width:380px){.container{width:calc(100% - 24px)}.prov-grid{grid-template-columns:1fr}.hero-stats div{padding-right:14px;margin-right:14px}.brand-txt small{display:none}.stats,.stats-6{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:12px;gap:10px}.stat-ic{width:36px;height:36px}}@media(max-height:480px)and (orientation:landscape){.reader-bar{padding-block:6px}.reader-ctl{padding:4px 18px 8px}.hero-in{padding:28px 0 60px}.nav-in{min-height:54px}}:root{--shadow: 0 1px 2px rgba(61,10,20,.05), 0 6px 18px -8px rgba(61,10,20,.14);--shadow-lg: 0 2px 4px rgba(61,10,20,.06), 0 22px 44px -18px rgba(61,10,20,.28);--radius: 16px;--ring: 0 0 0 1px rgba(61,10,20,.05)}body{background:linear-gradient(180deg,#faf5ec,#f6eedf) fixed}::selection{background:var(--gold-soft);color:var(--marun-deep)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-copy>*,.features .feature,.cat-card,.grid-cards>*,.prov-card{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}.hero-copy>*:nth-child(2){animation-delay:.06s}.hero-copy>*:nth-child(3){animation-delay:.12s}.hero-copy>*:nth-child(4){animation-delay:.18s}.hero-copy>*:nth-child(5){animation-delay:.24s}.grid-cards>*:nth-child(2),.features .feature:nth-child(2),.cat-card:nth-child(2){animation-delay:.08s}.grid-cards>*:nth-child(3),.features .feature:nth-child(3),.cat-card:nth-child(3){animation-delay:.16s}.grid-cards>*:nth-child(n+4){animation-delay:.22s}.nav{background:#fffdf9d1;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}.brand-mark{box-shadow:inset 0 0 0 1px #e9cb8f66,0 4px 10px -4px #3d0a1480}.brand-txt b{letter-spacing:-.005em}.btn{letter-spacing:.005em}.btn-primary{background:linear-gradient(180deg,var(--marun-2),var(--marun))}.btn-gold{background:linear-gradient(180deg,#EDB95C,var(--gold-bright));box-shadow:0 8px 18px -8px #e0a94abf}.btn-gold:hover:not(:disabled){transform:translateY(-1px)}.hero{background:radial-gradient(700px 420px at 78% 38%,rgba(233,203,143,.2) 0%,transparent 65%),radial-gradient(1100px 520px at 90% 0%,#9A2036 0%,transparent 60%),linear-gradient(160deg,#6e1423,#4a0d19 70%,#3d0a14)}.hero h1{letter-spacing:-.02em}.hero h1:after{content:"";display:block;width:72px;height:4px;margin-top:18px;border-radius:4px;background:linear-gradient(90deg,var(--gold-bright),transparent)}.hero p{color:#ffffffdb}.hero-stats{border-top:0;padding:14px 6px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(6px)}.hero-stats div{padding-left:20px}.hero-stats div:first-child{padding-left:14px}.hero-book-stage{position:relative}.hero-book-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:-8px;height:22px;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 70%);filter:blur(8px);z-index:-1}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-58px;position:relative;z-index:3}.feature{display:flex;gap:16px;align-items:flex-start;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.feature-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--gold-soft);background:linear-gradient(145deg,var(--marun-2),var(--marun-deep));box-shadow:inset 0 0 0 1px #e9cb8f4d}.feature h3{font-family:var(--font-body);font-size:1.02rem;font-weight:700;margin-bottom:4px}.feature p{font-size:.9rem;color:var(--ink-2);line-height:1.55}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat-card{position:relative;display:grid;gap:16px;padding:26px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}.cat-card:before{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:var(--cc);opacity:.08;transition:transform .35s,opacity .35s}.cat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--cc) 40%,var(--line))}.cat-card:hover:before{transform:scale(1.5);opacity:.12}.cat-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--cc);box-shadow:0 10px 20px -10px var(--cc)}.cat-card h3{font-size:1.3rem;margin-bottom:6px}.cat-card p{color:var(--ink-2);font-size:.94rem;line-height:1.6}.cat-count{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:var(--cc)}.cat-card:hover .cat-count svg{transform:translate(3px)}.cat-count svg{transition:transform .15s}.story-card{border-radius:18px;border-color:#e2d4c0cc;box-shadow:var(--shadow)}.sc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,6,12,.5),transparent 55%);pointer-events:none}.sc-img img,.sc-img .cover-ph{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.story-card:hover .sc-img img,.story-card:hover .sc-img .cover-ph{transform:scale(1.06)}.sc-img .chip-cat,.fav-btn{z-index:2}.chip-cat{box-shadow:0 4px 10px -4px #0006;letter-spacing:.02em}.sc-body h3{font-size:1.18rem;letter-spacing:-.01em}.sc-loc{color:var(--marun-2);font-weight:550}.sc-loc svg{color:var(--gold)}.prov-card{border-radius:16px}.prov-card h3{font-size:1.1rem}.prov-bar{height:5px}.steps-box{border-radius:26px;box-shadow:var(--shadow-lg);background:linear-gradient(150deg,#4a0d19,#3d0a14 60%,#2b060e)}.step-n{box-shadow:0 0 0 6px #e0a94a29}.cta-wrap{padding-top:12px;padding-bottom:8px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:40px 44px;border-radius:26px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(500px 240px at 95% 0%,rgba(233,203,143,.28),transparent 70%),linear-gradient(120deg,#8a1b2e,#5a1220);box-shadow:var(--shadow-lg)}.cta-band:before{content:"";position:absolute;inset:0;background-image:var(--kawung);background-size:72px;opacity:.7;pointer-events:none}.cta-band>*{position:relative}.cta-band h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:8px}.cta-band p{color:#ffffffd1;max-width:52ch}.cta-btns{display:flex;gap:12px;flex-wrap:wrap}.section-head{border-bottom:0;padding-bottom:0}.section-head h2{font-size:clamp(1.55rem,2.8vw,2.05rem)}.filter-bar{border-radius:18px;box-shadow:var(--shadow-lg)}.chip-btn{transition:background .15s,color .15s,border-color .15s,transform .1s}.chip-btn:hover:not(.on){border-color:var(--marun);color:var(--marun)}.auth-page{grid-template-columns:minmax(0,420px) minmax(0,440px);justify-content:center;gap:0;padding:48px 20px;align-items:stretch}.auth-side{position:relative;overflow:hidden;display:grid;align-content:center;gap:16px;padding:44px 36px;color:#fff;border-radius:24px 0 0 24px;background:radial-gradient(400px 240px at 100% 0%,rgba(233,203,143,.25),transparent 70%),linear-gradient(160deg,#7a1727,#3d0a14)}.auth-side:before{content:"";position:absolute;inset:0;background-image:var(--kawung);background-size:72px;opacity:.8;pointer-events:none}.auth-side>*{position:relative}.auth-side h2{color:#fff;font-size:1.9rem;line-height:1.1;display:block}.auth-side p{color:#fffc;line-height:1.65}.auth-side ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}.auth-side li{display:flex;align-items:center;gap:12px;font-size:.94rem;font-weight:550}.auth-side li svg{flex:none;width:32px;height:32px;padding:8px;border-radius:10px;background:#ffffff1f;color:var(--gold-soft)}.auth-side .brand-mark{width:48px;height:48px}.auth-card{width:100%;border-radius:0 24px 24px 0;padding:40px 36px;align-content:center}.auth-card .auth-ic{display:none}.detail-hero{min-height:340px}.detail-in h1{font-size:clamp(2rem,4.6vw,3.2rem);letter-spacing:-.02em}.detail-shade{background:linear-gradient(to top,#28060ef2,#28060e59 65%,#28060e80)}.reading{border-radius:22px}.read-cta{border-radius:16px}.adm-side{background:linear-gradient(185deg,#4f0f1c,#330913)}.side-link{transition:background .15s,color .15s,transform .15s}.side-link.active{box-shadow:0 8px 16px -8px #e0a94a99}.adm-top{background:#fffdf9e6;backdrop-filter:blur(8px);position:sticky;top:0;z-index:30}.stat{border-radius:16px;transition:transform .15s,box-shadow .15s}.stat b{font-size:1.9rem}.panel{border-radius:18px}.admin-row,.todo-list li,.user-row{transition:border-color .15s,box-shadow .15s}.admin-row:hover,.todo-list li:hover,.user-row:hover{border-color:#d3bfa2;box-shadow:var(--shadow)}.empty{border-radius:18px}.footer{background:linear-gradient(180deg,#3d0a14,#2b060e);position:relative;margin-top:56px}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.7}@media(max-width:960px){.features{grid-template-columns:1fr;margin-top:-48px;gap:12px}.feature{padding:18px;box-shadow:var(--shadow)}.cat-grid{grid-template-columns:1fr}.cat-card{grid-template-columns:auto 1fr;align-items:start;gap:16px}.cat-card .cat-count{grid-column:2}}@media(max-width:820px){.auth-page{grid-template-columns:minmax(0,460px)}.auth-side{display:none}.auth-card{border-radius:22px;padding:30px 22px}.auth-card .auth-ic{display:grid}.cta-band{padding:28px 22px}.cta-btns .btn{flex:1 1 100%}.hero-stats{padding:12px 4px}}@media(prefers-reduced-motion:reduce){.hero-copy>*,.features .feature,.cat-card,.grid-cards>*,.prov-card{animation:none!important}}body{background:var(--paper)}.auth-page{margin-bottom:-56px;padding-bottom:104px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wr{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#f6efe2}.wr-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));background:#fffdf9eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);min-height:62px}.wr-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 8px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--marun);font-weight:700;font-size:.92rem;transition:background .15s,border-color .15s}.wr-back:hover{background:var(--marun-tint);border-color:var(--marun)}.wr-back svg{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--marun-tint)}.wr-status{display:grid;line-height:1.2;min-width:0;flex:1}.wr-status b{font-family:var(--font-display);font-size:1.05rem}.wr-status span{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wr-status span.is-saving{color:var(--amber)}.wr-actions{display:flex;align-items:center;gap:8px}.wr-detail-btn{gap:7px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}.wr-detail-btn em{font-style:normal;font-size:.74rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--paper-2);color:var(--ink-2)}.wr-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start}.wr-main{padding:36px clamp(16px,4vw,48px) 120px;display:grid;gap:14px;justify-items:center}.wr-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:min(760px,100%);padding:10px 14px;border-radius:12px;background:#fbf3dd;border:1px solid #EBD7A3;color:#7a5200;font-size:.88rem}.wr-paper{width:min(760px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:clamp(24px,5vw,56px) clamp(20px,6vw,72px) clamp(32px,6vw,64px);display:grid;gap:12px;align-content:start;min-height:62vh}.wr-paper textarea{all:unset;box-sizing:border-box;width:100%;display:block;resize:none;overflow:hidden;background:transparent;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.wr-paper textarea::placeholder{color:#b6a79a}.wr-paper .wr-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,4.4vw,2.6rem);line-height:1.15;letter-spacing:-.02em}.wr-paper .wr-text{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(1.08rem,2.4vw,1.22rem);line-height:1.95;min-height:46vh}.wr-paper textarea:focus-visible{outline:none}.wr-paper .wr-title::placeholder{font-family:var(--font-display)}.wr-paper [aria-invalid=true]{box-shadow:none;border:0!important}.wr-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--ink-2)}.wr-meta>span{display:inline-flex;align-items:center;gap:6px}.wr-meta svg{color:var(--gold)}.wr-meta .link-btn{display:inline-flex;align-items:center;gap:6px;font-size:.86rem}.wr-chip{padding:3px 10px;border-radius:99px;background:var(--gold-bright);color:var(--marun-deep);font-weight:700;font-size:.76rem}.wr-tips{width:min(760px,100%);margin:0}.wr-panel{position:sticky;top:62px;height:calc(100vh - 106px);height:calc(100dvh - 106px);overflow-y:auto;padding:24px 24px 28px;background:var(--card);border-left:1px solid var(--line);display:grid;gap:4px;align-content:start}.wr-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wr-panel-head h2{font-size:1.3rem}.wr-close,.wr-scrim,.wr-panel-send{display:none}.wr-label{display:block;font-size:.86rem;font-weight:650;margin-bottom:8px}.wr-label em,.wr-cover-side .muted{font-style:normal;color:var(--ink-3);font-weight:500}.wr-block{margin-bottom:18px}.wr-cover-row{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start}.wr-cover{aspect-ratio:3/4;width:100%;border:2px dashed #D4C0A0;border-radius:12px;background:#fbf5ec;display:grid;place-items:center;align-content:center;gap:6px;color:var(--marun);overflow:hidden;padding:0;transition:border-color .15s,background .15s}.wr-cover:hover{border-color:var(--marun);background:var(--marun-tint)}.wr-cover.has{border-style:solid;border-color:var(--line);box-shadow:var(--shadow)}.wr-cover img{width:100%;height:100%;object-fit:cover;display:block}.wr-cover small{font-size:.72rem;font-weight:650;text-align:center;padding:0 6px}.wr-cover-side{display:grid;gap:8px;align-content:start;font-size:.78rem}.wr-cover-side input{min-height:38px!important;font-size:.85rem}.wr-check{margin-top:8px;padding:16px;border-radius:14px;background:#fbf5ec;border:1px solid var(--line);display:grid;gap:10px}.wr-check-head{display:flex;justify-content:space-between;font-size:.88rem}.wr-check-head span{color:var(--ink-2);font-weight:600}.wr-bar-prog{height:6px;border-radius:6px;background:#e8dbc6;overflow:hidden}.wr-bar-prog span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--gold-bright),var(--green));transition:width .3s}.wr-check ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.86rem;color:var(--ink-2)}.wr-check li{display:flex;align-items:center;gap:10px}.wr-check li>span{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e8dbc6;color:var(--ink-3)}.wr-check li.ok{color:var(--ink)}.wr-check li.ok>span{background:var(--green);color:#fff}.wr-review{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--ink-2);margin-top:8px}.wr-review svg{flex:none;margin-top:2px;color:var(--amber)}.wr-foot{position:sticky;bottom:0;z-index:40;display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:10px max(18px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));background:#fffdf9f0;backdrop-filter:blur(10px);border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-2);min-height:44px}.wr-foot b{color:var(--ink)}.wr-min{margin-left:auto;color:var(--amber);font-weight:650}@media(max-width:1100px){.wr-body{grid-template-columns:minmax(0,1fr)}.wr-panel{position:fixed;z-index:80;top:0;right:0;bottom:0;height:auto;width:min(400px,94vw);transform:translate(105%);transition:transform .25s cubic-bezier(.2,.7,.2,1);box-shadow:var(--shadow-lg);padding-top:max(24px,env(safe-area-inset-top))}.wr-panel.open{transform:none}.wr-close,.wr-panel-send{display:inline-grid}.wr-panel-send{display:inline-flex;margin-top:10px}.wr-scrim{display:block;position:fixed;inset:0;z-index:70;background:#1e060c80;animation:fadein .2s}}@keyframes fadein{0%{opacity:0}}@media(max-width:640px){.wr-bar{gap:8px;padding-inline:10px}.wr-back span,.wr-detail-btn span,.wr-actions .btn-primary span{display:none}.wr-back{padding:5px}.wr-detail-btn{padding:0 10px}.wr-actions .btn-primary{padding:0 14px}.wr-main{padding:14px 10px 110px}.wr-paper{border-radius:16px;padding:22px 18px 30px}.wr-foot{gap:12px}.wr-min{margin-left:0;flex-basis:100%}.wr-cover-row{grid-template-columns:96px 1fr}}.wr-cover-bar{position:relative;width:calc(100% + clamp(40px,12vw,144px));margin:calc(-1*clamp(24px,5vw,56px)) calc(-1*clamp(20px,6vw,72px)) 8px;border-radius:20px 20px 0 0;overflow:hidden}.wr-cover-bar button.wr-cover-add{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;background:repeating-linear-gradient(135deg,#fbf5ec 0 12px,#f6ecdc 12px 24px);color:var(--marun);font-weight:700;font-size:.9rem;border-bottom:1px dashed #D4C0A0;transition:background .15s}.wr-cover-bar button.wr-cover-add:hover{background:var(--marun-tint)}.wr-cover-img{position:relative;aspect-ratio:16/6;background:var(--paper-2)}.wr-cover-img img{width:100%;height:100%;object-fit:cover;display:block}.wr-cover-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,6,12,.45),transparent 50%)}.wr-cover-img .wr-cover-actions{position:absolute;z-index:2;right:14px;bottom:12px;display:flex;gap:8px}.wr-cover-actions button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:#fffffff0;color:var(--marun);font-weight:700;font-size:.78rem;box-shadow:0 4px 10px -4px #0006}.wr-cover-actions button:hover{background:#fff}.wr-by{font-size:.86rem;color:var(--ink-2)}.wr-by b{color:var(--marun)}.wr.focus .wr-panel,.wr.focus .wr-tips,.wr.focus .wr-note{display:none}.wr.focus .wr-body{grid-template-columns:minmax(0,1fr)}.wr.focus{background:#fbf6ec}.wr.focus .wr-paper{box-shadow:none;border-color:transparent;background:transparent}@media(max-width:1100px){.wr-focus-btn{display:none}}@media(max-width:640px){.wr-cover-bar{width:calc(100% + 36px);margin:-22px -18px 8px;border-radius:16px 16px 0 0}.wr-cover-img{aspect-ratio:16/8}}.nav-sep{width:1px;height:24px;background:var(--line);margin:0 6px}.nav-wide{display:flex;align-items:center;gap:6px}.nav-flat{display:none}.pop-wrap{position:relative}.bell-btn{position:relative;width:42px;height:42px;border-radius:50%;border:1.5px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;transition:background .15s,color .15s,border-color .15s}.bell-btn:hover,.bell-btn.on{background:var(--marun-tint);color:var(--marun)}.bell-btn.dark{color:var(--ink-2);border-color:var(--line);background:#fff}.bell-badge{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--rose);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--card);line-height:1}.acct-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:650;font-size:.9rem;color:var(--ink);transition:border-color .15s,background .15s}.acct-btn:hover,.acct-btn.on{border-color:var(--marun);background:var(--marun-tint)}.avatar-sm{width:30px;height:30px;font-size:.85rem}.acct-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop{position:absolute;right:0;top:calc(100% + 10px);z-index:80;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop-in .16s cubic-bezier(.2,.7,.2,1);transform-origin:top right}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.notif-pop{width:min(390px,calc(100vw - 24px))}.acct-pop{width:260px;padding:8px}.pop-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.pop-head b{font-family:var(--font-display);font-size:1.05rem}.pop-body{max-height:min(420px,62vh);overflow-y:auto;padding:6px;display:grid;gap:2px;align-content:start}.pop-empty{display:grid;justify-items:center;gap:8px;padding:30px 16px;color:var(--ink-2);font-size:.9rem}.pop-foot{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--line);font-weight:700;font-size:.86rem;color:var(--marun);background:#fbf6ec}.pop-foot:hover{background:var(--marun-tint)}.acct-id{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.acct-id>div{display:grid;min-width:0;line-height:1.25}.acct-id b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-id small{color:var(--ink-2);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pop-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;font-weight:600;font-size:.9rem;color:var(--ink);text-align:left}.pop-item:hover{background:var(--paper-2)}.pop-item svg{color:var(--ink-2)}.pop-out{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;padding-top:12px;color:var(--red)}.pop-out svg{color:var(--red)}.pop-out:hover{background:#fbecea}.ni{display:flex;gap:12px;align-items:flex-start;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;text-align:left;position:relative;transition:background .12s}.ni:hover{background:var(--paper-2)}.ni.unread{background:#fff7e6}.ni.unread:hover{background:#ffefcc}.ni-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--marun-tint);color:var(--marun)}.ni-ok .ni-ic{background:#d8f0e3;color:#1d6347}.ni-bad .ni-ic{background:#faddda;color:#8e1f18}.ni-warn .ni-ic{background:#fbf0cf;color:#8a5a00}.ni-tx{display:grid;gap:3px;min-width:0;flex:1;font-size:.88rem;line-height:1.45;color:var(--ink)}.ni-tx small{color:var(--ink-3);font-size:.75rem}.ni-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--rose);margin-top:6px}.ni-list{display:grid;gap:6px}.ni-page .ni,.ni-list>.ni{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 16px}.ni-list>.ni.unread{background:#fff7e6;border-color:#ebd7a3}.ni-page .ni-tx{font-size:.95rem}.rank-badge{position:absolute;top:10px;left:10px;z-index:2;min-width:38px;height:30px;padding:0 10px;border-radius:10px;display:grid;place-items:center;background:var(--marun-deep);color:var(--gold-soft);font-family:var(--font-display);font-weight:700;font-size:.95rem;box-shadow:0 6px 14px -6px #0009;border:1px solid rgba(233,203,143,.4)}.sc-stat{margin-top:4px}.sc-stat span,.sc-stat-inline{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-2);font-weight:600}.sc-stat svg,.sc-stat-inline svg{color:var(--gold)}.sc-stat+.sc-more{margin-top:8px}.sort-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.sort-row .lbl{font-size:.84rem;font-weight:650;color:var(--ink-2);margin-right:4px}.sort-row .chip-btn{display:inline-flex;align-items:center;gap:6px}.fav-groups{display:grid;gap:28px}.fav-groups .chips-row{margin-bottom:0}.cnt{font-style:normal;margin-left:6px;padding:1px 8px;border-radius:99px;background:#6e14231a;font-size:.76rem}.chip-btn.on .cnt{background:#ffffff38}.fav-group-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.fav-group-head h3{font-size:1.35rem;color:var(--marun)}.draft-card{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:start;padding:20px;border-radius:18px;background:repeating-linear-gradient(135deg,#fffdf9 0 14px,#fbf6ec 14px 28px);border:1.5px dashed #D4C0A0}.draft-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--marun-tint);color:var(--marun)}.draft-main{display:grid;gap:6px;min-width:0}.draft-main h3{font-size:1.2rem}.draft-actions{grid-column:1 / -1;margin-top:6px}.draft-read{max-height:60vh;overflow-y:auto;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:1.08rem;line-height:1.85;display:grid;gap:1em}.pop-rank{list-style:none;margin:0;padding:0;display:grid;gap:14px}.pop-rank li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}.pr-n{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--marun-tint);color:var(--marun);font-family:var(--font-display);font-weight:700}.pop-rank li:first-child .pr-n{background:var(--gold-bright);color:var(--marun-deep)}.pop-rank li>div{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0}.pop-rank b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pop-rank small{color:var(--ink-2);font-size:.78rem}.pr-bar{height:5px;border-radius:5px;background:var(--paper-2);overflow:hidden}.pr-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-bright),var(--marun-2));border-radius:5px}.pop-rank em{font-style:normal;font-weight:700;text-align:right;display:grid;line-height:1.1;font-family:var(--font-display);font-size:1.1rem}.pop-rank em small{font-family:var(--font-body);font-weight:500}.mail-note{font-size:.9rem;margin-bottom:12px}.mail-help{margin-top:14px;padding:14px;border-radius:12px;background:#2b1217;color:#f1e4d6;font-size:.85rem}.mail-help pre{margin:8px 0;padding:12px;border-radius:8px;background:#00000059;overflow-x:auto;font-size:.78rem;line-height:1.6;color:#e9cb8f}.mail-help code{padding:1px 6px;border-radius:5px;background:#ffffff1f}.mail-help .muted{color:#ffffffa6}.adm-top .adm-title{flex:1;min-width:0}.adm-top-tools{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:1040px){.nav-wide,.nav-sep{display:none}.nav-flat{display:flex;flex-direction:column;align-items:stretch;gap:2px}.nav-flat .btn{margin:8px 0 0}}@media(max-width:760px){.notif-pop{position:fixed;left:12px;right:12px;top:70px;width:auto}.draft-card{grid-template-columns:1fr}.adm-top-tools .hide-sm{display:none}.pop-rank li{grid-template-columns:30px minmax(0,1fr) auto;gap:10px}}.panel .btn{max-width:100%;white-space:normal;text-align:center}.cover-fit{position:absolute;inset:0;display:block;overflow:hidden;background:var(--paper-2)}.cover-fit .cover-bg{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(22px) saturate(1.2) brightness(.8);transform:none}.cover-fit .cover-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.sc-img img.cover-bg,.sc-img img.cover-main{transition:none}.story-card:hover .sc-img img.cover-bg,.story-card:hover .sc-img img.cover-main{transform:none}.story-card:hover .cover-main{transform:scale(1.03);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.sc-img{aspect-ratio:2 / 3}.sc-img:after{background:linear-gradient(to top,rgba(30,6,12,.28),transparent 35%)}.sc-body{padding:14px 14px 0;gap:6px}.sc-body h3{font-size:1.02rem;min-height:2.5em}.sc-desc{min-height:0;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.84rem}.sc-more{margin:4px -14px 0;padding:11px 14px;font-size:.84rem}.story-card:hover .sc-img img,.story-card:hover .sc-img .cover-ph{transform:none}@media(max-width:640px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sc-body h3{font-size:.95rem}.sc-desc{-webkit-line-clamp:2}}.detail-bg{filter:blur(26px) saturate(1.15);transform:scale(1.15);opacity:.5;object-fit:cover}.detail-hero{min-height:0}.detail-in{padding:24px 0 40px;gap:0}.detail-main{display:grid;grid-template-columns:clamp(150px,22vw,230px) 1fr;gap:clamp(18px,4vw,40px);align-items:end;width:100%}.detail-cover{position:relative;aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px -12px #000000a6,0 0 0 1px #ffffff24;background:var(--paper-2)}.detail-cover .cover-ph{position:absolute;inset:0}.detail-info{display:grid;gap:12px;justify-items:start;min-width:0}.detail-read{margin-top:6px}.detail-bar{margin-bottom:22px}@media(max-width:640px){.detail-main{grid-template-columns:1fr;justify-items:center;text-align:center}.detail-cover{width:min(58vw,220px)}.detail-info{justify-items:center}.detail-meta{justify-content:center}}.wr-cover-img{aspect-ratio:16 / 7}.wr-cover-img:after{display:none}.wr-cover img.cover-main,.wr-cover img{object-fit:contain;background:var(--paper-2)}.ar-thumb{position:relative;width:72px;height:104px}.ar-thumb img.cover-main{object-fit:contain}.ar-thumb .cover-fit{border-radius:8px}@media(max-width:640px){.ar-thumb{width:100%;height:190px}}.adm-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px 170px;gap:10px;margin-bottom:14px;align-items:center}.adm-tools.adm-tools-users{grid-template-columns:minmax(0,1fr) auto}.adm-tools.adm-tools-logs{grid-template-columns:minmax(0,1fr) 190px 170px}.adm-tools select{min-height:44px}.adm-search input{width:100%;min-height:44px}.adm-search input[type=search]::-webkit-search-cancel-button{display:none}.adm-count{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:22px;margin:10px 0 12px;font-size:.86rem;color:var(--ink-3)}.chip-n{font-style:normal;margin-left:8px;padding:1px 8px;border-radius:99px;background:#00000014;font-size:.76rem}.chip-btn.on .chip-n{background:#ffffff40}.user-group+.user-group{margin-top:26px}.user-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:700}.role-admin{background:#fbebc8;color:#7a5200}.role-reviewer{background:#e3f1e6;color:#1f5b34}.role-user{background:#e7eef5;color:#35566f}.user-row.user-admin{border-left:3px solid #E0A94A}.user-row.user-user{border-left:3px solid #A9C1D6}.log-intro{margin-bottom:14px;font-size:.9rem}.log-list{list-style:none;margin:0;padding:0;display:grid}.log-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 4px;border-bottom:1px solid var(--line)}.log-row:last-child{border-bottom:0}.log-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e7eef5;color:#35566f}.log-ok .log-ic{background:#d8f0e4;color:#1f7a52}.log-bad .log-ic{background:#fbe0e3;color:#a5222f}.log-warn .log-ic{background:#fbebc8;color:#8a5a00}.log-main p{line-height:1.5;overflow-wrap:anywhere}.log-target a{color:var(--marun);text-decoration:underline;text-underline-offset:2px}.log-detail{display:block;margin-top:2px;color:var(--ink-3);font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}.log-time{display:grid;justify-items:end;text-align:right;font-size:.82rem;font-weight:650;color:var(--ink-2);white-space:nowrap}.log-time small{font-weight:500;color:var(--ink-3);font-size:.74rem}.log-more{display:flex;justify-content:center;padding:16px 0 4px}@media(max-width:760px){.adm-tools,.adm-tools.adm-tools-logs{grid-template-columns:1fr 1fr}.adm-tools .adm-search{grid-column:1 / -1}.adm-tools.adm-tools-users{grid-template-columns:1fr}.user-row{flex-wrap:wrap}.log-row{grid-template-columns:38px minmax(0,1fr)}.log-time{grid-column:2;justify-items:start;text-align:left;white-space:normal;grid-auto-flow:column;gap:8px;align-items:baseline;justify-content:start}}.user-row>.user-actions{flex:none;display:flex}.user-row>div:not(.user-actions){min-width:0}.stat>div{display:grid;gap:4px}.stat b{margin:0}.stat small{display:block;line-height:1.25}.todo-count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:10px;padding:0 7px;border-radius:99px;background:var(--marun);color:#fff;font:700 .8rem var(--font-body)}.todo-list li>div:first-child small{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.todo-list .todo-req{background:#fbf3dd;border-color:#ebd7a3}.todo-clear{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#e6f4ec;color:#1d6347;font-weight:600}.todo-clear span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;flex:none}.todo-more{margin-top:12px;font-size:.88rem}.todo-more a{color:var(--marun);font-weight:650}.log-compact .log-row{padding:10px 2px;grid-template-columns:32px minmax(0,1fr) auto;gap:10px}.log-compact .log-ic{width:32px;height:32px}.log-compact .log-time small{display:none}.log-compact .log-main p{font-size:.9rem}@media(max-width:760px){.log-compact .log-row{grid-template-columns:32px minmax(0,1fr)}.log-compact .log-time{grid-column:2}}.settings-col{display:grid;gap:20px;max-width:760px}.pw-form{display:grid;gap:14px;max-width:420px}.pw-form .btn{justify-self:start}.pw-show{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-2);cursor:pointer}.pw-form .err{font-size:.84rem}.sec-warn{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:12px;background:#fbe0e3;color:#7e1822;font-size:.9rem;line-height:1.5}.sec-warn svg{flex:none;margin-top:2px}.sec-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-radius:14px;background:#fbe0e3;border:1px solid #F0B7BE;color:#7e1822}.sec-banner>div{flex:1;min-width:200px;line-height:1.45}.sec-banner span{color:#9a3a44}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sc-img:after{display:none}.sc-cat{justify-self:start;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9a6b00}.grid-cards.grid-home{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(158px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;scrollbar-width:thin}.grid-home>*{scroll-snap-align:start}@media(max-width:759px){.grid-cards.grid-home{grid-auto-columns:44vw;gap:12px}}.pick-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pick-form label{font-weight:700;font-size:.9rem}.pick-form .input{width:90px}.pick-quick{display:flex;gap:8px;margin-bottom:14px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;max-height:46vh;overflow-y:auto;padding:2px}.pick-chip{height:42px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:700;color:var(--ink);cursor:pointer}.pick-chip:hover{border-color:var(--marun)}.pick-chip.is-on{background:var(--marun);border-color:var(--marun);color:#fff}.reader .modal,.reader .modal input{color:var(--ink)}.fav-strip{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-size:.92rem}.fav-strip .icon,.fav-strip svg{color:var(--marun);flex:none}.fav-strip span{flex:1}.fav-strip b{display:inline-flex;align-items:center;gap:4px;color:var(--marun);font-size:.85rem}.fav-strip:hover{border-color:var(--marun)}.grid-cards.grid-mine{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.progress li{min-width:0;overflow-wrap:anywhere}.my-card,.my-card .sc-body{min-width:0}@media(max-width:640px){.grid-cards.grid-mine{grid-template-columns:1fr}.grid-mine .sc-img{aspect-ratio:16 / 9}}#cerita-saya{scroll-margin-top:84px}.page-head h1 svg{vertical-align:-3px;color:var(--marun)}.my-filter{grid-template-columns:auto 1fr 170px 160px 220px;margin-bottom:16px}.fav-filter{grid-template-columns:1fr 220px;margin-bottom:16px}.my-meta{display:flex;align-items:center;gap:5px}.stat-link{text-decoration:none;color:inherit;cursor:pointer}.stat-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mini-tools{display:grid;gap:12px;margin-bottom:4px}.mini-tools .input-ic{max-width:420px}.mini-tools .chips-row{margin:0}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.mini-card{display:flex;gap:12px;align-items:stretch;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);text-decoration:none;color:inherit;min-width:0;transition:transform .15s,box-shadow .15s,border-color .15s}.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--marun)}.mini-cover{flex:none;width:64px;height:84px;border-radius:9px;overflow:hidden;position:relative;background:var(--marun-tint)}.mini-cover .cover-fit,.mini-cover .cover-ph{width:100%;height:100%}.mini-cover .cover-ph svg{width:22px;height:22px}.mini-body{display:grid;gap:4px;align-content:center;min-width:0;flex:1}.mini-body .badge{justify-self:start;font-size:.7rem;padding:3px 8px;max-width:100%}.mini-title{font-family:var(--font-display);font-size:1rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mini-body small{font-size:.78rem}.notif-search{max-width:420px;margin-bottom:14px}@media(max-width:1000px){.my-filter{grid-template-columns:1fr 1fr}.my-filter .filter-title{display:none}.my-filter .input-ic{grid-column:1 / -1}}@media(max-width:640px){.my-filter,.fav-filter,.mini-grid{grid-template-columns:1fr}.chips-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chips-row .chip-btn{flex:none}}.fav-filter+.chips-row,.my-filter+.chips-row{margin-bottom:18px}.fav-groups{display:grid;gap:14px}.side-user{flex-direction:column;align-items:stretch;gap:10px}.side-user-link{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}.side-user-link>div{flex:1;min-width:0;display:grid;line-height:1.25}.side-user-link b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-link small{color:#fff9;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-weight:650;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.side-logout:hover{background:#ffffff1f;border-color:#ffffff80}.dash-panel{display:grid;gap:16px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.dash-panel-head h2{display:flex;align-items:center;gap:8px;margin:0}.dash-panel-head p{margin:4px 0 0;font-size:.92rem}.dash-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line);font-size:.9rem}.mini-card{background:#fffdf9}.mini-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.mini-views{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--ink-2)}.mini-views b{color:var(--ink)}.mini-go{display:inline-flex;align-items:center;gap:3px;font-size:.8rem;font-weight:700;color:var(--marun)}.mini-card:hover .mini-go{text-decoration:underline}@media(max-width:640px){.dash-panel{padding:16px}.dash-panel-foot .btn{width:100%;justify-content:center}}.pv{position:relative;width:100%;height:100%;overflow:hidden}.pv-inner{position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden}.fb-stage{--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .33 0 0 0 0 .22 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;width:100%;height:100%;display:grid;place-items:center;perspective:3800px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:-4px}.fb-stage:active{cursor:grabbing}.fb-book{position:relative;transform-style:preserve-3d;transition:none}.fb-leaf{position:absolute;top:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.fb-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fbf8f1}.fb-front{border-radius:2px 8px 8px 2px}.fb-back{transform:rotateY(180deg);border-radius:8px 2px 2px 8px}.is-single .fb-front{border-radius:4px 10px 10px 4px}.fb-paper{width:100%;height:100%;background:linear-gradient(90deg,#efe7d6,#fbf8f1 40%)}.fb-face:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--paper-grain);background-size:160px;opacity:.42;box-shadow:inset 0 0 26px #78542829,inset 0 0 2px #78542840}.fb-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#140408eb,#1404081f);opacity:0;pointer-events:none}.fb-back .fb-shade{background:linear-gradient(270deg,#140408eb,#1404081f)}.fb-gloss{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.62) 50%,transparent 62%);background-size:300% 100%;background-position:100% 0}.fb-spine{position:absolute;top:0;bottom:0;width:13%;pointer-events:none;z-index:1}.fb-spine-l{left:0;background:linear-gradient(90deg,rgba(35,14,8,.46) 0,rgba(60,30,20,.2) 14%,rgba(60,30,20,.07) 45%,transparent)}.fb-spine-r{right:0;background:linear-gradient(270deg,rgba(35,14,8,.46) 0,rgba(60,30,20,.2) 14%,rgba(60,30,20,.07) 45%,transparent)}.fb-board{position:absolute;top:-5px;height:calc(100% + 10px);width:0;opacity:0;pointer-events:none;transform:translateZ(-1px);background:linear-gradient(135deg,#8f1d30,#5e1020 52%,#3b0912);box-shadow:inset 0 1px #ffffff29,0 2px #2a0610,0 7px 10px #00000052,0 30px 40px -18px #000000b3}.fb-board:after{content:"";position:absolute;inset:3px;border-radius:3px;border:1px solid rgba(224,169,74,.34)}.fb-board-r,.is-single .fb-board-r{border-radius:3px 9px 9px 3px}.fb-board-l{border-radius:9px 3px 3px 9px}.fb-edge{position:absolute;top:2px;bottom:2px;width:0;pointer-events:none;background:repeating-linear-gradient(90deg,#fffdf7 0 1px,#d8ccb2 1px 2px)}.fb-edge-r{left:100%;border-radius:0 3px 3px 0;box-shadow:inset 2px 0 3px #3c1e0a47}.fb-edge-l{right:100%;border-radius:3px 0 0 3px;box-shadow:inset -2px 0 3px #3c1e0a47}.fb-cast{position:absolute;top:0;height:100%;pointer-events:none;opacity:0;transform:translateZ(.5px)}.fb-cast-r{transform-origin:left center;background:linear-gradient(90deg,rgba(20,6,10,.58),rgba(20,6,10,.26) 42%,rgba(20,6,10,.07) 78%,transparent);border-radius:0 8px 8px 0}.fb-cast-l{transform-origin:right center;background:linear-gradient(270deg,rgba(20,6,10,.58),rgba(20,6,10,.26) 42%,rgba(20,6,10,.07) 78%,transparent);border-radius:8px 0 0 8px}.fb-curl{position:absolute;right:0;bottom:0;width:22px;height:22px;pointer-events:none;z-index:999;transform:translateZ(2px);border-bottom-right-radius:8px;background:linear-gradient(to bottom right,#fffdf6,#f1e8d2 44%,#bfb08e 49.6%,#8f805f 50%,#d7cbb0 50.6%,#cfc2a4);filter:drop-shadow(-3px -3px 4px rgba(30,10,5,.3));transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),opacity .15s;animation:curl-hint 2.8s ease-in-out 1.2s 2}@media(hover:hover){.fb-stage:hover:not(:active) .fb-curl{width:54px;height:54px;animation:none}}.fb-book.moving .fb-curl{opacity:0}@keyframes curl-hint{0%,to{width:22px;height:22px}50%{width:38px;height:38px}}.anim{animation-duration:var(--ad, .8s);animation-delay:var(--adl, 0s);animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:backwards}.anim-fade{animation-name:a-fade}.anim-slideUp{animation-name:a-up}.anim-slideDown{animation-name:a-down}.anim-slideLeft{animation-name:a-left}.anim-slideRight{animation-name:a-right}.anim-zoom{animation-name:a-zoom}.anim-bounce{animation-name:a-bounce;animation-timing-function:cubic-bezier(.3,1.5,.5,1)}.anim-float{animation-name:a-float;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:none}.anim-pulse{animation-name:a-pulse;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:none}.anim-sway{animation-name:a-sway;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:none;transform-origin:50% 100%}@keyframes a-fade{0%{opacity:0}}@keyframes a-up{0%{opacity:0;transform:translateY(40px)}}@keyframes a-down{0%{opacity:0;transform:translateY(-40px)}}@keyframes a-left{0%{opacity:0;transform:translate(60px)}}@keyframes a-right{0%{opacity:0;transform:translate(-60px)}}@keyframes a-zoom{0%{opacity:0;transform:scale(.6)}}@keyframes a-bounce{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:none}}@keyframes a-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes a-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes a-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.anim,.fb-curl{animation:none!important}}.editor{position:fixed;inset:0;display:grid;grid-template-rows:56px 1fr;background:#e9e1d3;color:var(--ink);font-size:14px}.ed-top{display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--marun-deep);color:#fff}.ed-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ed-title b{font-family:var(--font-display);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-top-actions{display:flex;align-items:center;gap:6px}.ed-sep{width:1px;height:22px;background:#fff3;margin:0 6px}.save-state{font-size:.78rem;color:#ffffffb3;margin-right:6px;min-width:88px;text-align:right}.save-state.dirty{color:var(--gold-bright);font-weight:700}.ed-body{display:grid;grid-template-columns:auto minmax(0,1fr) 300px;min-height:0}.ed-right{background:var(--card);overflow-y:auto;min-height:0}.ed-left{position:relative;display:grid;grid-template-columns:72px 328px;grid-template-rows:minmax(0,1fr);min-height:0;background:var(--card);border-right:1px solid var(--line);z-index:6}.ed-left.collapsed{grid-template-columns:72px}.ed-tabs{display:grid;align-content:start;gap:4px;padding:10px 6px;background:#fbf6ec;border-right:1px solid var(--line)}.ed-tabs button{display:grid;justify-items:center;gap:5px;padding:10px 2px 8px;border:0;border-radius:12px;background:transparent;color:var(--ink-2);font-size:.7rem;font-weight:650;transition:background .15s,color .15s}.ed-tabs button:hover{background:#fff;color:var(--ink)}.ed-tabs button.on{background:var(--marun-tint);color:var(--marun)}.ed-left-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 16px 24px;scrollbar-width:thin;scrollbar-color:#D9CDB8 transparent;position:relative}.ed-left-body[hidden]{display:none}.ed-collapse{position:absolute;z-index:8;right:-13px;top:50%;width:26px;height:54px;margin-top:-27px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:0 12px 12px 0;background:var(--card);color:var(--ink-2);box-shadow:2px 0 8px -4px #3d0a144d}.ed-collapse:hover{color:var(--marun);background:#fff}.ed-stack{display:grid;gap:14px;align-content:start}.ed-stack.tight{gap:8px}.ed-sec{display:grid;gap:10px}.ed-sec>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:20px}.ed-stack h4,.ed-right h4{font-family:var(--font-body);font-size:.86rem;font-weight:750;color:var(--ink);letter-spacing:0;margin:0}.ed-sec h4 em{margin-left:6px;font-style:normal;font-weight:600;font-size:.74rem;color:var(--ink-3)}.sec-link{border:0;background:transparent;padding:0;font-size:.76rem;font-weight:650;color:var(--marun);text-align:right}.sec-link:hover{text-decoration:underline}.sec-link.danger{color:var(--ink-2)}.sec-link.danger:hover{color:var(--red)}.ed-help{font-size:.78rem;color:var(--ink-3);line-height:1.5;margin:0}.ed-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-3);transition:border-color .15s,box-shadow .15s}.ed-search:focus-within{border-color:var(--marun);box-shadow:0 0 0 3px #6e14231f;color:var(--marun)}.ed-search input:not([type=x]){flex:1;min-width:0;min-height:0!important;height:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:.88rem;color:var(--ink)}.ed-search-x{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--paper-2);color:var(--ink-2)}.up-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border:0;border-radius:10px;background:linear-gradient(180deg,var(--marun-2),var(--marun));color:#fff;font-weight:700;font-size:.92rem;box-shadow:0 6px 14px -8px #6e1423b3;transition:filter .15s,transform .1s,box-shadow .15s}.up-btn:hover:not(:disabled){filter:brightness(1.08)}.up-btn:active:not(:disabled){transform:translateY(1px)}.up-btn:disabled{opacity:.6;cursor:progress}.up-btn.over{box-shadow:0 0 0 4px #6e142340}.up-hint{margin:-6px 0 0;text-align:center;font-size:.72rem;line-height:1.5;color:var(--ink-3)}.url-wrap{display:grid;gap:8px;margin-top:-4px}.url-toggle{display:flex;align-items:center;gap:7px;padding:4px 0;border:0;background:transparent;font-size:.8rem;font-weight:650;color:var(--ink-2)}.url-toggle:hover{color:var(--marun)}.url-toggle svg:last-child{margin-left:auto}.url-add{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.url-add input{min-height:36px!important;padding:6px 10px!important;font-size:.84rem}.up-grid{column-count:2;column-gap:10px}.up-tile{position:relative;break-inside:avoid;margin:0 0 10px;border-radius:10px;overflow:visible;background:#f3ebdc}.up-img{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#f3ebdc;line-height:0}.up-img img{width:100%;height:auto;max-height:190px;object-fit:cover;display:block;min-height:54px}.up-tile:after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1px #0000000f;pointer-events:none;transition:box-shadow .12s,background .12s}.up-tile:hover:after,.up-tile.menu-open:after{background:linear-gradient(180deg,#14040861,#14040800 46%)}.up-tile.sel:after{box-shadow:inset 0 0 0 3px var(--marun);background:#6e14231f}.up-check,.up-more{position:absolute;z-index:2;top:6px;display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:8px;opacity:0;transition:opacity .12s,background .12s}.up-check{left:6px;border:1.5px solid #fff;background:#14040847;color:transparent}.up-more{right:6px;border:0;background:#fffffff2;color:var(--ink);box-shadow:0 1px 4px #00000040}.up-more:hover{background:#fff;color:var(--marun)}.up-tile:hover .up-check,.up-tile:hover .up-more,.up-tile:focus-within .up-check,.up-tile:focus-within .up-more,.up-tile.menu-open .up-more,.up-grid.selecting .up-check{opacity:1}.up-tile.sel .up-check{opacity:1;background:var(--marun);border-color:var(--marun);color:#fff}.up-grid.selecting .up-more{opacity:0;pointer-events:none}.up-used{position:absolute;left:6px;bottom:6px;z-index:2;padding:2px 7px;border-radius:99px;background:#ffffffeb;color:var(--green);font-size:.62rem;font-weight:750;letter-spacing:.02em;pointer-events:none}.up-menu{position:fixed;z-index:200;width:196px;padding:6px;display:grid;gap:2px;border-radius:12px;background:#fff;box-shadow:0 12px 32px -8px #28060e66,0 0 0 1px #0000000f;animation:toast-in .12s ease-out}.up-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:.84rem;font-weight:600;color:var(--ink)}.up-menu button:hover{background:var(--paper)}.up-menu button.danger{color:var(--red)}.up-menu button.danger:hover{background:#fbecea}.up-empty{display:grid;justify-items:center;gap:6px;padding:22px 14px;border:1.5px dashed #D9CDB8;border-radius:12px;text-align:center;color:var(--ink-3);font-size:.78rem;line-height:1.45}.up-empty b{color:var(--ink-2);font-size:.86rem}.up-skel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.up-skel i{aspect-ratio:1;border-radius:10px;background:linear-gradient(90deg,#f3ebdc,#fbf6ec,#f3ebdc);background-size:200% 100%;animation:skel 1.2s linear infinite}@keyframes skel{to{background-position:-200% 0}}.sel-bar{position:sticky;bottom:-12px;z-index:12;display:flex;align-items:center;gap:10px;margin:4px -4px -8px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 -2px 4px #00000008,0 10px 28px -6px #28060e73,0 0 0 1px #00000012;font-size:.82rem}.sel-bar .grow{flex:1}.sel-bar b{white-space:nowrap}.thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{aspect-ratio:1;padding:8px;border:1.5px solid var(--line);border-radius:10px;background:#fbf5ec;overflow:hidden;display:grid;place-items:center;transition:border-color .12s,transform .12s,box-shadow .12s}.tile:hover{border-color:var(--marun);transform:translateY(-1px);box-shadow:0 6px 14px -8px #6e142380}.tile img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shape-grid .tile{background:#fff}.sh{display:block;background:var(--gold)}.sh-rect{width:26px;height:20px}.sh-round{width:24px;height:24px;border-radius:8px;background:var(--marun)}.sh-circle{width:24px;height:24px;border-radius:50%;background:var(--gold-bright)}.sh-line{width:28px;height:3px}.add-text{text-align:left;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;transition:border-color .12s,background .12s}.add-text:hover{border-color:var(--marun);background:var(--marun-tint)}.t-h{font-family:var(--font-display);font-weight:700;font-size:1.35rem}.t-s{font-weight:700;font-size:1rem;color:var(--marun)}.t-p{font-family:Georgia,serif;font-size:.9rem}.t-q{font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--marun)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatches button,.swatch-custom{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0}.swatches button.on{box-shadow:0 0 0 2px var(--marun)}.swatch-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.swatch-custom input{position:absolute;inset:-6px;opacity:0;cursor:pointer;width:42px;height:42px}.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tpl{display:grid;gap:6px;justify-items:center;padding:10px 4px 8px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:.75rem;font-weight:650}.tpl:hover{border-color:var(--marun);background:var(--marun-tint)}.tpl-ic{width:34px;height:46px;border-radius:3px;border:1.5px solid var(--ink-3);background:#fbf8f1;position:relative}.tpl-cover{background:linear-gradient(to bottom,var(--marun) 62%,#fff 62%)}.tpl-quote{background:var(--marun-deep)}.tpl-text{background:repeating-linear-gradient(#fbf8f1 0 6px,#d9cdb8 6px 7px)}.tpl-image{background:linear-gradient(#e9cb8f,#e9cb8f) 4px 4px / 24px 26px no-repeat,#fbf8f1}.ed-center{display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0;position:relative}.ed-ws{overflow:auto;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 1px 1px,rgba(61,10,20,.09) 1px,transparent 0) 0 0 / 22px 22px,#e9e1d3;min-height:0}.ed-ws-in{margin:auto}.cv-wrap{position:relative;box-shadow:0 10px 40px -8px #28060e73,0 0 0 1px #0000000f}.cv-stage{position:absolute;left:0;top:0;transform-origin:top left;overflow:visible;touch-action:none;user-select:none}.cv-stage>[data-el]{cursor:move}.cv-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.cv-safe{position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 1px #00000014}.cv-guide{position:absolute;background:#e0457b;pointer-events:none;z-index:20}.cv-guide-v{top:0;bottom:0}.cv-guide-h{left:0;right:0}.cv-sel{position:absolute;outline:1.5px solid #2D7AA8;pointer-events:none;z-index:10}.cv-h{position:absolute;background:#fff;border:1.5px solid #2D7AA8;border-radius:50%;pointer-events:auto;box-sizing:border-box}.cv-h-nw,.cv-h-se{cursor:nwse-resize}.cv-h-ne,.cv-h-sw{cursor:nesw-resize}.cv-h-n,.cv-h-s{cursor:ns-resize}.cv-h-e,.cv-h-w{cursor:ew-resize}.cv-rot-line{position:absolute;left:50%;background:#2d7aa8;pointer-events:none}.cv-rot{position:absolute;background:#2d7aa8;border:1.5px solid #fff;border-radius:50%;cursor:grab;pointer-events:auto;box-sizing:border-box}.cv-edit{position:absolute;z-index:30;margin:0;padding:0;border:0;background:#ffffff8c;outline:1.5px solid #2D7AA8;resize:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;min-height:0!important;border-radius:0!important;box-shadow:none!important}.ed-zoom{position:absolute;right:16px;top:12px;z-index:5;display:flex;align-items:center;gap:2px;background:var(--card);border-radius:99px;padding:3px;box-shadow:var(--shadow)}.zoom-val{border:0;background:transparent;min-width:52px;font-weight:700;font-size:.82rem;color:var(--ink-2);padding:6px;border-radius:8px}.ed-strip{background:var(--card);border-top:1px solid var(--line);padding:6px 14px 10px;display:grid;gap:4px}.strip-tools{display:flex;align-items:center;gap:2px}.strip-label{font-weight:700;font-size:.8rem;color:var(--ink-2);margin-right:auto}.strip-tools .icon-btn{width:32px;height:32px}.strip-sep{width:1px;height:18px;background:var(--line);margin:0 6px}.strip-scroll{display:flex;gap:12px;overflow-x:auto;padding:6px 4px;scrollbar-width:thin}.thumb{flex:none;display:grid;gap:5px;justify-items:center;border:0;background:transparent;font-size:.72rem;font-weight:650;color:var(--ink-2);padding:0}.thumb-pg{width:62px;height:87px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1.5px var(--line);background:#fff;pointer-events:none;transition:box-shadow .12s}.thumb:hover .thumb-pg{box-shadow:0 0 0 2px #c9b79b}.thumb.on .thumb-pg{box-shadow:0 0 0 3px var(--marun)}.thumb.on{color:var(--marun)}.thumb-add .thumb-pg{display:grid;place-items:center;background:#fbf5ec;color:var(--marun);box-shadow:none;border:1.5px dashed #D4C0A0;pointer-events:auto}.thumb-add:hover .thumb-pg{background:var(--marun-tint);border-color:var(--marun);box-shadow:none}.ed-right{border-left:1px solid var(--line);padding:16px;display:grid;gap:12px;align-content:start}.ed-right h3{font-family:var(--font-body);font-size:1rem;font-weight:700}.ed-right section{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.ed-right-head{display:flex;align-items:center;justify-content:space-between}.ed-ic-row{display:flex;gap:2px}.pf{display:grid;gap:5px;font-size:.78rem;color:var(--ink-2);font-weight:600;margin:0}.pf input:not([type=range]):not([type=color]),.pf select,.pf textarea{min-height:36px!important;padding:6px 10px!important;font-size:.86rem}.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-num{position:relative}.pf-num em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.72rem;color:var(--ink-3);font-style:normal;pointer-events:none}.pf-color{display:flex;align-items:center;gap:8px}.pf-color input[type=color]{width:44px;height:36px;padding:2px;border:1.5px solid var(--line);border-radius:8px;background:#fff}.pf-color code{font-size:.78rem;color:var(--ink-2)}.pf input[type=range]{width:100%;accent-color:var(--marun);margin-top:8px}.seg-tools{display:flex;gap:4px;align-items:center}.seg-tools button{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center}.seg-tools button.on{background:var(--marun);border-color:var(--marun);color:#fff}.seg-tools .sep{width:1px;height:22px;background:var(--line);margin:0 4px}.layer-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ed-keys{display:grid;gap:4px;padding:12px;background:var(--paper);border-radius:10px;font-size:.76rem;color:var(--ink-2)}.ed-keys b{color:var(--ink)}.preview-back{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(900px 600px at 50% 40%,#5a1220,#2c0610 75%);color:#fff}.preview-bar{display:flex;align-items:center;gap:14px;padding:10px 16px}.preview-bar b{font-family:var(--font-display)}.preview-bar .btn{margin-left:auto}.preview-stage{min-height:0;padding:8px 16px 24px}@media(max-width:1180px){.ed-body{grid-template-columns:auto minmax(0,1fr) 264px}.ed-left{grid-template-columns:64px 296px}.ed-left.collapsed{grid-template-columns:64px}.ed-title .badge{display:none}}@media(max-width:900px){.ed-body{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.ed-left,.ed-right,.ed-top-actions .btn span{display:none}}.ed-ws{position:relative}.ed-ws.dropping{outline:3px dashed var(--marun);outline-offset:-10px}.drop-hint{position:absolute;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:8px;background:#6e1423d1;color:#fff;font-weight:700;font-size:1.1rem;pointer-events:none}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.filter-grid button{display:grid;gap:3px;justify-items:center;padding:3px;border:1.5px solid var(--line);border-radius:8px;background:#fff;font-size:.62rem;font-weight:650;color:var(--ink-2)}.filter-grid button.on{border-color:var(--marun);color:var(--marun)}.filter-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.align-row{display:flex;align-items:center;gap:4px}.align-row button{flex:1;height:32px;border:1.5px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--ink-2)}.align-row button:hover{border-color:var(--marun);color:var(--marun)}.align-row .sep{width:1px;height:20px;background:var(--line);margin:0 3px}.check-row{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600}.seg-tools button{width:auto;padding:0 12px;font-size:.8rem;font-weight:650}.editor{grid-template-rows:56px auto 1fr}.ed-tips{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#fbf1da;color:#6a4a00;font-size:.84rem;border-bottom:1px solid #EBD7A3}.ed-tips span{flex:1}.ed-tips .icon-btn{color:#6a4a00}.ed-drawer-btn,.lbl-sm,.ed-scrim{display:none}@media(max-width:900px){.editor{height:100vh;height:100dvh}.ed-top{gap:6px;padding:0 8px;overflow-x:auto;scrollbar-width:none}.ed-top::-webkit-scrollbar{display:none}.ed-top>*,.ed-top-actions>*{flex:none}.ed-title{flex:1 1 auto;min-width:60px}.ed-title .badge{display:none}.ed-drawer-btn{display:inline-grid}.ed-drawer-btn.on{background:#fff3;color:#fff}.ed-top .lbl{display:none}.ed-top .lbl-sm{display:inline}.ed-top .btn{padding:0 11px}.ed-sep,.save-state{display:none}.ed-body{overflow:hidden;grid-template-rows:1fr}.ed-left,.ed-right,.ed-collapse{display:none}.ed-body.drawer-left .ed-left,.ed-body.drawer-right .ed-right{display:grid;position:fixed;z-index:70;top:56px;bottom:0;width:min(360px,92vw);box-shadow:var(--shadow-lg);animation:toast-in .2s ease-out}.ed-body.drawer-left .ed-left{left:0}.ed-body.drawer-right .ed-right{right:0;display:block}.ed-body.drawer-left .ed-scrim,.ed-body.drawer-right .ed-scrim{display:block;position:fixed;inset:56px 0 0;z-index:65;background:#1e060c73}.ed-strip{max-height:38vh}.ed-tips{font-size:.8rem;padding:8px 12px}}@media(max-width:520px){.strip-tools{flex-wrap:wrap;row-gap:6px}.ed-zoom{transform:scale(.92);transform-origin:right bottom}.preview-bar .muted-l{display:none}}@media(max-width:640px){.ed-top{gap:2px;padding:0 6px}.ed-title{display:none}.ed-top-actions{gap:2px;margin-left:auto}.ed-top .icon-btn{width:38px;height:38px}.ed-top .btn{min-height:38px;padding:0 10px}}@media(max-width:900px){.ed-top .btn-outline-light .lbl-sm{font-size:.8rem}}.ed-title .badge{white-space:nowrap;flex:none}.cv-float{position:absolute;z-index:25;display:flex;gap:2px;padding:4px;transform:translate(-50%);border-radius:12px;background:#fff;box-shadow:0 8px 24px -6px #28060e73,0 0 0 1px #00000012;animation:toast-in .12s ease-out}.cv-float button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-2)}.cv-float button:hover{background:var(--paper-2);color:var(--ink)}.cv-float button.danger:hover{background:#fbecea;color:var(--red)}@media(max-width:900px){.ed-collapse{display:none}.ed-body .ed-left,.ed-body .ed-left.collapsed{grid-template-columns:64px minmax(0,1fr)}.ed-body .ed-left .ed-left-body[hidden]{display:block}.ed-left-body{padding:14px 14px 22px}}@media(hover:none){.up-check,.up-more{opacity:1}.up-grid.selecting .up-more{opacity:0}}:root{--fun-coral: #F26A4B;--fun-sun: #FFC13B;--fun-mint: #2BB594;--fun-sky: #3AA7E8;--fun-berry: #D9487E;--fun-grape: #7A5CD1;--spring: cubic-bezier(.34, 1.56, .64, 1)}body{background-image:radial-gradient(circle at 12px 12px,rgba(242,106,75,.07) 2px,transparent 2.5px),radial-gradient(circle at 36px 30px,rgba(43,181,148,.07) 2px,transparent 2.5px),radial-gradient(circle at 60px 54px,rgba(255,193,59,.1) 2.5px,transparent 3px);background-size:72px 72px}.hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-fx .blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55;animation:blob-drift 14s ease-in-out infinite alternate}.hero-fx .b1{width:340px;height:340px;left:-90px;top:40px;background:var(--fun-coral)}.hero-fx .b2{width:300px;height:300px;right:6%;top:-60px;background:var(--fun-berry);animation-duration:17s}.hero-fx .b3{width:280px;height:280px;right:-60px;bottom:40px;background:var(--fun-sky);opacity:.42;animation-duration:19s}@keyframes blob-drift{to{transform:translate(40px,30px) scale(1.12)}}.hero-fx .spark{position:absolute;width:22px;height:22px;background:linear-gradient(135deg,#FFF3C4,var(--fun-sun));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle 3.2s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,214,102,.9))}.hero-fx .s1{left:8%;top:18%}.hero-fx .s2{left:44%;top:9%;width:14px;height:14px;animation-delay:.8s}.hero-fx .s3{right:9%;top:16%;width:28px;height:28px;animation-delay:1.4s}.hero-fx .s4{right:4%;bottom:26%;width:16px;height:16px;animation-delay:.4s}.hero-fx .s5{left:3%;bottom:22%;width:18px;height:18px;animation-delay:2s}.hero-fx .s6{left:50%;bottom:14%;width:12px;height:12px;animation-delay:1.1s}@keyframes twinkle{0%,to{transform:scale(.55) rotate(0);opacity:.55}50%{transform:scale(1.15) rotate(45deg);opacity:1}}.hero .chip-light{animation:wobble 4.5s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg) translateY(-2px)}}.hero h1{text-shadow:0 4px 0 rgba(61,10,20,.35),0 12px 30px rgba(0,0,0,.25)}.hero h1:after{width:120px;height:6px;background:linear-gradient(90deg,var(--fun-sun),var(--fun-coral),var(--fun-berry),transparent)}.hero-stats dd{background:linear-gradient(180deg,#FFF1BF,var(--fun-sun));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-book-stage{animation:book-bob 6s ease-in-out infinite}@keyframes book-bob{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}}.btn{transition:transform .25s var(--spring),box-shadow .2s,background .15s,color .15s,border-color .15s}.btn:hover:not(:disabled){transform:translateY(-2px) scale(1.04)}.btn:active:not(:disabled){transform:scale(.97)}.btn-gold{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffd36b,#f2a31b);color:#4a0d19;box-shadow:0 8px 18px -6px #f2a31bbf,inset 0 1px #fff9}.btn-gold:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-18deg);animation:shine 4.2s ease-in-out infinite}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.ribbon{overflow:hidden;margin:30px 0 0;padding:14px 0;background:linear-gradient(90deg,#fff4d6,#ffe6ea,#e2f6ef,#e3f1fc,#fff4d6);border-block:2px dashed rgba(110,20,35,.18);transform:rotate(-.6deg)}.ribbon-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.ribbon:hover .ribbon-track{animation-play-state:paused}.ribbon-set{display:flex;gap:14px;padding-right:14px}.rb{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;font-weight:750;font-size:.95rem;color:#fff;white-space:nowrap;box-shadow:0 4px #00000024}.rb:before{content:"\2726";opacity:.85}.rb-0{background:var(--fun-coral)}.rb-1{background:var(--fun-mint)}.rb-2{background:#e9a10f}.rb-3{background:var(--fun-sky)}.rb-4{background:var(--fun-berry)}.rb-5{background:var(--fun-grape)}@keyframes marquee{to{transform:translate(-50%)}}.eyebrow{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--fun-sun);color:#4a0d19;font-weight:800;letter-spacing:.08em;transform:rotate(-2deg);box-shadow:0 3px #0000001f}.eyebrow:before{display:none}.section-head h2{position:relative;width:fit-content}.section-head h2:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='9' viewBox='0 0 28 9'%3E%3Cpath d='M0 5 Q7 0 14 5 T28 5' fill='none' stroke='%23F26A4B' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:28px 9px}.section-head h2+p,.section-head p.muted{margin-top:16px}.feature{transition:transform .3s var(--spring),box-shadow .2s}.feature:hover{transform:translateY(-6px) rotate(-.8deg);box-shadow:var(--shadow-lg)}.feature:nth-child(1) .feature-ic{background:linear-gradient(135deg,#FF8A5C,var(--fun-coral))}.feature:nth-child(2) .feature-ic{background:linear-gradient(135deg,#46D1AE,var(--fun-mint))}.feature:nth-child(3) .feature-ic{background:linear-gradient(135deg,#8E78E6,var(--fun-grape))}.feature-ic{color:#fff;box-shadow:0 6px #0000001f;transition:transform .4s var(--spring)}.feature:hover .feature-ic{transform:rotate(-10deg) scale(1.12)}.cat-card{transition:transform .3s var(--spring),box-shadow .2s;border-width:2px;border-color:color-mix(in srgb,var(--cc) 35%,transparent)}.cat-card:hover{transform:translateY(-8px) rotate(-1.2deg);box-shadow:0 22px 36px -16px color-mix(in srgb,var(--cc) 70%,transparent)}.cat-card:nth-child(2):hover{transform:translateY(-8px) rotate(1.2deg)}.cat-card:nth-child(1){--cc: var(--fun-coral) !important}.cat-card:nth-child(2){--cc: var(--fun-mint) !important}.cat-card:nth-child(3){--cc: #E9A10F !important}.cat-ic{transition:transform .4s var(--spring)}.cat-card:hover .cat-ic{transform:scale(1.2) rotate(-12deg)}.prov-card{transition:transform .3s var(--spring),box-shadow .2s}.prov-card:hover{transform:translateY(-5px) scale(1.03)}.prov-dot{animation:dot-pulse 2.4s ease-in-out infinite}@keyframes dot-pulse{50%{transform:scale(1.5);box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 22%,transparent)}}.story-card{--cat: var(--marun);position:relative;transition:transform .35s var(--spring),box-shadow .25s;border-radius:22px;border:2px solid color-mix(in srgb,var(--cat) 22%,#fff)}.story-card[data-cat=Legenda]{--cat: var(--fun-coral)}.story-card[data-cat=Fabel]{--cat: var(--fun-mint)}.story-card[data-cat=Dongeng]{--cat: #E9A10F}.story-card[data-cat=Mitos]{--cat: var(--fun-grape)}.story-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 24px 40px -18px color-mix(in srgb,var(--cat) 75%,transparent)}.grid-cards>:nth-child(2n).story-card:hover{transform:translateY(-8px) rotate(1deg)}.sc-cat{align-self:start;justify-self:start;padding:3px 12px;border-radius:999px;background:var(--cat);color:#fff;font-weight:800;font-size:.7rem;letter-spacing:.06em;box-shadow:0 3px #00000024}.sc-more{transition:background .15s,color .15s}.story-card:hover .sc-more{background:var(--cat)}.rank-badge{background:linear-gradient(180deg,#ffd36b,#f2a31b)!important;color:#4a0d19!important;font-weight:900;border-radius:12px!important;box-shadow:0 4px #0003;transform:rotate(-6deg)}.fav-btn{transition:transform .3s var(--spring)}.fav-btn:hover{transform:scale(1.2)}.fav-btn.on{animation:heart-pop .5s var(--spring)}@keyframes heart-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.steps li:nth-child(1) .step-n{background:var(--fun-coral);color:#fff}.steps li:nth-child(2) .step-n{background:var(--fun-mint);color:#fff}.steps li:nth-child(3) .step-n{background:var(--fun-sky);color:#fff}.step-n{box-shadow:0 4px #0003;transition:transform .35s var(--spring)}.steps li:hover .step-n{transform:rotate(-12deg) scale(1.18)}.cta-band{position:relative;overflow:hidden}.cta-band:before,.cta-band:after{content:"";position:absolute;width:26px;height:26px;background:linear-gradient(135deg,#FFF3C4,var(--fun-sun));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle 3s ease-in-out infinite;pointer-events:none}.cta-band:before{right:38%;top:16px}.cta-band:after{left:46%;bottom:14px;width:16px;height:16px;animation-delay:1.3s}.reader{background:radial-gradient(800px 520px at 50% 42%,rgba(255,193,59,.16) 0%,transparent 62%),radial-gradient(900px 600px at 50% 40%,#6a1527,#2c0610 78%)}@media(max-width:720px){.hero-fx .blob{filter:blur(34px)}.hero-fx .b1{width:220px;height:220px}.hero-fx .b2{width:200px;height:200px}.hero-fx .b3{display:none}.ribbon{transform:none;margin-top:22px}}@media(prefers-reduced-motion:reduce){.hero-fx .blob,.hero-fx .spark,.hero .chip-light,.hero-book-stage,.btn-gold:after,.ribbon-track,.prov-dot,.cta-band:before,.cta-band:after{animation:none!important}.btn:hover:not(:disabled),.story-card:hover,.cat-card:hover,.feature:hover{transform:none}}


/* Sampul detail mengikuti desain sampul pada buku flipbook */
.detail-cover-book {
  isolation: isolate;
  border: 4px solid #641526;
  border-radius: 9px;
  background: #123f31;
  box-shadow:
    inset 0 0 0 1px rgba(244, 199, 105, .35),
    0 3px 0 #390b16,
    0 18px 34px rgba(0, 0, 0, .42);
}
.detail-cover-book::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 5px;
  border: 1px solid rgba(235, 190, 92, .24);
  border-radius: 3px;
  pointer-events: none;
}
.detail-cover-book .cover-fit {
  inset: 0;
  background: #123f31;
}
.detail-cover-book .cover-bg { display: none; }
.detail-cover-book .cover-main {
  object-fit: cover;
  filter: saturate(.94) contrast(1.04);
}
.detail-cover-copy {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0;
  padding: 0 9% 9%;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    transparent 54%,
    rgba(5, 35, 26, .08) 64%,
    rgba(5, 35, 26, .38) 100%
  );
}
.detail-cover-copy strong {
  display: block;
  max-width: 100%;
  margin-bottom: 17%;
  color: #fffaf0;
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 2.1vw, 1.65rem);
  font-weight: 800;
  line-height: 1.08;
  text-shadow: 0 2px 8px rgba(0,0,0,.36);
}
.detail-cover-copy span {
  color: #f4bd4c;
  font-size: clamp(.62rem, 1vw, .88rem);
  font-weight: 650;
  text-shadow: 0 1px 5px rgba(0,0,0,.45);
}
.detail-cover-curl {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  width: 22%;
  aspect-ratio: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  background: linear-gradient(135deg, #fffdf4 0%, #eee5d0 47%, #b9a987 49%, #d9ceb4 52%, #c9b995 100%);
  box-shadow: -4px -4px 9px rgba(0,0,0,.2);
}
.detail-cover-curl::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 48%, rgba(91,65,31,.3) 49%, transparent 52%);
}
@media (max-width: 640px) {
  .detail-cover-copy strong { font-size: clamp(1rem, 5vw, 1.45rem); }
  .detail-cover-copy span { font-size: .7rem; }
}