:root{--bg: #f2f2f7;--card: #ffffff;--text: #000000;--muted: rgba(60, 60, 67, .6);--faint: rgba(60, 60, 67, .3);--sep: rgba(60, 60, 67, .16);--fill: rgba(118, 118, 128, .12);--press: #e5e5ea;--accent: #5b4ff5;--accent-2: #8b5cf6;--green: #248a3d;--green-bg: #e8f8ec;--orange: #ff9500;--warn-fg: #b33000;--warn-bg: #fff1de;--red: #ff3b30;--red-fg: #d70015;--red-bg: #ffe5e7;--blue: #007aff;--radius: 26px;--page-bg: linear-gradient(180deg, #3424d6 0%, #4a3ff0 24%, #6a5cf7 46%, #9b8bff 66%, #d4ccff 84%, #f2f2f7 100%);--full-bg: linear-gradient(180deg, #3424d6 0%, #5546f2 45%, #9283ff 100%);--font-scale: 1}[data-theme=green]{--page-bg: linear-gradient(180deg, #0c8f43 0%, #1fae57 32%, #5acf85 58%, #b7ebc8 82%, #f2f2f7 100%);--full-bg: linear-gradient(180deg, #0c8f43 0%, #22b45b 50%, #7edca0 100%)}[data-theme=blue]{--page-bg: linear-gradient(180deg, #2f4be0 0%, #3f6cf2 32%, #6fa0ff 58%, #c3d7ff 82%, #f2f2f7 100%);--full-bg: linear-gradient(180deg, #2f4be0 0%, #4d6bf8 50%, #8eb7ff 100%)}[data-theme=orange]{--page-bg: linear-gradient(180deg, #e25a00 0%, #ff7a1a 32%, #ffa65c 58%, #ffd9b8 82%, #f2f2f7 100%);--full-bg: linear-gradient(180deg, #e25a00 0%, #ff7a1a 50%, #ffb27a 100%)}[data-text=large]{--font-scale: 1.12}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#e5e5ea;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.015em}body{font-size:calc(17px * var(--font-scale))}input,textarea,button{font-family:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0;transition:transform .18s cubic-bezier(.3,.7,.4,1.4),opacity .18s}button:active{transform:scale(.95)}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:0;height:0}.ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0;-webkit-user-select:none;user-select:none}.ms.fill{font-variation-settings:"FILL" 1}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes popin{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-120%) skew(-20deg)}60%,to{transform:translate(260%) skew(-20deg)}}@keyframes breathe{0%,to{box-shadow:0 8px 24px #5b4ff559}50%{box-shadow:0 10px 34px #5b4ff599}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes indet{0%{transform:translate(-100%)}to{transform:translate(250%)}}.shell{min-height:100vh;display:flex;justify-content:center;background:#e5e5ea}.app{width:100%;max-width:430px;min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}.page-bg{position:absolute;left:0;right:0;top:0;height:720px;background:var(--page-bg);pointer-events:none}.content{position:relative;padding-bottom:120px}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;transition:background .2s}.header.on-hero{color:#fff;background:transparent}.header.on-plain{color:#000;background:#f2f2f7d9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.hbtn{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:22px}.header.on-hero .hbtn{background:#ffffff38;border:.5px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}.header.on-plain .hbtn{background:var(--fill);border:.5px solid transparent;color:#000}.htitle{display:flex;flex-direction:column;align-items:center;min-width:0}.htitle b{display:flex;align-items:center;gap:3px;font-size:17px;font-weight:600;white-space:nowrap}.htitle b .ms{font-size:17px;color:var(--blue)}.htitle span{font-size:12px;opacity:.65}.tabbar{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:382px;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;border-radius:32px;background:#ffffffbf;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);box-shadow:0 10px 30px #0000001f,0 0 0 .5px #0000000f}.tabbar button{height:56px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#1c1c1e}.tabbar button .ms{font-size:26px}.tabbar button span:last-child{font-size:10px;font-weight:600;letter-spacing:0}.tabbar button.on{background:var(--fill);color:var(--accent)}.hero-top{display:flex;justify-content:space-between;gap:8px;padding:4px 16px 0}.pill-glass{display:flex;align-items:center;gap:2px;height:36px;padding:0 10px 0 14px;border-radius:18px;border:.5px solid rgba(255,255,255,.45);background:#fff3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font-size:15px;font-weight:600;white-space:nowrap}.pill-glass .ms{font-size:20px}.pill-white{position:relative;overflow:hidden;display:flex;align-items:center;gap:4px;height:36px;padding:0 14px;border-radius:18px;background:#fff;color:#000;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 4px 14px #00000026}.pill-soft{display:flex;align-items:center;gap:4px;height:36px;padding:0 14px;border-radius:18px;background:#ffffff38;color:#fff;font-size:15px;font-weight:600;white-space:nowrap}.shine{position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 16px 24px;color:#fff;text-align:center}.hero h1{margin:0;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:41px}.hero p{margin:0;font-size:17px;line-height:22px;opacity:.9}.mascot-wrap{position:relative;animation:floaty 4s ease-in-out infinite}.mascot{width:112px;height:112px;border-radius:26px;display:block;box-shadow:0 18px 40px #1e0a7859,0 0 0 .5px #fff6}.mascot.sm{width:88px;height:88px;border-radius:21px}.mascot-badge{position:absolute;right:-6px;bottom:-6px;width:34px;height:34px;border-radius:17px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.composer{margin:0 16px;padding:4px 4px 4px 18px;border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px #1e0a782e;display:flex;align-items:center;gap:2px}.composer input{flex:1;min-width:0;height:48px;border:none;outline:none;background:transparent;font-size:17px}.send{width:44px;height:44px;border-radius:22px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.send:disabled{opacity:.45}.ghost-ic{width:44px;height:44px;border-radius:22px;color:var(--muted);font-size:24px;display:flex;align-items:center;justify-content:center}.sec-head{display:flex;align-items:baseline;justify-content:space-between;padding:36px 32px 2px}.sec-head h2{margin:0;font-size:22px;font-weight:700;line-height:28px}.sec-head.nosub{padding-bottom:10px}.sec-head.white h2{color:#fff}.sec-link{font-size:17px;color:var(--accent)}.sec-sub{padding:0 32px 10px;font-size:15px;line-height:20px;color:var(--muted)}.card{margin:0 16px;border-radius:var(--radius);background:var(--card);overflow:hidden}.card+.card{margin-top:12px}.card.pad{padding:16px}.card-empty{padding:18px 16px;font-size:15px;color:var(--muted)}.row{display:flex;align-items:center;gap:14px;padding-left:16px;text-align:left;width:100%;background:transparent;color:inherit}.row.tap{cursor:pointer}.row.tap:active{background:var(--press);transform:none}.row-body{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:68px;padding:12px 14px 12px 0;border-bottom:.5px solid var(--sep)}.row.compact .row-body{min-height:52px}.row:last-child .row-body{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{font-size:17px;line-height:22px;display:flex;align-items:center;gap:6px}.row-sub{font-size:15px;line-height:20px;color:var(--muted)}.row-chev{font-size:22px;color:var(--faint)}.emoji{font-size:28px;line-height:1;width:32px;text-align:center;flex-shrink:0}.tile-ic{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.badge.green{background:var(--green-bg);color:#1e7b37}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.red{background:var(--red-bg);color:var(--red-fg)}.badge.gray{background:var(--bg);color:#3c3c43bf}.badge.violet{background:#efeaff;color:var(--accent)}.badge.new{background:#34c759;color:#fff}.badge.pro{background:#7d3cf5;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px}.job{display:flex;gap:14px;padding-left:16px;width:100%;text-align:left}.job:active{background:var(--press);transform:none}.job-ic{width:44px;height:44px;margin:14px 0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.job-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px 16px 14px 0;border-bottom:.5px solid var(--sep)}.job:last-child .job-body{border-bottom:none}.job-title{font-size:17px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-status{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px}.job-dot{width:6px;height:6px;border-radius:3px}.bar{height:4px;border-radius:2px;background:var(--press);overflow:hidden;position:relative}.bar>div{height:100%;border-radius:2px}.bar.indet>div{width:40%;animation:indet 1.4s ease-in-out infinite}.hscroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0 16px}.ptile{flex-shrink:0;width:152px;height:152px;padding:16px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:#000}.ptile .e{font-size:34px;line-height:1}.ptile b{display:block;font-size:17px;font-weight:600;line-height:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ptile small{display:block;font-size:13px;color:#3c3c43a6;margin-top:2px}.ptile.add{background:#ffffffb3;border:1.5px dashed rgba(91,79,245,.35);color:var(--accent);align-items:flex-start}.ptile.add .ms{font-size:34px}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;justify-content:center}.sheet-inner{width:100%;max-width:430px;height:100%;position:relative}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;animation:fadein .2s}.sheet{position:absolute;left:8px;right:8px;bottom:8px;max-height:calc(100% - 50px);overflow-y:auto;scrollbar-width:none;border-radius:38px;background:var(--bg);padding:8px 0 20px;animation:sheetup .38s cubic-bezier(.2,.9,.3,1);box-shadow:0 -10px 40px #00000026}.sheet.white{background:#fff}.grabber{width:36px;height:5px;border-radius:3px;background:#3c3c434d;margin:0 auto 6px}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 4px 24px}.sheet-head h3{margin:0;font-size:22px;font-weight:700;line-height:28px}.xbtn{width:32px;height:32px;border-radius:16px;background:var(--fill);color:#3c3c43b3;font-size:18px;display:flex;align-items:center;justify-content:center}.sheet-sub{padding:0 24px 4px;font-size:15px;line-height:20px;color:var(--muted)}.group-label{padding:20px 32px 7px;font-size:13px;color:var(--muted);text-transform:uppercase}.mono{position:relative;width:40px;height:40px;border-radius:10px;border:.5px solid rgba(60,60,67,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:700}.demo{border-radius:var(--radius);background:var(--bg);padding:14px;display:flex;flex-direction:column;gap:8px;min-height:250px}.demo.white{background:#fff;color:#000;border-radius:30px;min-height:330px;box-shadow:0 20px 50px #1e0a7840}.demo-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:.5px solid var(--sep)}.demo-head img{width:36px;height:36px;border-radius:10px}.bub-me{align-self:flex-end;max-width:84%;padding:8px 14px;border-radius:20px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-size:17px;line-height:22px;animation:popin .3s ease-out;white-space:pre-wrap;overflow-wrap:anywhere}.bub-bot{align-self:flex-start;max-width:86%;padding:8px 14px;border-radius:20px;background:#fff;color:#000;font-size:17px;line-height:22px;animation:popin .3s ease-out;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}.demo.white .bub-bot,.demo.white .bub-work{background:var(--bg)}.bub-work{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:#fff;font-size:17px;line-height:22px;animation:popin .3s ease-out}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid #d1d1d6;border-top-color:var(--accent);animation:spin .8s linear infinite;flex-shrink:0}.spinner.lg{width:34px;height:34px;border-width:3px}.step{display:flex;align-items:center;gap:8px;font-size:15px;line-height:20px;color:#3c3c43cc;animation:popin .3s ease-out;padding:0 4px}.step .ms{font-size:20px;color:#34c759}.result{align-self:flex-start;max-width:90%;padding:10px 14px;border-radius:20px;background:#fff;font-size:17px;line-height:22px;font-weight:500;animation:popin .35s ease-out;display:flex;gap:8px;align-items:flex-start}.result .ms{font-size:20px;color:#34c759;flex-shrink:0;margin-top:1px}.notice{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px 16px;border-radius:22px;background:#fff6e5;font-size:15px;line-height:20px;color:#5a3200}.notice .ms{font-size:22px;color:#c93400}.btn-grad{position:relative;overflow:hidden;width:100%;height:54px;border-radius:27px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;animation:breathe 2.6s ease-in-out infinite}.btn-grad:disabled{opacity:.5;animation:none}.btn-text{width:100%;height:44px;color:var(--accent);font-size:17px}.btn-white{position:relative;overflow:hidden;height:56px;width:100%;border-radius:28px;background:#fff;color:#4a3ff0;font-size:17px;font-weight:600;box-shadow:0 10px 30px #1e0a7840;flex-shrink:0}.btn-white:disabled{opacity:.6}.btn-small{height:32px;padding:0 14px;border-radius:16px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;white-space:nowrap}.btn-small.soft{background:var(--fill);color:#000}.btn-small.danger{background:var(--red-bg);color:var(--red-fg)}.chat{display:flex;flex-direction:column;gap:6px;padding:8px 16px 20px}.chat-note{align-self:center;font-size:13px;font-weight:500;color:var(--muted);padding:8px 0}.workcard{align-self:flex-start;width:82%;padding:12px 14px;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:8px}.workcard b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.workstep{display:flex;align-items:center;gap:8px;font-size:15px}.workstep .ms{font-size:18px}.chatbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:8px 12px calc(16px + env(safe-area-inset-bottom));background:#f2f2f7e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--sep);display:flex;gap:8px;align-items:center;z-index:20}.chatbar input{flex:1;min-width:0;height:40px;border-radius:20px;border:.5px solid rgba(60,60,67,.29);background:#fff;padding:0 16px;font-size:17px;outline:none}.chatbar .send{width:40px;height:40px;font-size:20px}.banner{margin:4px 16px 0;width:calc(100% - 32px);padding:10px 14px;border-radius:16px;background:#efeaff;color:var(--accent);font-size:15px;font-weight:500;text-align:left;display:flex;align-items:center;gap:8px}.page-title{padding:0 16px 12px;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:41px}.field{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 16px}.field input,.field textarea{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:17px;line-height:22px;resize:none;padding:8px 0}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 16px 14px;padding:3px;border-radius:12px;background:var(--fill)}.seg button{height:32px;border-radius:9px;font-size:14px;font-weight:600}.seg button.on{background:#fff;box-shadow:0 3px 8px #0000001f}.chips{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;font-weight:500}.swatches{display:flex;gap:10px;padding:12px 16px}.swatch{width:36px;height:36px;border-radius:18px;border:3px solid transparent}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.mascots{display:flex;gap:12px;padding:4px 16px 14px}.mascots button{border-radius:16px;padding:3px;border:2px solid transparent}.mascots button.on{border-color:var(--accent)}.mascots img{width:56px;height:56px;border-radius:13px;display:block}.loader{display:flex;justify-content:center;padding:48px}.err-box{margin:8px 16px;padding:12px 16px;border-radius:16px;background:var(--red-bg);color:var(--red-fg);font-size:15px;display:flex;justify-content:space-between;gap:10px;align-items:center}.fatal{padding:96px 24px;text-align:center;font-size:17px;color:var(--muted)}.onb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;animation:fadein .2s}.onb-inner{width:100%;max-width:430px;height:100%;overflow-y:auto;scrollbar-width:none;background:var(--full-bg);display:flex;flex-direction:column;padding:12px 16px calc(30px + env(safe-area-inset-bottom));color:#fff}.onb-top{display:flex;align-items:center;gap:12px;height:48px;flex-shrink:0}.onb-x{width:44px;height:44px;border-radius:22px;border:.5px solid rgba(255,255,255,.4);background:#fff3;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.onb-bars{flex:1;display:flex;gap:4px}.onb-bars div{flex:1;height:4px;border-radius:2px;transition:background .3s}.onb-count{font-size:15px;font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}.onb-q{display:flex;align-items:flex-end;gap:10px;padding:28px 0 8px}.onb-q img{width:52px;height:52px;border-radius:13px;flex-shrink:0;box-shadow:0 8px 20px #1e0a784d;animation:floaty 3s ease-in-out infinite}.onb-q div{padding:12px 16px;border-radius:22px 22px 22px 6px;background:#fff;color:#000;font-size:22px;font-weight:700;line-height:28px;letter-spacing:-.02em;animation:popin .3s ease-out}.onb-sub{padding:2px 0 20px 62px;font-size:15px;line-height:20px;opacity:.88}.onb-input{height:56px;border-radius:20px;border:none;outline:none;background:#fff;color:#000;padding:0 18px;font-size:17px;box-shadow:0 10px 30px #1e0a7833;width:100%}.onb-opts{border-radius:var(--radius);background:#fff;color:#000;overflow:hidden;box-shadow:0 10px 30px #1e0a7833}.onb-opt{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding-left:16px;transition:background .2s}.onb-opt:active{transform:none}.onb-opt.on{background:#f0eeff}.onb-opt .body{flex:1;display:flex;align-items:center;min-height:56px;padding-right:16px;border-bottom:.5px solid var(--sep);font-size:17px;line-height:22px}.onb-opt:last-child .body{border-bottom:none}.onb-opt .ms{font-size:26px;margin-left:auto}.onb-head{display:flex;align-items:center;gap:12px;padding:24px 4px 20px}.onb-head div{flex:1;font-size:28px;font-weight:700;line-height:34px;letter-spacing:-.02em;text-wrap:balance}.onb-head span{font-size:54px;animation:floaty 3s ease-in-out infinite}.onb-final{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:0 4px}.onb-final h2{flex:1;margin:0;font-size:34px;font-weight:700;line-height:41px;letter-spacing:-.02em}.benefit{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;background:#fffffff2;color:#000;animation:popin .4s ease-out both}.benefit .e{font-size:32px}.benefit b{display:block;font-size:17px;font-weight:600}.benefit small{font-size:15px;color:var(--muted)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:20px}.consent input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:#fff}.consent a{color:#fff;text-decoration:underline}
