@font-face{font-family:DM Sans;font-style:normal;font-weight:200;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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:DM Sans;font-style:normal;font-weight:200;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_8dd26371-module__OGIG7G__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_8dd26371-module__OGIG7G__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
:root{--navy:#0c2340;--navy-dark:#000522;--navy-light:#69c;--navy-lightest:#a5d0ff;--grey:#dde4e6;--grey-lightest:#eff2f2;--grey-dark:#c9d0d2;--pink:#e07fa3;--pink-light:#ea9dc1;--pink-lightest:#ffcbdf;--pink-dark:#b8577b;--turq:#6db9ab;--turq-light:#8ce1d3;--turq-lightest:#a0f5e7;--turq-dark:#4f9b8d;--white:#fff;--ink:#0c2340;--muted:#5b6b7d;--font:var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius:16px;--radius-sm:10px;--shadow:0 10px 30px #0c23401a;--shadow-lg:0 24px 60px #0c234038;--maxw:1120px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font);color:var(--ink);background:var(--grey-lightest);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-weight:300;line-height:1.15}h1{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:200}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.15rem;font-weight:400}p{margin:0 0 1em}a{color:var(--turq-dark);text-decoration:none}button{font-family:inherit}.muted{color:var(--muted)}.wrap{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 22px}header.site{background:var(--navy);color:#fff;z-index:40;position:sticky;top:0}header.site .wrap{align-items:center;gap:18px;height:66px;display:flex}header.site .logo{cursor:pointer;height:44px}header.site nav{align-items:center;gap:6px;margin-left:auto;display:flex}header.site nav button{color:#cfe0f2;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:.92rem;transition:all .15s}header.site nav button:hover{color:#fff;background:#ffffff1a}header.site nav button.primary{background:var(--turq);color:var(--navy);font-weight:600}header.site nav button.primary:hover{background:var(--turq-light)}.brandsub{color:#fff;border-left:1px solid #fff3;padding-left:16px;font-size:.95rem;font-weight:300}@media (max-width:600px){header.site .wrap{gap:10px;height:56px}header.site .logo{height:32px}.brandsub{display:none}header.site nav{gap:4px}header.site nav button{padding:8px 12px;font-size:.88rem}}.demobar{color:#7a5a00;text-align:center;letter-spacing:.01em;background:repeating-linear-gradient(45deg,#fff6da,#fff6da 12px,#fdefc4 12px 24px);border-bottom:1px solid #f0dfa8;padding:7px 14px;font-size:.83rem;font-weight:500}.demobar b{font-weight:700}.btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#16345a}.btn-accent{background:var(--turq);color:var(--navy)}.btn-accent:hover{background:var(--turq-light)}.btn-pink{background:var(--pink);color:#fff}.btn-pink:hover{background:var(--pink-dark)}.btn-ghost{color:var(--navy);border:1.5px solid var(--grey-dark);background:#fff}.btn-ghost:hover{border-color:var(--navy);background:var(--grey-lightest)}.btn-sm{padding:8px 15px;font-size:.86rem}.btn:disabled{opacity:.45;cursor:not-allowed}main{flex:1;min-height:60vh;padding:34px 0 90px}.hero{text-align:center;padding:26px 0 8px}.hero p.lede{color:var(--muted);max-width:620px;margin:0 auto 6px;font-size:1.12rem}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin:38px 0 18px;display:flex}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin:2px 0 26px;display:flex}.page-head h1{margin:12px 0 6px}.page-head .pill{margin-bottom:2px}.pill{background:var(--turq-lightest);color:var(--turq-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:.74rem;font-weight:700;display:inline-block}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;display:grid}.cover-card{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:2px solid #0000;transition:all .18s;overflow:hidden}.cover-card:hover{box-shadow:var(--shadow-lg);border-color:var(--turq);transform:translateY(-4px)}.cover-card .thumb{aspect-ratio:5/7;background:var(--grey);display:block}.cover-card .thumb svg{width:100%;height:100%;display:block}.cover-card .meta{padding:11px 13px 13px}.cover-card .meta .nm{font-size:.9rem;font-weight:600}.cover-card .meta .st{color:var(--muted);font-size:.76rem}.cover-strip{gap:8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.cstrip-item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:9px;flex:none;padding:0}.cstrip-item .cstrip-thumb{border-radius:6px;width:52px;height:73px;overflow:hidden;box-shadow:0 2px 6px #0c234029}.cstrip-item .cstrip-thumb svg{width:100%;height:100%;display:block}.cstrip-item:hover{border-color:var(--grey-dark)}.cstrip-item.sel{border-color:var(--turq)}.card-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.sh-left{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.sec-toggle{border:1px solid var(--grey-dark);color:var(--navy);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-self:center;align-items:center;gap:7px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.sec-toggle:hover{background:var(--grey)}.sec-toggle .chev{font-size:.62rem;line-height:1;transition:transform .18s}.sec-toggle.is-collapsed .chev{transform:rotate(-90deg)}.sec-body{overflow:hidden}.sec-body.collapsed{display:none}.sec-empty{color:var(--muted);background:var(--grey-lightest);border:1px dashed var(--grey-dark);border-radius:12px;padding:20px 22px;font-size:.95rem}.mini{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}.mini .top{gap:14px;padding:16px 16px 12px;display:flex}.mini .cvr{border-radius:8px;flex:0 0 64px;align-self:flex-start;width:64px;height:90px;overflow:hidden;box-shadow:0 3px 8px #00000026}.mini .cvr svg{width:100%;height:100%;display:block}.mini .info{flex:1;min-width:0}.mini .titlerow{align-items:flex-start;gap:8px;display:flex}.mini .titlerow h3{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;overflow:hidden}.mini .sub{color:var(--muted);margin:1px 0 9px;font-size:.82rem}.mini-cd{padding:0 16px 4px}.cd-compact{background:var(--grey-lightest);color:var(--navy);border-radius:8px;padding:8px 11px;font-size:.8rem;line-height:1.35}.cd-compact b{color:var(--turq-dark);font-weight:700}.cd-compact.reached{background:var(--turq-lightest);color:var(--turq-dark)}.mini .acts{border-top:1px solid var(--grey-lightest);flex-wrap:wrap;gap:8px;margin-top:auto;padding:12px 16px 16px;display:flex}.badgecount{background:var(--pink-lightest);color:var(--pink-dark);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-block}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:26px}.grid2{grid-template-columns:.82fr 1.18fr;align-items:start;gap:26px;display:grid}.grid2>*{min-width:0}@media (max-width:820px){.grid2{grid-template-columns:1fr}}label.fld{margin:0 0 16px;display:block}label.fld>span{color:var(--navy);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=date],input[type=time],select,textarea{border:1.5px solid var(--grey-dark);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fff;padding:11px 13px;font-family:inherit;font-size:.96rem}input[type=date],input[type=time]{appearance:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}input:focus,select:focus,textarea:focus{border-color:var(--turq);box-shadow:0 0 0 3px var(--turq-lightest);outline:none}input.input-error,select.input-error,textarea.input-error{border-color:#d32f2f}input.input-error:focus,select.input-error:focus,textarea.input-error:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f26}.error-text{color:#d32f2f;margin-top:4px;font-size:.8rem;font-weight:500;display:block}.slackmock{border:1px solid var(--grey);background:#fff;border-radius:12px;overflow:hidden}.slackmock .sk-head{color:#fff;background:#3f0e40;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:600;display:flex}.slackmock .sk-dot{background:#2bac76;border-radius:50%;width:10px;height:10px}.slackmock .sk-body{padding:14px 16px;font-size:.9rem}.slackmock .sk-chan{color:#1264a3;font-weight:700}.slackmock .sk-invites{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.avatar{color:#fff;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.74rem;font-weight:700;display:inline-flex}.linkbox{align-items:stretch;gap:8px;margin-top:8px;display:flex}.linkbox input{background:var(--grey-lightest);font-size:.85rem}.toolbar{background:var(--grey-lightest);border:1px solid var(--grey);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:8px;display:flex}.toolbar .tb-btn{border:1px solid var(--grey-dark);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;display:inline-flex}.toolbar .tb-btn:hover{border-color:var(--navy)}.toolbar select{width:auto;padding:7px 9px;font-size:.85rem}.toolbar .sep{background:var(--grey-dark);align-self:stretch;width:1px;margin:2px 3px}.toolbar input[type=color]{border:1px solid var(--grey-dark);cursor:pointer;background:#fff;border-radius:8px;width:34px;height:34px;padding:2px}.page-paper{aspect-ratio:5/7;box-shadow:inset 0 0 0 1px var(--grey), 0 8px 24px #0c23401f;background:#fff;border-radius:12px;padding:26px;position:relative;overflow:auto}.page-editor{min-height:100%;color:var(--ink);outline:none;font-size:1.02rem}.page-editor:empty:before{content:attr(data-ph);color:#9fb0bf}.page-editor img{vertical-align:middle;border-radius:8px;max-width:70%;height:auto;margin:6px 0}.page-signature{color:var(--navy);margin-top:16px;font-style:italic;font-weight:600}.picker-pop{position:relative}.picker-panel{z-index:30;border:1px solid var(--grey-dark);box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;width:min(320px,86vw);max-height:280px;padding:10px;position:absolute;top:40px;left:0;overflow:auto}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-grid button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;font-size:1.25rem}.emoji-grid button:hover{background:var(--grey-lightest)}.gif-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.gif-grid button{border:1px solid var(--grey);cursor:pointer;aspect-ratio:1;background:#fff;border-radius:8px;padding:4px}.gif-grid button:hover{border-color:var(--turq)}.gif-grid img{width:100%;height:100%}.viewer-stage{flex-direction:column;align-items:center;gap:16px;display:flex}.book{aspect-ratio:5/7;perspective:2200px;width:min(400px,92vw);position:relative}.leaf{transform-style:preserve-3d;transform-origin:0;border-radius:12px;transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:0 18px 50px #0c234047}.leaf .face{backface-visibility:hidden;background:#fff;border-radius:12px;position:absolute;inset:0;overflow:hidden}.leaf .face.back{transform:rotateY(180deg)}.leaf.flipped{transform:rotateY(-180deg)}.leaf .page-content{width:100%;height:100%;padding:26px;overflow:auto}.leaf .page-content img{border-radius:8px;max-width:70%}.leaf svg{width:100%;height:100%;display:block}.viewer-controls{align-items:center;gap:14px;display:flex}.viewer-controls .idx{color:var(--muted);text-align:center;min-width:110px;font-size:.85rem}.iconbtn{border:1.5px solid var(--grey-dark);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:inline-flex}.iconbtn:hover{border-color:var(--navy)}.iconbtn:disabled{opacity:.35;cursor:not-allowed}.overlay{z-index:60;background:#0c23408c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;width:min(640px,100%);overflow:hidden}.modal .m-head{border-bottom:1px solid var(--grey);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal .m-close{background:var(--grey-lightest);cursor:pointer;border:0;border-radius:8px;width:34px;height:34px;font-size:1.1rem}.email-frame{padding:0}.email-meta{border-bottom:1px solid var(--grey);padding:16px 20px;font-size:.9rem}.email-meta .row{gap:8px;margin-bottom:4px;display:flex}.email-meta .k{color:var(--muted);flex:0 0 64px;width:64px}.email-body{background:var(--grey-lightest);padding:22px 20px}.email-card{max-width:340px;box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:0 auto;overflow:hidden}.email-card .ec-cover{aspect-ratio:5/7}.email-card .ec-cover svg{width:100%;display:block}.email-card .ec-msgs{padding:14px 16px}.email-card .ec-msg{border-top:1px solid var(--grey);padding:12px 0;font-size:.9rem}.email-card .ec-msg:first-child{border-top:0}.email-card .ec-msg img{border-radius:6px;max-width:60%}.email-card .ec-sig{color:var(--navy);margin-top:4px;font-style:italic;font-weight:600}.empty{text-align:center;color:var(--muted);padding:40px 0}.center{text-align:center}.stack{flex-direction:column;gap:10px;display:flex}.rowbtns{flex-wrap:wrap;gap:10px;display:flex}.backlink{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:.9rem;display:inline-flex}.backlink:hover{color:var(--navy)}.note{background:var(--turq-lightest);border-left:4px solid var(--turq);color:var(--navy-dark);border-radius:8px;padding:12px 14px;font-size:.86rem}.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow-lg);z-index:80;opacity:0;pointer-events:none;border-radius:999px;padding:13px 22px;font-size:.9rem;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.card-canvas{aspect-ratio:5/7;box-shadow:inset 0 0 0 1px var(--grey), 0 8px 24px #0c23401f;background:#fff;border-radius:12px;width:100%;position:relative;overflow:hidden}.canvas-empty{color:#9fb0bf;text-align:center;justify-content:center;align-items:center;padding:20px;font-size:.9rem;display:flex;position:absolute;inset:0}.card-note{transform-origin:0 0;box-sizing:border-box;border:1px solid #0c23400f;border-radius:12px;flex-direction:column;width:176px;padding:12px 14px;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 16px #0c234029}.card-note .n-body{word-wrap:break-word;overflow-wrap:anywhere;flex:auto;min-height:0;font-size:14px;line-height:1.34;overflow:hidden}.card-note .n-body img{vertical-align:middle;border-radius:6px;max-width:62%;height:auto;margin:2px 0}.card-note .n-sig{color:var(--navy);opacity:.85;text-align:left;flex:none;margin-top:6px;font-size:.82em;font-style:italic;font-weight:600}.card-note .n-sig-ph{opacity:.5}.card-note .n-resize{cursor:nwse-resize;border-right:3px solid var(--turq-dark);border-bottom:3px solid var(--turq-dark);opacity:.75;touch-action:none;border-bottom-right-radius:5px;width:15px;height:15px;display:none;position:absolute;bottom:3px;right:3px}.card-note.preview .n-resize{display:block}.card-note .n-move{display:none}.card-note.preview .n-move{height:20px;color:var(--navy);letter-spacing:.03em;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#0c234017;border-radius:9px 9px 0 0;justify-content:center;align-items:center;gap:6px;margin:-4px -7px 8px;font-size:.66rem;font-weight:600;display:flex}.card-note .n-body{outline:none}.card-note.preview .n-body{min-height:38px}.card-note .n-name{cursor:text;outline:none;min-width:80px;font-style:italic;display:inline-block}.card-note .n-body:empty:before,.card-note .n-name:empty:before{content:attr(data-ph);color:var(--muted);opacity:.85}.card-note.preview{z-index:6;outline:2px dashed var(--turq-dark);outline-offset:2px}.card-note.placed{opacity:.96}.card-note.draggable{cursor:grab;outline:2px dashed var(--turq-dark);outline-offset:2px;touch-action:none}.card-note.dragging{cursor:grabbing;z-index:9;box-shadow:0 14px 30px #0c23404d}.swatches{gap:8px;margin:2px 0 12px;display:flex}.swatch{width:28px;height:28px;box-shadow:0 0 0 1px var(--grey-dark);cursor:pointer;border-radius:8px}.swatch.sel{outline:2px solid var(--navy);outline-offset:2px}.drag-hint{color:var(--turq-dark);margin-top:8px;font-size:.78rem}.page-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.page-tab{border:1.5px solid var(--grey-dark);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem}.page-tab.sel{background:var(--navy);color:#fff;border-color:var(--navy)}.ec-page{margin:8px 0}.ec-page .card-canvas{box-shadow:inset 0 0 0 1px var(--grey)}.countdown{background:var(--navy);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;line-height:1.3;display:inline-flex}.countdown b{color:var(--turq-light);font-weight:700}.countdown.reached{background:var(--turq);color:var(--navy)}.countdown .due{opacity:.82;font-weight:400}.countdown.reached b{color:var(--navy)}.countdown.opened{background:var(--turq);color:var(--navy)}.countdown.unopened{background:var(--grey);color:var(--muted)}.open-status{color:var(--muted);margin-top:6px;font-size:.76rem}.open-status.opened{color:var(--turq-dark);font-weight:700}.metarow{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;display:flex}.metarow-center{justify-content:center}.mini .del{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:1rem;line-height:1}.mini .del:hover{color:var(--pink-dark);background:#fdecef}.open-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:58vh;display:flex}.open-scene .envelope{z-index:2}#openBtn{z-index:1;position:relative}.envelope{aspect-ratio:3/2;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1200px;width:min(360px,82vw);transition:transform 2.5s cubic-bezier(.2,.6,.25,1),opacity .55s;position:relative}.env-body{box-shadow:var(--shadow-lg);background:linear-gradient(165deg,#17436f,#0c2340);position:absolute;inset:0}.env-pocket{z-index:2;clip-path:polygon(0 100%,100% 100%,50% 46%);background:linear-gradient(#0f3358,#0b2038);position:absolute;inset:0}.env-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;width:100%;height:54%;transform-style:preserve-3d;background:linear-gradient(160deg,#8ce1d3,#6db9ab);transition:transform .6s cubic-bezier(.5,0,.35,1);position:absolute;top:0;left:0}.env-seal{z-index:5;background:radial-gradient(circle at 35% 30%,#f0a0bd,#e07fa3);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:-24px;font-size:22px;transition:all .4s;display:inline-flex;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #0000004d}.envelope.opening .env-flap{transform:rotateX(-162deg)}.envelope.opening .env-seal{opacity:0;transform:scale(0)}.confetti-canvas{pointer-events:none;z-index:200;position:fixed;inset:0}.btn .material-symbols-outlined{font-size:1.25rem}.btn-sm .material-symbols-outlined{font-size:1.05rem}.page-tab{align-items:center;gap:4px;display:inline-flex}.page-tab .material-symbols-outlined{font-size:1.1rem}.modal .m-close{justify-content:center;align-items:center;display:inline-flex}.cpg{box-sizing:border-box;color:#0c2340;background:linear-gradient(165deg,#eff2f2 0%,#dde4e6 100%);flex-direction:column;width:400px;height:560px;padding:28px 24px;font-family:DM Sans,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.cpg.cpg-navy{color:#fff;background:radial-gradient(circle at 50% 28%,#1a3f6b 0%,#0c2340 72%)}.cpg *{box-sizing:border-box;margin:0}.cpg .cpg-cheer{text-align:center;color:#b8577b;font-size:21px;font-weight:700;line-height:1.12}.cpg.cpg-navy .cpg-cheer{color:#8ce1d3}.cpg .cpg-sub{text-align:center;letter-spacing:1px;text-transform:uppercase;color:#4f9b8d;margin-top:5px;font-size:11px;font-weight:600}.cpg .cpg-intro{text-align:center;color:#0c2340;margin-top:13px;font-size:11px;line-height:1.46}.cpg.cpg-navy .cpg-intro{color:#dde4e6}.cpg .cpg-opts{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.cpg .cpg-opt{background:#fff;border:1px solid #0c23400d;border-radius:11px;padding:9px 11px;box-shadow:0 2px 7px #0c234017}.cpg .cpg-opt b{color:#0c2340;font-size:10.5px;display:block}.cpg .cpg-opt span{color:#5b6b7d;margin-top:2px;font-size:8.5px;line-height:1.34;display:block}.cpg .cpg-foot{text-align:center;background:#6db9ab29;border-radius:12px;margin-top:auto;padding:11px 13px;font-size:9.5px;line-height:1.5}.cpg .cpg-foot b{color:#4f9b8d}