@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#27183f;--purple:#7038d5;--ink:#27183f;--peach:#ffbf9e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff8f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #8964bb}body{background:radial-gradient(at 5% 8%,#ede1ff 0,#0000 38%),radial-gradient(at 95% 35%,#ffe0cf 0,#0000 40%)}button,a,input,textarea,select{touch-action:manipulation}button,a{transition:background-color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #7038d5}::selection{background:#dcc7ff}@media (prefers-reduced-motion:reduce){button,a{transition:none}}.app{max-width:1200px;margin:auto;padding:0 32px}.header{border-bottom:1px solid #e8e1e9;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{letter-spacing:-1.5px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;text-decoration:none}.brand span{color:#a17bc6;margin-left:4px}.header-note{color:#807389;font-size:12px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding:85px 0 65px;display:grid}.eyebrow{letter-spacing:2px;color:#8c659f;font-size:11px;font-weight:700}h1{letter-spacing:-3px;margin:22px 0;font-family:Manrope,sans-serif;font-size:clamp(44px,5.5vw,72px);line-height:1.08}.intro{color:#7b6f83;max-width:450px;font-size:16px;line-height:1.8}.create-form{margin-top:32px}.create-form label{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.input-row{gap:10px;display:flex}.input-row input{color:#352b41;background:#fff;border:1px solid #ddd3e3;border-radius:12px;flex:1;min-width:0;padding:15px}.input-row input:focus{outline-offset:2px;outline:2px solid #a17bc6}.input-row button{color:#fff;background:#352b41;border:0;border-radius:12px;padding:15px 18px;font-weight:600}.input-row button:hover{background:#564363}.form-note{color:#8b7e92;font-size:11px;line-height:1.6}.jar-scene{background:radial-gradient(#eee3f4,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.jar-lid{z-index:2;background:repeating-linear-gradient(90deg,#cdbdda,#cdbdda 5px,#dfd3e8 5px 10px);border:2px solid #b9a8c5;border-radius:8px;width:190px;height:27px}.jar{background:linear-gradient(110deg,#ffffffb0,#eee3f470);border:2px solid #c7b6d4;border-top:0;border-radius:35px 35px 55px 55px;width:235px;height:255px;position:relative;box-shadow:inset 12px 0 #ffffff80,0 25px 35px #69507f12}.jar-label{text-align:center;background:#faf6e9;border:1px solid #e7dfce;border-radius:8px;padding:20px 10px;position:absolute;top:76px;left:25px;right:25px;transform:rotate(-4deg)}.jar-label span{letter-spacing:2px;font-size:8px;display:block}.jar-label strong{margin:8px 0;font-family:Georgia,serif;font-size:27px;font-style:italic;display:block}.paper{border:1px solid #00000008;border-radius:5px;width:70px;height:45px;position:absolute}.paper-one{background:#f5ccbb;bottom:25px;left:24px;transform:rotate(25deg)}.paper-two{background:#cbdcc9;bottom:14px;right:30px;transform:rotate(-20deg)}.paper-three{background:#ddd0f0;top:25px;right:35px;transform:rotate(16deg)}.floating-note{z-index:3;border-radius:6px;max-width:175px;padding:18px;font-size:13px;line-height:1.5;position:absolute;box-shadow:0 8px 20px #352b410c}.note-one{background:#f8dace;top:35px;left:0;transform:rotate(-10deg)}.note-two{background:#dbe7d5;bottom:65px;right:0;transform:rotate(9deg)}.spark{color:#9a78b8;font-size:40px;position:absolute}.spark-one{top:15px;right:35px}.spark-two{bottom:80px;left:25px}.scene-caption{color:#8c759b;margin-top:25px;font-size:12px}.preview-panel{background:#eee4f5;border:1px solid #dfcfea;border-radius:20px;margin-bottom:35px;padding:28px}.preview-panel h2{letter-spacing:-1px;font-size:24px}.preview-panel p{line-height:1.7}.preview-status{color:#796886;font-size:12px}.steps{border-top:1px solid #e8e1e9;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 0;display:grid}.step-number{color:#9875ad;background:#eee4f3;border-radius:50%;padding:10px;font-size:12px;font-weight:700;display:inline-block}.steps h2{margin:16px 0 8px;font-size:17px}.steps p{color:#807389;margin:0;font-size:13px;line-height:1.8}footer{color:#93879b;text-align:center;padding:28px 0;font-size:11px}@media (width<=760px){.app{padding:0 22px}.header{padding:22px 0}.header-note{display:none}.hero{grid-template-columns:1fr;gap:25px;padding:45px 0 30px}h1{letter-spacing:-2px}.intro{font-size:15px}.input-row{flex-direction:column}.input-row button{min-height:50px}.jar-scene{width:100%;max-width:430px;min-height:370px;margin:auto}.floating-note{max-width:145px;font-size:12px}.steps{grid-template-columns:1fr;gap:28px}}.signup-form{max-width:450px}.signup-form h2{letter-spacing:-.5px;margin:0 0 8px;font-size:22px}.signup-intro{color:#7b6f83;margin:0 0 22px;font-size:13px;line-height:1.6}.signup-form fieldset{border:0;min-width:0;margin:0;padding:0}.signup-form label{margin-top:18px}.signup-form input{color:#352b41;background:#fff;border:1px solid #ddd3e3;border-radius:12px;width:100%;min-height:48px;padding:14px 15px;font-size:16px;display:block}.signup-form input:focus{outline-offset:2px;outline:2px solid #a17bc6}.signup-form button{color:#fff;background:#352b41;border:0;border-radius:12px;width:100%;min-height:50px;margin-top:16px;padding:15px 18px;font-weight:600}.signup-form button:hover{background:#564363}.signup-form button:disabled{opacity:.65;cursor:wait}.form-error{color:#903b47;background:#fbe8e8;border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.signup-success{overflow-wrap:anywhere;background:#eee4f5;border:1px solid #dfcfea;border-radius:20px;margin-top:32px;padding:24px}.signup-success h2{letter-spacing:-1px;font-size:24px}.signup-success p{line-height:1.7}.public-jar{max-width:620px;margin:0 auto;padding:65px 0}.public-jar h1{overflow-wrap:anywhere;font-size:clamp(36px,5vw,56px)}.public-jar .signup-form{max-width:none}.jar-back-link{color:#564363;background:#eee4f5;border:1px solid #dfcfea;border-radius:12px;align-items:center;gap:8px;width:fit-content;min-height:44px;margin-bottom:24px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.jar-back-link:hover{background:#e5d6f5}.signup-form textarea,.jar-link input{color:#352b41;width:100%;font:inherit;background:#fff;border:1px solid #ddd3e3;border-radius:12px;padding:15px;font-size:16px}.signup-form textarea{resize:vertical;min-height:160px;line-height:1.7}.signup-form textarea:focus,.jar-link input:focus{outline-offset:2px;outline:2px solid #a17bc6}.note-meta{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.note-meta span{white-space:nowrap}.jar-link label{margin:20px 0 10px;font-size:13px;font-weight:700;display:block}.jar-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;display:flex}.jar-actions button{color:#fff;background:#352b41;border:0;border-radius:12px;padding:13px 18px;font-weight:600}.jar-actions a{font-size:13px}@media (width<=760px){.public-jar{padding:40px 0}}.inbox{max-width:760px;margin:auto;padding:60px 0}.inbox h1{font-size:clamp(36px,5vw,56px)}.inbox-toolbar,.inbox-pagination{justify-content:space-between;align-items:center;gap:16px;margin:28px 0;display:flex}.inbox-toolbar h2{font-size:20px}.inbox button{color:#fff;background:#352b41;border:0;border-radius:12px;min-height:44px;padding:13px 18px;font-weight:600}.inbox button:disabled{opacity:.45;cursor:default}.message-list{gap:16px;display:grid}.message-card{background:#fff;border:1px solid #e8e1e9;border-radius:18px;padding:24px}.message-heading{color:#8c659f;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;display:flex}.message-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;font-size:16px;line-height:1.8}.inbox-home,.inbox-pagination span{font-size:13px}.logout-control{margin-top:16px}.header .logout-control{margin-top:0}.logout-control button{color:#352b41;background:0 0;border:1px solid #d5c4e2;border-radius:10px;min-height:44px;padding:10px 16px;font-size:13px}.logout-control button:disabled{opacity:.5;cursor:wait}@media (width<=760px){.inbox{padding:40px 0}.message-card{padding:20px}.inbox-pagination,.inbox-toolbar{flex-wrap:wrap}}.inbox-link{align-items:center;gap:8px;font-weight:700;display:inline-flex}.unread-badge{color:#fff;background:#d7193f;border-radius:20px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 0 0 3px #ffe1e8}.inbox .message-open{text-align:left;color:#352b41;background:#fff;border:1px solid #e8e1e9;border-radius:18px;width:100%;padding:24px;font-weight:400;display:block}.inbox .message-open:hover{background:#fdfaff;border-color:#a17bc6}.new-note{color:#c41536;font-weight:800}.message-share-hint{color:#8c659f;margin-top:18px;font-size:12px;display:block}.share-dialog{color:#352b41;background:#faf7f2;border:1px solid #dfcfea;border-radius:24px;width:min(620px,100% - 28px);max-height:90dvh;padding:24px;overflow-y:auto}.share-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.share-heading h2{margin:10px 0 22px;font-size:22px}.share-dialog button{color:#fff;background:#352b41;border:0;border-radius:12px;min-height:44px;padding:12px 18px;font-weight:600}.share-dialog button:disabled{opacity:.5}.card-format{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;display:flex}.card-format select{font:inherit;color:#352b41;background:#fff;border:1px solid #dfcfea;border-radius:10px;padding:12px}.share-preview{border-radius:12px;width:300px;max-width:100%;height:auto;margin:auto;display:block;box-shadow:0 8px 30px #352b4115}.card-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.inbox-filters,.message-controls{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.inbox-filters button{color:#564363;background:#eee4f5}.inbox-filters button[aria-pressed=true]{color:#fff;background:#352b41}.message-controls{margin:10px 0 0;padding:0 6px}.message-controls button{color:#564363;background:#eee4f5;font-size:12px}.jar-pause{background:#f3ebf7;border:1px solid #dfcfea;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;padding:20px;display:flex}.jar-pause strong{font-size:14px}.jar-pause button{flex-shrink:0}@media (width<=760px){.jar-pause{flex-direction:column;align-items:flex-start}}.site-menu{margin-left:16px;position:relative}.menu-toggle{color:#352b41;background:#eee4f5;border:1px solid #dfcfea;border-radius:12px;min-height:44px;padding:12px 16px;font-weight:600}.menu-panel{z-index:20;background:#fff;border:1px solid #dfcfea;border-radius:16px;width:min(250px,80vw);padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 15px 40px #352b4120}.menu-panel a{border-radius:10px;padding:14px;font-size:14px;text-decoration:none;display:block}.menu-panel a:hover{background:#eee4f5}.menu-panel .logout-control{margin:0}.menu-panel .logout-control button{text-align:left;color:#352b41;background:0 0;border:0;border-radius:10px;width:100%;padding:14px;font-size:14px;font-weight:400;display:block}.menu-panel .logout-control button:hover{background:#eee4f5}.shop{padding:60px 0}.shop h1{max-width:800px;font-size:clamp(40px,5vw,64px)}.shop .intro{max-width:650px}.shop-notice{background:#eee4f5;border-radius:14px;padding:18px 22px;font-size:13px;line-height:1.7}.shop-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-top:48px;margin-bottom:20px;display:flex}.shop-section-heading h2{letter-spacing:-.5px;margin:0;font-size:25px}.shop-section-heading span{color:#807389;font-size:12px}.shop-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.packs-grid{grid-template-columns:repeat(3,1fr)}.price-card{background:#fff;border:1px solid #dfcfea;border-radius:22px;flex-direction:column;padding:24px;display:flex}.price-card h3{letter-spacing:-.5px;margin:18px 0 6px;font-size:22px}.price-card p{color:#807389;font-size:13px;line-height:1.7}.price-card .cash-price{color:#352b41;margin:6px 0;font-size:32px;font-weight:800}.price-kicker{color:#8c659f;letter-spacing:1.5px;font-size:10px;font-weight:700}.stars-symbol{color:#ad83cc;margin-top:22px;font-size:52px}.stars-2{background:#f3ebfa;border-color:#a17bc6}.price-card button,.support-options button{color:#fff;background:#352b41;border:0;border-radius:12px;min-height:48px;margin-top:auto;padding:12px 16px;font-weight:600}.price-card button:disabled,.support-options button:disabled{opacity:.55;cursor:default}.pack-art{text-align:center;background:linear-gradient(130deg,#faf7f2,#ddc9ef);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:25px;display:flex}.pack-art span{font-family:Georgia,serif;font-size:30px;font-style:italic}.pack-art small{margin-top:24px;font-size:11px}.pack-art-1{color:#faf7f2;background:linear-gradient(130deg,#283344,#5b4e79)}.price-card .star-price{color:#8c659f;font-size:22px;font-weight:800}.reveal-preview,.support-panel{background:#eee4f5;border:1px solid #dfcfea;border-radius:22px;margin-top:40px;padding:30px}.reveal-preview p,.support-panel p{color:#796886;max-width:700px;font-size:14px;line-height:1.8}.support-panel{background:#f5eee2;scroll-margin-top:24px}.support-options{flex-wrap:wrap;gap:12px;display:flex}@media (width<=900px){.shop-grid,.packs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.shop{padding:40px 0}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-card{overflow-wrap:anywhere;border-radius:16px;min-width:0;padding:14px}.price-card h3{font-size:18px}.price-card p{font-size:12px}.price-card .cash-price{font-size:28px}.price-card .star-price{font-size:18px}.price-card button{padding:10px 8px;font-size:12px}.price-kicker{letter-spacing:1px;font-size:9px}.stars-symbol{margin-top:14px;font-size:38px}.pack-art{min-height:140px;padding:12px}.pack-art span{font-size:22px}.reveal-preview,.support-panel{padding:22px}.header{flex-wrap:wrap;gap:8px}}.reveal-preview .reveal-sample{color:#17713c;font-size:18px;font-weight:800}.reveal-unlock{color:#fff;background:#352b41;border:0;border-radius:12px;min-height:44px;padding:12px 16px;font-weight:600}.reveal-unlock:disabled{opacity:.55;cursor:default}.signup-form .terms-check{align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.7;display:flex}.signup-form .terms-check input{accent-color:#9571b5;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:1px 0 0;padding:0}.identity-notice{background:#eee4f5;border-radius:10px;padding:12px}.terms-page h1{font-size:clamp(32px,5vw,50px)}.terms-page h2{margin-top:30px;font-size:20px}.terms-page p{font-size:14px;line-height:1.8}.purchase-history{margin-top:40px}.history-list{gap:12px;display:grid}.history-list article{background:#fff;border:1px solid #dfcfea;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;font-size:13px;display:flex}.order-status{text-transform:capitalize;background:#eee4f5;border-radius:10px;padding:6px 10px}.order-paid{color:#17643b;background:#ddf5e7}.history-list time{color:#796886;font-size:12px}.price-card .unlock-pack{margin-top:10px}.pack-preview-section{background:#fff8f5;border:1px solid #dfcfea;border-radius:22px;margin:30px 0;padding:24px}.pack-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pack-preview-grid figure{min-width:0;margin:0}.pack-preview-grid canvas{border-radius:16px;width:100%;height:auto}.pack-preview-grid figcaption{margin-top:10px;font-size:13px;font-weight:700}@media (width<=540px){.pack-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-preview-section{padding:18px}.pack-preview-grid figcaption{font-size:12px}}.revealed-sender{color:#17713c;font-weight:800}.policy-links{border-top:1px solid #dfcfea;flex-wrap:wrap;gap:18px;margin-top:32px;padding-top:22px;font-size:13px;display:flex}.menu-panel{max-height:75dvh;overflow-y:auto}.header{border-color:#dac8ed;gap:16px;padding:22px 0}.brand{color:#27183f;font-size:30px}.brand span{color:#8446df}.header-note{color:#665678;margin-left:auto}.site-menu{margin-left:0}.menu-toggle{color:#563096;background:#fff;border-color:#ddc9f7;box-shadow:0 4px #e9dcfa}.menu-panel{border-color:#ddc9f7;box-shadow:0 18px 55px #5f2e9d25}.menu-panel a:hover,.menu-panel .logout-control button:hover{background:#f2e8ff}.eyebrow{color:#7140b5;letter-spacing:1.8px;font-weight:800}h1{color:#27183f;font-weight:800}h1 span{color:#7836d2}.intro{color:#655775;line-height:1.7}.hero{gap:48px;padding:64px 0}.hero-copy>.eyebrow{background:#eadbff;border-radius:30px;padding:10px 14px;display:inline-block}.hero-copy h1{font-size:clamp(46px,5.8vw,74px)}.signup-success{background:linear-gradient(125deg,#f0e3ff,#ffe7db);border:1px solid #ddc4f5;border-radius:26px;padding:28px;box-shadow:0 12px 36px #68399b0c}.signup-success h2{color:#382052}.signup-success p{color:#594769}.jar-actions{gap:12px}.jar-actions button,.signup-form button,.inbox-toolbar>button,.card-actions button{color:#fff;background:linear-gradient(120deg,#7839d6,#5927b5);border-radius:15px;box-shadow:0 5px #4d239225}.jar-actions button:hover,.signup-form button:hover,.inbox-toolbar>button:hover{background:#5c25b7}.jar-actions a{color:#593386;background:#ffffffa6;border:1px solid #d3b6ee;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.jar-actions a:hover{background:#fff}.jar-link input{border-color:#d7bfec;border-radius:15px}.unread-badge{background:#d5143e;box-shadow:0 0 0 3px #ffdae3}.form-note{color:#6c587d;font-size:12px}.signup-form input,.signup-form textarea{background:#ffffffed;border-color:#d9c6ed;border-radius:16px}.signup-form input:focus,.signup-form textarea:focus{outline-color:#8748dd}.public-jar>.signup-form{background:#fff;border:1px solid #e0ceef;border-radius:26px;padding:26px;box-shadow:0 16px 46px #6a379111}.public-jar{padding:50px 0}.public-jar h1,.inbox h1{letter-spacing:-2px;line-height:1.12}.jar-back-link{color:#633596;background:#fff;border-color:#d9c1ed}.jar-scene{background:radial-gradient(#d9bbff,#ffe3d3 52%,#0000 72%);border-radius:40px}.jar{background:linear-gradient(110deg,#fff9,#dec6ff80);border-color:#af84d6;box-shadow:inset 12px 0 #ffffff80,0 25px 40px #7437bb20}.jar-lid{border-color:#a375cb}.jar-label{background:#fff3e7}.note-one{background:#ffcfb5}.note-two{background:#e1d0fa}.spark{color:#813acb}.steps{border-color:#deccef;gap:18px}.steps article{background:#ffffff95;border:1px solid #eee0f4;border-radius:22px;padding:24px}.step-number{color:#6332a3;background:#e7d5ff}.steps p{color:#6c587d}.inbox-filters button{color:#643a95;background:#eadbfc;border-radius:14px}.inbox-filters button[aria-pressed=true]{background:#7038d5}.jar-pause{background:#fff0e6;border-color:#f3d0b8;border-radius:22px}.jar-pause button{background:#7541c6;border-radius:14px}.inbox .message-open{background:linear-gradient(120deg,#fff,#f7efff);border-color:#decaef;border-radius:22px;box-shadow:0 6px 22px #66329908}.managed-message:nth-child(2n) .message-open{background:linear-gradient(120deg,#fff,#fff0e7)}.inbox .message-open:hover{border-color:#a56ce4;box-shadow:0 8px 24px #7d40b315}.inbox .message-unread{border-left:5px solid #dc204b}.message-heading{color:#77509a}.message-share-hint{color:#7133ad;font-weight:600}.message-controls button{color:#643494;background:#f0e3ff;border-radius:12px}.message-controls button[aria-pressed=true]{color:#79430c;background:#ffdfbd}.inbox-pagination button{background:#7541c6}.shop-notice{color:#604177;background:#f0e4fc}.price-card{border-color:#dbc4ef;border-radius:24px;box-shadow:0 10px 30px #6c389310}.stars-2{background:linear-gradient(150deg,#ebdbff,#ffe7d8);border:2px solid #ac77dd}.stars-symbol{color:#8345d1}.price-card button,.support-options button{background:#7440c7}.pack-art{background:linear-gradient(130deg,#ead9ff,#ffcdb1)}.pack-art-1{background:linear-gradient(130deg,#342053,#7c44b7)}.pack-art-2{background:linear-gradient(130deg,#ffeedb,#ffc185)}.reveal-preview{background:#f0e2fc}.support-panel{background:linear-gradient(120deg,#fff0e4,#ffe0c9);border-color:#f2c5a7}.share-dialog{background:#fff8f5;border-color:#dbbfef;border-radius:26px}.share-dialog::backdrop{background:#28113d99}.card-format select{border-color:#d6baee}footer{color:#766082}@media (width<=760px){.app{padding:0 18px}.header{flex-wrap:nowrap;gap:12px;padding:20px 0}.brand{font-size:27px}.hero{gap:28px;padding:38px 0}.hero-copy h1{letter-spacing:-2px;font-size:clamp(44px,10vw,66px)}.signup-success{padding:22px}.public-jar>.signup-form{padding:20px}.public-jar,.inbox{padding:36px 0}.jar-actions{gap:10px}.jar-actions a,.jar-actions button{padding:12px;font-size:12px}.jar-scene{min-height:350px}.steps article{padding:20px}}
