@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#101014;--surface:#19191f;--surface2:#202027;--line:#2b2a34;--text:#f1eff7;--muted:#9693a5;--purple:#a688f7;--accent:#9067e8;--header:#101014eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f6fa;--surface:#fff;--surface2:#f0edf5;--line:#e2deea;--text:#24202f;--muted:#70697e;--purple:#7952ca;--accent:#8052d5;--header:#f7f6faf0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,a,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--purple)}button,a{transition:background .18s,color .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}a:hover{color:var(--purple)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}select{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:9px;max-width:100%;padding:9px}textarea,input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px;width:100%;padding:15px}textarea{resize:vertical;line-height:1.75}textarea::placeholder{color:var(--muted)}label{color:var(--muted);flex-direction:column;gap:7px;font-size:12px;display:flex}.site-header{border-bottom:1px solid var(--line);background:var(--header);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:83px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:30px;max-width:1240px;height:100%;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:10px;font-size:29px;font-weight:800;display:inline-flex}.brand svg,.brand-dot{color:var(--purple)}nav{align-items:center;gap:28px;height:100%;margin-left:42px;margin-right:auto;display:flex}nav button{height:100%;color:var(--muted);align-items:center;gap:8px;padding:0;font-size:13px;display:flex;position:relative}nav button.nav-active{color:var(--text)}nav .nav-active:after{content:"";background:var(--purple);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:18px;display:flex}.language-select{color:var(--muted);flex-direction:row;align-items:center;gap:5px;display:flex}.language-select select{appearance:none;width:67px;color:var(--text);background:0 0;border:0;padding:6px 2px;font-size:12px}.language-select option{background:var(--surface)}.primary,.secondary{white-space:normal;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 19px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:#fff;border:1px solid #ae8bf050;box-shadow:0 3px 12px #9067e815}.primary:hover{background:#9c75ef}.secondary{border:1px solid var(--line);background:var(--surface)}.header-write{padding:10px 15px;font-size:12px}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface2)}.shell{max-width:1140px;margin:auto;padding:0 28px}.hero{text-align:center;isolation:isolate;padding:66px 0 53px;position:relative;overflow:hidden}.hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(#7b48c31c,#0000 65%);width:700px;height:430px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-tag{letter-spacing:2px;color:#b6a1d6;background:#9067e811;border:1px solid #9067e82e;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 11px;font-size:10px;font-weight:600;display:inline-flex}.hero-tag span,.live-dot{background:var(--purple);border-radius:50%;width:5px;height:5px;display:inline-block}.hero h1{letter-spacing:-2.2px;margin-bottom:18px;font-size:clamp(38px,4.7vw,57px);font-weight:800;line-height:1.2}.hero h1>span{color:var(--purple)}.hero>p{color:var(--muted);max-width:440px;margin:0 auto 25px;font-size:14px;line-height:1.8}.hero-actions{justify-content:center;gap:12px;display:flex}.privacy-line{color:var(--muted);justify-content:center;align-items:center;gap:6px;max-width:560px;margin:18px auto 0;font-size:10px;display:flex}.floating-ghost{color:#a688f744;z-index:-1;background:#a688f708;border:1px solid #a688f71c;border-radius:24px;padding:20px;position:absolute;transform:rotate(-15deg)}.ghost-one{top:104px;left:65px}.ghost-two{padding:18px;top:205px;right:80px;transform:rotate(16deg)}.content-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px;margin:0 0 65px;display:grid}.feed-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.feed-top h2{letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.feed-caption{color:var(--muted);font-size:10px}.live-dot{background:#9ed3a7;width:6px;height:6px;box-shadow:0 0 8px #9ed3a744}.tabs{border-bottom:1px solid var(--line);gap:6px;padding-bottom:12px;display:flex}.tabs button{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:9px 13px;font-size:12px;display:flex}.tabs button.active{color:#bb9ffa;background:#a688f715}.tabs button:hover{background:var(--surface)}.category-row{flex-wrap:wrap;gap:7px;margin:17px 0 23px;display:flex}.category-row button{border:1px solid var(--line);color:var(--muted);border-radius:24px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:flex}.category-row button.selected{background:var(--text);border-color:var(--text);color:var(--bg)}.story-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:17px;padding:23px;animation:.25s appear}.story-top{align-items:center;gap:11px;margin-bottom:20px;display:flex}.avatar{color:#b89ee3;background:#9d72dd19;border:1px solid #a688f71c;border-radius:12px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.avatar-funny{color:#d9bd78;background:#dcb75c17}.avatar-life{color:#86b99b;background:#79b69218}.avatar-love{color:#d293b9;background:#da7baf18}.story-author{min-width:0}.story-author strong{font-size:11px;font-weight:600}.story-author strong span{color:var(--muted);font-weight:400}.story-author>div{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:2px;font-size:9px;display:flex}.category-badge{color:#c1a6ee;white-space:nowrap;background:#a688f710;border-radius:5px;margin-left:auto;padding:3px 8px;font-size:9px}.category-badge.funny{color:#d7ba75;background:#d7ba7510}.category-badge.love{color:#d598b9;background:#d598b910}.story-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:0 0 21px;font-size:15px;line-height:1.85}.reactions{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.reactions button{background:var(--surface2);border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;display:flex}.reactions button span{font-size:15px}.reactions .chosen,.vote-panel .chosen{border-color:var(--purple);color:var(--purple);background:#a688f715}.story-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:10px;display:flex}.story-bottom a{align-items:center;gap:6px;display:flex}.story-bottom>div{gap:15px;display:flex}.story-bottom button{color:var(--muted);padding:3px;display:inline-flex}aside{padding-top:3px}.daily-card{color:#f1eafa;background:linear-gradient(130deg,#281d3d,#1c1927);border:1px solid #7c59af50;border-radius:14px;margin-bottom:20px;padding:23px}.side-label{color:#c6a9f7;align-items:center;gap:7px;font-size:11px;display:flex}.side-label>span{margin-left:auto}.quote-mark{color:#a281db;height:54px;margin-top:18px;font:70px Georgia,serif}.daily-card h3{letter-spacing:-.5px;margin-bottom:12px;font-size:22px;font-weight:650;line-height:1.5}.daily-card p{color:#aa98bd;font-size:11px}.daily-card button{color:#d7bffd;background:#a688f716;border:1px solid #755a9e66;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:11px 12px;font-size:11px;display:flex}.kindness-card{border:1px solid var(--line);border-radius:14px;padding:22px}.kindness-icon{color:#aaa1c2;background:var(--surface2);border-radius:11px;place-items:center;width:37px;height:37px;margin-bottom:15px;display:grid}.kindness-card h3{letter-spacing:-.3px;margin-bottom:9px;font-size:16px}.kindness-card p{color:var(--muted);margin-bottom:15px;font-size:12px;line-height:1.9}.kindness-card a{color:var(--purple);align-items:center;gap:7px;font-size:11px;display:flex}.aside-footer{color:var(--muted);padding:22px 5px;font-size:10px;line-height:2}.aside-footer a{margin-right:13px}.aside-footer p{margin:8px 0 0}.aside-footer>span{opacity:.65;font-size:9px}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:15px;margin-bottom:16px;padding:52px 30px}.empty-state>svg{color:var(--purple);margin-bottom:15px}.empty-state h3{letter-spacing:-.7px;margin-bottom:12px;font-size:23px}.empty-state p{color:var(--muted);max-width:365px;margin:0 auto 24px;font-size:13px}.setup-state{background:radial-gradient(ellipse at 50% 0, #9362de0b, transparent 75%), var(--surface)}.empty-icon{width:75px;height:75px;color:var(--purple);background:#a688f70c;border:1px solid #a688f733;border-radius:24px;place-items:center;margin:0 auto 20px;display:grid;transform:rotate(-7deg)}.tiny-label{letter-spacing:2px;color:var(--purple);margin-bottom:14px;font-size:9px;display:block}.setup-path{color:var(--muted);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:8px 12px;font-size:10px;display:inline-block}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:35px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--purple);border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin}.load-more{margin:8px auto 0;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:26px max(28px,50vw - 542px);font-size:11px;display:flex}.site-footer .brand{font-size:22px}.site-footer>div{gap:18px;display:flex}.world-filter{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:15px;margin-bottom:20px;padding:18px;display:flex}.world-filter>svg{color:var(--purple)}.world-filter label{flex:1}.text-button{color:var(--purple);padding:5px 8px;font-size:11px}.back-link{color:var(--muted);align-items:center;gap:8px;margin:34px 0 25px;font-size:12px;display:inline-flex}.vote-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.vote-panel h3{font-size:16px}.vote-panel>div{gap:10px;display:flex}.vote-panel button{border:1px solid var(--line);border-radius:8px;flex:1;padding:12px;font-size:12px}.vote-panel small{color:var(--muted);margin-top:9px;font-size:10px;display:block}.translation-link{color:var(--purple);align-items:center;gap:5px;margin:-7px 0 17px;padding:0;font-size:10px;display:flex}.translation-note{color:var(--muted);margin:-7px 0 16px;font-size:10px;display:block}.comments{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.comments-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.comments-heading h3{margin:0;font-size:17px}.comments-heading select{font-size:10px}.comment{border-bottom:1px solid var(--line);padding:19px 0}.comment.is-reply{border-left:2px solid #a688f72f;padding-left:20px}.comment-meta{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.comment-meta svg{color:var(--purple)}.comment-meta time{margin-left:auto;font-size:9px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px}.replying{color:var(--purple);gap:10px;margin:10px 0;font-size:11px;display:flex}.replying button{text-decoration:underline}.muted{color:var(--muted);font-size:12px}dialog{border:1px solid var(--line);background:var(--surface);width:min(590px,100vw - 28px);color:var(--text);border-radius:18px;max-height:90dvh;padding:0;box-shadow:0 25px 120px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050409b3}.dialog-content{padding:27px}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dialog-head h2{letter-spacing:-.6px;margin:0;font-size:22px}.composer-identity{align-items:center;gap:11px;margin-bottom:20px;display:flex}.composer-identity strong{font-size:12px}.composer-identity small{color:var(--muted);max-width:380px;font-size:10px;display:block}.character-count{text-align:right;color:var(--muted);margin:4px 0 16px;font-size:10px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.language-field{max-width:220px;margin:15px 0}.form-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;display:flex}.form-actions small{color:var(--muted);font-size:10px}.form-error{color:#ed9eaf;margin:14px 0;font-size:12px}.form-note{color:var(--muted);border:1px solid #a688f72c;border-radius:9px;padding:12px;font-size:11px}.preview-body{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:12px;min-height:200px;padding:18px;font-size:16px}.toast{z-index:100;background:var(--surface2);border:1px solid #a688f77a;border-radius:11px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 30px);padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 60px #0005}.toast>svg{color:var(--purple);flex-shrink:0}.toast button{font-size:19px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}blockquote{border-left:2px solid var(--purple);color:var(--purple);background:#a688f709;margin:0 0 20px;padding:10px 15px}.legal{max-width:750px;margin:55px auto;padding:0 25px 70px}.legal h1{margin-top:35px}.legal h2{margin-top:30px;font-size:20px}.legal p,.legal li{color:var(--muted);line-height:1.9}.legal a{color:var(--purple)}.admin{max-width:950px;margin:40px auto;padding:0 25px}.admin-login{max-width:400px;margin-top:35px}.admin-login button{margin-top:18px}.admin-toolbar{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.admin-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:20px}.admin-item p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-item .form-actions{flex-wrap:wrap;justify-content:flex-start}.admin-item small{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1400px){.hero{padding-top:80px;padding-bottom:65px}.hero h1{font-size:60px}}@media (max-width:1000px){nav{gap:20px;margin-left:10px}.header-inner{gap:20px}.header-actions{gap:10px}.content-grid{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.tabs{gap:1px}.tabs button{padding:8px 9px;font-size:11px}.ghost-one{left:15px}.ghost-two{right:15px}.feed-caption{display:none}.daily-card{padding:19px}.daily-card h3{font-size:20px}}@media (max-width:760px){.site-header{height:69px}.header-inner{padding:0 20px}.brand{font-size:26px}.brand svg{width:25px}nav{display:none}.header-actions{margin-left:auto}.header-write{padding:9px;font-size:0}.header-write svg{width:19px;height:19px}.shell{padding:0 18px}.content-grid{grid-template-columns:1fr}.hero{padding:42px 0 36px}.hero h1{letter-spacing:-1.7px;font-size:41px}.hero>p{max-width:320px;font-size:12px}.hero-tag{letter-spacing:1.7px;font-size:8px}.hero-actions .primary,.hero-actions .secondary{padding:11px 14px;font-size:11px}.privacy-line{align-items:flex-start;max-width:290px;font-size:9px}.privacy-line svg{flex-shrink:0;margin-top:2px}.floating-ghost{display:none}.feed-top h2{font-size:18px}.tabs{overflow:auto}.tabs button{flex-shrink:0;padding:9px 11px;font-size:11px}.category-row{gap:6px}.category-row button{padding:5px 9px;font-size:10px}.story-card{padding:19px}.story-body{font-size:14px}.daily-card{margin-top:5px}.daily-card h3{max-width:400px}.quote-mark{margin-top:10px}.aside-footer{display:none}.site-footer{flex-wrap:wrap;gap:15px;padding:22px}.site-footer>span{display:none}.empty-state{padding:35px 18px}.empty-state h3{font-size:21px}.dialog-content{padding:20px}.form-row{grid-template-columns:1fr}.dialog-head h2{font-size:19px}.language-select select{width:63px}.theme-toggle{width:26px}.header-actions{gap:8px}.reactions button{padding:5px 9px}.story-top{gap:8px}.category-badge{padding:3px 5px;font-size:8px}.story-author strong{font-size:10px}.story-author>div{font-size:8px}.world-filter{flex-wrap:wrap}.toast{bottom:15px}.vote-panel button,.form-actions .primary{font-size:11px}.site-footer .brand{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:760px){.site-header{height:auto}.header-inner{flex-wrap:wrap;gap:0;padding-top:12px}.header-inner nav{order:3;gap:24px;width:100%;height:40px;margin:7px 0 0;display:flex}.header-inner nav button{font-size:11px}.header-actions{gap:9px}.hero{padding-top:32px}}.feed-column,aside{min-width:0}