@import url('/static/fonts.css');
:root{--bg:#fbfaf6;--ink:#273f35;--green:#2c5545;--muted:#777c73;--line:#e4e5dc;--light:#eef1e7;--cream:#f3ecd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#65806c}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #be994b;outline-offset:4px}.header{height:100px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:29px;letter-spacing:-1.3px;font-weight:800}.brand-icon{width:38px;height:36px;border-radius:12px 12px 12px 3px;background:var(--green);color:var(--bg);font-size:31px;line-height:31px;text-align:center;margin-right:10px;font-weight:500}.brand-icon span{font-size:20px;vertical-align:middle}.brand .dot{color:#b39964}nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:13px;font-weight:600}.button{border:1px solid var(--green);background:var(--green);color:#fff!important;padding:14px 23px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:600;font-size:14px;min-height:48px;transition:background .15s}.button:hover{background:#1d4132}.button.small{padding:10px 17px;min-height:40px;font-size:13px;gap:8px}.button.secondary{background:transparent;color:var(--green)!important}.button.danger{background:#fff4ef;border-color:#e7c3b6;color:#9c4033!important}main{min-height:65vh}.hero{max-width:1240px;margin:auto;padding:75px 40px 64px;display:grid;grid-template-columns:1.28fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#627063}.live-dot{width:7px;height:7px;border-radius:50%;background:#688970}.hero h1,.page-title{font-family:Georgia,'Times New Roman',serif;font-size:62px;line-height:1.14;letter-spacing:-2.5px;font-weight:400;margin:25px 0 20px}em{color:#83916d;font-weight:400}.hero-copy>p{color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:12px;font-weight:600}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;color:#80867b;margin-top:27px}.hero-note>span{font-size:20px;color:var(--green)}.hero-note i{font-style:normal}.hero-art{position:relative;height:385px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #e1e4d5;border-radius:50%;width:330px;height:330px;transform:rotate(-25deg)}.orbit-two{width:405px;height:245px;transform:rotate(-39deg)}.hero-art:before{content:'';position:absolute;background:#edf0e3;width:300px;height:300px;border-radius:50%}.quote-card{background:#f6edda;width:267px;padding:21px 28px 22px;transform:rotate(-5deg);border:1px solid #e4d7b7;box-shadow:10px 15px 0 #e2e6d88a;border-radius:12px;z-index:1}.quote-mark{font-family:Georgia,serif;font-size:70px;line-height:.9;color:#a39464}.quote-card p{font-family:Georgia,serif;font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:5px 0 27px}.quote-card em{color:#8f8660}.quote-bottom{font-size:10px;padding-top:13px;border-top:1px solid #e1d6bb;color:#7c795e;display:flex;align-items:center;gap:12px}.quote-bottom span{font-size:23px}.bubble{background:#fffdf8;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 18px #33452406;padding:10px 17px;font-size:11px;z-index:2;position:absolute}.bubble-small{top:31px;right:-3px;transform:rotate(6deg)}.bubble-bottom{bottom:24px;left:24px;transform:rotate(3deg)}.bubble-bottom span{padding-left:20px;color:#ad8e62}.art-star{position:absolute;right:25px;bottom:49px;font-size:52px;color:#c8ad71}.art-flower{position:absolute;top:14px;left:20px;font-size:44px;color:#7c956f}.values{max-width:1160px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;padding:18px 10px;font-size:12px;color:#7a8173}.values span{display:flex;align-items:center;gap:12px}.values b{font-size:22px;font-weight:400;color:#6e835d}.explore{max-width:1240px;margin:auto;padding:60px 40px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-family:Georgia,serif;font-size:31px;letter-spacing:-.8px;font-weight:400;margin:10px 0}.heading-row>.muted{font-size:11px}.muted{color:var(--muted)}.section-heading>p{font-size:13px;margin:4px 0 25px}.search{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 8px 7px 17px}.search>span{font-size:25px;color:#8b9485}.search input{border:0;background:transparent;flex:1;min-width:0;padding:5px;font-size:13px;outline-offset:0}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 28px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 13px;border:1px solid var(--line);border-radius:30px;font-size:11px;color:#747a70;background:#fff}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.sort select{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px;max-width:120px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:24px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.story-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #354b3510}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px}.tag{font-size:10px;padding:4px 10px;background:#edf0e4;border-radius:5px;display:inline-block;color:#63744f}.tag-1{background:#f5e8e3;color:#a07a71}.tag-2{background:#f2ecd9;color:#9a8547}.tag-3{background:#e8eef4;color:#6f8196}.tag-4{background:#eee8f0;color:#86758b}.tag-5{background:#e4efed;color:#59857c}.story-card h3{font-family:Georgia,serif;font-size:23px;line-height:1.35;font-weight:400;letter-spacing:-.3px;margin:21px 0 13px;overflow-wrap:anywhere}.excerpt{font-size:12px;line-height:1.9;color:#818378;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-author{display:flex;align-items:center;gap:10px;margin-top:auto}.avatar{border-radius:50%;width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:#edf0e6;color:#7b8a69;font-family:Georgia,serif}.card-author b{font-size:10px;font-weight:600}.card-author small{display:block;color:#969a90;font-size:9px}.card-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#7f8879}.empty{text-align:center;border:1px dashed #ccd3c1;border-radius:12px;padding:45px 25px;background:#f4f5ed}.empty-icon{font-size:35px;color:#84976b;display:block}.empty h3{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:10px 0}.empty p{color:var(--muted);font-size:13px;margin:5px 0 22px}.gentle-banner{max-width:1160px;margin:0 auto 65px;background:#edf0e4;border:1px solid #e1e7d8;border-radius:12px;padding:30px 35px;display:flex;align-items:center;gap:24px}.gentle-banner>span{font-size:43px;color:#809071}.gentle-banner h2{font-size:25px;margin:0}.gentle-banner p{font-size:11px;color:#849079;margin:5px 0}.gentle-banner a{font-size:12px;margin-left:auto;white-space:nowrap}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:30px 40px 24px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .brand{font-size:23px}footer>span{font-size:11px;color:#929689}footer>div{margin-left:auto;display:flex;gap:20px;font-size:11px;color:#747d6c}footer small{flex-basis:100%;font-size:9px;color:#9a9d93;padding-top:5px}.narrow{max-width:810px;margin:55px auto 75px;padding:0 25px}.page-title{font-size:46px;letter-spacing:-1.5px}.back{display:inline-block;font-size:12px;margin-bottom:30px;color:var(--muted)}.panel{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fffefa;margin:20px 0}.form-stack{display:flex;flex-direction:column;gap:12px}.form-stack label{font-size:13px;font-weight:600;margin-top:10px}input,select,textarea{border:1px solid #d9dfd3;border-radius:7px;padding:12px 14px;background:#fff;color:var(--ink);width:100%}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:#9b9f95;font-size:13px}.form-stack small{font-size:11px}.form-stack .button{align-self:flex-start;margin-top:10px}.notice{background:var(--light);padding:15px 17px;border-radius:7px;color:#6d7d61;font-size:12px;margin:5px 0}.check{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px!important;font-weight:400!important}.check input{width:16px;height:16px;flex-shrink:0}.check a{text-decoration:underline}.flash{max-width:1160px;margin:20px auto 0;padding:13px 20px;border-radius:7px;background:#e9f0e1;font-size:13px}.flash.error{background:#f8e7e1;color:#9b463c}.story-detail h1{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.25;overflow-wrap:anywhere}.story-detail .card-author{padding-bottom:20px;border-bottom:1px solid var(--line)}.anonymous{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:2px 10px;margin-left:auto;color:var(--muted)}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95}.story-detail .prose{padding:28px 0}.detail-bottom{padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;gap:15px}#komentar{padding-top:25px}#komentar>p{font-size:13px}.comment .prose{font-size:14px}.comment>a{font-size:11px}.compact{padding:25px}.guide h2{font-size:26px;margin-top:30px}.guide h2:first-child{margin-top:0}.guide p{font-size:14px;color:#737e6d}.login{max-width:510px}.pagination{display:flex;justify-content:center;gap:25px;margin-top:30px;font-size:13px}.admin-page{max-width:1080px;margin:45px auto 65px;padding:0 25px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-row small{display:block;color:var(--muted);font-size:11px}.admin-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:16px}.admin-actions>a{font-size:12px}summary{cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}
@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:80px}}
@media(max-width:1000px){.hero{gap:10px}.hero h1{font-size:51px}.hero-art{transform:scale(.88)}.hero-actions{gap:15px}.hero-note{gap:8px;font-size:9px}.values{margin:0 35px}.story-grid{grid-template-columns:repeat(2,1fr)}.gentle-banner{margin-left:35px;margin-right:35px}.filter-row{align-items:flex-start}.heading-row>.muted{white-space:nowrap}.desktop{display:none}}
@media(max-width:700px){.header{height:78px;padding:0 22px}.brand{font-size:25px}.brand-icon{width:32px;height:32px;font-size:27px}.nav-link{display:none}nav{gap:0}.hero{padding:42px 24px 25px;grid-template-columns:1fr}.hero h1{font-size:49px;margin-top:19px}.hero-copy>p{font-size:13px}.hero-actions{gap:18px}.text-link{font-size:11px}.hero-note{font-size:9px;gap:8px;margin-top:23px}.hero-art{height:320px;max-width:360px;width:100%;margin:5px auto 0;transform:scale(.9)}.quote-card{width:240px;padding:19px 25px}.quote-card p{font-size:25px}.orbit{width:285px;height:285px}.orbit-two{width:350px;height:220px}.bubble-small{right:-7px;top:2px}.bubble-bottom{left:-8px;bottom:0}.art-star{right:0;bottom:29px}.art-flower{top:0;left:0}.values{margin:0 24px;padding:14px 0;gap:8px;justify-content:center}.values span{font-size:9px;gap:5px}.values span:last-child{display:none}.values b{font-size:19px}.explore{padding:38px 24px}.heading-row{align-items:flex-start}.heading-row h2{font-size:27px}.heading-row>.muted{font-size:9px;padding-top:19px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading>p{font-size:12px}.search{gap:4px;padding-left:10px}.search input{font-size:12px}.search .button{padding:8px 13px}.filter-row{flex-direction:column;gap:8px;margin-bottom:19px}.chips{gap:6px}.chip{font-size:10px;padding:6px 11px}.sort{align-self:flex-end}.story-grid{grid-template-columns:1fr;gap:15px}.story-card{padding:23px}.story-card h3{font-size:25px}.excerpt{font-size:13px}.card-author b{font-size:11px}.card-author small{font-size:10px}.card-bottom{font-size:11px}.gentle-banner{margin:0 24px 35px;padding:23px;display:block}.gentle-banner>span{font-size:30px}.gentle-banner h2{font-size:25px;line-height:1.3}.gentle-banner p{margin:10px 0 16px;font-size:12px}.gentle-banner a{font-size:12px}footer{padding:25px 24px;gap:10px 20px}footer>span{font-size:10px}footer>div{margin-left:0;flex-basis:100%;margin-top:6px}.narrow{margin:35px auto 45px;padding:0 20px}.page-title{font-size:38px}.panel{padding:22px}.story-detail h1{font-size:31px}.prose{font-size:14px}.form-stack .button{width:100%}.empty{padding:30px 18px}.empty h3{font-size:24px}.empty p{font-size:12px}.admin-page .heading-row{display:block}.admin-row{align-items:flex-start}.admin-row b{font-size:13px}.flash{margin:15px 20px 0}.pagination{font-size:11px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}