:root{--bg:#faf9f5;--paper:#fff;--ink:#173f3b;--muted:#667873;--line:#dfe5df;--soft:#edf1e9;--gold:#af854b;--shadow:0 16px 45px #173f3b09;color-scheme:light;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:30px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}header{border-bottom:1px solid var(--line);background:var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:bold;font-size:20px}.brand img{width:48px;height:48px;border-radius:15px}.brand small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:normal;margin-top:7px}nav{display:flex;gap:30px;font-size:14px}.actions{display:flex;gap:8px;align-items:center}.actions button,.actions a{padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:13px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-block:70px 65px}.eyebrow{font-size:12px;font-weight:bold;color:var(--gold)}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:7px}h1{font-size:clamp(42px,5.1vw,68px);line-height:1.45;margin:18px 0;letter-spacing:-2px}h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:16px;line-height:2.1;color:var(--muted)}.hero-links{display:flex;gap:24px;align-items:center;font-size:13px;margin-top:30px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:#173f3b;color:#fff;border:0;padding:17px 24px;border-radius:10px;font-weight:bold;font-size:14px}.primary:hover{background:#246056}.micro{font-size:11px;color:var(--muted);margin-top:28px}.micro b{padding:0 12px;color:var(--gold)}.art{min-height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#e5e9dc 0%,transparent 70%)}.arch{width:310px;height:395px;border-radius:160px 160px 18px 18px;border:1px solid #bba775;background:repeating-linear-gradient(45deg,#ffffff05 0px,#ffffff05 1px,transparent 1px,transparent 20px),#173f3b;box-shadow:0 25px 55px #173f3b22,inset 0 0 0 10px #173f3b,inset 0 0 0 11px #bba77570;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#f2e7c9}.arch img{width:110px;height:110px;border-radius:26px;margin:20px 0;box-shadow:0 12px 24px #0003}.arch div{font-size:27px;font-family:Georgia,Tahoma,serif}.arch small{font-size:11px;margin-top:17px;opacity:.7}.ornament{font-size:35px;color:#ceb479}.art-note{position:absolute;bottom:0;left:0;background:var(--paper);border:1px solid var(--line);padding:17px 25px;border-radius:10px;font-size:12px;box-shadow:var(--shadow)}.search-band{padding:30px 36px;border:1px solid var(--line);border-radius:18px;background:var(--paper);display:grid;grid-template-columns:260px 1fr;gap:0 30px;box-shadow:var(--shadow)}h2{font-size:27px;margin:12px 0;line-height:1.5}.search-box{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 15px}.search-box input{border:0;background:none;color:var(--ink);width:100%;padding:18px 0;outline-offset:0}.search-box button{border:0;background:none;font-size:24px;color:var(--muted)}.chips{grid-column:2;display:flex;gap:9px;padding-top:12px}.chips button{border:0;border-radius:6px;padding:6px 12px;background:var(--soft);font-size:11px}.library{padding-block:64px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:25px}.section-head p{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{display:flex;align-items:center;gap:16px;padding:25px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;transition:transform .2s,box-shadow .2s}.category:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}.cat-icon{display:grid;place-items:center;min-width:48px;height:48px;border-radius:12px;background:var(--soft);font-size:25px;color:var(--gold)}h3{font-size:16px;margin:0 0 9px}.category p{font-size:10px;color:var(--muted);margin:0}.arrow{margin-inline-start:auto;color:var(--gold)}.listen{background:var(--soft);border-radius:18px;padding:38px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.listen p,.tools p{font-size:13px;color:var(--muted);line-height:1.8}.audio-links{display:grid;gap:10px}.audio-links a{display:flex;gap:15px;align-items:center;border-radius:10px;background:var(--paper);padding:17px;font-size:13px}.audio-links span{font-size:21px;color:var(--gold)}.audio-links b{margin-right:auto}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block:35px 64px}.tools>a,.tools>button{text-align:right;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:22px;font-size:23px}.tools h3{margin-top:15px}.tools p{margin-bottom:0}.app-band{background:var(--soft);padding:40px 0}.app-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.app-band p{color:var(--muted);font-size:13px}footer{display:flex;align-items:center;gap:25px;padding-block:35px;font-size:11px}footer p{margin-inline-end:auto;color:var(--muted)}footer .brand{font-size:15px}footer img{width:35px!important;height:35px!important}.result-section{padding-top:40px}.result{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:12px;margin-bottom:15px}.result>p{font-size:19px;line-height:2.1;white-space:pre-line}.result-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.result .actions{flex-wrap:wrap}.result .actions a{margin-inline-end:auto}.empty{padding:35px;text-align:center;background:var(--soft);border-radius:12px;line-height:2}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#173f3b;color:white;border-radius:10px;padding:14px 24px;z-index:100;display:none;max-width:90vw}dialog{width:min(580px,90vw);border:1px solid var(--line);border-radius:16px;padding:25px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#001d1bb0}dialog textarea{width:100%;height:240px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:15px;line-height:1.9}.close{float:left;border:0;background:none;font-size:25px}.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;width:auto;height:auto;padding:15px;background:white;z-index:200}.night{--bg:#102622;--paper:#19332e;--ink:#edf3ec;--muted:#afc0b7;--line:#365147;--soft:#203e35;--gold:#d6b57b;color-scheme:dark}.night .art{background:none}.night .primary{background:#d6b57b;color:#102622}[hidden]{display:none!important}@media(max-width:950px){.hero{gap:25px}.grid{grid-template-columns:repeat(2,1fr)}nav{gap:15px}.search-band{grid-template-columns:200px 1fr}.arch{width:270px}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav{min-height:80px;flex-wrap:wrap;padding:16px 0;gap:16px}nav{order:3;width:100%;justify-content:center;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.brand{font-size:16px}.actions button{padding:10px}.hero{grid-template-columns:1fr;padding-top:35px;text-align:center;gap:20px}.hero p{font-size:14px}h1{font-size:43px}.hero-links{justify-content:center;gap:18px}.primary{padding:15px 18px;gap:14px;font-size:12px}.art{min-height:320px}.arch{height:290px;width:250px}.arch img{width:80px;height:80px;margin:10px}.arch div{font-size:23px}.ornament{font-size:26px}.art-note{font-size:10px;padding:12px}.search-band{display:block;padding:22px}.search-box{margin-top:18px}.chips{flex-wrap:wrap}.library{padding-block:40px}.grid{grid-template-columns:1fr}.category{padding:20px}.category p{font-size:11px}.listen{grid-template-columns:1fr;padding:24px;gap:15px}.tools{grid-template-columns:1fr;margin-bottom:40px}.tools>a,.tools>button{padding:18px}.section-head h2{font-size:24px}.section-head p{display:none}.app-band>.wrap{display:block}.app-band .primary{margin-top:15px}footer{flex-wrap:wrap;gap:16px}footer p{width:100%;order:3;margin:0}.result>p{font-size:17px}.result{padding:18px}.hero-links>a:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
