@font-face{font-family:SchoolHebrew;src:url(hebrew.ttf) format("truetype");font-display:swap}
:root{--navy:#1b3548;--gold:#a97825;--cream:#f6f2e9;--line:#ded9cc;--muted:#586875}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:17px/1.65 system-ui,-apple-system,sans-serif}header,main{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}button,input{font:inherit}button{cursor:pointer;min-height:48px;border-radius:9px;padding:11px 20px;border:1px solid var(--line);color:var(--navy);background:white;font-weight:650}button:hover{border-color:var(--gold);filter:brightness(.98)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b17e2f;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;line-height:1.25}.logo{display:grid;place-items:center;background:var(--navy);color:#e4c080;width:48px;height:52px;border-radius:12px;font:bold 40px Georgia}.quiet{border:0;background:transparent;font-size:14px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:26px 0}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px}h1{font:normal clamp(46px,5.3vw,70px)/1.03 Georgia,serif;letter-spacing:-2px;margin:18px 0}h1 em{color:var(--gold)}h2{font:normal 33px/1.2 Georgia,serif;margin:10px 0 18px}h3{font-size:20px}p{margin:10px 0 18px}.intro p{max-width:440px;color:var(--muted)}figure{margin:0}figure img{width:100%;height:auto;display:block;border-radius:16px;mix-blend-mode:multiply}figcaption{font-size:12px;text-align:center;color:var(--muted)}.steps{display:flex;border-bottom:1px solid var(--line);gap:32px;margin:12px 0 24px}.steps span{padding:15px 0;color:#71808a;font-size:14px}.steps b{margin-left:8px}.steps .active{color:var(--navy);border-bottom:3px solid var(--gold)}.panel{background:#fffdf9;border:1px solid var(--line);padding:30px;border-radius:16px;box-shadow:0 10px 30px #1b354805}label{display:block;font-weight:700;font-size:22px}.hint{font-size:14px;color:var(--muted)}.inputrow{display:flex;gap:12px}input{min-width:0;width:100%;border:1px solid #aab1b5;border-radius:8px;padding:15px;background:white;color:var(--navy)}.primary{background:var(--navy);color:white;border-color:var(--navy);white-space:nowrap}.primary span{margin-left:24px;color:#e4c080}.secondary{background:transparent}.examples{display:flex;gap:8px;align-items:center;margin-top:16px;color:var(--muted);font-size:14px;flex-wrap:wrap}.examples button{font-weight:500;font-size:14px;min-height:40px;padding:4px 12px;background:#f6f2e9;border:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.namecard{padding:20px;background:var(--cream);border-radius:12px;margin:18px 0}.namecard input{font:34px/1.5 'SchoolHebrew',serif;max-width:450px}.suggestions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.suggestions button{font:30px/1.5 'SchoolHebrew',serif}.suggestions button.selected{border:2px solid var(--gold);background:#fff7e6}.keyboard{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.keyboard button{font:26px serif;padding:7px 12px;min-width:46px}.resultheading{display:flex;align-items:center;justify-content:space-between;gap:20px}.versecard{border:1px solid var(--line);border-radius:16px;background:#fffdf9;margin:22px 0;overflow:hidden}.versehead{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line)}.namehe{font:38px/1.5 'SchoolHebrew',serif}.badge{background:#eee6d5;color:#77561c;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.lettermeta{font-size:14px;color:var(--muted)}.lettermeta b{font-size:23px;color:var(--navy)}.versebody{padding:25px 32px}.hebrew{font:clamp(32px,4vw,45px)/1.9 'SchoolHebrew',serif;text-align:center;margin:10px 0 24px;direction:rtl}.hebrew mark{background:#f1e3bc;color:#795515;border-radius:5px}.reference{text-align:center;font-size:14px;color:var(--gold);margin:12px}.translation{font:22px/1.5 Georgia,serif}.translation small{display:block;font:12px/2 system-ui;color:var(--muted)}.meaning{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.alternatives{display:flex;gap:8px;flex-wrap:wrap;padding:15px 28px;background:#f0ede5}.alternatives button{font-size:14px;min-height:42px}.alternatives .selected{background:var(--navy);color:white}.recite{border-left:3px solid var(--gold);padding:12px 22px;background:#eee9dd;border-radius:0 10px 10px 0}.recite p{font-size:15px;margin-bottom:0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-top:45px;padding-top:22px}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;max-width:760px;width:calc(100% - 32px);max-height:90dvh;color:var(--navy);background:#fffdf9}dialog::backdrop{background:#10233199;backdrop-filter:blur(4px)}.close{float:right;border:0;background:none;font-size:28px;padding:0 12px}.mail{background:var(--cream);padding:20px;border-radius:12px;margin:20px 0;overflow-wrap:anywhere}#cardPreview{display:block;max-width:100%;max-height:56vh;margin:auto;border:1px solid var(--line)}#status{color:#805a20;font-weight:600}details{margin-top:14px}summary{cursor:pointer}#sourceContent a{color:#886019}#sourceContent{font-size:16px}[hidden]{display:none!important}.print-only{display:none}@media(max-width:700px){header,main{padding:20px}.intro{gap:0;grid-template-columns:1fr}.intro section{z-index:1}.intro figure{max-width:360px;justify-self:center;margin-top:-20px}.intro h1{font-size:50px}.intro p{font-size:16px}figcaption{display:none}.steps{gap:16px;justify-content:space-between}.steps span{font-size:12px}.steps b{margin-left:2px}.inputrow{flex-direction:column}.panel{padding:22px}.versebody{padding:18px}.versehead{padding:16px;gap:12px}.resultheading{align-items:flex-start}h2{font-size:28px}footer{flex-direction:column;gap:6px}.quiet{max-width:150px;text-align:right;padding:5px}.hebrew{font-size:34px}.actions button{flex:1}}@media print{body>*{display:none!important}body>.print-only{display:block!important;width:100%;height:auto;max-height:190mm;object-fit:contain}@page{size:A4 landscape;margin:10mm}}

@font-face{font-family:CardText;src:url(card-text.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:CardText;src:url(card-bold.ttf) format("truetype");font-weight:700 900;font-display:swap}

@font-face{font-family:CardHebrew;src:url(card-hebrew.ttf) format("truetype");font-display:swap}@font-face{font-family:CardDisplay;src:url(card-display.ttf) format("truetype");font-weight:600;font-display:swap}

@font-face{font-family:"T-Rubik";src:url(fonts/rubik-bold.woff) format("woff");font-display:swap}@font-face{font-family:"T-Varela";src:url(fonts/varela-round.woff) format("woff");font-display:swap}@font-face{font-family:"T-Heebo";src:url(fonts/heebo-extrabold.woff) format("woff");font-display:swap}@font-face{font-family:"T-Suez";src:url(fonts/suez-one.woff) format("woff");font-display:swap}@font-face{font-family:"T-Doodle";src:url(fonts/rubik-doodle-shadow.woff) format("woff");font-display:swap}@font-face{font-family:"T-Bubbles";src:url(fonts/rubik-bubbles.woff) format("woff");font-display:swap}@font-face{font-family:"T-Karantina";src:url(fonts/karantina-bold.woff) format("woff");font-display:swap}@font-face{font-family:"T-Amatic";src:url(fonts/amatic-sc-bold.woff) format("woff");font-display:swap}@font-face{font-family:"T-Bellefair";src:url(fonts/bellefair.woff) format("woff");font-display:swap}@font-face{font-family:"P-Frank";src:url(fonts/frank-ruhl-libre.woff) format("woff");font-display:swap}@font-face{font-family:"P-NotoSerif";src:url(fonts/noto-serif-hebrew.woff) format("woff");font-display:swap}@font-face{font-family:"P-NotoSans";src:url(fonts/noto-sans-hebrew.woff) format("woff");font-display:swap}

/* ---------- editor do cartão ---------- */
.edhead{display:flex;justify-content:space-between;gap:16px 24px;align-items:flex-end;flex-wrap:wrap}.edhead h2{margin-bottom:6px}.edhead .hint{max-width:620px;margin:0}
.edtools{display:flex;gap:8px;flex-wrap:wrap}.edtools button{min-height:48px;padding:8px 14px}
.edgrid>*{min-width:0}.edgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:22px;margin-top:18px;align-items:start}
.stagecol{position:sticky;top:12px}
#stage{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:12px;box-shadow:0 12px 30px #1b354826;background:#fff}
#edCanvas{display:block;width:100%;height:auto;aspect-ratio:2546/1800;border-radius:12px}
#sel{position:absolute;border:3px dashed var(--gold);border-radius:12px;pointer-events:none;box-shadow:0 0 0 2px #ffffffaa}
#sel button{pointer-events:auto;position:absolute;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;border:3px solid #fff;box-shadow:0 3px 10px #0004;touch-action:none;color:#fff}
#sel .h-del{top:-26px;left:-26px;background:#b03030}#sel .h-rot{top:-74px;left:50%;margin-left:-24px;background:var(--gold)}#sel .h-size{bottom:-26px;right:-26px;background:var(--navy);font-size:22px}#sel .stem{position:absolute;left:50%;top:-30px;width:3px;height:30px;margin-left:-1.5px;background:var(--gold)}#sel.flipv .h-rot{top:auto;bottom:-74px}#sel.flipv .stem{top:auto;bottom:-30px}#sel.flipv.flipb .h-rot{bottom:auto;top:50%;margin-top:-24px;left:-74px;margin-left:0}#sel.flipv.flipb .stem{display:none}#sel.flipr .h-size{right:auto;left:-26px}#sel.flipl .h-del{left:auto;right:-26px}#sel.flipb .h-size{bottom:auto;top:-26px}#sel.flipb.flipl .h-del{top:auto;bottom:-26px}#sel.flipb.flipr .h-del{left:auto;right:-26px}#sel.warn{border-color:#c0392b;background:#c0392b1a}#sel.warn .stem{background:#c0392b}
.danger{color:#b03030}
#edNote{min-height:24px;color:#805a20;font-weight:600;font-size:15px;margin:10px 0 0}
.toolcol{background:#fffdf9;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f3eee2;scrollbar-width:none}
.tabs button{border:0;border-radius:0;background:transparent;min-height:56px;font-size:14px;padding:8px 2px;border-bottom:3px solid transparent}
.tabs button.on{background:#fffdf9;border-bottom-color:var(--gold)}
.tabpanel{padding:16px 18px 20px;max-height:calc(100dvh - 150px);overflow:auto}.tabpanel h3{margin:8px 0 10px;font-size:17px}.tabpanel .hint{margin:8px 0}
.tpls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tpl{padding:6px;display:flex;flex-direction:column;gap:6px;font-size:14px}.tpl canvas{width:100%;height:auto;border-radius:6px;background:#eee8da}
.tpl.on,.stk.on,.pal.on,.fontbtn.on,.sizes .on,.ptcolors .auto.on{border:2px solid var(--gold);background:#fff7e6}
.stks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stkgroup{grid-column:1/-1;margin:10px 0 0;font-size:15px;color:var(--gold);letter-spacing:.5px}.stkgroup:first-child{margin-top:0}.stk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12.5px;font-weight:650;line-height:1.2}.stk img{width:74px;height:74px}
.pals{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pal{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:14px;padding:10px}
.chips{display:flex;gap:4px}.chips i{width:26px;height:26px;border-radius:50%;border:1px solid #0002;display:block}.rainbow i{background:conic-gradient(#d8434f,#e8b54a,#6d9a3a,#12a3a8,#3d2f6b,#d8434f)}
.colorrow{margin:16px 0 4px}.sw{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.sw button,.ptcolors button:not(.auto){width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #0004}
.ptcolors button.on:not(.auto){box-shadow:0 0 0 3px var(--gold)}
.more{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px dashed #8f989d;position:relative;font-weight:800;font-size:20px;cursor:pointer;background:conic-gradient(#d8434f33,#e8b54a33,#6d9a3a33,#12a3a833,#3d2f6b33,#d8434f33)}.more input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.fonts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fontbtn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;line-height:1.35;color:var(--navy)}.fontbtn small{font:12px/1.3 system-ui,sans-serif;color:var(--muted)}.pasukbtn{grid-column:1/-1}
.sizes{display:flex;gap:8px}.sizes button{flex:1;min-width:0;padding:6px;font-family:Georgia,serif}
.ptcolors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ptcolors .auto{font-size:14px;min-height:46px}
.sheet{background:#ddd7ca;padding:18px;border-radius:12px;margin:12px 0}.sheet #cardPreview{box-shadow:0 8px 24px #0003;border:0;background:#fff}
@media(max-width:1000px){.edgrid{grid-template-columns:minmax(0,1fr)}.stagecol{top:0;z-index:5;background:var(--cream);padding:8px 0 4px}.tabpanel{max-height:none}.fonts{grid-template-columns:repeat(3,1fr)}.stks{grid-template-columns:repeat(5,1fr)}.tpls{grid-template-columns:repeat(3,1fr)}.pals{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.stagecol{position:static}.edtools button{white-space:nowrap;font-size:14px;padding:8px 10px}.steps{gap:6px}.steps span{font-size:11px}.fonts,.pals,.tpls{grid-template-columns:1fr 1fr}.stks{grid-template-columns:repeat(3,1fr)}.edtools button{flex:1}}