@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/65c558afe41e89d6-s.3jppgd0xzx-0d.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/14e23f9b59180572-s.0t8ljjjn9wtsx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b49b0d9b851e4899-s.p.2zyohmvb-ks7f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(../media/65c558afe41e89d6-s.3jppgd0xzx-0d.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(../media/14e23f9b59180572-s.0t8ljjjn9wtsx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b49b0d9b851e4899-s.p.2zyohmvb-ks7f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/65c558afe41e89d6-s.3jppgd0xzx-0d.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/14e23f9b59180572-s.0t8ljjjn9wtsx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b49b0d9b851e4899-s.p.2zyohmvb-ks7f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/65c558afe41e89d6-s.3jppgd0xzx-0d.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/14e23f9b59180572-s.0t8ljjjn9wtsx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b49b0d9b851e4899-s.p.2zyohmvb-ks7f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_2c1042db-module__soogyW__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_2c1042db-module__soogyW__variable{--font-playfair:"Playfair Display", "Playfair Display Fallback"}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_24fb7e9c-module__2aJdLW__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_24fb7e9c-module__2aJdLW__variable{--font-plus-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--bg-color:#060709;--bg-gradient:radial-gradient(circle at 50% 20%, #10121e 0%, #060709 100%);--card-bg:#0d101b99;--card-border:#d4af371f;--card-border-hover:#d4af3759;--text-main:#f3f4f6;--text-muted:#9ca3af;--gold-accent:#d4af37;--gold-glow:#d4af3740;--gold-hover:#f5d77f;--btn-bg:#d4af370f;--btn-border:#d4af3733;--btn-text:#e5c158;--shadow:0 25px 60px #000000a6;--modal-bg:#0a0c12f2;--font-serif:var(--font-playfair), Georgia, serif;--font-sans:var(--font-plus-jakarta), sans-serif;--toast-bg:#d4af37;--toast-text:#060709}html.light-mode{--bg-color:#f5f3ed;--bg-gradient:radial-gradient(circle at 50% 20%, #fcfbf7 0%, #eae3d5 100%);--card-bg:#ffffffbf;--card-border:#b58d2438;--card-border-hover:#b58d2473;--text-main:#1f2937;--text-muted:#4b5563;--gold-accent:#a37f1c;--gold-glow:#a37f1c1f;--gold-hover:#8c6b14;--btn-bg:#a37f1c0f;--btn-border:#a37f1c40;--btn-text:#8c6b14;--shadow:0 25px 50px #a37f1c14;--modal-bg:#fcfaf5fa;--toast-bg:#a37f1c;--toast-text:#f5f3ed}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{min-height:100vh;color:var(--text-main);background:var(--bg-gradient);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;justify-content:space-between;align-items:center;transition:background .8s,color .5s;display:flex;position:relative}#particle-canvas{z-index:1;pointer-events:none;opacity:.75;width:100%;height:100%;position:absolute;top:0;left:0}.app-container{z-index:2;flex-direction:column;justify-content:space-between;width:100%;max-width:1100px;min-height:100vh;padding:clamp(1rem,4vw,2.5rem);display:flex;position:relative}header{justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(.75rem,2vh,1.5rem);display:flex}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.logo h1{letter-spacing:.12em;text-transform:uppercase;color:var(--text-main);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800}.logo h1 span{color:var(--gold-accent)}.logo p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.28em;margin-top:.2rem;font-size:.7rem}.controls{align-items:center;gap:.75rem;display:flex}.control-btn{background:var(--card-bg);border:1px solid var(--card-border);width:2.75rem;height:2.75rem;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026}.control-btn:hover{border-color:var(--gold-accent);color:var(--gold-accent);box-shadow:0 0 12px var(--gold-glow);transform:translateY(-2px)}.control-btn svg{fill:currentColor;width:1.2rem;height:1.2rem}main{flex:1;justify-content:center;align-items:center;width:100%;margin:clamp(.5rem,1vh,1.5rem) 0;display:flex}.quote-card{background:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:760px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);text-align:center;border-radius:28px;flex-direction:column;align-items:center;padding:clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,3vw,3rem);transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.quote-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-accent) 50%, transparent);height:4px;position:absolute;top:0;left:0;right:0}.quote-card:hover{border-color:var(--card-border-hover);box-shadow:0 30px 70px #0006, 0 0 25px var(--gold-glow)}.category-badge{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-accent);border:1px solid var(--card-border);background:#d4af370d;border-radius:30px;margin-bottom:clamp(.75rem,1.5vw,1.5rem);padding:.4rem 1.2rem;font-size:.72rem;font-weight:800}.quote-text-container{justify-content:center;align-items:center;width:100%;min-height:120px;margin-bottom:clamp(1rem,2vw,1.75rem);display:flex;position:relative}.quote-text{font-family:var(--font-serif);color:var(--text-main);opacity:1;z-index:2;padding:0 1rem;font-size:clamp(1.4rem,3.2vw,1.9rem);font-style:italic;font-weight:400;line-height:1.65;transition:opacity .35s,transform .35s;position:relative}.quote-text.fade-out{opacity:0;transform:scale(.97)translateY(6px)}.quote-text.fade-in{opacity:0;transform:scale(1.03)translateY(-6px)}.quote-decor{font-family:var(--font-serif);color:var(--gold-accent);opacity:.18;pointer-events:none;font-size:8rem;font-weight:900;line-height:1;position:absolute}html.light-mode .quote-decor{opacity:.22;color:#a37f1c}.quote-decor-left{top:-2rem;left:0}.quote-decor-right{bottom:-4rem;right:0}.quote-reference{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-main);margin-bottom:.3rem;font-size:clamp(.85rem,2vw,1rem);font-weight:800;transition:opacity .35s}.quote-reference a{color:inherit;transition:color .3s}.quote-reference a:hover{color:var(--gold-accent);text-decoration:underline}.quote-translation{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:clamp(1rem,2vw,2rem);font-size:.72rem;transition:opacity .35s}.action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.btn-primary{background:var(--gold-accent);color:var(--bg-color);font-family:var(--font-sans);letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 24px var(--gold-glow);-webkit-user-select:none;user-select:none;border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.25rem;font-size:.92rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:hover{background:var(--gold-hover);box-shadow:0 12px 28px var(--gold-glow), 0 0 15px #d4af3766;transform:translateY(-2px)}.btn-primary svg{width:1.15rem;height:1.15rem;transition:transform .5s}.btn-primary:hover svg{transform:rotate(180deg)}.btn-secondary{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);font-family:var(--font-sans);letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-secondary:hover{border-color:var(--gold-accent);color:var(--gold-accent);background:#d4af3724;transform:translateY(-2px)}.btn-secondary svg{width:1rem;height:1rem}.categories-bar-wrapper{width:100%;margin-top:.75rem;margin-bottom:.25rem;position:relative}.categories-bar-wrapper:before,.categories-bar-wrapper:after{content:"";pointer-events:none;z-index:3;width:25px;transition:opacity .3s;display:none;position:absolute;top:0;bottom:0}.categories-bar-wrapper:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.categories-bar-wrapper:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.categories-bar{scrollbar-width:none;-ms-overflow-style:none;z-index:2;justify-content:center;gap:.4rem;width:100%;padding:.4rem .2rem;display:flex;position:relative;overflow-x:auto}.categories-bar::-webkit-scrollbar{display:none}.category-filter{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:30px;flex-shrink:0;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .3s}.category-filter:hover{color:var(--text-main);background:#ffffff0a}.category-filter.active{background:var(--btn-bg);border-color:var(--btn-border);color:var(--gold-accent);box-shadow:0 4px 10px #0000001a}footer{width:100%;color:var(--text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;font-size:.72rem;display:flex}footer a{color:inherit;transition:color .3s}footer a:hover{color:var(--gold-accent)}.toast{background:var(--toast-bg);color:var(--toast-text);font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;z-index:100;opacity:0;pointer-events:none;border-radius:50px;padding:.85rem 2.25rem;font-size:.85rem;font-weight:800;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 12px 30px #00000040}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:99;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;padding:1rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-container{background:var(--modal-bg);border:1px solid var(--card-border);width:100%;max-width:500px;box-shadow:var(--shadow);scrollbar-width:thin;border-radius:28px;flex-direction:column;align-items:center;max-height:95vh;padding:clamp(1.5rem,4vw,2.5rem);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow-y:auto;transform:scale(.93)translateY(20px)}.modal-overlay.open .modal-container{transform:scale(1)translateY(0)}.modal-close{color:var(--text-muted);cursor:pointer;z-index:5;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--text-main);background:#ffffff0d}.modal-close svg{width:1.2rem;height:1.2rem}.modal-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:1.25rem;font-size:1.2rem;font-weight:800}.theme-selector{justify-content:center;gap:.85rem;width:100%;margin-bottom:1.25rem;display:flex}.theme-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:2.25rem;height:2.25rem;transition:all .3s;box-shadow:0 4px 10px #0000004d}.theme-option.active{border-color:var(--gold-accent);transform:scale(1.15)}.theme-option.gradient-gold{background:linear-gradient(135deg,#191d2c 0%,#07080b 100%)}.theme-option.gradient-dark{background:linear-gradient(135deg,#08080a 0%,#17181c 100%)}.theme-option.gradient-sand{background:linear-gradient(135deg,#faf8f5 0%,#ece6d9 100%)}.theme-option.gradient-dusk{background:linear-gradient(135deg,#2c1538 0%,#09060b 100%)}.canvas-preview-container{border:1px solid var(--card-border);aspect-ratio:1;border-radius:16px;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.canvas-preview-img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:768px){.app-container{padding:1.25rem 1rem}header{text-align:center;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.quote-card{border-radius:24px;padding:3rem 1.25rem 2.5rem}.action-buttons{flex-direction:column;gap:.75rem;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:.9rem 1.5rem}.categories-bar-wrapper:before,.categories-bar-wrapper:after{display:block}.categories-bar{justify-content:flex-start;padding-left:1rem;padding-right:1rem}footer{text-align:center;flex-flow:wrap;justify-content:space-between;gap:.5rem;margin-top:.75rem;padding-top:.6rem}}@media (max-height:750px) and (min-width:769px){main{margin:1rem 0}.quote-card{padding:2.5rem 3rem}}#share-canvas{display:none}.cookies-banner{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(24px);max-width:380px;box-shadow:var(--shadow);z-index:98;opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .4s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(150px)}.cookies-banner.show{opacity:1;pointer-events:auto;transform:translateY(0)}.cookies-text{color:var(--text-muted);font-size:.8rem;line-height:1.5}.cookies-text a{color:var(--gold-accent);text-decoration:underline}.cookies-btn{background:var(--gold-accent);color:var(--bg-color);font-family:var(--font-sans);letter-spacing:.05em;cursor:pointer;border:none;border-radius:30px;align-self:flex-end;padding:.6rem 1.5rem;font-size:.8rem;font-weight:700;transition:all .3s}.cookies-btn:hover{background:var(--gold-hover);transform:translateY(-1px)}.legal-wrapper{z-index:2;width:100%;max-width:800px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 1.5rem;position:relative}.legal-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);border-radius:28px;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,5vw,3.5rem)}.legal-header{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.legal-header h1{font-family:var(--font-serif);color:var(--text-main);margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.75rem);font-style:italic}.legal-header p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.legal-body{font-family:var(--font-sans);color:var(--text-main);font-size:.95rem;line-height:1.7}.legal-body h2{font-family:var(--font-serif);color:var(--gold-accent);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-style:italic}.legal-body p{color:var(--text-main);opacity:.9;margin-bottom:1rem}.legal-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.legal-body li{opacity:.9;margin-bottom:.5rem}.legal-back-btn{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;font-weight:600;transition:color .3s;display:inline-flex}.legal-back-btn:hover{color:var(--gold-accent)}.legal-back-btn svg{width:1rem;height:1rem;transition:transform .3s}.legal-back-btn:hover svg{transform:translate(-3px)}@media (max-width:768px){.cookies-banner{max-width:none;bottom:1rem;left:1rem;right:1rem}}.category-intro{text-align:center;margin-bottom:2.5rem}.category-intro-text{color:var(--text-muted);max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.category-cta-container{justify-content:center;margin-bottom:3rem;display:flex}.verses-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;margin-bottom:3rem;display:grid}@media (min-width:768px){.verses-grid{grid-template-columns:1fr 1fr}}.verse-item-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.75rem;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000026}.verse-item-card:hover{border-color:var(--gold-accent);box-shadow:0 15px 35px var(--gold-glow);transform:translateY(-3px)}.verse-item-text{font-family:var(--font-serif);color:var(--text-main);margin-bottom:1.25rem;font-size:1.1rem;font-style:italic;line-height:1.5}.verse-item-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.verse-item-ref{font-family:var(--font-sans);color:var(--gold-accent);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.verse-item-action{color:var(--text-muted);font-size:.8rem;text-decoration:underline;transition:color .2s}.verse-item-card:hover .verse-item-action{color:var(--text-main)}.related-section{border-top:1px solid #ffffff14;width:100%;max-width:760px;margin:3rem auto 1rem;padding-top:2rem}html.light-mode .related-section{border-top:1px solid #a37f1c26}.related-title{font-family:var(--font-serif);color:var(--gold-accent);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-style:italic}.seo-link{color:var(--text-muted);transition:color .3s}.seo-link:hover{color:var(--gold-accent)}body.scroll-locked{height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}.app-container.fixed-height{height:100vh;min-height:100vh;max-height:100vh;padding-bottom:clamp(1rem,2vh,1.75rem);overflow:hidden}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background:#0006;width:100%;height:100%;transition:opacity .4s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-container{background:var(--modal-bg);border-top:1px solid var(--card-border);z-index:100;-webkit-backdrop-filter:blur(24px);border-radius:30px 30px 0 0;flex-direction:column;width:100%;max-height:75vh;padding:1.5rem 2rem 2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -15px 40px #00000073}.drawer-overlay.open .drawer-container{transform:translateY(0)}.drawer-handle{background:var(--text-muted);opacity:.3;cursor:pointer;border-radius:3px;width:40px;height:5px;margin:0 auto 1.5rem}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s;position:absolute;top:1.25rem;right:1.5rem}.drawer-close:hover{color:var(--gold-accent)}.drawer-close svg{width:1.5rem;height:1.5rem}.drawer-content{text-align:center;flex:1;padding-right:.5rem;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:0 0}.drawer-content::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.drawer-content::-webkit-scrollbar-thumb:hover{background:var(--gold-accent)}.drawer-seo-links{text-align:center;border-top:1px solid #ffffff0f;width:100%;margin-top:2rem;padding:1.5rem 0}html.light-mode .drawer-seo-links{border-top:1px solid #a37f1c1a}.drawer-links-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;font-weight:700}.drawer-links-list{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;font-size:.9rem;display:flex}