:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html,body{overflow:hidden auto}body{background:linear-gradient(#fff 0%,#fcfbf9 64%,#f5ece7 100%);min-height:100vh}button{font:inherit;color:inherit}button::-moz-focus-inner{border:0}.app-shell{width:100%;min-height:100vh;position:relative;overflow-x:clip}.phone-screen{background:linear-gradient(#fffffffa 0%,#fffffff0 66%,#f7ece6f5 100%);width:min(902px,100vw);min-height:2012px;margin:0 auto;position:relative;overflow-x:hidden}.top-spacer{height:118px}.top-nav{grid-template-columns:1fr auto 1fr;align-items:center;height:118px;padding:0 47px 0 54px;display:grid}.menu-button,.studio-mark,.pro-button,.category-pill,.bottom-nav-item{cursor:default;background:0 0;border:0;padding:0}.menu-button{color:#252525;justify-self:start;place-items:center;width:52px;height:52px;display:grid}.menu-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:44px;height:30px}.studio-mark{color:#202020;justify-self:center;place-items:center;width:106px;height:78px;display:grid;position:relative}.studio-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:88px;height:48px}.studio-mark__text{letter-spacing:-1px;color:#202020;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:38px;font-weight:600;line-height:1}.studio-mark__plus{font-size:28px;font-weight:500;line-height:1;position:absolute;top:4px;right:-6px}.pro-button{color:#282828;background:#ffffff80;border:3px solid #2a2a2a;border-radius:14px;justify-content:center;justify-self:end;align-items:center;gap:10px;min-width:130px;height:72px;display:inline-flex;position:relative}.pro-button span:first-child{letter-spacing:0;font-size:28px;font-weight:700}.pro-dot{background:#8fd9ff;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;right:-5px}.content{padding:44px 0 360px}.category-strip{align-items:center;gap:24px;padding:0 0 0 28px;display:flex}.category-scroll{scrollbar-width:none;flex:1;gap:24px;padding-bottom:6px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-pill{color:#767676;background:#fff;border-radius:26px;flex:none;justify-content:center;align-items:center;gap:22px;min-width:188px;height:100px;padding:0 28px;font-size:28px;font-weight:600;display:inline-flex;box-shadow:0 6px 22px #1c1c1c0f}.category-pill svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:44px;height:44px}.category-pill--add{color:#fff;background:#050505;justify-content:center;gap:0;width:118px;min-width:118px}.plus-mark{width:46px;height:46px;position:relative}.plus-mark span{position:absolute;inset:0}.plus-mark:before,.plus-mark:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plus-mark:before{border-radius:99px;width:38px;height:4px}.plus-mark:after{border-radius:99px;width:4px;height:38px}.section{padding:0}.section--templates{margin-top:70px}.section h2{text-align:center;letter-spacing:0;margin:0;font-size:28px;font-weight:800}.template-carousel{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:1030px;margin-top:68px;position:relative;overflow:visible}.template-carousel.is-dragging{cursor:grabbing}.template-stage{height:996px;margin-top:0;position:relative}.template-card{aspect-ratio:.56;border-radius:18px;width:466px;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 20px 46px #7253302e}.template-card--rear-back{z-index:0;transform:translate(-50%)translateY(-16px)rotate(-1.2deg)}.template-card--rear-left{z-index:1;transform:translate(-55%)translateY(28px)rotate(-6deg)}.template-card--rear-right{z-index:1;transform:translate(-45%)translateY(-4px)rotate(5deg)}.template-card--left{z-index:2;transform:translate(-58%)translateY(78px)rotate(-2.2deg)scale(.95)}.template-card--right{z-index:2;transform:translate(-42%)translateY(78px)rotate(2.2deg)scale(.95)}.template-card--main{z-index:4;background:linear-gradient(165deg,#f7fbfc 0%,#d6e6f2 55%,#b9d7ea 100%);transform:translate(-50%)translateY(60px)}.carousel-slide{transform-origin:top;will-change:transform, opacity;width:902px;height:996px;position:absolute;top:0;left:50%}.carousel-slide--side{pointer-events:auto}.carousel-slide__layer{will-change:opacity;transition:opacity .4s;position:absolute;inset:0}.carousel-slide__card{aspect-ratio:.56;border-radius:18px;width:466px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)translateY(60px);box-shadow:0 20px 46px #7253302e}.month-art{color:#302438c7;flex-direction:column;width:100%;height:100%;padding:30px 32px 36px;display:flex;position:relative}.month-art__head{justify-content:space-between;align-items:baseline;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;display:flex}.month-art__num{letter-spacing:1px;color:#302438e6;font-size:30px;font-weight:700}.month-art__year{letter-spacing:4px;color:#3024388c;font-size:18px;font-weight:600}.month-art__photo{background:radial-gradient(circle at 28% 32%,#fff9 0 14%,#0000 16%),radial-gradient(circle at 72% 64%,#ffffff6b 0 18%,#0000 20%),#ffffff5c;border-radius:10px;flex:1;box-shadow:inset 0 0 0 1px #ffffff80}.month-art__caption{flex-direction:column;gap:8px;margin-top:22px;display:flex}.month-art__name{letter-spacing:-1px;color:#302438f2;font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:700;line-height:.95}.month-art__meta{letter-spacing:3px;color:#3024388c;text-transform:uppercase;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.month-art__dot{opacity:.7;background:currentColor;border-radius:50%;width:4px;height:4px}.year-cover{color:#1a3a5c;flex-direction:column;width:100%;height:100%;padding:44px 40px;display:flex;position:relative;overflow:hidden}.year-cover:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 12%,#ffffff8c,#0000 52%),radial-gradient(circle at 88% 92%,#769fcd47,#0000 60%);position:absolute;inset:0}.year-cover__head{letter-spacing:6px;text-transform:uppercase;color:#1a3a5c99;justify-content:center;font-size:16px;font-weight:700;display:flex;position:relative}.year-cover__center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;display:flex;position:relative}.year-cover__year{letter-spacing:-10px;color:#1a3a5c;font-family:Georgia,Times New Roman,serif;font-size:240px;font-weight:700;line-height:.85}.year-cover__rule{background:#769fcd;border-radius:2px;width:64px;height:2px}.year-cover__sub{letter-spacing:1px;color:#1a3a5cb3;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;font-weight:500}.year-cover__cta{color:#f7fbfc;letter-spacing:2px;cursor:pointer;background:#1a3a5c;border:0;border-radius:999px;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 14px 0 32px;font-size:24px;font-weight:700;display:flex;position:relative;box-shadow:0 14px 26px #1a3a5c47}.year-cover__cta-arrow{color:#1a3a5c;background:#f7fbfc;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:700;display:inline-flex}.todo-art{color:#3a1f0c;flex-direction:column;width:100%;height:100%;padding:44px 36px 40px;display:flex;position:relative}.todo-art__head{justify-content:space-between;align-items:center;display:flex}.todo-art__eyebrow{letter-spacing:6px;color:#3a1f0cb3;font-size:22px;font-weight:800}.todo-art__date{color:#3a1f0cb3;font-size:22px;font-weight:700}.todo-art__title{letter-spacing:-1.5px;margin:18px 0 28px;font-size:64px;font-weight:800;line-height:1}.todo-art__list{flex-direction:column;flex:1;gap:14px;margin:0;padding:0;list-style:none;display:flex}.todo-art__item{color:#3a1f0c;background:#ffffff8c;border-radius:16px;align-items:center;gap:18px;padding:14px 18px;font-size:24px;font-weight:600;display:flex}.todo-art__check{border:3px solid #3a1f0c;border-radius:8px;flex:none;width:28px;height:28px;position:relative}.todo-art__item.is-done .todo-art__check{background:#3a1f0c}.todo-art__item.is-done .todo-art__check:after{content:"";border:3px solid #fff5e6;border-width:0 3px 3px 0;width:8px;height:14px;position:absolute;top:2px;left:7px;transform:rotate(45deg)}.todo-art__item.is-done .todo-art__text{opacity:.6;text-decoration:line-through}.todo-art__progress{align-items:center;gap:16px;margin-top:22px;display:flex}.todo-art__bar{background:#ffffff8c;border-radius:999px;flex:1;height:14px;overflow:hidden}.todo-art__bar span{background:#3a1f0c;width:40%;height:100%;display:block}.todo-art__count{color:#3a1f0c;font-size:22px;font-weight:800}.cal-art{color:#122339;flex-direction:column;width:100%;height:100%;padding:44px 32px 40px;display:flex;position:relative}.cal-art__head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.cal-art__month{font-family:Georgia,Times New Roman,serif;font-size:80px;font-weight:700;line-height:.9}.cal-art__year{color:#12233999;letter-spacing:4px;font-size:22px;font-weight:700}.cal-art__count{color:#122339b3;background:#ffffff8c;border-radius:999px;padding:6px 14px;font-size:20px;font-weight:700}.cal-art__week{text-align:center;color:#1223398c;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;font-size:18px;font-weight:700;display:grid}.cal-art__grid{flex:1;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-art__day{aspect-ratio:1;color:#122339;background:#ffffff52;border-radius:12px;place-items:center;font-size:22px;font-weight:600;display:grid;position:relative}.cal-art__day.is-empty{background:0 0}.cal-art__day.has-event:after{content:"";background:#122339;border-radius:50%;width:6px;height:6px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.cal-art__day.is-today{color:#f4f8ff;background:#122339}.cal-art__day.is-today.has-event:after{background:#f4f8ff}.notes-art{color:#3b2f0e;flex-direction:column;width:100%;height:100%;padding:44px 36px 40px;display:flex;position:relative}.notes-art__head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notes-art__title{letter-spacing:-1px;font-size:60px;font-weight:800;line-height:1}.notes-art__count{color:#3b2f0ea6;background:#ffffff8c;border-radius:999px;padding:8px 18px;font-size:22px;font-weight:700}.notes-art__grid{flex:1;grid-template-columns:1fr 1fr;gap:18px;display:grid}.note-card{border-radius:18px;flex-direction:column;gap:10px;padding:18px 18px 20px;display:flex;box-shadow:0 8px 18px #3c280c1f}.note-card--yellow{background:linear-gradient(160deg,#fff3c4,#f7d97a)}.note-card--pink{background:linear-gradient(160deg,#ffd9df,#f5a0b1)}.note-card--blue{background:linear-gradient(160deg,#d8e8fa,#95b9e2)}.note-card--green{background:linear-gradient(160deg,#d8ecd0,#94c490)}.note-card__title{color:#2c2208;font-size:22px;font-weight:700}.note-card__lines{flex-direction:column;gap:8px;display:flex}.note-card__lines span{background:#3c280c47;border-radius:999px;height:6px}.note-card__lines span:first-child{width:100%}.note-card__lines span:nth-child(2){width:80%}.note-card__lines span:nth-child(3){width:60%}.note-card__lines span:nth-child(4){width:70%}.habits-art{color:#1c3520;flex-direction:column;width:100%;height:100%;padding:44px 32px 40px;display:flex;position:relative}.habits-art__head{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.habits-art__title{letter-spacing:-1px;font-size:56px;font-weight:800;line-height:1}.habits-art__week{color:#1c3520b3;background:#ffffff8c;border-radius:999px;padding:8px 18px;font-size:22px;font-weight:700}.habits-art__list{flex-direction:column;flex:1;gap:14px;margin:0;padding:0;list-style:none;display:flex}.habit-row{background:#ffffff80;border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.habit-row__name{color:#1c3520;font-size:22px;font-weight:700}.habit-row__dots{gap:6px;display:flex}.habit-row__dots span{background:#1c352038;border-radius:50%;width:16px;height:16px}.habit-row__dots span.is-on{background:#1c3520}.habit-row__streak{color:#1c3520;align-items:baseline;gap:4px;display:inline-flex}.habit-row__streak-num{letter-spacing:-.5px;font-size:28px;font-weight:800}.habit-row__streak-label{opacity:.65;font-size:18px;font-weight:700}.section--tools{padding:0 28px}.tools-header{justify-content:space-between;align-items:center;margin:0 0 36px;display:flex}.section--tools h3{color:#171717;margin:0;font-size:40px;font-weight:800;line-height:1}.tools-more{color:#7a7269;cursor:default;background:0 0;border:0;align-items:center;gap:8px;padding:6px 4px 6px 14px;font-size:24px;font-weight:600;display:inline-flex}.tools-more svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tools-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.tool-tile{background:#fff;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 28px #251e1a14}.tool-tile__art{height:260px;position:relative;overflow:hidden}.tool-tile__caption{flex-direction:column;gap:4px;padding:18px 22px 22px;display:flex}.tool-tile__label{color:#1a1a1a;letter-spacing:-.2px;font-size:26px;font-weight:700}.tool-tile__subtitle{color:#8a8079;font-size:20px;font-weight:500}.tool-art{width:100%;height:100%;position:relative}.tool-art__badge{color:#918a84e6;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:26px;right:26px}.tool-art__badge svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:44px}.tool-art--film{background:linear-gradient(#fff 0%,#fbfbfa 100%)}.tool-art__base{background:linear-gradient(#dad5c5 0%,#c9c0aa 100%);border-radius:32px 32px 10px 10px;width:220px;height:98px;position:absolute;bottom:36px;left:84px}.tool-art__mini{clip-path:polygon(12% 0,84% 0,100% 20%,100% 100%,0 100%,0 18%);background:linear-gradient(#fff 0%,#f2e8de 100%);border-radius:18px 18px 0 0;width:146px;height:126px;position:absolute;bottom:0;left:206px}.tool-art--portrait{background:linear-gradient(#fff 0%,#fbfbfb 100%)}.portrait-preview{background:linear-gradient(#6f9fbc 0%,#4d84a7 100%);border-radius:24px;width:190px;height:190px;position:absolute;bottom:26px;left:198px;overflow:hidden;transform:translate(-50%)}.portrait-preview__circle{background:linear-gradient(#f5dfc7 0%,#d9b590 100%);border-radius:50%;width:134px;height:134px;position:absolute;top:28px;left:30px}.portrait-preview__hat{background:linear-gradient(#f4f0df 0%,#d8c4a7 100%);border-radius:24px 24px 12px 12px;width:118px;height:50px;position:absolute;top:18px;left:40px;transform:rotate(-12deg)}.portrait-preview__face{background:linear-gradient(#efcaa6 0%,#d49d6d 100%);border-radius:50% 50% 48% 48%;width:70px;height:110px;position:absolute;bottom:32px;right:20px;transform:rotate(4deg)}.tool-art--color{background:linear-gradient(135deg,#fef3eb 0%,#f7e5d4 100%)}.color-preview{grid-template-columns:repeat(2,90px);gap:14px;display:grid;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.color-preview__swatch{border-radius:22px;width:90px;height:90px;display:block;box-shadow:0 6px 14px #32261a1f}.color-preview__swatch--a{background:linear-gradient(#f3b27a 0%,#d97a3a 100%)}.color-preview__swatch--b{background:linear-gradient(#94c9b8 0%,#4f9e83 100%)}.color-preview__swatch--c{background:linear-gradient(#88a7c5 0%,#4a6f93 100%)}.color-preview__swatch--d{background:linear-gradient(#d8c690 0%,#aa944a 100%)}.tool-art--magic{background:linear-gradient(#f6f1ec 0%,#ebe0d1 100%)}.magic-preview{position:absolute;inset:36px 36px 26px}.magic-preview__photo{background:radial-gradient(circle at 30% 35%,#f3d3a8 0 28%,#0000 30%),linear-gradient(#6f9fbc 0%,#4d84a7 100%);border-radius:18px;width:220px;height:180px;position:absolute;top:0;left:0}.magic-preview__mask{background:repeating-linear-gradient(45deg,#ffffffd9 0 6px,#e8dcc8d9 6px 12px);border-radius:18px;width:160px;height:140px;position:absolute;bottom:0;right:0;box-shadow:0 8px 18px #32261a1f}.magic-preview__wand{background:linear-gradient(#1c1c1c 0%,#444 100%);border-radius:99px;width:12px;height:120px;position:absolute;top:-10px;right:18px;transform:rotate(28deg);box-shadow:0 0 0 4px #fff6}.tool-art--text{background:linear-gradient(#fff 0%,#f5f1ea 100%)}.text-preview{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;bottom:32px;left:36px;right:36px}.text-preview__line{color:#1f1f1f;letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-weight:800;display:inline-block}.text-preview__line--big{font-size:88px;line-height:.9}.text-preview__line--mid{letter-spacing:0;font-family:inherit;font-size:30px;font-weight:700}.text-preview__line--sm{color:#8a8079;letter-spacing:0;font-family:inherit;font-size:22px;font-weight:500}.tool-art--sticker{background:linear-gradient(135deg,#fff3df 0%,#ffe1c1 100%)}.sticker-preview{position:absolute;inset:0}.sticker-preview__chip{background:#fff;border-radius:28px;width:96px;height:96px;position:absolute;box-shadow:0 8px 18px #32261a24}.sticker-preview__chip--star{background:radial-gradient(circle at 50% 56%,#ffd24c 0 36%,#0000 38%),linear-gradient(#fff 0%,#fff4d8 100%);top:48px;left:36px;transform:rotate(-10deg)}.sticker-preview__chip--heart{background:radial-gradient(circle at 35% 45%,#ff7e88 0 22%,#0000 24%),radial-gradient(circle at 65% 45%,#ff7e88 0 22%,#0000 24%),linear-gradient(#fff 0%,#ffe2e4 100%);top:32px;right:36px;transform:rotate(12deg)}.sticker-preview__chip--smile{background:radial-gradient(circle at 36% 40%,#2b2b2b 0 6%,#0000 8%),radial-gradient(circle at 64% 40%,#2b2b2b 0 6%,#0000 8%),radial-gradient(circle at 50% 68%,#0000 0 18%,#2b2b2b 18% 20%,#0000 22%),linear-gradient(#fff 0%,#ffe9bf 100%);bottom:28px;left:50%;transform:translate(-50%)rotate(-4deg)}.bottom-nav{-webkit-backdrop-filter:blur(18px)saturate(160%);z-index:20;background:#ffffffb8;border-top:1px solid #00000008;grid-template-columns:repeat(5,1fr);align-items:end;width:min(902px,100vw);height:190px;padding:28px 28px 24px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:#9d948d;justify-items:center;gap:14px;display:grid}.bottom-nav-item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px}.bottom-nav-item span{font-size:26px;font-weight:500;line-height:1}.bottom-nav-item.is-active{color:#222}.bottom-nav-item.is-active span{font-weight:700}.home-indicator{z-index:22;background:#0d0d0d;border-radius:999px;width:322px;height:11px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=902px){html,body{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:#f5ece7;min-height:100dvh}.app-shell{width:100vw;height:var(--app-height,var(--mockup-height));min-height:var(--mockup-height);overflow:clip visible}.phone-screen{width:902px;min-height:1894px;transform:scale(var(--mockup-scale));transform-origin:0 0;will-change:transform;margin:0}.bottom-nav{width:100vw;height:calc(64px + env(safe-area-inset-bottom));padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#ffffffdb;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;left:0;transform:none}.bottom-nav-item{gap:4px;min-width:0;padding-top:4px}.bottom-nav-item svg{stroke-width:1.9px;width:22px;height:22px}.bottom-nav-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.1;overflow:hidden}.home-indicator{left:50%;bottom:calc(5px + env(safe-area-inset-bottom));width:120px;height:4px;transform:translate(-50%)}.top-spacer{display:none}}@media (width<=902px) and (pointer:coarse){.category-scroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.category-pill{scroll-snap-align:start}.menu-button,.studio-mark,.pro-button,.category-pill,.bottom-nav-item,.review-button{cursor:pointer;-webkit-tap-highlight-color:transparent}}@media (width<=902px) and (orientation:landscape){.app-shell{min-height:0}}@media (width>=903px){body{background:#f5ece7}.app-shell{width:100vw;height:var(--app-height,var(--mockup-height));min-height:var(--mockup-height);overflow:clip visible}.phone-screen{width:902px;min-height:1894px;transform:scale(var(--mockup-scale));transform-origin:0 0;will-change:transform;margin:0}.top-spacer{display:none}.bottom-nav{width:100vw;left:0;transform:none}}