:root{color-scheme:light;font-family:Segoe UI,Arial,sans-serif;color:#171c35;background:radial-gradient(circle at 0 0,rgba(171,208,255,.45),transparent 30%),radial-gradient(circle at 100% 0,rgba(193,158,255,.36),transparent 28%),linear-gradient(180deg,#f5f8ff,#f8f7ff 46%,#fff)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:14px}.app-frame{max-width:960px;margin:0 auto;padding:16px 14px 28px;border-radius:34px;border:1px solid rgba(207,218,246,.92);background:linear-gradient(180deg,#fffffffa,#f8fafffa);box-shadow:0 24px 80px #5f74af29}.top-row{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:12px}.icon-circle-button{width:56px;height:56px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#1a1d36;font-size:1.85rem;box-shadow:0 10px 20px #4762a829}.top-title{text-align:center}.top-title strong{display:block;font-size:2.15rem;line-height:1;font-weight:900}.top-title span{display:block;margin-top:6px;color:#717894;font-size:1rem}.hero-section{margin-top:14px}.hero-top-row{display:grid;gap:12px}.week-chip,.special-mode-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:999px;border:1px solid rgba(240,211,147,.8);background:linear-gradient(180deg,#fff7e7,#fff2da);color:#a35d27;box-shadow:0 10px 22px #f3c97629}.week-chip{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:14px 22px;border:2px solid rgba(112,159,255,.25);border-radius:999px;background:linear-gradient(90deg,#1090ff,#2656ff,#b51fff);color:#fff;font-size:1.05rem;font-weight:800;box-shadow:0 16px 28px #5866ff3d}.invite-button-icon{font-size:1.35rem}.hero-grid{margin-top:16px;display:grid;gap:18px}.preview-card,.composer-card,.result-card{border-radius:28px;border:1px solid rgba(205,218,245,.92);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 30px #5f74af1f}.preview-card{padding:22px}.preview-title,.composer-title{margin:0;color:#2b62c0;font-size:1.2rem;font-weight:700}.preview-text{margin:16px 0 0;font-size:1.24rem;line-height:1.46}.brand-stage{position:relative;padding:8px 6px 0;text-align:center}.brand-logo{position:relative;z-index:2;font-size:clamp(4.2rem,15vw,6.4rem);line-height:.92;font-weight:900;letter-spacing:-.07em;color:#fff;text-shadow:0 0 0 #131959,4px 4px 0 #131959,-4px 4px 0 #131959,0 7px 0 #1786ff,0 0 18px rgba(193,26,255,.3)}.brand-copy{margin:14px auto 0;max-width:430px;font-size:clamp(1.55rem,4.4vw,2.15rem);line-height:1.18;font-weight:700}.brand-copy span{color:#2eb836}.spark{position:absolute;color:#5d94ff;opacity:.96}.spark-star{top:6px;left:12px;color:#f2b327;font-size:2rem}.spark-light{right:26px;top:42px;font-size:1.85rem}.spark-burst{left:44px;bottom:58px;color:#9ec63b;font-size:1.4rem}.bubble-row{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.bubble{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;color:#fff;box-shadow:0 12px 22px #5e6fb82e}.bubble-blue{background:linear-gradient(180deg,#1d8bff,#245eff)}.bubble-violet{background:linear-gradient(180deg,#9253ff,#c139ff)}.bubble-green{background:linear-gradient(180deg,#b8df00,#70c80e)}.composer-card{margin-top:20px;padding:22px}.composer-head,.styles-title-row,.payment-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance-pill{border:0;border-radius:999px;padding:10px 14px;background:#e7effff2;color:#2857ae;font-size:.98rem;font-weight:800}.message-input{width:100%;margin-top:18px;border:0;outline:none;resize:none;padding:0;background:transparent;color:#171c35;font-size:clamp(1.85rem,5vw,2.3rem);line-height:1.36}.message-input::placeholder{color:#8a92b0}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.composer-note{color:#757d98;font-size:.95rem}.composer-actions{display:flex;align-items:center;gap:10px}.counter{color:#757d98;font-size:.98rem}.counter-error,.feedback-error{color:#c93e46}.clear-input-button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#151935;font-size:1.9rem;box-shadow:0 10px 20px #4762a81f}.styles-section{margin-top:18px}.styles-title-row{font-size:1.08rem}.styles-title-row strong{color:#2fa63b}.style-card-grid,.result-list,.extra-actions-grid,.package-list{display:grid;gap:14px}.style-card-grid{margin-top:12px}.style-card{position:relative;min-height:172px;padding:20px 18px;border:0;border-radius:28px;color:#fff;text-align:left;box-shadow:inset 0 0 0 3px #ffffffb8,0 18px 30px #6985d22e}.accent-festive{background:linear-gradient(135deg,#a12fff,#5441ff)}.accent-poetic{background:linear-gradient(135deg,#148bff,#2362ff)}.accent-humorous{background:linear-gradient(135deg,#c7ef00,#3ec117)}.accent-rap{background:linear-gradient(135deg,#ff8d2d,#ff2bc3)}.style-card-emoji{display:block;font-size:3.2rem}.style-card-name{display:block;margin-top:28px;font-size:1.2rem;font-weight:800}.style-card-check{position:absolute;top:14px;right:14px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#141933;font-size:1.2rem;font-weight:900}.special-mode-row{margin-top:14px;color:#a45627}.special-mode-row-active{outline:2px solid rgba(255,144,58,.4)}.feedback{margin:14px 8px 0;color:#57627c}.main-generate-button,.share-result-button{width:100%;margin-top:18px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:18px 22px;border:0;border-radius:999px;background:linear-gradient(90deg,#1e8cff,#2552ff 48%,#bc22ff);color:#fff;box-shadow:0 18px 36px #645dff40}.main-generate-button:disabled{opacity:.55}.main-generate-left,.main-generate-right{font-size:2rem}.main-generate-label,.share-result-button{font-size:clamp(1.7rem,5vw,2.25rem);font-weight:900}.share-result-button{display:block;grid-template-columns:none;font-size:clamp(1.35rem,4.5vw,1.95rem)}.results-section{margin-top:18px}.results-heading{margin:0 0 14px;font-size:1.08rem;font-weight:700}.result-card{display:grid;grid-template-columns:74px 1fr 112px;gap:14px;align-items:start;padding:16px}.result-card-emoji{font-size:3.15rem;line-height:1}.result-card-title{margin:0 0 6px;font-size:1.06rem;font-weight:800}.result-card-title.accent-festive{color:#8539e9;background:none}.result-card-title.accent-poetic{color:#1f60ea;background:none}.result-card-title.accent-humorous{color:#309d2d;background:none}.result-card-title.accent-rap{color:#e56e2b;background:none}.result-card-text{margin:0;font-size:1.02rem;line-height:1.42;white-space:pre-wrap}.result-card-actions{display:flex;justify-content:flex-end;gap:10px}.result-icon-button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:18px;background:#f5f7ff;box-shadow:0 8px 18px #5f74af1a;font-size:1.3rem}.extra-actions-grid{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.extra-chip,.package-card{border:1px solid rgba(208,219,243,.95);border-radius:999px;background:linear-gradient(180deg,#fff,#f7f9ff);color:#314474;box-shadow:0 8px 20px #617fbe1a}.extra-chip{padding:13px 16px;font-size:.98rem}.payment-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;padding:20px 16px;background:#161e3f52}.payment-sheet{width:100%;max-width:960px;margin:0 auto;padding:18px;border-radius:28px 28px 18px 18px;background:#fff;box-shadow:0 22px 54px #3d549247}.payment-close-button{width:46px;height:46px;font-size:1.6rem}.payment-sheet-balance{margin:12px 0 0;color:#2957ae;font-weight:800}.payment-sheet-note{margin:8px 0 0;color:#66708a}.package-list{margin-top:16px}.package-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}@media (min-width: 720px){.page-shell{padding:22px}.app-frame{padding:22px 22px 36px}.hero-top-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.hero-grid{grid-template-columns:minmax(300px,.92fr) minmax(350px,1.08fr);align-items:center}.style-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.extra-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 719px){.result-card{grid-template-columns:64px 1fr}.result-card-actions{grid-column:2;justify-content:flex-start}.composer-footer,.payment-sheet-head,.special-mode-row{flex-direction:column;align-items:stretch}.composer-actions{justify-content:flex-end}}