.dshare,.dshare *{box-sizing:border-box}.dshare{color:color-mix(in srgb, var(--color-primary) 22.44%, var(--color-black));background:color-mix(in srgb, var(--color-primary) 4.91%, var(--color-cream));font-family:var(--ff-zen-kaku-gothic-new);-webkit-font-smoothing:antialiased;margin:0}.dshare a{color:inherit}.dshare{max-width:480px;margin:auto;padding:0 22px}.dshare p,.dshare h1,.dshare h2,.dshare h3{margin:0}.dshare .num,.dshare .eyebrow{font-family:var(--ff-montserrat)}.dshare .brand{letter-spacing:-1px;align-items:center;gap:7px;font-size:19px;font-weight:900;display:flex}.dshare .brandmark{align-items:flex-end;gap:3px;width:20px;height:22px;display:flex;transform:skewY(-12deg)}.dshare .brandmark i{background:linear-gradient(125deg,color-mix(in srgb, var(--color-red) 13.82%, var(--color-primary)),color-mix(in srgb, var(--color-red) 50.41%, var(--color-primary)));border-radius:2px;width:5px}.dshare .brandmark i:first-child{height:10px}.dshare .brandmark i:nth-child(2){height:16px}.dshare .brandmark i:nth-child(3){height:22px}.dshare .topbar{justify-content:space-between;align-items:center;padding:27px 1px 25px;display:flex}.dshare .topbar>span{letter-spacing:.12em;color:color-mix(in srgb, var(--color-gray) 47.25%, var(--el-earth));font-size:10px;font-weight:700}.dshare .profile{align-items:center;gap:11px;margin:3px 0 24px;display:flex}.dshare .avatar{background:color-mix(in srgb, var(--el-metal) 9.78%, var(--color-skin));border:3px solid color-mix(in srgb, var(--color-white) 83.07%, var(--color-cream-3));width:48px;height:48px;box-shadow:0 0 0 1px color-mix(in srgb, var(--el-wood-soft) 50.12%, var(--color-skin-shade));border-radius:50%;flex-shrink:0;overflow:hidden}.dshare .avatar svg{width:100%;height:100%;display:block}.dshare .name{font-size:18px;font-weight:900;line-height:1.3}.dshare .handle{color:color-mix(in srgb, var(--color-gray) 47.25%, var(--el-earth));margin-top:3px;font-size:11px;text-decoration:none;display:block}.dshare .handle:hover{text-decoration:underline}.dshare .level{flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.dshare .level .num{color:color-mix(in srgb, var(--color-orange) 87.07%, var(--el-fire));font-size:15px}.dshare .result{isolation:isolate;border:1px solid color-mix(in srgb, var(--color-primary) 19.57%, var(--color-gray-2));background:linear-gradient(145deg,color-mix(in srgb, var(--color-dark-orange) 1.56%, var(--color-cream)) 30%,color-mix(in srgb, var(--color-cream-3) 94.96%, var(--color-marker-red)));box-shadow:0 10px 32px color-mix(in srgb, color-mix(in srgb, var(--color-primary) 41.92%, var(--color-black-3)) 3.1373%, transparent);border-radius:24px;padding:25px 22px 0;position:relative;overflow:hidden}.dshare .result:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--color-yellow) 5.12%, var(--color-skin));width:260px;height:260px;box-shadow:0 0 0 25px color-mix(in srgb, color-mix(in srgb, var(--color-red) 1.3%, var(--color-cream-3)) 40.0%, transparent),0 0 0 26px color-mix(in srgb, color-mix(in srgb, var(--color-yellow) 5.12%, var(--color-skin)) 50.1961%, transparent),0 0 0 51px color-mix(in srgb, color-mix(in srgb, var(--color-primary) 10.76%, var(--color-cream)) 53.3333%, transparent),0 0 0 52px color-mix(in srgb, color-mix(in srgb, var(--color-yellow) 5.12%, var(--color-skin)) 37.6471%, transparent);border-radius:50%;position:absolute;top:-145px;right:-135px}.dshare .eyebrow{letter-spacing:.2em;color:color-mix(in srgb, var(--color-orange) 87.07%, var(--el-fire));font-size:9px;font-weight:700}.dshare .date{letter-spacing:.04em;margin-top:9px;font-size:12px;font-weight:700}.dshare h1{letter-spacing:-.05em;margin-top:8px;font-size:24px;font-weight:900;line-height:1.5}.dshare .hero-note{color:color-mix(in srgb, var(--color-gray) 47.25%, var(--el-earth));margin-top:4px;font-size:12px}.dshare .score{justify-content:space-between;align-items:center;gap:16px;padding:28px 0 26px;display:flex}.dshare .score-label{font-size:11px;font-weight:700}.dshare .score-number{align-items:baseline;gap:7px;margin-top:3px;line-height:1.15;display:flex}.dshare .score-number strong{letter-spacing:-.08em;font-size:68px;font-weight:750}.dshare .score-number span{color:color-mix(in srgb, var(--color-primary) 17.23%, var(--color-gray-5));font-size:24px;font-weight:500}.dshare .score-number small{font-family:var(--ff-zen-kaku-gothic-new);margin-left:2px;font-size:12px;font-weight:700}.dshare .xp{background:color-mix(in srgb, var(--color-red) 3.25%, var(--color-cream-3));border:1px solid color-mix(in srgb, var(--color-primary) 27.72%, var(--color-white));color:color-mix(in srgb, var(--color-orange) 62.93%, var(--color-brown));border-radius:7px;align-items:center;gap:7px;margin-top:9px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.dshare .spark{font-size:15px;line-height:1}.dshare .ring{background:conic-gradient(from 0deg,color-mix(in srgb, var(--color-red) 13.82%, var(--color-primary)) 0%,color-mix(in srgb, var(--color-red) 50.41%, var(--color-primary)) calc(var(--pct,87.5) * 1%),color-mix(in srgb, var(--color-primary) 10.27%, var(--color-gray-2)) calc(var(--pct,87.5) * 1%),color-mix(in srgb, var(--color-primary) 10.27%, var(--color-gray-2)) 100%);border-radius:50%;place-items:center;width:114px;height:114px;display:grid;position:relative;transform:rotate(-20deg)}.dshare .ring:before{content:"";background:color-mix(in srgb, var(--color-primary) 7.59%, var(--color-cream));border-radius:50%;position:absolute;inset:9px}.dshare .ring-inner{text-align:center;position:relative;transform:rotate(20deg)}.dshare .ring-inner b{letter-spacing:-1.5px;font-size:25px;display:block}.dshare .ring-inner b small{letter-spacing:0;margin-left:1px;font-size:12px}.dshare .ring-inner span{color:color-mix(in srgb, var(--color-gray) 47.25%, var(--el-earth));font-size:9px;font-weight:700}.dshare .streak{background:color-mix(in srgb, var(--color-cream-3) 96.81%, var(--color-hair));border-top:1px solid color-mix(in srgb, var(--color-cream-3) 84.73%, var(--el-earth));justify-content:center;align-items:center;gap:9px;margin:0 -22px;padding:14px 18px;font-size:12px;display:flex}.dshare .streak svg{width:17px;height:21px;fill:color-mix(in srgb, var(--color-orange) 87.07%, var(--el-fire))}.dshare .streak b{letter-spacing:-.7px;margin:0 3px;font-size:20px}.dshare .streak .small{color:color-mix(in srgb, var(--color-gray) 47.25%, var(--el-earth));margin-left:auto;font-size:10px}.dshare .section{margin-top:31px}.dshare .section-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.dshare h2{letter-spacing:.02em;font-size:16px;font-weight:900}.dshare .section-head .eyebrow{color:color-mix(in srgb, var(--color-primary) 17.38%, var(--color-gray-5));letter-spacing:.13em;font-size:8px}.dshare .habit-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dshare .habit{background:color-mix(in srgb, var(--color-primary) 12.46%, var(--color-white));border:1px solid color-mix(in srgb, var(--el-earth-soft) 27.41%, var(--color-skin));border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:11px 10px;font-size:11px;font-weight:700;display:flex}.dshare .check{background:color-mix(in srgb, var(--color-orange) 87.07%, var(--el-fire));width:17px;height:17px;color:var(--color-white);font-size:11px;font-family:var(--ff-zen-kaku-gothic-new);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.dshare .missed{background:color-mix(in srgb, var(--color-cream) 92.66%, var(--color-brown));border-color:color-mix(in srgb, var(--color-marker-blue) 34.65%, var(--color-skin));color:color-mix(in srgb, var(--color-black-3) 48.77%, var(--color-skin))}.dshare .missed .check{border:1px solid color-mix(in srgb, var(--color-brown) 34.83%, var(--el-wood-soft));color:color-mix(in srgb, var(--color-skin) 55.42%, var(--color-hair));background:0 0;font-size:12px}.dshare .habit:last-child{grid-column:1/-1}.dshare .habit:last-child .habit-detail{color:color-mix(in srgb, var(--color-orange) 68.67%, var(--color-blue));margin-left:auto;font-size:10px;font-weight:500}.dshare .tasks{background:color-mix(in srgb, var(--color-white) 83.07%, var(--color-cream-3));border:1px solid color-mix(in srgb, var(--color-cream-3) 90.73%, var(--color-navy));border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.dshare .tasks li{align-items:center;gap:10px;padding:14px 15px;font-size:13px;font-weight:500;line-height:1.55;display:flex}.dshare .tasks li+li{border-top:1px solid color-mix(in srgb, var(--el-metal) 0.85%, var(--el-earth-soft))}.dshare .tasks .check{background:color-mix(in srgb, var(--color-primary) 11.37%, var(--color-white));width:18px;height:18px;color:color-mix(in srgb, var(--color-yellow) 23.06%, var(--el-fire));border:1px solid color-mix(in srgb, var(--color-marker-yellow) 37.56%, var(--color-marker-red));border-radius:5px}.dshare .tasks .unfinished{color:color-mix(in srgb, var(--color-black) 39.3%, var(--color-skin))}.dshare .tasks .unfinished .check{border-color:color-mix(in srgb, var(--color-gray) 33.87%, var(--color-cream-3));background:0 0}.dshare .pending{background:color-mix(in srgb, var(--color-gray-2) 79.12%, var(--color-cream-3));white-space:nowrap;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:9px}.dshare .journal{background:color-mix(in srgb, var(--color-white) 83.07%, var(--color-cream-3));border:1px solid color-mix(in srgb, var(--color-cream-3) 90.73%, var(--color-navy));border-radius:16px;margin-top:24px;padding:21px 19px}.dshare .journal h2{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;display:flex}.dshare .journal h2 span{color:color-mix(in srgb, var(--color-orange) 87.07%, var(--el-fire));font-size:18px}.dshare .journal p{color:color-mix(in srgb, var(--el-earth) 71.16%, var(--color-navy));font-size:13px;font-weight:500;line-height:1.95}.dshare .asset{border-top:1px dashed color-mix(in srgb, var(--color-primary) 14.78%, var(--color-gray-4));margin-top:21px;padding-top:19px}.dshare .asset-label{color:color-mix(in srgb, var(--color-orange) 69.08%, var(--color-hair));background:color-mix(in srgb, var(--color-primary) 11.24%, var(--color-cream));letter-spacing:.06em;border-radius:4px;margin-bottom:9px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-block}.dshare .asset h3{margin-bottom:7px;font-size:14px}.dshare .endnote{text-align:center;color:color-mix(in srgb, var(--color-primary) 18.23%, var(--color-gray-5));letter-spacing:.09em;margin-top:22px;font-size:10px}.dshare .invite{background:color-mix(in srgb, var(--color-orange) 19.45%, var(--color-black-2));color:color-mix(in srgb, var(--color-primary) 4.91%, var(--color-cream));border-radius:21px;margin:37px -7px 0;padding:28px 21px 23px;position:relative;overflow:hidden}.dshare .invite:after{content:"";border:1px solid color-mix(in srgb, var(--color-primary) 32.21%, var(--color-navy));width:180px;height:180px;box-shadow:0 0 0 18px color-mix(in srgb, var(--color-blue) 11.36%, var(--color-brown)),0 0 0 19px color-mix(in srgb, var(--color-primary) 32.21%, var(--color-navy));pointer-events:none;border-radius:50%;position:absolute;top:-90px;right:-118px}.dshare .invite .eyebrow{color:color-mix(in srgb, var(--color-orange) 48.94%, var(--el-metal-soft));font-size:9px}.dshare .invite h2{letter-spacing:.015em;margin-top:11px;font-size:23px;line-height:1.55}.dshare .invite .intro{color:color-mix(in srgb, var(--color-skin) 84.18%, var(--color-navy));margin:10px 0 24px;font-size:12px;line-height:1.9}.dshare .option+.option{margin-top:18px}.dshare .option-label{color:color-mix(in srgb, var(--el-fire) 22.07%, var(--el-wood-soft));text-align:center;margin-bottom:8px;font-size:10px}.dshare .button{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:53px;padding:14px 10px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .15s,filter .15s;display:flex}.dshare .button.primary{background:linear-gradient(125deg,color-mix(in srgb, var(--color-red) 13.82%, var(--color-primary)),color-mix(in srgb, var(--color-red) 50.41%, var(--color-primary)));color:var(--color-white);box-shadow:0 5px 16px color-mix(in srgb, color-mix(in srgb, var(--color-black-2) 71.49%, var(--color-brown)) 25.098%, transparent)}.dshare .button.secondary{border:1px solid color-mix(in srgb, var(--color-white) 19.84%, var(--el-earth));background:color-mix(in srgb, var(--color-white) 2.3529%, transparent);color:color-mix(in srgb, var(--color-primary) 6.18%, var(--color-cream))}.dshare .button .arrow{font-size:18px;font-weight:500}.dshare .button:hover{filter:brightness(1.08);transform:translateY(-2px)}.dshare .button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 55.77%, var(--color-white));outline-offset:4px}.dshare .referral{color:color-mix(in srgb, var(--color-cream) 45.09%, var(--el-earth));text-align:center;margin-top:17px;font-size:9px;line-height:1.8}.dshare footer{text-align:center;padding:32px 0 30px}.dshare footer .brand{justify-content:center;font-size:20px}.dshare footer p{color:color-mix(in srgb, var(--color-primary) 16.13%, var(--color-gray-5));letter-spacing:.05em;margin-top:8px;font-size:9px}.dshare .demo{color:color-mix(in srgb, var(--color-gray-4) 50.13%, var(--el-earth));letter-spacing:0;margin-top:12px;font-size:9px}@media (min-width:600px){.dshare{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb, var(--color-red) 0.79%, var(--color-cream)),color-mix(in srgb, var(--color-primary) 4.91%, var(--color-cream)) 65%);padding:20px 28px}.dshare .result{padding:28px 27px 0}.dshare .streak{margin:0 -27px}.dshare h1{font-size:28px}.dshare .score{padding:28px 4px}.dshare .ring{width:126px;height:126px}.dshare .invite{padding:29px 27px}.dshare .habit{font-size:12px}.dshare .tasks li{font-size:14px}}@media (prefers-reduced-motion:reduce){.dshare .button{transition:none}}.dshare .avatar img{object-fit:cover;width:100%;height:100%;display:block}.dshare .avatar-initial{width:100%;height:100%;font-family:var(--ff-zen-kaku-gothic-antique);color:var(--color-white);background:var(--grad-brand);justify-content:center;align-items:center;font-size:2.2rem;font-weight:900;display:flex}.dshare .prewrap{white-space:pre-wrap;word-break:break-word}.dshare .brandlink{color:inherit;text-decoration:none}
