/* iOS-style pastel pink sheets */
.sheet.ios{align-items:flex-end;z-index:60}
.sheet.ios .sbg{background:rgba(30,20,28,.28);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);animation:fadein .25s ease}
@keyframes fadein{from{opacity:0}}
.sheet.ios .sin{--pk:#FBE4E8;background:linear-gradient(180deg,#FDEEF1 0%,#FBE2E7 100%);color:#2A2230;border-radius:32px 32px 0 0;padding:12px 24px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -12px 50px rgba(120,60,80,.18);text-align:left;max-height:92vh;overflow:auto;animation:sheetup .42s cubic-bezier(.2,.9,.25,1)}
@media(min-width:600px){.sheet.ios{align-items:center}.sheet.ios .sin{border-radius:32px;margin:auto}}
@keyframes sheetup{from{transform:translateY(100%)}}
.sheet.ios .grab{width:38px;height:5px;border-radius:3px;background:rgba(90,50,65,.22);margin:0 auto 14px}
.sheet.ios .sx{position:absolute;top:14px;right:16px;width:32px;height:32px;min-height:32px;border-radius:50%;border:0;background:rgba(90,50,65,.09);color:#7A5866;font:600 14px var(--sans);cursor:pointer}
.sheet.ios .lockic{margin:6px 0 10px;background:#fff;color:#C66B85;box-shadow:0 6px 18px rgba(198,107,133,.18)}
.sheet.ios .kick{font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#C66B85;margin:4px 0 2px}
.sheet.ios h3{font:700 26px/1.15 var(--sans);letter-spacing:-.02em;margin:4px 0 8px;color:#2A2230}
.sheet.ios .lead{font-size:16.5px;line-height:1.45;margin:0 0 6px;color:#3A2E38}
.sheet.ios .mut{color:#8A6F7B}
.steps{list-style:none;counter-reset:s;padding:0;margin:16px 0 8px;background:rgba(255,255,255,.62);border-radius:20px;padding:6px 14px}
.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;padding:11px 0;font-size:14.5px;line-height:1.4;border-bottom:1px solid rgba(160,110,130,.14)}
.steps li:last-child{border:0}
.steps li::before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:#F4BFCB;color:#6B2E44;font:700 13px/26px var(--sans);text-align:center}
.sheet.ios .btn{border-radius:16px;min-height:52px;font-weight:650}
.sheet.ios .btn.big{background:#2A2230;color:#fff;box-shadow:0 8px 20px rgba(42,34,48,.22)}
.sheet.ios .btn.ghost{background:rgba(255,255,255,.7);color:#2A2230;border:0}
html.dark .sheet.ios .sbg{background:rgba(0,0,0,.5)}
html.dark .sheet.ios .sin{background:linear-gradient(180deg,#3A2A33 0%,#2E2229 100%);color:#F6E6EA;box-shadow:0 -12px 50px rgba(0,0,0,.5)}
html.dark .sheet.ios h3,html.dark .sheet.ios .lead{color:#F6E6EA}
html.dark .sheet.ios .mut{color:#C7A9B4}
html.dark .sheet.ios .kick{color:#F0A9BC}
html.dark .sheet.ios .grab{background:rgba(255,220,230,.25)}
html.dark .sheet.ios .sx{background:rgba(255,220,230,.1);color:#E8C3CF}
html.dark .sheet.ios .lockic{background:#4A3540;color:#F0A9BC;box-shadow:none}
html.dark .steps{background:rgba(255,255,255,.06)}
html.dark .steps li{border-color:rgba(255,220,230,.1)}
html.dark .steps li::before{background:#6E4656;color:#FFE3EA}
html.dark .sheet.ios .btn.big{background:#F6D3DC;color:#2E2229}
html.dark .sheet.ios .btn.ghost{background:rgba(255,255,255,.08);color:#F6E6EA}
/* theme segmented control */
.seg3{display:flex;gap:4px;background:var(--card2);border-radius:14px;padding:4px;margin-top:8px}
.seg3 button{flex:1;border:0;background:transparent;border-radius:11px;font:600 14px var(--sans);color:var(--ink);padding:10px 0;cursor:pointer}
.seg3 button.on{background:var(--w,#fff);box-shadow:0 2px 8px rgba(0,0,0,.08)}
/* learn page */
.lsteps{list-style:none;padding:0;margin:16px 0}
.lsteps li{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}
.lsteps .ln{flex:none;width:30px;height:30px;border-radius:50%;background:#F4D9DF;color:#7A3A50;font:700 14px/30px var(--sans);text-align:center}
html.dark .lsteps .ln{background:#4A3540;color:#F6D3DC}
.lsteps h4{margin:3px 0 6px;font-size:16px}.lsteps p{margin:0;line-height:1.5;color:var(--ink);opacity:.86;font-size:14.5px}
.rt{padding-left:18px;margin:6px 0 0;line-height:1.8}
/* founder */
.founder{background:#FBE9ED}html.dark .founder{background:#30242B}
.founder .kick{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#C66B85;margin:0}
.founder .sig{font-style:italic;color:var(--mut)}
.sochd{display:flex;flex-direction:column;margin-top:14px}.sochd span{color:var(--mut);font-size:14px}
.socials{display:flex;gap:4px;justify-content:space-between;margin-top:10px}
.soc{display:flex;flex-direction:column;align-items:center;gap:4px;width:58px;flex:none;font:600 10px var(--sans);color:var(--ink);text-decoration:none}
.soc svg{width:24px;height:24px;padding:11px;border-radius:16px;background:var(--w,#fff);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box}
.s-instagram svg{color:#C9658A}.s-threads svg{color:#2A2230}.s-substack svg{color:#E07A3F}.s-facebook svg{color:#4A78C8}.s-tiktok svg{color:#3AA6A0}
html.dark .s-threads svg{color:#F6E6EA}
.soc.off{opacity:.55;cursor:default}
.rate .in{grid-template-columns:repeat(3,1fr)!important}
/* de20: ink-pen outline rings (no fill) */
.rate.big .in{gap:14px;padding:6px 8px}
.rate.big button{position:relative;min-height:84px;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--pen)!important;transition:transform .15s}
.rate.big button b{font:800 19px var(--sans);color:var(--pen)!important;text-shadow:none;letter-spacing:.2px}
.rate.big button small{color:var(--pen)!important;opacity:.8;font-weight:700}
.rate.big button::before{content:"";position:absolute;inset:-4px -6px;background:var(--pen);-webkit-mask:var(--ring) center/100% 100% no-repeat;mask:var(--ring) center/100% 100% no-repeat;pointer-events:none}
.rate.big button::after{display:none}
.rate.big .again{--pen:#D62828;--ring:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M58%2014%20C110%202%20178%2010%20190%2046%20C200%2084%20150%20112%2096%20110%20C40%20108%206%2090%2010%2058%20C13%2030%2040%2014%2082%2010%20C100%209%20112%2011%20120%2014%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%275%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M70%2018%20C126%2010%20184%2024%20186%2058%20C188%2092%20136%20108%2088%20106%20C38%20104%2012%2080%2016%2052%20C20%2032%2048%2020%2076%2017%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.75%27/%3E%3C/svg%3E");transform:rotate(-3deg)}
.rate.big .good{--pen:#1E8E3E;--ring:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M140%2012%20C182%2020%20196%2052%20186%2080%20C174%20106%20120%20114%2076%20108%20C30%20102%206%2076%2012%2048%20C18%2022%2060%208%20104%208%20C126%208%20146%2014%20160%2022%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%274.6%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M128%2016%20C172%2022%20192%2050%20182%2078%20C170%20100%20118%20110%2080%20104%20C40%2098%2014%2074%2018%2050%20C22%2028%2058%2014%20100%2013%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27/%3E%3C/svg%3E");transform:rotate(2deg)}
.rate.big .easy{--pen:#1F4FD1;--ring:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20200%20120%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M30%2034%20C50%208%20120%204%20166%2018%20C196%2030%20198%2074%20176%2094%20C150%20114%2086%20116%2046%20104%20C12%2094%202%2064%2016%2042%20C24%2030%2036%2022%2052%2016%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%275.2%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M40%2030%20C64%2012%20128%2010%20164%2024%20C190%2036%20190%2076%20170%2092%20C146%20110%2090%20110%2052%20100%20C20%2090%2010%2066%2022%2046%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27/%3E%3C/svg%3E");transform:rotate(-1.5deg)}
html.dark .rate.big .again{--pen:#FF5A5A}
html.dark .rate.big .good{--pen:#4CD07A}
html.dark .rate.big .easy{--pen:#6E9BFF}
.rate.big button:active{transform:scale(.93) rotate(0)}
.rate.big button.sugg{transform:translateY(-5px) scale(1.05)}
.rate.big button.sugg::before{filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}