:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background-hsl:39 35% 93%;--background:hsl(var(--background-hsl));--foreground-hsl:25 30% 25%;--foreground:hsl(var(--foreground-hsl));--card-hsl:40 40% 97%;--card:hsl(var(--card-hsl));--primary-hsl:25 60% 45%;--primary:hsl(var(--primary-hsl));--primary-foreground-hsl:40 40% 97%;--primary-foreground:hsl(var(--primary-foreground-hsl));--secondary-hsl:200 15% 75%;--secondary:hsl(var(--secondary-hsl));--secondary-foreground-hsl:25 30% 25%;--secondary-foreground:hsl(var(--secondary-foreground-hsl));--muted-hsl:30 20% 80%;--muted:hsl(var(--muted-hsl));--muted-foreground-hsl:25 20% 45%;--muted-foreground:hsl(var(--muted-foreground-hsl));--accent-hsl:45 80% 85%;--accent:hsl(var(--accent-hsl));--accent-foreground-hsl:25 45% 28%;--accent-foreground:hsl(var(--accent-foreground-hsl));--destructive-hsl:0 60% 50%;--destructive:hsl(var(--destructive-hsl));--destructive-foreground-hsl:40 40% 97%;--destructive-foreground:hsl(var(--destructive-foreground-hsl));--success-hsl:145 45% 45%;--success:hsl(var(--success-hsl));--success-foreground-hsl:40 40% 97%;--success-foreground:hsl(var(--success-foreground-hsl));--warning-hsl:38 80% 47%;--warning:hsl(var(--warning-hsl));--border-hsl:30 25% 75%;--border:hsl(var(--border-hsl));--ring-hsl:25 60% 45%;--ring:hsl(var(--ring-hsl));--radius:1rem;--bg-primary:var(--background);--bg-secondary:#eae3d7;--bg-card:var(--card);--bg-elevated:#f7f4ed;--bg-hover:#f9edc8;--bg-input:#f9f6f1;--border-light:#c2ad99;--text-primary:var(--foreground);--text-secondary:#6c5342;--text-muted:var(--muted-foreground);--accent-hover:#9b5727;--accent-glow:hsl(var(--ring-hsl) / .16);--accent-soft:hsl(var(--accent-hsl) / .62);--danger:var(--destructive);--danger-hover:#ae2929;--gradient-1:linear-gradient(135deg, var(--primary) 0%, #d48535 55%, #ecc551 100%);--gradient-2:linear-gradient(135deg, #faf8f4 0%, #eae3d7 100%);--gradient-text:linear-gradient(135deg, #8f5024, #bd7f28, #bf9518);--paper-line:#a5b7c038;--paper-margin:#e085852e;--paper-speckle:#b48c6414;--qris-surface:#fff;--reader-nav-bg:hsl(var(--background-hsl) / .86);--shadow-paper:2px 3px 8px #99806626;--shadow-card:1px 2px 6px #9980661a;--shadow-sm:var(--shadow-card);--shadow-md:var(--shadow-paper);--shadow-lg:8px 12px 28px #775c402e;--shadow-glow:0 0 0 4px hsl(var(--accent-hsl) / .38);--radius-sm:calc(var(--radius) * .75);--radius-md:var(--radius);--radius-lg:calc(var(--radius) * 1.25);--radius-xl:calc(var(--radius) * 1.5);--font-sans:"Inter", system-ui, sans-serif;--font-handwritten:"Patrick Hand", "Caveat", cursive;--font-reading:"Lora", "EB Garamond", Georgia, serif;--font-serif:var(--font-handwritten);--font-mono:ui-monospace, "JetBrains Mono", monospace;--transition:.2s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--reader-width:680px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-hsl:25 20% 12%;--background:hsl(var(--background-hsl));--foreground-hsl:39 35% 90%;--foreground:hsl(var(--foreground-hsl));--card-hsl:25 18% 18%;--card:hsl(var(--card-hsl));--primary-hsl:35 70% 55%;--primary:hsl(var(--primary-hsl));--primary-foreground-hsl:25 20% 12%;--primary-foreground:hsl(var(--primary-foreground-hsl));--secondary-hsl:28 16% 28%;--secondary:hsl(var(--secondary-hsl));--secondary-foreground-hsl:39 35% 90%;--secondary-foreground:hsl(var(--secondary-foreground-hsl));--muted-hsl:25 14% 28%;--muted:hsl(var(--muted-hsl));--muted-foreground-hsl:39 18% 70%;--muted-foreground:hsl(var(--muted-foreground-hsl));--accent-hsl:35 50% 30%;--accent:hsl(var(--accent-hsl));--accent-foreground-hsl:39 35% 92%;--accent-foreground:hsl(var(--accent-foreground-hsl));--destructive-hsl:0 58% 58%;--destructive:hsl(var(--destructive-hsl));--success-hsl:145 38% 52%;--success:hsl(var(--success-hsl));--border-hsl:25 15% 30%;--border:hsl(var(--border-hsl));--ring-hsl:35 70% 55%;--ring:hsl(var(--ring-hsl));--bg-secondary:#2d251f;--bg-elevated:#3f342c;--bg-hover:#584428;--bg-input:#302822;--border-light:#6f5e52;--text-secondary:#d4cbb9;--accent-hover:#ebaf5c;--accent-glow:hsl(var(--ring-hsl) / .18);--accent-soft:hsl(var(--accent-hsl) / .55);--danger-hover:#d86e6e;--gradient-1:linear-gradient(135deg, #dd9a3c 0%, #b56e30 58%, #7b4832 100%);--gradient-2:linear-gradient(135deg, #362d26 0%, #251e18 100%);--gradient-text:linear-gradient(135deg, #eee8dd, #e4aa58, #eace7b);--paper-line:#c4b4971a;--paper-margin:#dd9a3c29;--paper-speckle:#ded1ba0f;--reader-nav-bg:hsl(var(--background-hsl) / .88);--shadow-paper:2px 3px 10px #0c0a0857;--shadow-card:1px 2px 8px #0c0a0840;--shadow-lg:8px 12px 32px #0c0a086b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--background)}body{font-family:var(--font-sans);background:radial-gradient(circle at 14% 8%, var(--paper-speckle), transparent 24rem), radial-gradient(circle at 84% 12%, hsl(var(--accent-hsl) / .28), transparent 24rem), var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.font-handwritten{font-family:var(--font-handwritten);letter-spacing:0}.font-reading{font-family:var(--font-reading);font-size:18px;line-height:1.86}.paper-texture{background-image:linear-gradient(90deg, transparent 0 34px, var(--paper-margin) 35px 36px, transparent 37px), repeating-linear-gradient(180deg, transparent 0 31px, var(--paper-line) 32px 33px)}.paper-separator{color:var(--text-muted);font-family:var(--font-handwritten);justify-content:center;align-items:center;gap:12px;display:flex}.paper-separator:before,.paper-separator:after{content:"";border-top:2px dashed var(--border);flex:1;height:0}.btn{border-radius:var(--radius-sm);min-height:40px;font-family:var(--font-handwritten);border:2px solid var(--border);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-card);justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-paper);transform:translateY(-1px)rotate(-.2deg)}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover{color:var(--primary-foreground);background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-danger{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{color:var(--text-secondary);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--accent-soft);color:var(--text-primary)}.btn-sm{min-height:34px;padding:5px 13px;font-size:.92rem}.btn-lg{min-height:48px;padding:13px 26px;font-size:1.1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input,.textarea,.select{border-radius:var(--radius-sm);background:var(--bg-input);border:2px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);box-shadow:inset 0 1px 0 hsl(var(--card-hsl) / .5);outline:none;padding:10px 14px;font-size:.95rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 4px var(--accent-glow)}.textarea{resize:vertical;min-height:100px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-handwritten);color:var(--text-secondary);font-size:1rem;font-weight:600}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);overflow:hidden}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.card-body{padding:20px}.badge{font-family:var(--font-handwritten);background:var(--accent);color:var(--accent-foreground);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.9rem;font-weight:600;display:inline-flex}.badge-lock{background:hsl(var(--warning-hsl) / .16);color:var(--warning);border-color:hsl(var(--warning-hsl) / .35)}.badge-success{background:hsl(var(--success-hsl) / .14);color:var(--success);border-color:hsl(var(--success-hsl) / .32)}.badge-muted{background:hsl(var(--muted-hsl) / .65);color:var(--text-muted);border-color:var(--border)}.modal-overlay{background:hsl(var(--background-hsl) / .68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:32px;animation:.3s slideUp}.modal h2{font-family:var(--font-handwritten);margin-bottom:8px;font-size:1.8rem;line-height:1.1}.modal p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.spinner{border:2px dashed var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.skeleton,.skeleton-card{border:2px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(90deg, hsl(var(--muted-hsl) / .35), hsl(var(--card-hsl) / .8), hsl(var(--muted-hsl) / .35));box-shadow:var(--shadow-card);background-size:200% 100%;animation:1.3s linear infinite shimmer}.skeleton-card{border-radius:var(--radius-lg);min-height:160px}.prose{font-family:var(--font-reading);color:var(--text-primary);font-size:18px;line-height:1.86}.prose h1,.prose h2{font-family:var(--font-handwritten);color:var(--primary);line-height:1.15}.prose h1{margin:2.2rem 0 1rem;font-size:2rem;font-weight:700}.prose h2{margin:1.9rem 0 .8rem;font-size:1.65rem;font-weight:700}.prose h3{font-family:var(--font-handwritten);margin:1.5rem 0 .6rem;font-size:1.35rem;font-weight:700}.prose p{margin-bottom:1.35rem}.prose strong{color:var(--text-primary);font-weight:700}.prose em{color:var(--text-secondary);font-style:italic}.prose blockquote{border-left:4px solid var(--primary);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.5rem 0;padding:14px 20px;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:6px;padding:2px 8px;font-size:.88em}.prose pre{background:var(--bg-elevated);border:2px dashed var(--border);border-radius:var(--radius-sm);margin:1.5rem 0;padding:16px 20px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{border-radius:var(--radius-md);box-shadow:var(--shadow-paper);border:2px solid var(--border);margin:1.5rem 0}.prose ul,.prose ol{margin-bottom:1.2rem;padding-left:24px}.prose li{margin-bottom:.4rem}.prose hr{border:none;border-top:2px dashed var(--border);margin:2rem 0}.prose a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.4s fadeIn}.slide-up{animation:.4s slideUp}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.toast{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-paper);z-index:2000;max-width:400px;padding:12px 20px;font-size:.95rem;animation:.3s slideUp;position:fixed;bottom:24px;right:24px}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--destructive)}.admin-author-links-hidden a[href="/admin/authors"]{display:none}.theme-toggle{width:42px;min-width:42px;height:38px;font-family:var(--font-handwritten);border-radius:999px;padding:0}.story-follow-control{align-items:flex-start;display:inline-flex;position:relative}.story-follow-control--compact{width:100%}.story-follow-button{border:2px solid hsl(var(--primary-hsl) / .45);justify-content:center;min-height:44px}.story-follow-control--compact .story-follow-button{width:100%}.story-follow-button--active{box-shadow:var(--shadow-paper);font-weight:700}.story-follow-button--followed{color:var(--success);border-color:hsl(var(--success-hsl) / .36);background:hsl(var(--success-hsl) / .1);opacity:1}.story-follow-button__dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.story-follow-toast{left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:2600;border-radius:var(--radius-sm);border:2px solid var(--border);background:hsl(var(--card-hsl) / .96);width:min(420px,100vw - 32px);color:var(--text-primary);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;font-size:.9rem;line-height:1.5;animation:.22s both followToastIn;position:fixed;transform:translate(-50%)}.story-follow-toast--success{border-color:hsl(var(--success-hsl) / .38);border-left:4px solid var(--success)}.story-follow-toast--error{border-color:hsl(var(--destructive-hsl) / .38);border-left:4px solid var(--destructive)}.story-follow-toast--info{border-color:hsl(var(--warning-hsl) / .38);border-left:4px solid var(--warning)}@keyframes followToastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.pwa-install-prompt{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:2500;border:2px solid var(--border);border-radius:var(--radius-lg);background:hsl(var(--card-hsl) / .96);width:min(560px,100vw - 32px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;animation:.32s both pwaPromptIn;display:grid;position:fixed;transform:translate(-50%)}.pwa-install-prompt__icon{border-radius:var(--radius-sm);width:46px;height:46px;color:var(--primary-foreground);background:var(--primary);box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:inline-flex}.pwa-install-prompt__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.pwa-install-prompt__copy strong{font-family:var(--font-handwritten);font-size:1.2rem;line-height:1.15}.pwa-install-prompt__copy span{color:var(--text-secondary);font-size:.86rem;line-height:1.45}.pwa-install-prompt__actions{align-items:center;gap:6px;display:inline-flex}@keyframes pwaPromptIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.container{padding:0 16px}.modal{margin:16px;padding:24px}.font-reading,.prose{font-size:17px}.pwa-install-prompt{bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);align-items:start}.pwa-install-prompt__actions{grid-column:1/-1;width:100%}.pwa-install-prompt__actions .btn{flex:1;justify-content:center;min-height:44px}}