.moments-page{background:#f8f7fa!important}.moments-page .intro{display:flex!important;align-items:center!important;min-height:0!important;margin:0!important;padding:5px 4px 8px!important;border:0!important;background:transparent!important}.moments-page .intro p{display:none!important}.moments-page .intro h1{margin:0 0 7px!important;color:#211d27!important;font-family:inherit!important;font-size:27px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:0!important}.moments-page .intro>div>span{color:#77717e!important;font-size:13px!important}.moments-page .intro aside{width:auto!important;max-width:220px!important;padding:8px 12px!important;border:1px solid #ded4ee!important;border-radius:12px!important;background:#fff!important}.moments-page .intro aside small,.moments-page .intro aside span{font-size:10px!important}.moments-page .intro aside strong{font-size:16px!important;color:#7752d1!important}.moments-page .prototype-moments-tabs{margin:6px 0 22px!important;padding:0 0 12px!important;border-bottom:1px solid #e9e5ee!important;background:transparent!important}
.moments-page .prototype-moments-tabs>a,.moments-page .prototype-moments-tabs>button{min-height:58px!important;border-radius:10px!important;background:transparent!important;color:#5c5763!important}
.moments-page .prototype-moments-tabs>.active{background:#f7f2ff!important;color:#7854d5!important}
.moments-page .moments-reminder{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 14px;color:#827c87;font-size:12px}
.moments-page .moments-reminder span:last-child{padding:7px 12px;border:1px solid #e2d9ef;border-radius:999px;background:#faf8fd;color:#7958ca}
.moments-page .prototype-moments-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;margin:20px 0 26px!important}
.moments-page .prototype-moments-actions>button{min-height:78px!important;border:1px solid #e9e4ef!important;border-radius:15px!important;background:#fff!important;color:#25212b!important;text-align:left}
.moments-page .prototype-moments-actions>button[aria-pressed="true"]{border-color:#d9c8f5!important;background:#fbf8ff!important;color:#6848b8!important;box-shadow:none!important}
.moments-page .prototype-moments-actions>.small{min-height:50px!important}.moments-page .prototype-moments-actions>.small b{font-size:12px}
.moments-page .composer-grid{grid-template-columns:minmax(235px,1fr) minmax(320px,1.35fr) minmax(205px,.8fr)!important;gap:16px!important}
.moments-page .brief-card,.moments-page .draft-card,.moments-page .utility-card{border:1px solid #eae5ef!important;border-radius:16px!important;box-shadow:none!important}
.moments-page .brief-card{position:static!important}.moments-page .draft-card{min-height:500px}.moments-page .intro aside{white-space:nowrap}
.moments-page .moments-advanced{margin:12px 0 20px;border:1px solid #e8e2ef;border-radius:12px;background:#fff}
.moments-page .moments-advanced>summary{cursor:pointer;padding:13px 15px;color:#322b3d;font-weight:700;list-style:none}
.moments-page .moments-advanced>summary::-webkit-details-marker{display:none}
.moments-page .moments-advanced>summary::after{content:'⌄';float:right;color:#8162c7}
.moments-page .moments-advanced[open]>summary::after{content:'⌃'}
.moments-page .moments-advanced-fields{padding:0 15px 14px}
.moments-page .circle-picker{margin:18px 0 12px}
.moments-page .circle-picker-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;color:#292331}
.moments-page .circle-picker-heading strong{font-size:13px}
.moments-page .circle-picker-heading span{color:#928b9b;font-size:10px;text-align:right}
.moments-page .circle-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 9px}
.moments-page .circle-modes button{display:grid;place-items:center;gap:3px;min-width:0;min-height:73px;padding:9px 4px;border:1px solid #e6e1ec;border-radius:12px;background:#fff;color:#716b79;font-size:12px}
.moments-page .circle-modes button span{font-size:21px;line-height:1;color:#8070af}
.moments-page .circle-modes button[aria-pressed=true]{border-color:#aa8be9;background:#f8f4ff;color:#6844b5;box-shadow:0 0 0 1px #aa8be9 inset}
.moments-page .circle-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;border:1px solid #e8e1f0;border-radius:12px;background:#faf8fc}
.moments-page .circle-directions button{min-width:0;min-height:38px;padding:7px 4px;border:1px solid #eeeaf2;border-radius:9px;background:#fff;color:#77707e;font-size:11px;line-height:1.3}
.moments-page .circle-directions button[aria-pressed=true]{border-color:#bda8ed;background:#eee7ff;color:#6b47bc;font-weight:750}
.moments-page .circle-picker button:focus-visible{outline:3px solid #aa8be9;outline-offset:2px}
.moments-page .circle-picker button:disabled{cursor:wait;opacity:.6}
.moments-page .tone-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 4px}
.moments-page .tone-picker button{min-width:0;min-height:39px;padding:7px 5px;border:1px solid #e8e2ee;border-radius:10px;background:#fff;color:#6f6978;font-size:12px}
.moments-page .tone-picker button[aria-pressed=true]{border-color:#aa8be9;background:#eee7ff;color:#6946b9;font-weight:750}
.moments-page .tone-picker button:focus-visible{outline:3px solid #aa8be9;outline-offset:2px}
.moments-page .tone-more{margin:3px 0 12px;color:#817a8b;font-size:11px}
.moments-page .tone-more summary{cursor:pointer;width:max-content;padding:4px 0}
.moments-page .tone-more label{margin-top:4px}
@media(max-width:1050px){.moments-page .composer-grid{grid-template-columns:minmax(0,1fr)!important}.moments-page .utility-card{display:block!important;grid-column:auto!important}}
@media(max-width:720px){.moments-page .prototype-moments-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important}.moments-page .prototype-moments-tabs>a,.moments-page .prototype-moments-tabs>button{min-width:0!important;min-height:60px!important;padding:26px 1px 4px!important;font-size:10px!important;white-space:normal!important}.moments-page .moments-reminder{font-size:11px}.moments-page .moments-reminder span:last-child{font-size:10px}.moments-page .prototype-moments-actions{gap:9px!important}.moments-page .prototype-moments-actions>button{min-height:74px!important;padding:10px!important}.moments-page .prototype-moments-actions>.small{min-height:50px!important}.moments-page .prototype-moments-actions b{font-size:12px!important}.moments-page .prototype-moments-actions small{font-size:10px!important}.moments-page .intro aside{max-width:130px!important}}
.moments-page .prototype-moments-tabs>a,.moments-page .prototype-moments-tabs>button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:13px 2px 8px!important;line-height:1.2!important;overflow:visible}
.moments-page .prototype-moments-tabs svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.moments-page .prototype-moments-tabs .tier-badge{position:absolute;top:0;right:7px;padding:1px 4px;border-radius:4px;background:#f5e5aa;color:#7d6125;font-size:9px;font-weight:700;line-height:1.2}
@media(max-width:720px){.moments-page .prototype-moments-tabs>a,.moments-page .prototype-moments-tabs>button{min-height:65px!important;padding:12px 1px 5px!important;gap:5px}.moments-page .prototype-moments-tabs svg{width:21px;height:21px}.moments-page .prototype-moments-tabs .tier-badge{right:2px}}
.home-navigation-feedback:not([hidden]){position:fixed;z-index:10050;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;background:#f7f5fbf2;color:#2b233b;text-align:center;font-size:16px}
.home-navigation-feedback strong{font-size:20px}
.home-navigation-feedback p{margin:0;color:#685e78}
.home-navigation-feedback a{padding:10px 16px;border-radius:10px;background:#7956d8;color:#fff;text-decoration:none}
.home-navigation-spinner{width:36px;height:36px;border:4px solid #e2d9f5;border-top-color:#7956d8;border-radius:50%;animation:home-navigation-spin .8s linear infinite}
@keyframes home-navigation-spin{to{transform:rotate(360deg)}}