:root{--color-primary:#1e1b4b;--color-on-primary:#fff;--color-secondary:#312e81;--color-accent:#f59e0b;--color-background:#0b0b18;--color-surface:#15152a;--color-foreground:#f8fafc;--color-muted-foreground:#a6a6c2;--color-border:#2a2a45;--color-destructive:#ef4444;--reader-rest:#d7d9e3;--color-ring:#f59e0b;--ink-night:#07070e;--ink-paper-grain:0.04;--color-on-accent:#07070e;--font-verse:"Noto Naskh Arabic",serif;--font-ui:"Noto Sans Arabic",sans-serif;--font-display:"Reem Kufi",sans-serif;--font-latin:"Inter",sans-serif;--lh-verse:2;--lh-body:1.6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 16px rgba(0,0,0,.45);--shadow-lg:0 16px 40px rgba(0,0,0,.5);--shadow-glow:0 0 24px rgba(245,158,11,.25);--motion-micro:200ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--emotion-love:#e11d48;--emotion-longing:#6366f1;--emotion-grief:#0e7490;--emotion-pride:#d97706;--emotion-nostalgia:#a16207;--emotion-joy:#16a34a;--emotion-wisdom:#7c3aed;--studio-page-bg:color-mix(in srgb,var(--ink-night) 88%,var(--color-surface));--studio-rail-bg:color-mix(in srgb,var(--color-surface) 64%,transparent);--studio-rail-blur:16px;--studio-control-bg:rgba(0,0,0,.28);--studio-control-bg-hover:color-mix(in srgb,var(--color-surface) 70%,transparent);--studio-control-border:var(--color-border);--studio-elev-1:0 1px 0 hsla(0,0%,100%,.03) inset,0 12px 30px rgba(0,0,0,.3);--studio-elev-2:0 1px 0 hsla(0,0%,100%,.04) inset,0 24px 60px rgba(0,0,0,.4);--studio-energy-idle:linear-gradient(180deg,#e6b96a,var(--color-accent));--studio-energy-armed:radial-gradient(circle at 35% 25%,#ffe6ad,var(--color-accent) 70%);--studio-energy-glow:0 0 28px color-mix(in srgb,var(--color-accent) 45%,transparent);--studio-stream-ink:var(--color-accent);--studio-stream-track:color-mix(in srgb,var(--color-muted-foreground) 22%,transparent);--studio-rail-w:400px;--studio-bar-h:132px}[data-theme=paper]{--color-accent:#b45309;--color-background:#fbf7ec;--color-surface:#fff;--color-foreground:#1a1410;--color-muted-foreground:#6b5b45;--reader-rest:#4a4038;--color-border:#e7dcc6;--color-destructive:#dc2626;--color-ring:#b45309;--ink-night:#f4ecd9;--ink-paper-grain:0.025;--color-on-accent:#fff;--shadow-sm:0 1px 2px rgba(80,60,30,.08);--shadow-md:0 6px 16px rgba(80,60,30,.1);--shadow-lg:0 16px 40px rgba(80,60,30,.14);--shadow-glow:0 0 24px rgba(180,83,9,.2);--studio-page-bg:color-mix(in srgb,var(--color-background) 70%,var(--color-surface));--studio-control-bg:color-mix(in srgb,var(--color-foreground) 5%,var(--color-surface));--studio-control-bg-hover:color-mix(in srgb,var(--color-foreground) 9%,var(--color-surface));--studio-elev-1:0 1px 0 hsla(0,0%,100%,.6) inset,0 12px 30px rgba(80,60,30,.1);--studio-elev-2:0 1px 0 hsla(0,0%,100%,.7) inset,0 24px 60px rgba(80,60,30,.14);--studio-stream-track:color-mix(in srgb,var(--color-muted-foreground) 30%,transparent)}html[dir=rtl] body{font-family:var(--font-ui)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--font-verse:var(--font-naskh),"Noto Naskh Arabic",serif;--font-ui:var(--font-noto-sans),"Noto Sans Arabic",sans-serif;--font-display:var(--font-aref),"Aref Ruqaa",serif;--font-kufi:var(--font-reem),"Reem Kufi",sans-serif;--font-latin:var(--font-inter),system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink-night);color:var(--color-foreground);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px;border-radius:4px}@keyframes ink-bleed-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes ink-draw{0%{opacity:0;letter-spacing:.18em;filter:blur(8px)}to{opacity:1;letter-spacing:normal;filter:blur(0)}}@keyframes ink-pulse{0%,to{opacity:.6}50%{opacity:1}}.ink-draw{animation:ink-draw 1.1s cubic-bezier(.16,1,.3,1) both}.ink-grain:before{content:"";z-index:1;opacity:var(--ink-paper-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ink-bg,.ink-grain:before{position:fixed;inset:0;pointer-events:none}.ink-bg{z-index:0;overflow:hidden}.ink-blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.2;transition:background-color 1.2s cubic-bezier(.16,1,.3,1);will-change:transform}.ink-blob--a{top:-20vmax;inset-inline-start:-10vmax;animation:drift-a 26s ease-in-out infinite}.ink-blob--b{bottom:-24vmax;inset-inline-end:-12vmax;opacity:.16;animation:drift-b 34s ease-in-out infinite}.ink-blob--c{top:30%;inset-inline-start:35%;width:40vmax;height:40vmax;opacity:.12;animation:drift-c 30s ease-in-out infinite}[data-theme=paper] .ink-blob{opacity:.1;mix-blend-mode:multiply}[data-theme=paper] .ink-blob--b{opacity:.08}[data-theme=paper] .ink-blob--c{opacity:.06}@keyframes drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,5%) scale(1.08)}}@keyframes drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7%,-4%) scale(1.12)}}@keyframes drift-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4%,-6%) scale(.94)}}.poem-card{position:relative;display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-padding-start:calc(var(--space-xl) + 6px);padding-inline-start:calc(var(--space-xl) + 6px);overflow:hidden;transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .24s;animation:ink-bleed-in .7s cubic-bezier(.16,1,.3,1) both}.poem-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--ink,var(--color-accent))}.poem-card:after{content:"";position:absolute;inset-inline-start:-30%;top:-60%;width:60%;height:220%;background:radial-gradient(closest-side,var(--ink,var(--color-accent)),transparent);opacity:0;transition:opacity .42s;pointer-events:none}.poem-card:hover{transform:translateY(-3px);border-color:var(--ink,var(--color-accent))}.poem-card:hover:after{opacity:.16}.demo-shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(var(--space-md),2.2vh,var(--space-xl));padding:var(--space-md) var(--space-lg) var(--space-lg);color:var(--color-foreground)}.demo-shell .ink-blob{opacity:.09}.demo-shell__bar{width:100%;max-width:1180px;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.demo-shell__brand{font-family:var(--font-display);font-size:1.6rem;color:var(--color-accent);letter-spacing:.02em}.demo-shell__nav{display:flex;align-items:center;gap:var(--space-md)}.demo-shell__nav a{color:var(--color-muted-foreground);transition:color .16s}.demo-shell__nav a:hover{color:var(--color-foreground)}.demo-shell__login{padding:7px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-foreground)!important}.demo-shell__login:hover{border-color:var(--color-accent)}.demo-shell__hero{text-align:center;max-width:720px}.demo-shell__hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,1rem + 2.4vw,2.6rem);line-height:1.45;letter-spacing:.01em;margin:0}.demo-shell__hero p{color:var(--color-muted-foreground);font-size:.95rem;margin:6px 0 0}.demo-window{width:100%;max-width:1000px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 80%,var(--color-foreground) 6%);border-radius:var(--radius-lg);box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 hsla(0,0%,100%,.05);overflow:hidden}.demo-window--empty{padding:var(--space-3xl);text-align:center}.demo-chrome{display:flex;align-items:center;gap:var(--space-md);padding:8px var(--space-md);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--ink-night) 55%,transparent)}.demo-chrome__dots{display:inline-flex;gap:5px}.demo-chrome__dots i{width:9px;height:9px;border-radius:50%;opacity:.85}.demo-chrome__dots i:first-child{background:#e06c5b}.demo-chrome__dots i:nth-child(2){background:#e3b341}.demo-chrome__dots i:nth-child(3){background:#69b578}.demo-chrome__title{font-family:var(--font-display);color:var(--color-foreground);font-size:.88rem;letter-spacing:.01em}.demo-chrome__tag{display:inline-flex;align-items:center;gap:6px;-webkit-margin-start:auto;margin-inline-start:auto;color:var(--color-muted-foreground);font-size:.76rem}.demo-grid{display:grid;grid-template-columns:var(--voices-w,288px) minmax(0,1fr);grid-gap:1px;gap:1px;background:var(--color-border)}.demo-reader{background:var(--studio-page-bg,var(--color-background));height:clamp(360px,56vh,560px);overflow:hidden}.demo-reader .reader-verse{font-size:clamp(.95rem,.8rem + .5vw,1.25rem);line-height:1.95;margin-bottom:var(--space-sm)}.demo-reader .reader-half{min-width:150px}.demo-voices{background:var(--color-surface);padding:var(--space-md);display:flex;flex-direction:column;gap:10px;overflow-y:auto;height:clamp(360px,56vh,560px)}.demo-voices__title{display:flex;align-items:center;gap:7px;margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:700}.demo-voices__sub{margin:-4px 0 4px;color:var(--color-muted-foreground);font-size:.82rem;font-family:var(--font-verse)}.demo-voices__list{display:flex;flex-direction:column;gap:6px}.demo-voices__hint{color:var(--color-muted-foreground);font-size:.78rem}.voice-card{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:var(--radius-md);border:1px solid transparent;background:rgba(0,0,0,.18);color:var(--color-foreground);cursor:pointer;text-align:start;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .12s var(--ease-out)}.voice-card:hover{background:color-mix(in srgb,var(--ink,var(--color-accent)) 9%,transparent)}.voice-card:active{transform:scale(.99)}.voice-card[data-active]{border-color:color-mix(in srgb,var(--ink,var(--color-accent)) 70%,transparent);background:color-mix(in srgb,var(--ink,var(--color-accent)) 14%,transparent)}.voice-card__meta{display:flex;flex-direction:column;min-width:0;gap:1px}.voice-card__name{display:flex;align-items:center;gap:5px;font-size:.9rem;font-family:var(--font-verse);min-width:0}.voice-card__t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card__crown{color:var(--color-accent);flex-shrink:0}.voice-card__role{font-size:.72rem;color:var(--color-muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-shell__footer{width:100%;max-width:1000px;align-self:center;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) var(--space-xs) 0;border-top:1px solid var(--color-border)}.demo-shell__copy{color:var(--color-muted-foreground);font-size:.78rem}.demo-shell__links{display:flex;align-items:center;gap:var(--space-md)}.demo-shell__links a{display:inline-flex;align-items:center;color:var(--color-muted-foreground);font-size:.85rem;transition:color .16s}.demo-shell__links a:hover{color:var(--color-accent)}@media (max-width:920px){.demo-grid{grid-template-columns:1fr}.demo-reader{height:54vh}.demo-voices{height:auto;max-height:38vh}}.reader-verse{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:clamp(16px,3vw,56px);row-gap:2px;margin:0 0 var(--space-lg);font-family:var(--font-verse);font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);line-height:2.15}.reader-half{flex:1 1 46%;min-width:220px}.reader-half:first-child{text-align:end}.reader-half:last-child{text-align:start}.reader-verse:not(:has(.reader-half+.reader-half)) .reader-half{flex-basis:100%;text-align:center}.demo-reader .reader-verse{justify-content:center}.demo-reader .reader-half{flex:0 1 auto;min-width:0}.demo-reader .reader-half:first-child{text-align:end}.demo-reader .reader-half:last-child{text-align:start}.reader-word{cursor:pointer;color:var(--reader-rest);font-weight:500;border-radius:6px;transition:color .2s var(--ease-out),text-shadow .2s var(--ease-out),font-weight .12s,opacity .2s}.reader-word:hover{color:color-mix(in srgb,var(--ink,var(--color-accent)) 55%,var(--reader-rest))}.reader-word:focus-visible{outline:2px solid color-mix(in srgb,var(--ink,var(--color-accent)) 60%,transparent);outline-offset:2px}.reader-word--active{color:var(--ink,var(--color-accent));font-weight:700;text-shadow:0 0 18px color-mix(in srgb,var(--ink,var(--color-accent)) 45%,transparent)}[data-theme=paper] .reader-word--active{text-shadow:0 0 10px color-mix(in srgb,var(--ink,var(--color-accent)) 28%,transparent)}.lobby{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.lobby__split{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 384px;direction:ltr}.lobby__reader{position:relative;min-width:0;min-height:0;overflow:hidden}.lobby__rail{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);-webkit-border-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 45%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby__hint{height:100%;display:grid;place-items:center;color:var(--color-muted-foreground);font-size:1.1rem}.lobby__hint,.lobby__value h2{font-family:var(--font-display)}.lobby__value h2{margin:0 0 8px;font-size:1.35rem;color:var(--color-foreground)}.lobby__pillars{display:flex;flex-wrap:wrap;gap:8px}.lobby__pillars span{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--color-muted-foreground);border:1px solid var(--color-border);border-radius:999px;padding:4px 10px}.lobby__pillars svg{color:var(--color-accent)}.lobby__search{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:46px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-muted-foreground)}.lobby__search input{flex:1 1;background:transparent;border:none;outline:none;color:var(--color-foreground);font-family:var(--font-ui);font-size:1rem}.lobby__list{display:flex;flex-direction:column;gap:6px}.lobby__item{display:flex;align-items:center;gap:var(--space-md);text-align:start;cursor:pointer;padding:10px;border-radius:var(--radius-lg);border:1px solid transparent;background:transparent;transition:background .18s var(--ease-out),border-color .18s}.lobby__item:hover{background:color-mix(in srgb,var(--ink,var(--color-accent)) 9%,transparent)}.lobby__item[data-active]{background:color-mix(in srgb,var(--ink,var(--color-accent)) 15%,transparent);border-color:color-mix(in srgb,var(--ink,var(--color-accent)) 45%,transparent)}.lobby__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.lobby__meta b{font-family:var(--font-verse);font-size:1.15rem;color:var(--color-foreground);line-height:1.5}.lobby__meta b,.lobby__meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby__meta small{font-family:var(--font-display);font-size:.85rem}.lobby__emotion,.lobby__meta small{color:var(--color-muted-foreground)}.lobby__emotion{display:inline-flex;align-items:center;gap:4px;font-size:.74rem}.lobby__prem{color:var(--color-accent);flex-shrink:0;fill:var(--color-accent)}.lobby__tag{color:var(--color-muted-foreground);flex-shrink:0}.lobby__browse{margin-top:auto;padding-top:var(--space-md);color:var(--color-accent);font-family:var(--font-ui);font-size:.95rem}@media (max-width:920px){.lobby{height:auto;min-height:100dvh;overflow:visible}.lobby__split{grid-template-columns:1fr}.lobby__reader{display:none}.lobby__rail{-webkit-border-start:none;border-inline-start:none}}.app-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:56px;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-background) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-shell{display:flex;flex-direction:column;min-height:100dvh}.site-shell>:not(.app-nav):not(.site-footer){flex:1 0 auto}.site-shell .demo-shell{min-height:0}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-lg) clamp(var(--space-lg),4vw,var(--space-3xl));border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-background) 60%,transparent);color:var(--color-muted-foreground);font-family:var(--font-ui);font-size:.85rem}.site-footer__copy{opacity:.85}.site-footer__links{display:flex;gap:var(--space-lg);align-items:center;flex-wrap:wrap}.site-footer__links a{color:var(--color-muted-foreground);transition:color .16s}.site-footer__links a:hover{color:var(--color-accent)}.s-harakat{display:flex;flex-wrap:wrap;gap:6px;-webkit-padding-end:74px;padding-inline-end:74px;padding-bottom:8px}.s-harakat__btn{min-width:36px;height:30px;padding:0 9px;border-radius:8px;cursor:pointer;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 70%,transparent);color:var(--color-foreground);font-size:1.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:border-color .14s,color .14s,transform .14s}.s-harakat__btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.s-harakat__btn--del{font-size:.82rem;color:var(--color-muted-foreground)}.s-harakat__glyph{font-family:var(--font-verse)}.app-nav__brand{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--color-accent);letter-spacing:.02em;display:inline-flex;align-items:center}.hm-wordmark{overflow:visible}.hm-mark,.hm-wordmark{display:block;width:auto;color:var(--color-foreground)}.hm-accent{fill:var(--color-accent)}.hm-accent-s{stroke:var(--color-accent)}.app-nav__brand .hm-wordmark{height:2rem}.demo-shell__brand .hm-wordmark{height:2.3rem}.hm-drop{transform-box:fill-box;transform-origin:50% 0}a:focus-visible .hm-wordmark .hm-drop,a:hover .hm-wordmark .hm-drop{animation:hm-fall 1.9s var(--ease-out) infinite}@keyframes hm-fall{0%{transform:translateY(-2px);opacity:.6}20%{opacity:1}70%{transform:translateY(3px)}to{transform:translateY(-2px);opacity:.85}}@media (prefers-reduced-motion:reduce){a:focus-visible .hm-wordmark .hm-drop,a:hover .hm-wordmark .hm-drop{animation:none}}.app-nav__actions,.app-nav__links{display:flex;gap:var(--space-sm);align-items:center}.app-nav__actions{-webkit-margin-start:auto;margin-inline-start:auto}.app-nav__active{color:var(--color-accent)!important;background:color-mix(in srgb,var(--color-accent) 12%,transparent)!important;font-weight:600}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-ui);font-size:.98rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),transform .12s var(--ease-out),box-shadow .2s var(--ease-out),opacity .2s,filter .2s}.ui-btn:active{transform:translateY(1px)}.ui-btn[aria-disabled=true],.ui-btn[disabled]{opacity:.5;pointer-events:none}.ui-btn--sm{min-height:36px;padding:0 14px;font-size:.9rem}.ui-btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.ui-btn--primary:hover{box-shadow:var(--shadow-glow);filter:brightness(1.06)}.ui-btn--ghost{background:transparent;color:var(--color-foreground);border-color:var(--color-border)}.ui-btn--ghost:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.ui-btn--quiet{background:transparent;color:var(--color-muted-foreground)}.ui-btn--quiet:hover{color:var(--color-foreground);background:color-mix(in srgb,var(--color-foreground) 6%,transparent)}.ui-btn--icon{min-width:44px;padding:0}.ui-btn--icon.ui-btn--sm{min-width:36px}.ui-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 60%,transparent);color:var(--color-foreground);font-family:var(--font-ui);font-size:.85rem;white-space:nowrap;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),color .2s}button.ui-chip{cursor:pointer}.ui-chip--active,button.ui-chip:hover{border-color:var(--ink,var(--color-accent))}.ui-chip--active{background:color-mix(in srgb,var(--ink,var(--color-accent)) 16%,transparent)}.ui-chip__dot{display:inline-flex;color:var(--ink,var(--color-accent))}.ui-select{position:relative;display:inline-block}.ui-select__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;min-width:132px;padding:0 12px 0 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);font-family:var(--font-ui);font-size:.95rem;cursor:pointer;transition:border-color .2s var(--ease-out)}.ui-select__btn:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border))}.ui-select__btn[aria-expanded=true],.ui-select__btn[data-active=true]{border-color:var(--color-accent)}.ui-select__chev{color:var(--color-muted-foreground);transition:transform .2s var(--ease-out)}.ui-select__btn[aria-expanded=true] .ui-select__chev{transform:rotate(180deg)}.ui-select__pop{position:absolute;z-index:60;top:calc(100% + 6px);inset-inline-start:0;min-width:100%;max-height:280px;overflow-y:auto;padding:6px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,var(--ink-night));box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ink-bleed-in .18s var(--ease-out) both}.ui-select__opt{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 10px;text-align:start;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-foreground);font-family:var(--font-ui);font-size:.92rem;cursor:pointer}.ui-select__opt:hover,.ui-select__opt[data-focus=true]{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.ui-select__opt[aria-selected=true]{color:var(--color-accent);font-weight:600}.ui-skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--color-foreground) 8%,transparent);border-radius:var(--radius-md)}.ui-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-foreground) 9%,transparent),transparent);animation:ui-shimmer 1.4s infinite}@keyframes ui-shimmer{to{transform:translateX(100%)}}.ui-rail{margin-bottom:var(--space-2xl)}.ui-rail__head{display:flex;align-items:baseline;gap:10px;margin-bottom:var(--space-md)}.ui-rail__title{margin:0;font-family:var(--font-display);font-size:1.4rem;color:var(--color-foreground)}.ui-rail__count{color:var(--color-muted-foreground);font-size:.85rem}.ui-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(236px,276px);grid-gap:var(--space-md);gap:var(--space-md);overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-width:thin}.ui-rail__track>*{scroll-snap-align:start}.ui-rail__track::-webkit-scrollbar{height:6px}.ui-rail__track::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.poem-card{display:flex;flex-direction:column;gap:6px;min-height:132px}.poem-card__title{font-family:var(--font-verse);font-size:1.4rem;line-height:1.7;color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poem-card__author{color:var(--color-muted-foreground);font-family:var(--font-display);font-size:1.02rem}.poem-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:var(--space-sm)}.poem-card__tag{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--color-muted-foreground)}.poem-card__tag svg{color:var(--ink,var(--color-accent))}.dict,.mic{position:relative;display:inline-flex}.mic{align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-foreground);cursor:pointer;flex-shrink:0;padding:0;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),background-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .12s var(--ease-out)}.mic:hover{color:var(--color-accent);border-color:var(--color-accent)}.mic:active{transform:scale(.94)}.mic[data-active]{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.mic__icon{position:relative;z-index:1;display:inline-flex}.mic__ring{position:absolute;inset:0;border-radius:999px;background:var(--color-accent);z-index:0;transition:transform .08s linear,opacity .08s linear;pointer-events:none}.mic__spin{animation:dict-spin 1s linear infinite}@keyframes dict-spin{to{transform:rotate(1turn)}}.dict__pop{position:absolute;inset-inline-end:0;min-width:264px;max-width:360px;z-index:60;background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);animation:ink-bleed-in .18s var(--ease-out) both}.dict__pop--bottom{top:calc(100% + 10px)}.dict__pop--top{bottom:calc(100% + 10px)}.dict__head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dict__dot{width:8px;height:8px;border-radius:999px;background:var(--color-muted-foreground);flex-shrink:0}.dict__dot[data-status=listening]{background:#ef4444;animation:ink-pulse 1.2s ease-in-out infinite}.dict__dot[data-status=finalizing],.dict__dot[data-status=starting]{background:var(--color-accent);animation:ink-pulse 1s ease-in-out infinite}.dict__dot[data-status=error]{background:var(--color-destructive)}.dict__status{font-family:var(--font-ui);font-size:.85rem;color:var(--color-muted-foreground)}.dict__lang{-webkit-margin-start:auto;margin-inline-start:auto;font-family:var(--font-latin);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);border:1px solid var(--color-border);border-radius:999px;padding:1px 8px}.dict__text{margin:0;font-family:var(--font-verse);font-size:1.15rem;line-height:1.9;min-height:2em}.dict__committed{color:var(--color-foreground)}.dict__interim{color:var(--color-muted-foreground);opacity:.7}.dict__hint{color:var(--color-muted-foreground)}.dict__err,.dict__hint{font-family:var(--font-ui);font-size:.9rem}.dict__err{margin:0;color:var(--color-destructive)}.dict__foot{display:flex;justify-content:flex-start;margin-top:10px}.dict__btn{font-family:var(--font-ui);font-size:.85rem;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:4px 0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}