@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--h-ink:#17334b;--h-green:#245f54;--h-green-dark:#173b36;--h-mint:#dceee8;--h-coral:#ee6b50;--h-paper:#fffdfa;--h-bg:#f2efe8;--h-border:#d9ddd9;--h-muted:#71808b;color:var(--h-ink);background:var(--h-bg);font-family:DM Sans,sans-serif}*{box-sizing:border-box}body.helper-body{background:var(--h-bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.helper-brand{color:var(--h-ink);align-items:center;gap:9px;display:flex}.helper-brand>img{flex:none;width:58px;height:auto;display:block}.helper-brand>b{font-size:20px}.helper-brand>i{letter-spacing:1.1px;color:var(--h-green);background:var(--h-mint);border-radius:6px;margin-left:3px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:700}.helper-kicker{color:var(--h-coral);letter-spacing:1.5px;font-size:10px;font-weight:700}.helper-signin{background:var(--h-paper);grid-template-columns:minmax(420px,560px) 1fr;min-height:100vh;display:grid}.signin-card{flex-direction:column;justify-content:center;padding:clamp(45px,8vw,110px);display:flex}.signin-card .helper-kicker{margin:70px 0 12px}.signin-card h1{letter-spacing:-1.8px;margin:0;font:700 clamp(38px,5vw,60px)/1.06 Fraunces,serif}.signin-copy{color:var(--h-muted);margin:25px 0 28px;font-size:14px;line-height:1.75}.signin-card form{gap:9px;display:grid}.signin-card label{font-size:11px;font-weight:700}.signin-card input{border:1px solid var(--h-border);border-radius:11px;padding:14px;font-size:14px}.signin-card form button,.publish-button{background:var(--h-green);color:#fff;border:0;border-radius:11px;padding:14px;font-weight:700;box-shadow:0 8px 18px #245f542e}.signin-card button:disabled,.publish-button:disabled{opacity:.6;cursor:wait}.signin-card>small{color:var(--h-muted);margin-top:15px;font-size:9px}.helper-error{color:#a64032;margin:3px 0;font-size:11px;font-weight:700}.helper-signin>aside{background:radial-gradient(circle at 35% 30%,#39796d,#173b36 67%);place-items:center;display:grid;position:relative;overflow:hidden}.helper-signin>aside:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:500px;height:500px;position:absolute;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.sample-card{aspect-ratio:1.42;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:min(420px,55%);padding:45px;display:flex;position:absolute;box-shadow:0 35px 70px #071d1947}.sample-card span{letter-spacing:1.5px;font-size:9px;font-weight:700;position:absolute;top:27px}.sample-card strong{font:700 clamp(34px,4vw,54px) Fraunces,serif}.sample-card i{color:#8b979f;font-size:10px;font-style:normal;position:absolute;bottom:25px}.sample-card.back{color:var(--h-green-dark);opacity:.7;background:#d8ebe4;transform:rotate(9deg)translate(55px,-55px)}.sample-card.front{background:#fffdf8;transform:rotate(-3deg)}.sample-card.front span{color:var(--h-coral)}.helper-shell{min-height:100vh}.helper-header{background:var(--h-paper);border-bottom:1px solid var(--h-border);justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 640px);display:flex}.helper-header>div:last-child{align-items:center;gap:10px;display:flex}.helper-avatar{background:var(--h-coral);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font:700 16px Fraunces,serif;display:grid}.helper-header p{margin:0;font-size:11px;display:grid}.helper-header p small{color:var(--h-muted);font-size:9px}.helper-header button{color:var(--h-muted);background:0 0;border:0;margin-left:12px;font-size:10px}.helper-workspace{width:min(1280px,100% - 48px);margin:0 auto;padding:45px 0 80px}.helper-title{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.helper-title h1{letter-spacing:-.8px;margin:5px 0;font:700 38px Fraunces,serif}.helper-title>div>p:last-child{color:var(--h-muted);margin:0;font-size:12px}.scope-badge{background:#e8f4ef;border:1px solid #bdd8cf;border-radius:13px;min-width:205px;padding:13px 16px;display:grid}.scope-badge span{color:var(--h-green);letter-spacing:1.1px;font-size:8px;font-weight:700}.scope-badge strong{margin:3px 0 1px;font-size:12px}.scope-badge small{color:var(--h-muted);font-size:9px}.publish-success,.publish-error{border-radius:13px;margin-bottom:17px;padding:15px 18px}.publish-success{color:#245f54;background:#e3f2ed;border:1px solid #afd2c6;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;display:grid}.publish-success>span{background:var(--h-green);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.publish-success p{margin:2px 0 0;font-size:10px}.publish-success button{color:var(--h-green);background:0 0;border:0;font-size:20px}.publish-error{color:#9b3e30;background:#fff1ee;border:1px solid #efb7ad;font-size:11px;font-weight:700}.helper-columns{grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);align-items:start;gap:18px;display:grid}.editor-column{gap:18px;display:grid}.helper-panel{border:1px solid var(--h-border);background:var(--h-paper);border-radius:17px;box-shadow:0 9px 25px #1d324109}.deck-details,.cards-editor,.preview-panel{padding:23px}.panel-heading{align-items:center;gap:11px;margin-bottom:20px;display:flex}.panel-heading>span{width:30px;height:30px;color:var(--h-green);background:var(--h-mint);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{color:var(--h-muted);margin:2px 0 0;font-size:9px}.panel-heading>b{color:var(--h-muted);margin-left:auto;font-size:9px}.details-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.details-grid label,.card-rows label{color:#50606c;gap:6px;font-size:9px;font-weight:700;display:grid}.details-grid label span,.card-rows label span{color:#9aa3a8;font-weight:500}.details-grid .wide{grid-column:1/-1}.assigned-deck{background:#f8faf8;border:1px solid #d4d8d7;border-radius:9px;padding:9px 11px;display:grid}.assigned-deck span{color:var(--h-green);letter-spacing:1px;font-size:8px;font-weight:700}.assigned-deck strong{margin:1px 0;font:700 16px Fraunces,serif}.assigned-deck small{color:var(--h-muted);font-size:8px}.details-grid input,.details-grid select,.card-rows input,.card-rows textarea{width:100%;color:var(--h-ink);background:#fff;border:1px solid #d4d8d7;border-radius:9px;outline:none;padding:10px 11px}.details-grid input:focus,.details-grid select:focus,.card-rows input:focus,.card-rows textarea:focus{border-color:#74a89a;box-shadow:0 0 0 3px #4a8b791a}.card-rows{gap:10px;display:grid}.card-rows article{border:1px solid #e0e2df;border-radius:12px;grid-template-columns:28px 1fr 1fr 24px;align-items:start;gap:10px;padding:13px;transition:border .15s,background .15s;display:grid}.card-rows article.selected{background:#fbfefc;border-color:#9fc7bc}.card-row-number{width:25px;height:25px;color:var(--h-muted);background:#eef1ef;border-radius:7px;place-items:center;margin-top:17px;font-size:9px;font-weight:700;display:grid}.card-rows textarea{resize:vertical;height:62px;font-size:11px;line-height:1.4}.card-rows input{font-size:11px}.remove-card{color:#b4b9b7;background:0 0;border:0;width:24px;height:24px;margin-top:24px;font-size:18px}.remove-card:hover{color:var(--h-coral)}.remove-card:disabled{visibility:hidden}.add-card{width:100%;color:var(--h-green);background:#f8fcfa;border:1px dashed #a9beb7;border-radius:10px;margin-top:12px;padding:11px;font-size:10px;font-weight:700}.preview-column{position:sticky;top:18px}.preview-meta{color:var(--h-muted);justify-content:space-between;margin-bottom:9px;font-size:9px;display:flex}.preview-meta b{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.helper-flashcard{aspect-ratio:1.15;width:100%;min-height:290px;color:var(--h-ink);background:linear-gradient(145deg,#fffdf8,#f5f8f6);border:1px solid #d1d9d6;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:relative;box-shadow:0 18px 35px #1d324117}.helper-flashcard.flipped{background:linear-gradient(145deg,#e2f1ec,#f6fbf9);border-color:#9fc7bc}.helper-flashcard>span{color:var(--h-coral);letter-spacing:1.3px;font-size:8px;font-weight:700;position:absolute;top:21px}.helper-flashcard.flipped>span{color:var(--h-green)}.helper-flashcard strong{overflow-wrap:anywhere;font:700 clamp(27px,3vw,39px)/1.13 Fraunces,serif}.helper-flashcard p{color:#527368;font-size:11px;line-height:1.5}.helper-flashcard small{color:#8b969c;font-size:9px;position:absolute;bottom:19px}.preview-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;display:grid}.preview-navigation button{min-height:40px;color:var(--h-green);background:#fff;border:1px solid #cfd8d5;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:700}.preview-navigation button:last-child{justify-self:stretch}.preview-navigation span{color:var(--h-muted);white-space:nowrap;font-size:9px;font-weight:700}.preview-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0;display:flex}.preview-dots button{background:#d4d8d5;border:0;border-radius:50%;width:7px;height:7px;padding:0}.preview-dots button.active{background:var(--h-coral);transform:scale(1.25)}.publish-summary{background:#f3f5f3;border-radius:11px;grid-template-columns:1fr 1fr;margin-top:17px;display:grid}.publish-summary>div{text-align:center;padding:12px}.publish-summary>div+div{border-left:1px solid #dfe2df}.publish-summary span{font:700 18px Fraunces,serif}.publish-summary p{color:var(--h-muted);text-transform:uppercase;letter-spacing:.6px;margin:2px 0 0;font-size:8px}.publish-button{justify-content:space-between;width:100%;margin-top:12px;display:flex}.privacy-copy{text-align:center;color:var(--h-muted);margin:13px 4px 0;font-size:8px;line-height:1.5}@media (width<=950px){.helper-columns{grid-template-columns:1fr}.preview-column{position:static}.preview-panel{max-width:570px;margin:0 auto}.card-rows article{grid-template-columns:28px 1fr 1fr 24px}}@media (width<=700px){.helper-signin{background:var(--h-paper);display:block}.helper-signin>aside{display:none}.signin-card{min-height:100vh;padding:35px 25px}.signin-card .helper-kicker{margin-top:65px}.helper-header{padding:0 17px}.helper-header p,.helper-header .helper-avatar{display:none}.helper-workspace{width:calc(100% - 28px);padding-top:28px}.helper-title{display:block}.helper-title h1{font-size:31px}.scope-badge{margin-top:18px}.details-grid{grid-template-columns:1fr}.details-grid .wide{grid-column:1}.deck-details,.cards-editor,.preview-panel{padding:16px}.card-rows article{grid-template-columns:26px 1fr 24px}.card-rows article label{grid-column:2}.remove-card{grid-area:1/3;margin-top:17px}.helper-flashcard{min-height:270px}}@media (pointer:coarse){.signin-card input,.details-grid input,.details-grid select,.card-rows input,.card-rows textarea{font-size:16px}}
