/* Ezhuthkuth Stories — minimal reading UI. Light / Dark / Paper. Mobile first, app-ready. */
:root{
	--ezk-accent:#b4532a;
	--bg:#fff;--surf:#f5f5f7;--surf2:#ebebef;--ink:#1d1d1f;--mute:#6e6e73;--line:rgba(0,0,0,.09);--card:#fff;
	--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);
	--blur:rgba(255,255,255,.78);
	--r:14px;--r2:22px;
	--ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Manjari","Noto Sans Malayalam",system-ui,sans-serif;
	--serif:"Source Serif 4","Noto Serif Malayalam","Manjari",Georgia,"Times New Roman",serif;
	--ezk-fs:19px;--ezk-lh:1.85;
	--tabh:64px;
}
html[data-theme="dark"]{--bg:#0c0c0d;--surf:#18181a;--surf2:#232326;--ink:#ececef;--mute:#9b9ba1;--line:rgba(255,255,255,.1);--card:#141416;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.35);--blur:rgba(12,12,13,.78);color-scheme:dark}
html[data-theme="paper"]{--bg:#f4ecdc;--surf:#ece2cd;--surf2:#e3d6bc;--ink:#3a2e21;--mute:#7b6a54;--line:rgba(80,55,20,.14);--card:#f8f1e3;--shadow:0 1px 2px rgba(80,55,20,.06),0 8px 24px rgba(80,55,20,.08);--blur:rgba(244,236,220,.82)}
html[data-theme="paper"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.ezk{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;padding-bottom:calc(var(--tabh) + env(safe-area-inset-bottom))}
@media(min-width:900px){body.ezk{padding-bottom:0}}
.ezk a{color:inherit;text-decoration:none}
.ezk img{max-width:100%;display:block}
.ezk button{font:inherit;color:inherit}
.ezk h1,.ezk h2,.ezk h3{margin:0;letter-spacing:-.02em;line-height:1.2}
.ezk-i{flex:none;display:block}
.ezk-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.ezk-narrow{max-width:640px}
.ezk-muted{color:var(--mute)}
.ezk-small{font-size:13px}
.ezk-c{text-align:center}
.ezk-hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}
[hidden]{display:none!important}

/* Top bar */
.ezk-top{position:sticky;top:0;z-index:40;background:var(--blur);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
body.admin-bar .ezk-top{top:32px}
@media(max-width:782px){body.admin-bar .ezk-top{top:46px}}
.ezk-top-in{display:flex;align-items:center;gap:14px;height:56px}
.ezk-brand{font:600 20px/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.ezk-nav{display:none;gap:4px;margin-left:16px}
.ezk-nav a{padding:7px 12px;border-radius:99px;font-size:14px;color:var(--mute)}
.ezk-nav a:hover,.ezk-nav a[aria-current]{color:var(--ink);background:var(--surf)}
@media(min-width:900px){.ezk-nav{display:flex}}
.ezk-actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.ezk-ib{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:99px;border:0;background:transparent;cursor:pointer;position:relative;color:var(--ink)}
.ezk-ib:hover{background:var(--surf)}
.ezk-ib:focus{outline:0}.ezk-ib:focus-visible,.ezk-btn:focus-visible,.ezk-act:focus-visible{outline:2px solid var(--ezk-accent);outline-offset:2px}
.ezk-bell i{position:absolute;top:5px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--ezk-accent);color:#fff;font:600 10px/17px var(--ui);font-style:normal}
.ezk-th-dark,.ezk-th-paper{display:none}
html[data-theme="dark"] .ezk-th-light,html[data-theme="paper"] .ezk-th-light{display:none}
html[data-theme="dark"] .ezk-th-dark{display:block}
html[data-theme="paper"] .ezk-th-paper{display:block}
.ezk-me{margin-left:4px}
.ezk-hide-m{display:none!important}
@media(min-width:700px){.ezk-hide-m{display:inline-flex!important}}
.ezk-back{margin-left:-10px}

/* Buttons */
.ezk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 20px;border-radius:99px;border:1px solid transparent;background:var(--ink);color:var(--bg)!important;font:600 15px/1 var(--ui);cursor:pointer;white-space:nowrap;transition:transform .12s,opacity .15s}
.ezk-btn:active{transform:scale(.97)}
.ezk-btn[disabled]{opacity:.5;pointer-events:none}
.ezk-btn-s{height:34px;padding:0 14px;font-size:14px}
.ezk-btn-b{width:100%;height:48px}
.ezk-btn-ghost{background:transparent;color:var(--ink)!important;border-color:var(--line)}
.ezk-btn-ghost:hover{background:var(--surf)}
.ezk-btn-red{background:#d70015;color:#fff!important}

/* Avatars */
.ezk-av{border-radius:50%;object-fit:cover;flex:none;background:var(--surf2)}
.ezk-av-i{display:inline-grid;place-items:center;font-weight:600;color:var(--mute);background:var(--surf2)}
.ezk-wchip{display:inline-flex;align-items:center;gap:8px;min-width:0}
.ezk-wchip>span{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ezk-wchip small{color:var(--mute);font-size:13px}

/* Hero, headers */
.ezk-hero{text-align:center;padding:56px 0 28px}
.ezk-hero h1{font:600 clamp(38px,7vw,64px)/1.05 var(--serif)}
.ezk-hero p{color:var(--mute);font-size:18px;margin:12px 0 22px}
.ezk-hero-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ezk-ph-h{padding:32px 0 8px}
.ezk-ph-h h1{font:600 clamp(30px,5vw,44px)/1.1 var(--serif)}
.ezk-ph-h p{color:var(--mute);margin:8px 0 0;max-width:620px}

/* Sections, grid, rail */
.ezk-sec{margin:34px 0}
.ezk-sec-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.ezk-sec-h h2{font-size:22px}
.ezk-more{color:var(--ezk-accent)!important;font-size:15px;font-weight:500}
.ezk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
@media(min-width:640px){.ezk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){.ezk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}}
.ezk-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,78%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin:0 -20px;padding-left:20px;padding-right:20px;scrollbar-width:none}
.ezk-rail::-webkit-scrollbar{display:none}
.ezk-rail>*{scroll-snap-align:start}
@media(min-width:700px){.ezk-rail{grid-auto-columns:minmax(300px,40%)}}
@media(min-width:1000px){.ezk-rail{grid-auto-columns:calc((100% - 28px)/3)}}
.ezk-rail-w{grid-auto-columns:150px}

/* Cards */
.ezk-card{min-width:0}
.ezk-card-img{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--surf)}
.ezk-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ezk-card:hover .ezk-card-img img{transform:scale(1.03)}
.ezk-ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(160deg,var(--surf2),var(--surf))}
.ezk-ph span{font:600 64px/1 var(--serif);color:var(--mute);opacity:.5}
.ezk-ph-poems{background:linear-gradient(160deg,#e9e1f5,#f6f1fb)}
html[data-theme="dark"] .ezk-ph-poems{background:linear-gradient(160deg,#2a2433,#1b1820)}
.ezk-badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font:600 11px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ezk-card-body{padding:10px 2px 0}
.ezk .ezk-kicker{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ezk-accent)}
.ezk-card-t{font:600 17px/1.3 var(--serif);margin:5px 0 4px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ezk-card-s{color:var(--mute);font-size:14px;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ezk-card-m{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--mute)}
.ezk-card-m .ezk-wchip span{font-size:13px}
.ezk-stat{display:inline-flex;align-items:center;gap:4px;flex:none}
/* Row cards (rails): image left */
.ezk-card-row{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:10px}
.ezk-card-row .ezk-card-img{border-radius:10px}
.ezk-card-row .ezk-card-body{padding:0}

/* Chips, segmented */
.ezk-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:22px -20px 0;padding:0 20px}
.ezk-chips::-webkit-scrollbar{display:none}
.ezk-chips-wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
.ezk-chips-s{margin:28px 0 0;padding:0;flex-wrap:wrap}
.ezk-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:99px;background:var(--surf);font-size:14px;cursor:pointer;user-select:none;border:1px solid transparent}
.ezk-chip small{color:var(--mute)}
.ezk-chip:hover{background:var(--surf2)}
.ezk-chip-t input{display:none}
.ezk-chip-t.on{background:var(--ink);color:var(--bg)}
.ezk-seg{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--surf);margin-top:16px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ezk-seg>*{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:99px;border:0;background:transparent;font-size:14px;font-weight:500;color:var(--mute);cursor:pointer}
.ezk-seg>.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ezk-seg input{display:none}
.ezk-seg-f{display:flex;width:100%}
.ezk-seg-f>*{flex:1;justify-content:center}
.ezk-seg-s{margin-top:0}
.ezk-seg-s>*{height:28px;padding:0 11px;font-size:13px}
.ezk-seg-c{margin:8px 0 22px}

/* Pager / empty */
.ezk-pager{display:flex;justify-content:center;margin:34px 0}
.ezk-empty{text-align:center;padding:64px 20px;color:var(--mute)}
.ezk-empty h3{color:var(--ink);font:600 22px/1.2 var(--serif);margin-bottom:6px}
.ezk-empty .ezk-btn{margin-top:16px}

/* Reader */
.ezk-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.ezk-progress span{display:block;height:100%;width:0;background:var(--ezk-accent);transition:width .1s}
.ezk-col{max-width:680px;margin:0 auto;padding:0 22px}
.ezk-read{padding-top:34px}
.ezk-read-t{font:600 clamp(30px,6vw,46px)/1.12 var(--serif);margin:10px 0 0!important}
.ezk-read-s{font:400 20px/1.45 var(--serif);color:var(--mute);margin:12px 0 0}
.ezk-byline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ezk-cover{margin:0 auto 34px;max-width:480px;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--surf)}
.ezk-cover img{width:100%;height:100%;object-fit:cover}
.ezk-prose{font-family:var(--serif);font-size:var(--ezk-fs);line-height:var(--ezk-lh);overflow-wrap:break-word}
.ezk-prose p{margin:0 0 1.15em}
.ezk-prose h3{font-size:1.15em;margin:1.6em 0 .6em}
.ezk-prose blockquote{margin:1.4em 0;padding:0 0 0 1em;border-left:3px solid var(--ezk-accent);font-style:italic;color:var(--mute)}
.ezk-prose hr{border:0;text-align:center;margin:2em 0}
.ezk-prose hr::after{content:"· · ·";letter-spacing:.6em;color:var(--mute)}
.ezk-prose[lang="ml"]{line-height:calc(var(--ezk-lh) + .15)}
.ezk-poem{text-align:center}
.ezk-poem p{margin-bottom:1.5em}
.ezk-end{text-align:center;color:var(--mute);margin:30px 0 0;font-size:12px}
.ezk-actbar{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:30px auto 0;padding:6px;border-radius:99px;background:var(--blur);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--line);box-shadow:var(--shadow)}
.ezk-act{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:0;border-radius:99px;background:transparent;cursor:pointer;font-size:14px;font-weight:500}
.ezk-act:hover{background:var(--surf)}
.ezk-act.on{color:var(--ezk-accent)}
.ezk-act.on .ezk-i{fill:currentColor}
.ezk-act-x{padding:0 10px;color:var(--mute)}
.ezk-act.pop .ezk-i{animation:ezk-pop .35s}
@keyframes ezk-pop{50%{transform:scale(1.35)}}
.ezk-wbox{display:flex;gap:14px;margin:34px 0 0;padding:20px;border-radius:var(--r2);background:var(--surf)}
.ezk-wbox small{display:block;color:var(--mute);font-size:13px}
.ezk-wbox p{margin:8px 0 0;font-size:15px}
.ezk-v-story .ezk-foot{margin-top:40px}

/* Sheets (bottom sheet on mobile, dialog on desktop) */
.ezk-sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.35);animation:ezk-fade .2s}
@media(min-width:700px){.ezk-sheet{align-items:center}}
.ezk-sheet-in{width:100%;max-width:440px;max-height:90vh;overflow:auto;background:var(--card);color:var(--ink);border-radius:22px 22px 0 0;padding:16px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.2);animation:ezk-up .25s cubic-bezier(.2,.8,.2,1)}
@media(min-width:700px){.ezk-sheet-in{border-radius:22px;padding-bottom:20px}}
.ezk-sheet-full{max-width:760px;height:92vh;max-height:none}
.ezk-sheet-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
@keyframes ezk-fade{from{opacity:0}}
@keyframes ezk-up{from{transform:translateY(40px);opacity:0}}
.ezk-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 16px}
.ezk-modes button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:2px solid transparent;border-radius:14px;background:transparent;cursor:pointer;font-size:13px}
.ezk-modes button.on{border-color:var(--ezk-accent)}
.ezk-sw{display:grid;place-items:center;width:100%;height:56px;border-radius:10px;font:600 22px/1 var(--serif);border:1px solid rgba(0,0,0,.1)}
.ezk-sw-l{background:#fff;color:#1d1d1f}
.ezk-sw-d{background:#141416;color:#eee}
.ezk-sw-p{background:#f4ecdc;color:#3a2e21}
.ezk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;flex-wrap:wrap}
.ezk-step{display:inline-flex;gap:6px}
.ezk-step button{width:52px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surf);cursor:pointer;font-weight:600}
.ezk-share{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ezk-share>*{display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;background:var(--surf);border:0;cursor:pointer;font-weight:500}
.ezk-radio{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:15px}
.ezk-sheet textarea,.ezk-sheet select,.ezk-form input,.ezk-form select,.ezk-form textarea{width:100%;font:16px/1.4 var(--ui);color:var(--ink);background:var(--surf);border:1px solid transparent;border-radius:12px;padding:12px 14px;outline:0;transition:border .15s,background .15s}
.ezk-form input:focus,.ezk-form select:focus,.ezk-form textarea:focus,.ezk-sheet textarea:focus{border-color:var(--ezk-accent);background:var(--card)}
.ezk-sheet label,.ezk-form label{display:block;font-size:14px;font-weight:500;margin:0 0 14px}
.ezk-sheet label>input,.ezk-sheet label>select,.ezk-form label>input,.ezk-form label>select,.ezk-form label>textarea{margin-top:6px}
.ezk-form .bad{border-color:#d70015!important}
.ezk-ferr,.ezk-err,.ezk-fe{color:#d70015;font-size:13px;margin:-8px 0 12px;min-height:0}
.ezk-ferr:empty,.ezk-err:empty{display:none}
.ezk-err{margin:0 0 12px}

/* Forms, auth */
.ezk-auth{max-width:480px;padding-top:30px;padding-bottom:40px}
.ezk-card-p{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:24px;margin:0 0 18px}
.ezk-card-p h1{font:600 30px/1.15 var(--serif)}
.ezk-card-p h2{font-size:18px;margin-bottom:14px}
.ezk-card-p .ezk-seg{margin:18px 0 20px}
.ezk-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ezk-agree{background:var(--surf);border-radius:12px;padding:14px;margin:4px 0 14px;font-size:14px}
.ezk-agree p{margin:0 0 10px;color:var(--mute)}
.ezk-form .ezk-check{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}
.ezk-form .ezk-check input{width:20px;height:20px;margin:0;accent-color:var(--ezk-accent)}
.ezk-avup{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.ezk-danger summary{cursor:pointer;color:#d70015;font-weight:600}
.ezk-danger p{color:var(--mute);font-size:14px}

/* Writer profile */
.ezk-prof{text-align:center;padding:40px 0 16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.ezk-prof h1{font:600 32px/1.15 var(--serif);margin-top:10px}
.ezk-prof-bio{max-width:520px;margin:6px 0}
.ezk-prof p{margin:0}
.ezk-counts{display:flex;gap:28px;list-style:none;padding:0;margin:14px 0 6px}
.ezk-counts li{display:flex;flex-direction:column;font-size:13px;color:var(--mute)}
.ezk-counts strong{font-size:20px;color:var(--ink)}
.ezk-prof .ezk-btn{margin-top:12px}
.ezk-wcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 10px;border-radius:var(--r2);background:var(--surf)}
.ezk-wcard strong{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ezk-wcard span{font-size:12px;color:var(--mute)}
.ezk-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:20px}
.ezk-wrow{position:relative}
.ezk-rank{position:absolute;top:10px;left:12px;font:600 13px/1 var(--ui);color:var(--mute)}

/* Explore */
.ezk-search{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:99px;background:var(--surf);margin-top:16px;color:var(--mute)}
.ezk-search input{flex:1;border:0;background:transparent;font:16px var(--ui);color:var(--ink);outline:0;height:100%}
.ezk-search-l{height:54px}
.ezk-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}
@media(min-width:700px){.ezk-tiles{grid-template-columns:repeat(4,1fr)}}
.ezk-tile{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:110px;padding:16px;border-radius:var(--r2);background:var(--surf)}
.ezk-tile strong{font:600 20px/1.2 var(--serif)}
.ezk-tile span{font-size:13px;color:var(--mute)}
.ezk-tile-c{background:linear-gradient(150deg,var(--surf2),var(--surf))}

/* Notifications */
.ezk-notes{list-style:none;padding:0;margin:10px 0 40px}
.ezk-notes li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.ezk-notes li.new>div{font-weight:600}
.ezk-notes small{display:block;color:var(--mute);font-weight:400;font-size:12px;margin-top:2px}
.ezk-av-sys{color:var(--ezk-accent)}

/* Write */
.ezk-v-write .ezk-top{display:none}
.ezk-wbar{position:sticky;top:0;z-index:40;background:var(--blur);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
body.admin-bar .ezk-wbar{top:32px}
.ezk-wbar-in{display:flex;align-items:center;gap:10px;height:56px}
.ezk-wbar-b{margin-left:auto;display:flex;gap:6px}
.ezk-wcol{padding-top:20px;padding-bottom:80px}
.ezk-cover-up{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0}
.ezk-cover-up img{width:200px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
.ezk-cover-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:99px;background:var(--surf);cursor:pointer;font-size:14px;font-weight:500}
.ezk-cover-x{position:absolute;top:-8px;left:calc(50% + 84px);background:var(--card);box-shadow:var(--shadow)}
.ezk-in-title{width:100%;border:0;background:transparent;resize:none;overflow:hidden;font:600 clamp(28px,5vw,40px)/1.15 var(--serif);color:var(--ink);outline:0;padding:0;margin:8px 0 10px}
.ezk-in-sub{width:100%;border:0;background:transparent;font:400 19px/1.4 var(--serif);color:var(--mute);outline:0;padding:0;margin:0 0 18px}
.ezk-tools{position:sticky;top:56px;z-index:5;display:flex;align-items:center;gap:4px;padding:6px 0;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:16px}
.ezk-tools button{width:36px;height:32px;border-radius:8px;border:0;background:transparent;cursor:pointer;font-size:16px}
.ezk-tools button:hover{background:var(--surf)}
.ezk-tools [data-count]{margin-left:auto}
.ezk-editor{min-height:50vh;outline:0;padding-bottom:30px}
.ezk-editor:empty::before{content:attr(data-placeholder);color:var(--mute);pointer-events:none}
.ezk-editor.ezk-poem{text-align:left}
.ezk-topics{margin:26px 0;padding:18px;border-radius:var(--r2);background:var(--surf)}
.ezk-topics .ezk-row{margin-top:0}
.ezk-topics .ezk-chip{background:var(--card)}
.ezk-topics .ezk-chip.on{background:var(--ink);color:var(--bg)}
.ezk-note{padding:12px 16px;border-radius:12px;background:var(--surf);font-size:14px;margin:0 0 16px}
.ezk-note a{color:var(--ezk-accent)}
.ezk-note-e{background:#fdecee;color:#8a0012}
html[data-theme="dark"] .ezk-note-e{background:#3a1418;color:#ffb3bc}
.ezk-crop{position:relative;width:100%;max-width:320px;margin:0 auto;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#000;touch-action:none;cursor:grab}
.ezk-crop canvas{width:100%;height:100%;display:block}
.ezk-crop input[type=range]{width:60%}
.ezk-row input[type=range]{flex:1;accent-color:var(--ezk-accent)}

/* Dashboard */
.ezk-dash{padding-top:26px;padding-bottom:40px}
.ezk-dash-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ezk-dash-h h1{font:600 26px/1.2 var(--serif)}
.ezk-dash-h p{margin:4px 0 0;font-size:14px}
.ezk-dash-h p a{color:var(--ezk-accent)}
.ezk-credit{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;padding:10px 16px;border-radius:16px;background:var(--surf)}
.ezk-credit span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.ezk-credit strong{font-size:24px}
.ezk-tiles4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}
@media(min-width:700px){.ezk-tiles4{grid-template-columns:repeat(4,1fr)}}
.ezk-tiles4>div{padding:14px 16px;border-radius:16px;background:var(--surf)}
.ezk-tiles4 span{display:block;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.ezk-tiles4 strong{font-size:24px;letter-spacing:-.02em}
.ezk-dash section{margin-top:18px}
.ezk-mylist{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.ezk-my{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:12px;border-radius:var(--r2);background:var(--card);border:1px solid var(--line)}
.ezk-my-img{aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--surf)}
.ezk-my-img img{width:100%;height:100%;object-fit:cover}
.ezk-my h3{font:600 16px/1.3 var(--serif);margin:2px 0 4px}
.ezk-my-m{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--mute)}
.ezk-my-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.ezk-my-a .ezk-btn{height:30px;padding:0 12px;font-size:13px}
.ezk-pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--surf2);color:var(--mute)}
.ezk-pill-publish,.ezk-pill-active{background:#e3f6e8;color:#1b7a36}
.ezk-pill-pending{background:#fff4d6;color:#8a5a00}
.ezk-pill-ez_rejected,.ezk-pill-rejected{background:#fdecee;color:#b0001a}
html[data-theme="dark"] .ezk-pill-publish,html[data-theme="dark"] .ezk-pill-active{background:#123620;color:#7be09b}
html[data-theme="dark"] .ezk-pill-pending{background:#3a2c08;color:#ffd36b}
.ezk-chart{height:200px;margin:16px 0;position:relative}
.ezk-chart svg{width:100%;height:100%;display:block}
.ezk-chart rect{fill:var(--ezk-accent);opacity:.85}
.ezk-chart rect:hover{opacity:1}
.ezk-chart text{fill:var(--mute);font-size:10px}
.ezk-ledger{list-style:none;padding:0;margin:12px 0}
.ezk-ledger li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.ezk-ledger small{display:block;color:var(--mute);font-size:12px}
.ezk-ledger .pos{color:#1b7a36;font-weight:600}
.ezk-ledger .neg{color:var(--mute);font-weight:600}
.ezk-how{margin:8px 0;padding:12px 16px;border-radius:14px;background:var(--surf);font-size:14px}
.ezk-how summary{cursor:pointer;font-weight:600}
.ezk-how ul{margin:10px 0 0;padding-left:18px}
.ezk-bst{padding:14px;border-radius:var(--r2);border:1px solid var(--line);margin:10px 0;background:var(--card)}
.ezk-bst h4{margin:4px 0;font-size:15px}
.ezk-bar{height:6px;border-radius:99px;background:var(--surf2);overflow:hidden;margin:8px 0}
.ezk-bar i{display:block;height:100%;background:var(--ezk-accent)}

/* Footer + tab bar */
.ezk-foot{border-top:1px solid var(--line);margin-top:60px;padding:28px 0;color:var(--mute);font-size:14px}
.ezk-foot p{margin:0 0 8px}
.ezk-foot-l{display:flex;gap:16px;flex-wrap:wrap}
.ezk-foot-l a:hover{color:var(--ink)}
.ezk-tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;height:calc(var(--tabh) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--blur);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}
.ezk-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--mute)}
.ezk-tabs a.on{color:var(--ink)}
.ezk-tab-w .ezk-i{width:40px;height:30px;padding:4px 9px;border-radius:99px;background:var(--ink);color:var(--bg)}
@media(min-width:900px){.ezk-tabs{display:none}}
.ezk-v-story .ezk-actbar{bottom:calc(14px + env(safe-area-inset-bottom))}

/* Toast */
.ezk-toast{position:fixed;left:50%;bottom:calc(var(--tabh) + 20px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:90;padding:11px 18px;border-radius:99px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}
.ezk-toast.on{opacity:1;transform:translate(-50%,0)}
@media(min-width:900px){.ezk-toast{bottom:28px}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.ezk-top,.ezk-tabs,.ezk-actbar,.ezk-foot,.ezk-wbox{display:none!important}body.ezk{padding:0}}