:root{--ink:#17171b;--muted:#8c8c98;--surface:#ffffffe6;--surface-soft:#f8f9fbf5;--surface-tint:#ffffffa8;--surface-border:#ffffffe6;--highlight:#fffffff5;--line:#1f1f280f;--shadow:0 18px 45px #54567512;--icon-shadow:0 10px 20px #45475b1a, inset 0 1px 1px var(--highlight);--welcome-bg:radial-gradient(circle at 15% 8%, #ffeea06b, transparent 38%), radial-gradient(circle at 88% 90%, #f4c0db70, transparent 42%), #ffffffd6;--profile-bg:linear-gradient(110deg, #fff9d66b, #ffeef761);--primary-bg:linear-gradient(90deg, #e5fbf3, #f4fffb);--accent-ink:#4b9e8b;--accent-fill:#397b6b;--theme-accent:#397b6b;--accent-on:#fff;--portrait-ink:#9c7683;--mint-bg:linear-gradient(135deg, #c9f1e5, #e2faf3);--mint-ink:#274b42;--control-bg:#eff0f4;--switch-knob:#fff;--nav-accent:#b86682}*{box-sizing:border-box}html{background:#f7f8fc;min-height:100%}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at calc(50% - 185px) 23%,#fff5ba38,#0000 22%),radial-gradient(circle at calc(50% + 185px) 38%,#ffdbee3d,#0000 25%),linear-gradient(#fff 0%,#fafbff 58%,#f7f8fc 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body:has(.phone){overflow:hidden}:is(html:has(.phone.dark),body:has(.phone.dark)){background:linear-gradient(#17161d,#211e28)}button,input{font:inherit}button{color:inherit}.phone :is(button,input,textarea,select,[tabindex]){-webkit-tap-highlight-color:transparent}.image-picker{border:1.5px solid color-mix(in srgb, var(--ink) 20%, transparent);color:var(--accent-ink);background:var(--surface-tint);box-shadow:inset 0 1px 0 var(--highlight);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.image-picker:active{box-shadow:inset 0 1px 0 var(--highlight), 0 4px 10px #41465f14;transition-duration:60ms;transform:scale(.94)}.image-picker:focus-within{box-shadow:inset 0 1px 0 var(--highlight);outline:0}.image-picker input[type=file],.image-picker input[type=file]:focus-visible{opacity:0;width:1px;height:1px;box-shadow:none;pointer-events:none;outline:0;position:absolute}.phone :is(button,input,textarea,select,[tabindex]):focus{outline:0}.phone :is(button,input,textarea,select,[tabindex]):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone{width:min(100%,430px);height:100dvh;min-height:100dvh;box-shadow:none;zoom:1;isolation:isolate;color:var(--ink);font-family:var(--app-font,-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", system-ui, sans-serif);font-weight:var(--app-font-weight,500);-webkit-text-size-adjust:var(--app-font-size,100%);text-size-adjust:var(--app-font-size,100%);background:0 0;border:0;border-radius:0;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.phone :is(button,input,textarea,select){font-family:inherit}.phone input[type=file]{font-size:16px}.phone.dark{--ink:#f7f5fb;--muted:#b8b5c2;--surface:#28282bf0;--surface-soft:#333337;--surface-tint:#ffffff0f;--surface-border:#ffffff1a;--highlight:#ffffff12;--line:#ffffff14;--shadow:0 15px 34px #0003;--icon-shadow:0 10px 20px #00000036, inset 0 1px 0 var(--highlight);--welcome-bg:linear-gradient(145deg, #444442c7, #3f3d41bd);--profile-bg:linear-gradient(110deg, #403f3bc7, #3e3c40c2);--primary-bg:linear-gradient(90deg, #32433f, #343e3b);--accent-ink:#b2d5cc;--accent-fill:#47786c;--portrait-ink:#d8c1c9;--mint-bg:linear-gradient(135deg, #334943, #31423e);--mint-ink:#c6ddd7;--control-bg:#353539;--switch-knob:#f7f5fb;--nav-accent:#d8b8c2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0}.phone.has-wallpaper{--surface:#ffffff94;--surface-soft:#ffffffb3;--surface-tint:#ffffff61;--surface-border:#ffffff94;--highlight:#ffffffa8;--line:#1c1d241a;--shadow:0 18px 42px #23263829;--welcome-bg:#ffffff6b;--profile-bg:#ffffff80}.phone.dark.has-wallpaper{--surface:#1f1e26a8;--surface-soft:#2b2933c2;--surface-tint:#ffffff14;--surface-border:#ffffff24;--highlight:#ffffff1a;--line:#ffffff1c;--shadow:0 18px 42px #0000004d;--welcome-bg:#1f1d268f;--profile-bg:#22202a9e}.phone.has-wallpaper :is(.welcome-card,.page-header.compact,.composer,.search-box,.browser-bar,.contact-list,.profile-card,.card-section,.moment-composer,.account-card,.modal-card){-webkit-backdrop-filter:blur(18px)saturate(1.2)}.phone.wallpaper-auto{--theme-accent:rgb(var(--wallpaper-accent));--surface:color-mix(in srgb, rgb(var(--wallpaper-accent)) 5%, #ffffff9e);--surface-soft:color-mix(in srgb, rgb(var(--wallpaper-accent)) 6%, #ffffffb8);--surface-tint:color-mix(in srgb, rgb(var(--wallpaper-accent)) 4%, #ffffff6b);--surface-border:color-mix(in srgb, rgb(var(--wallpaper-accent)) 5%, #ffffffa3);--accent-ink:color-mix(in srgb, rgb(var(--wallpaper-accent)) 48%, #20242b);--accent-fill:color-mix(in srgb, rgb(var(--wallpaper-accent)) 72%, #18202a);--mint-bg:linear-gradient(135deg, color-mix(in srgb, rgb(var(--wallpaper-accent)) 16%, #fff), color-mix(in srgb, rgb(var(--wallpaper-accent)) 8%, #fff));--mint-ink:color-mix(in srgb, rgb(var(--wallpaper-accent)) 28%, #25282e);--primary-bg:linear-gradient(90deg, color-mix(in srgb, rgb(var(--wallpaper-accent)) 12%, #fff), #ffffffb3)}.phone.dark.wallpaper-auto{--theme-accent:rgb(var(--wallpaper-accent));--surface:color-mix(in srgb, rgb(var(--wallpaper-accent)) 5%, #1f1e26b3);--surface-soft:color-mix(in srgb, rgb(var(--wallpaper-accent)) 6%, #2b2933c7);--surface-tint:color-mix(in srgb, rgb(var(--wallpaper-accent)) 4%, #ffffff17);--surface-border:color-mix(in srgb, rgb(var(--wallpaper-accent)) 5%, #ffffff26);--accent-ink:color-mix(in srgb, rgb(var(--wallpaper-accent)) 46%, #fff);--accent-fill:color-mix(in srgb, rgb(var(--wallpaper-accent)) 72%, #121820);--mint-bg:linear-gradient(135deg, color-mix(in srgb, rgb(var(--wallpaper-accent)) 18%, #2b2d34), color-mix(in srgb, rgb(var(--wallpaper-accent)) 10%, #25272e));--mint-ink:color-mix(in srgb, rgb(var(--wallpaper-accent)) 28%, #fff);--primary-bg:linear-gradient(90deg, color-mix(in srgb, rgb(var(--wallpaper-accent)) 14%, #292b32), #26242dc2)}.phone.custom-accent{--theme-accent:var(--user-accent);--accent-fill:var(--user-accent);--accent-ink:color-mix(in srgb, var(--user-accent) 76%, #20242b);--nav-accent:color-mix(in srgb, var(--user-accent) 62%, #b86682);--mint-bg:linear-gradient(135deg, color-mix(in srgb, var(--user-accent) 20%, #fff), color-mix(in srgb, var(--user-accent) 8%, #fff));--mint-ink:color-mix(in srgb, var(--user-accent) 40%, #25282e);--primary-bg:linear-gradient(90deg, color-mix(in srgb, var(--user-accent) 14%, #fff), #ffffffd1)}.phone.dark.custom-accent{--accent-ink:color-mix(in srgb, var(--user-accent) 54%, #fff);--nav-accent:color-mix(in srgb, var(--user-accent) 42%, #efa9bf);--mint-bg:linear-gradient(135deg, color-mix(in srgb, var(--user-accent) 22%, #2b2d34), color-mix(in srgb, var(--user-accent) 10%, #25272e));--mint-ink:color-mix(in srgb, var(--user-accent) 34%, #fff);--primary-bg:linear-gradient(90deg, color-mix(in srgb, var(--user-accent) 16%, #292b32), #26242de0)}.phone.custom-material{--surface:rgb(255 255 255/var(--surface-opacity));--surface-soft:rgb(244 244 248/max(var(--surface-opacity), .88));--surface-tint:rgb(255 255 255/calc(var(--surface-opacity) * .64))}.phone.dark.custom-material{--surface:rgb(41 39 49/var(--surface-opacity));--surface-soft:rgb(48 46 57/max(var(--surface-opacity), .9));--surface-tint:rgb(255 255 255/calc(var(--surface-opacity) * .08))}.wallpaper-layer{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.has-wallpaper .wallpaper-layer{filter:saturate(.96)}.wallpaper-layer:after{content:"";background:#ffffff29;position:absolute;inset:0}.wallpaper-source-dark:not(.dark) .wallpaper-layer:after{background:linear-gradient(#ffffff6b,#ffffff2e 72%)}.dark .wallpaper-layer:after{background:#0a0c1233}.screen-stack{width:var(--ui-width,108.696%);height:var(--ui-height,108.696dvh);min-height:var(--ui-height,108.696dvh);flex:0 0 var(--ui-height,108.696dvh);z-index:1;zoom:var(--ui-scale,.92);position:relative;overflow:hidden}.screen-stack.animating{pointer-events:none}.screen-layer{padding-top:calc(var(--ui-top-space,58.696px) + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);backface-visibility:hidden;background:0 0;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen-layer.app-layer{padding-top:calc(12px + env(safe-area-inset-top))}.screen-layer.moments-layer{padding-top:env(safe-area-inset-top)}.dark .screen-layer,.has-wallpaper .screen-layer,.dark.has-wallpaper .screen-layer{background:0 0}.screen-layer.under{pointer-events:none}.screen-stack.animating .screen-layer{will-change:transform, opacity;animation-duration:.44s;animation-timing-function:ease;animation-fill-mode:both}.screen-stack:is([data-motion=launch],[data-motion=close]) .screen-layer{animation-duration:.45s}.screen-stack[data-motion=push] .active{animation-name:ios-push-in}.screen-stack[data-motion=push] .under{animation-name:ios-push-under}.screen-stack[data-motion=tab-forward] .screen-layer.active>:first-child{animation:.24s cubic-bezier(.2,.8,.2,1) both telegram-tab-forward}.screen-stack[data-motion=tab-back] .screen-layer.active>:first-child{animation:.24s cubic-bezier(.2,.8,.2,1) both telegram-tab-back}.screen-stack[data-motion=pop] .active{animation-name:ios-pop-out}.screen-stack[data-motion=pop] .under{animation-name:ios-pop-under}.screen-stack[data-motion=launch] .active{animation-name:ios-launch-in}.screen-stack[data-motion=launch] .under{animation-name:ios-launch-under}.screen-stack[data-motion=close] .active{animation-name:ios-launch-out}.screen-stack[data-motion=close] .under{animation-name:ios-launch-return}@keyframes ios-launch-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ios-launch-under{0%{opacity:1;transform:scale(1)}45%{opacity:0}to{opacity:0;transform:scale(.98)}}@keyframes ios-launch-out{0%{opacity:1;transform:translateY(0)scale(1)}55%{opacity:0}to{opacity:0;transform:translateY(8px)scale(.94)}}@keyframes ios-launch-return{0%{opacity:0;transform:scale(.98)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes ios-push-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ios-push-under{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:0}to{opacity:0;transform:translate(-10%)scale(.98)}}@keyframes ios-pop-out{0%{opacity:1;transform:translate(0)}55%{opacity:0}to{opacity:0;transform:translate(100%)}}@keyframes ios-pop-under{0%{opacity:0;transform:translate(-10%)scale(.98)}60%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes telegram-tab-forward{0%{opacity:.35;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes telegram-tab-back{0%{opacity:.35;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.status-bar{z-index:2;height:calc(54px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) 28px 8px;opacity:0;box-shadow:none;pointer-events:none;background:0 0;border:0;justify-content:space-between;align-items:center;transition:opacity .12s ease-out;display:flex;position:absolute;inset:0 0 auto}.status-bar.visible{opacity:1}.has-wallpaper .status-bar{color:var(--ink);text-shadow:0 1px 5px var(--surface), 0 0 1px var(--surface)}.status-bar strong{font-size:15px}.status-icons{align-items:center;gap:8px;font-weight:800;display:flex}.battery{border:1.5px solid;border-radius:4px;flex:0 0 23px;width:23px;height:11px;position:relative}.battery:after{content:"";background:currentColor;border-radius:2px;width:13px;position:absolute;inset:2px}.home-content,.page-content{flex:1;padding:24px;overflow-y:auto}.home-shell{flex:1;min-height:0;position:relative}.home-content{height:100%;padding-top:8px;padding-bottom:124px}.page-content{padding-top:8px}.welcome-card{border:1px solid var(--surface-border);background:var(--welcome-bg);min-height:176px;box-shadow:var(--shadow), inset 0 1px 0 var(--highlight);border-radius:29px;grid-template-columns:112px 1fr;align-items:stretch;gap:18px;padding:18px;display:grid}.portrait{min-width:0;color:var(--portrait-ink);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:23px;outline:0;place-content:center;gap:5px;display:grid;overflow:hidden}.portrait b{font-size:26px;font-weight:400}.portrait small{font-size:10px;font-weight:700}.portrait img{object-fit:cover;width:100%;height:100%}.widget-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.widget-copy h1{letter-spacing:-.04em;margin:0 0 15px;font-size:19px;line-height:1.25}.message-preview{border:1px solid var(--surface-border);width:100%;color:var(--muted);background:var(--surface-tint);box-shadow:inset 0 1px 0 var(--highlight);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:10px;font-weight:700;display:flex}.message-preview span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message-preview b{flex:none;font-size:14px}.widget-copy>p{color:var(--muted);gap:3px;margin:10px 2px 0;display:grid}.widget-copy>p span{font-size:9px;font-weight:800}.widget-copy>p strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.page-header button{cursor:pointer;border:0}.page-header .add-button{border:1px solid var(--surface-border);width:34px;height:34px;color:var(--accent-ink);background:color-mix(in srgb, var(--accent-fill) 5%, var(--surface));box-shadow:0 3px 9px #41465f14, inset 0 1px 0 var(--highlight);border-radius:50%;justify-self:end;padding:0;transition:transform .16s,box-shadow .16s;position:relative}.page-header .add-button span:before,.page-header .add-button span:after{content:"";background:currentColor;border-radius:2px;width:13px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-header .add-button span:after{transform:translate(-50%,-50%)rotate(90deg)}.page-header .add-button:active{box-shadow:0 3px 9px color-mix(in srgb, var(--accent-fill) 18%, transparent), inset 0 1px 0 var(--highlight);transform:scale(.9)}.header-actions{justify-content:flex-end;align-items:center;gap:2px;min-width:34px;display:inline-flex}.role-switch-btn{width:30px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:15px;padding:0;font-size:19px;line-height:1}.role-switch-btn:active{transform:scale(.9)}.app-grid{grid-template-columns:repeat(4,1fr);gap:24px 8px;margin-top:29px;display:grid}.desktop-app-slot{touch-action:none;-webkit-tap-highlight-color:transparent;outline:0;place-items:center;min-width:0;display:grid}.desktop-app-slot,.desktop-app-slot *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-grid .desktop-app-slot>span:last-child{display:none}.app-grid .desktop-app-slot:after{content:attr(data-app-label);margin-top:7px;font-size:10px;font-weight:650;line-height:normal}.desktop-app-slot.dragging{opacity:0;pointer-events:none}.desktop-app-slot.sorting{outline:2px solid color-mix(in srgb, var(--theme-accent) 48%, transparent);outline-offset:5px;border-radius:18px}.desktop-drag-ghost{z-index:20;pointer-events:none;will-change:transform;filter:saturate(1.08)drop-shadow(0 18px 18px #32374e33);place-items:center;width:80px;display:grid;position:fixed;top:0;left:0}.desktop-drag-ghost .app-button{pointer-events:none}.app-button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;font-size:10px;font-weight:650;transition:transform .16s;display:flex}.app-button:active{transform:scale(.94)}.app-icon{width:calc(63px * var(--icon-scale,1));height:calc(63px * var(--icon-scale,1));border-radius:var(--icon-radius,17px);background:var(--surface);font-size:calc(17px * var(--icon-scale,1));border:1.5px solid var(--surface-border);box-shadow:var(--icon-shadow);place-items:center;font-weight:900;display:grid;position:relative;overflow:hidden}.app-icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff38,#0000 48%);position:absolute;inset:0}.app-icon svg{width:calc(30px * var(--icon-scale,1));height:calc(30px * var(--icon-scale,1));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;z-index:1;position:relative}.app-icon img{z-index:2;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.app-icon img.icon-image-failed{display:none}.home-dock{width:calc(100% - 36px);min-height:88px;left:18px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;background:color-mix(in srgb, var(--surface) 76%, transparent);box-shadow:0 16px 40px #41465f29, inset 0 1px 0 var(--highlight);-webkit-backdrop-filter:blur(22px)saturate(1.25);border-radius:27px;justify-content:space-evenly;align-items:center;gap:0;padding:11px 4.5%;display:flex;position:absolute}.home-dock.empty{border:1px dashed color-mix(in srgb, var(--theme-accent) 38%, var(--surface-border));background:color-mix(in srgb, var(--theme-accent) 5%, var(--surface));min-height:62px;box-shadow:inset 0 1px 0 var(--highlight)}.home-dock .desktop-app-slot{flex:0 clamp(58px,15vw,72px);width:clamp(58px,15vw,72px)}.home-dock .app-button{gap:0}.home-dock .app-button>span:last-child{display:none}.app-icon.pink{--icon-tone:#c46782;--icon-foreground:#b35570;color:color-mix(in srgb, var(--theme-accent) 12%, var(--icon-foreground));background:color-mix(in srgb, var(--icon-tone) 10%, var(--surface-soft));border-color:color-mix(in srgb, var(--theme-accent) 10%, var(--surface-border));box-shadow:0 8px 16px color-mix(in srgb, var(--icon-tone) 12%, transparent), inset 0 0 18px color-mix(in srgb, var(--icon-tone) 8%, transparent), inset 0 1px 1px var(--highlight)}.app-icon.blue{--icon-tone:#4e9ca9;--icon-foreground:#387786;color:color-mix(in srgb, var(--theme-accent) 12%, var(--icon-foreground));background:color-mix(in srgb, var(--icon-tone) 10%, var(--surface-soft));border-color:color-mix(in srgb, var(--theme-accent) 10%, var(--surface-border));box-shadow:0 8px 16px color-mix(in srgb, var(--icon-tone) 12%, transparent), inset 0 0 18px color-mix(in srgb, var(--icon-tone) 8%, transparent), inset 0 1px 1px var(--highlight)}.app-icon.yellow{--icon-tone:#c79c21;--icon-foreground:#966d08;color:color-mix(in srgb, var(--theme-accent) 12%, var(--icon-foreground));background:color-mix(in srgb, var(--icon-tone) 10%, var(--surface-soft));border-color:color-mix(in srgb, var(--theme-accent) 10%, var(--surface-border));box-shadow:0 8px 16px color-mix(in srgb, var(--icon-tone) 12%, transparent), inset 0 0 18px color-mix(in srgb, var(--icon-tone) 8%, transparent), inset 0 1px 1px var(--highlight)}.app-icon.mint{--icon-tone:#4da38c;--icon-foreground:#327961;color:color-mix(in srgb, var(--theme-accent) 12%, var(--icon-foreground));background:color-mix(in srgb, var(--icon-tone) 10%, var(--surface-soft));border-color:color-mix(in srgb, var(--theme-accent) 10%, var(--surface-border));box-shadow:0 8px 16px color-mix(in srgb, var(--icon-tone) 12%, transparent), inset 0 0 18px color-mix(in srgb, var(--icon-tone) 8%, transparent), inset 0 1px 1px var(--highlight)}.app-icon.lilac{--icon-tone:#9272bd;--icon-foreground:#825fae;color:color-mix(in srgb, var(--theme-accent) 12%, var(--icon-foreground));background:color-mix(in srgb, var(--icon-tone) 10%, var(--surface-soft));border-color:color-mix(in srgb, var(--theme-accent) 10%, var(--surface-border));box-shadow:0 8px 16px color-mix(in srgb, var(--icon-tone) 12%, transparent), inset 0 0 18px color-mix(in srgb, var(--icon-tone) 8%, transparent), inset 0 1px 1px var(--highlight)}.app-icon.orange{--icon-tone:#cf8055;--icon-foreground:#a25330;color:color-mix(in srgb, var(--theme-accent) 12%, var(--icon-foreground));background:color-mix(in srgb, var(--icon-tone) 10%, var(--surface-soft));border-color:color-mix(in srgb, var(--theme-accent) 10%, var(--surface-border));box-shadow:0 8px 16px color-mix(in srgb, var(--icon-tone) 12%, transparent), inset 0 0 18px color-mix(in srgb, var(--icon-tone) 8%, transparent), inset 0 1px 1px var(--highlight)}.feature-card.pink span{color:#c46782;box-shadow:0 11px 22px #d57d9e33,inset 0 0 26px #ffdae8a8,inset 0 1px 1px #fff}.feature-card.blue span{color:#4e9ca9;box-shadow:0 11px 22px #4fa1af33,inset 0 0 26px #cef6fab8,inset 0 1px 1px #fff}.feature-card.yellow span{color:#c79c21;box-shadow:0 11px 22px #c199272e,inset 0 0 26px #fff2b5c2,inset 0 1px 1px #fff}.feature-card.mint span{color:#4da38c;box-shadow:0 11px 22px #49a18933,inset 0 0 26px #ccfbebc2,inset 0 1px 1px #fff}.feature-card.lilac span{color:#9272bd;box-shadow:0 11px 22px #8562b333,inset 0 0 26px #ebe1fccc,inset 0 1px 1px #fff}.feature-card.orange span{color:#cf8055;box-shadow:0 11px 22px #c26f4233,inset 0 0 26px #ffe7d1c2,inset 0 1px 1px #fff}.dark .app-icon,.dark .feature-card span{box-shadow:var(--icon-shadow)}.dark .app-icon:after{background:linear-gradient(145deg,#ffffff0f,#0000 48%)}.dark .app-icon.pink{color:color-mix(in srgb, var(--theme-accent) 10%, #ffb0c8);border-color:color-mix(in srgb, var(--theme-accent) 8%, #714456);background:color-mix(in srgb, var(--icon-tone) 12%, var(--surface))}.dark .app-icon.blue{color:color-mix(in srgb, var(--theme-accent) 10%, #9cdee6);border-color:color-mix(in srgb, var(--theme-accent) 8%, #3f6670);background:color-mix(in srgb, var(--icon-tone) 12%, var(--surface))}.dark .app-icon.yellow{color:color-mix(in srgb, var(--theme-accent) 10%, #f1d77b);border-color:color-mix(in srgb, var(--theme-accent) 8%, #6b5c32);background:color-mix(in srgb, var(--icon-tone) 12%, var(--surface))}.dark .app-icon.mint{color:color-mix(in srgb, var(--theme-accent) 10%, #9ce0cd);border-color:color-mix(in srgb, var(--theme-accent) 8%, #3d685d);background:color-mix(in srgb, var(--icon-tone) 12%, var(--surface))}.dark .app-icon.lilac{color:color-mix(in srgb, var(--theme-accent) 10%, #d0b6f2);border-color:color-mix(in srgb, var(--theme-accent) 8%, #624d79);background:color-mix(in srgb, var(--icon-tone) 12%, var(--surface))}.dark .app-icon.orange{color:color-mix(in srgb, var(--theme-accent) 10%, #f3b895);border-color:color-mix(in srgb, var(--theme-accent) 8%, #75513d);background:color-mix(in srgb, var(--icon-tone) 12%, var(--surface))}.dark .feature-card.pink span{color:#ffb0c8;background:#4b2f3b;border-color:#714456}.dark .feature-card.blue span{color:#9cdee6;background:#263f47;border-color:#3f6670}.dark .feature-card.yellow span{color:#f1d77b;background:#453d27;border-color:#6b5c32}.dark .feature-card.mint span{color:#9ce0cd;background:#29453f;border-color:#3d685d}.dark .feature-card.lilac span{color:#d0b6f2;background:#40344f;border-color:#624d79}.dark .feature-card.orange span{color:#f3b895;background:#4b362b;border-color:#75513d}.page-header{text-align:center;grid-template-columns:72px 1fr 72px;align-items:center;height:64px;margin-bottom:20px;display:grid}.page-header h1{letter-spacing:-.04em;margin:0;font-size:24px}.page-header .back-btn{width:max-content;min-width:58px;height:42px;color:var(--nav-accent);text-align:left;box-shadow:none;background:0 0;border-radius:14px;align-items:center;gap:5px;padding:0 8px 0 3px;display:flex}.back-chevron{border-bottom:2px solid;border-left:2px solid;flex:0 0 11px;width:11px;height:11px;transform:rotate(45deg)}.back-btn small{font-size:13px;font-weight:650;line-height:1}.back-btn:active{background:var(--surface-tint)}.page-header.compact{grid-template-columns:72px 1fr 72px;margin:0;padding:5px 24px}.page-header.compact h1{font-size:17px}.page-header.compact p{color:var(--muted);align-items:center;margin:2px 0 0;font-size:10px;display:flex}.page-header.compact p.online{color:var(--accent-ink)}.presence{justify-content:center;align-items:center;gap:2px;width:14px;height:12px;margin-right:4px;font-size:11px;line-height:1;display:inline-flex}.presence>i{background:#55bd94;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.offline .presence>i{background:#d5ad43}.typing .presence>i{background:currentColor;flex-basis:3px;width:3px;height:3px;animation:1s ease-in-out infinite typing-dot}.typing .presence>i:nth-child(2){animation-delay:.15s}.typing .presence>i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.chat-screen .page-header.compact{z-index:2;background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(1.35);border-radius:29px;grid-template-columns:42px minmax(0,1fr) 64px;gap:4px;height:58px;margin:0;padding:5px 7px;position:absolute;inset:4px 12px auto;box-shadow:0 8px 24px #41465f24}.chat-screen .page-header .back-btn{width:42px;min-width:42px;height:42px;color:var(--ink);box-shadow:none;background:0 0;border-radius:50%;justify-content:center;padding:0}.chat-screen .page-header .back-btn small{display:none}.chat-screen .page-header.compact .header-title{min-width:0;height:48px;box-shadow:none;text-align:left;background:0 0;align-items:center;gap:9px;padding:0 6px;display:flex}.chat-screen .page-header.compact .header-title>div:last-child{min-width:0}.chat-screen .page-header.compact h1,.chat-screen .page-header.compact p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-screen .page-header.compact .tiny-avatar{border-radius:50%;flex:0 0 38px;width:38px;height:38px}.chat-screen .page-header .more-btn{width:30px;height:42px;color:var(--muted);background:0 0;border-radius:15px;justify-self:start;padding:0;font-size:28px;line-height:1;transform:translate(-3px)}.chat-screen .page-header .header-actions{justify-self:start;transform:translate(-3px)}.chat-screen .page-header .header-actions .more-btn{transform:none}.role-choice-list{gap:10px;display:grid}.role-choice{border:1px solid var(--surface-border);width:100%;min-height:76px;color:var(--ink);background:var(--surface);box-shadow:0 5px 15px #41465f0f, inset 0 1px 0 var(--highlight);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:12px 14px;display:grid}.role-choice:active{transform:scale(.985)}.role-choice.selected{border-color:color-mix(in srgb, var(--accent-fill) 60%, var(--surface-border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-fill) 16%, transparent), inset 0 1px 0 var(--highlight)}.role-choice>span{gap:4px;min-width:0;display:grid}.role-choice strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.role-choice small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.role-choice>b{color:var(--accent-ink);text-align:center;font-size:18px}.role-choice-create{border:1px dashed var(--surface-border);width:100%;min-height:48px;color:var(--accent-ink);cursor:pointer;background:0 0;border-radius:16px;margin-top:4px;font-weight:600}.role-choice-create:active{transform:scale(.985)}.search-box,.browser-bar{min-height:51px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:10px;padding:0 18px;display:flex}.search-box input,.browser-bar input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1}.search-box input::placeholder,.browser-bar input::placeholder{color:var(--muted)}.browser-bar button{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;font-weight:800}.primary-tab-page{padding-bottom:98px}.primary-tab-page>.page-header{height:58px;margin-bottom:14px}.primary-tab-page>.page-header h1{font-size:21px}.primary-tab-page .search-box{border-radius:16px;min-height:45px}.primary-tab-page .contact-list{border-radius:22px;margin:13px 0}.primary-tab-page .contact-row>button{min-height:68px;padding:9px 12px}.primary-tab-page .contact-avatar{border-radius:14px;flex-basis:44px;width:44px;height:44px}.primary-tabs{height:62px;inset:auto 18px calc(10px + env(safe-area-inset-bottom));z-index:8;border:1px solid color-mix(in srgb, var(--surface-border) 72%, transparent);background:color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:0 10px 28px #41465f1f, inset 0 1px 0 var(--highlight);-webkit-backdrop-filter:blur(24px)saturate(1.28);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;display:grid;position:absolute;overflow:hidden}.primary-tabs button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-content:center;justify-items:center;gap:1px;padding:3px 5px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:grid}.primary-tabs .primary-tab-icon{place-items:center;width:24px;height:24px;display:grid}.primary-tab-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;overflow:visible}.primary-tabs button>small{font-size:9px;font-weight:700;line-height:1}.primary-tabs button.active{color:var(--accent-ink);border-color:color-mix(in srgb, var(--surface-border) 88%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 5px 14px #41465f1a, inset 0 1px 0 var(--highlight)}.primary-tabs button.active .primary-tab-icon svg{fill:currentColor;stroke-width:0}.profile-empty{min-height:55vh}.contact-list{background:var(--surface);box-shadow:var(--shadow);border-radius:25px;margin:17px 0;overflow:hidden}.contact-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.contact-row:last-child{border-bottom:0}.contact-row>button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-width:0;min-height:76px;padding:12px 15px;display:flex}.contact-row>button>div:nth-child(2){flex:auto;min-width:0}.contact-row>button>time{flex:none}.contact-actions{flex:0 0 76px;gap:2px;padding:0 10px 0 0;display:flex}.contact-actions button{width:auto;min-height:0;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:10px}.contact-actions button:last-child{color:#b45c70}.contact-actions button:disabled{opacity:.35;cursor:not-allowed}.modal-backdrop{z-index:8;background:#19182357;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-card{border:1px solid var(--surface-border);width:min(100%,360px);color:var(--ink);background:var(--surface-soft);border-radius:28px;padding:22px;box-shadow:0 24px 70px #1412203d}.memo-editor-modal{width:min(100%,420px);max-height:min(86dvh,720px);overflow-y:auto}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-kicker{color:var(--accent-ink);font-size:11px;font-weight:800}.modal-card h2{margin:5px 0 0;font-size:21px}.modal-close{width:30px;height:30px;color:var(--muted);background:var(--control-bg);cursor:pointer;border:0;border-radius:50%;font-size:22px;line-height:1}.modal-field{color:var(--muted);gap:7px;margin-top:13px;font-size:11px;font-weight:800;display:grid}.modal-field input,.modal-field textarea,.modal-field select{border:1px solid var(--surface-border);width:100%;color:var(--ink);background:var(--surface-tint);resize:vertical;border-radius:13px;outline:0;padding:11px 12px;font-size:13px;font-weight:500}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:color-mix(in srgb, var(--ink) 22%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent)}.modal-field textarea{min-height:58px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.modal-actions-stack{gap:9px;display:grid}.modal-actions-stack button{width:100%}.modal-actions button{cursor:pointer;border:0;border-radius:13px;min-height:38px;padding:0 14px;font-size:12px;font-weight:800}.secondary-button{color:var(--muted);background:var(--control-bg)}.primary-button{color:var(--accent-on);background:var(--accent-fill)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.danger-button{color:#fff;background:#b45c70}.delete-modal{text-align:center}.delete-modal p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.delete-modal .modal-actions{justify-content:center}.modal-icon{color:#b45c70;background:#b45c7024;border-radius:15px;place-items:center;width:44px;height:44px;margin:0 auto;font-size:22px;font-weight:900;display:grid}.contact-list button>div:nth-child(2){gap:5px;min-width:0;display:grid}.contact-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;overflow:hidden}.contact-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.contact-list time{color:var(--muted);align-self:start;padding-top:6px;font-size:10px}.contact-avatar,.tiny-avatar{color:#fff;text-shadow:0 1px 3px #00000052;border-radius:18px;place-items:center;font-weight:800;display:grid}.contact-avatar{flex:0 0 50px;width:50px;height:50px}.tiny-avatar{border-radius:13px;flex:none;width:34px;height:34px;font-size:12px}.avatar-blue{background:linear-gradient(145deg,#7b91ad,#34445a)}.avatar-pink{background:linear-gradient(145deg,#e8a6ba,#9e6376)}.avatar-mint{background:linear-gradient(145deg,#85cdb6,#477f74)}.primary-card{width:100%;height:57px;color:var(--accent-ink);background:var(--primary-bg);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:20px;font-weight:800}.profile-card{width:100%;color:var(--ink);text-align:left;background:var(--profile-bg);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:27px;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:20px;display:grid}.profile-card-avatar{object-fit:cover;border-radius:50%;width:50px;height:50px}.profile-card h2{margin:0 0 5px;font-size:16px}.profile-card p{color:var(--muted);margin:0;font-size:12px}.profile-arrow{color:var(--muted);font-size:25px}.sync-note{color:var(--muted);text-align:center;margin:12px 4px 0;font-size:11px}.sync-actions{justify-content:center;gap:7px;margin-top:9px;display:flex}.sync-actions button{color:var(--accent-ink);background:var(--control-bg);cursor:pointer;border:0;border-radius:10px;padding:7px 11px;font-size:10px;font-weight:800}.account-card{text-align:center;background:var(--surface);box-shadow:var(--shadow);border-radius:27px;justify-items:center;margin-top:36px;padding:30px 22px;display:grid}.account-card h2{margin:16px 0 7px;font-size:18px}.account-card p{max-width:240px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.account-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:80px;height:80px;padding:0;display:grid}.account-avatar-button:disabled{cursor:default}.account-avatar-button img{object-fit:cover;border-radius:50%;width:80px;height:80px}.account-avatar-button .contact-avatar{border-radius:50%;flex-basis:80px;width:80px;height:80px;font-size:25px}.avatar-change-button{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;margin-top:9px;padding:0;font-size:12px;font-weight:800}.avatar-hint{color:var(--accent-ink)!important;margin-top:9px!important;font-size:11px!important}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:20px 0 14px;display:grid}.auth-tabs button,.auth-form button{min-height:40px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border:0;border-radius:13px;font-weight:800}.auth-tabs button.active,.auth-form button{color:var(--accent-on);background:var(--accent-fill)}.auth-form{text-align:left;gap:12px;width:100%;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:11px;display:grid}.auth-form input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface-soft);border-radius:13px;outline:0;padding:0 13px}.auth-code-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.auth-code-row button{white-space:nowrap;min-height:44px;padding:0 12px}.auth-form button:disabled{opacity:.5;cursor:wait}.account-data{gap:0}.account-actions{gap:9px;width:100%;margin-top:22px;display:grid}.account-actions button{min-height:44px;color:var(--accent-on);background:var(--accent-fill);cursor:pointer;border:0;border-radius:14px;font-size:12px;font-weight:800}.account-actions button.danger{color:#a44f64;background:#dd849a24}.profile-field{text-align:left;gap:7px;width:100%;display:grid}.profile-field span,.avatar-picker>span{color:var(--muted);font-size:11px;font-weight:750}.profile-field input,.profile-field select{height:42px;color:var(--ink);background:var(--surface-tint);border:1px solid var(--line);border-radius:12px;padding:0 12px}.model-field{margin-top:16px}.model-message{color:var(--muted);margin-top:3px;font-size:10px}.avatar-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.avatar-picker>span{text-align:left;width:100%}.avatar-picker button{border:1px solid var(--line);background:var(--surface-tint);cursor:pointer;border-radius:50%;width:38px;height:38px}.avatar-picker button.active{box-shadow:0 0 0 2px var(--accent-fill)}.avatar-preview{place-items:center;margin:3px 0 16px;display:grid}.avatar-preview img,.avatar-preview .contact-avatar{object-fit:cover;border-radius:50%;flex-basis:80px;width:80px;height:80px;font-size:25px;overflow:hidden}.avatar-editor-wrap{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:#17161d;border-radius:50%;width:240px;height:240px;margin:4px auto 14px;overflow:hidden;box-shadow:0 7px 18px #23233729}.avatar-editor-wrap canvas{display:block;width:240px!important;height:240px!important}.avatar-zoom{color:var(--muted);gap:7px;margin:0 0 14px;font-size:11px;display:grid}.avatar-zoom input{width:100%;accent-color:var(--accent-fill)}.avatar-upload,.avatar-clear{width:100%;min-height:40px;color:var(--muted);background:var(--control-bg);cursor:pointer;border:0;border-radius:13px;place-items:center;margin-top:13px;padding:0 14px;font-size:12px;font-weight:800;display:grid}.avatar-upload{margin-top:16px}.avatar-clear:hover,.avatar-upload:hover{box-shadow:inset 0 1px 0 var(--highlight), 0 5px 14px #41465f1a}.account-data small{color:var(--muted);margin-top:13px;font-size:10px}.memo-markdown{overflow-wrap:anywhere;font-size:13px;line-height:1.55}.memo-markdown h2,.memo-markdown h3,.memo-markdown h4{margin:0 0 4px;font-size:15px}.memo-markdown code{background:var(--control-bg);border-radius:5px;padding:1px 4px}.memo-markdown em{font-style:italic}.memo-markdown del{opacity:.72}.memo-markdown a{color:var(--accent-ink);text-decoration:underline}.memo-markdown ul,.memo-markdown ol{margin:3px 0 3px 18px;padding:0}.memo-markdown blockquote{border-left:3px solid var(--accent-fill);color:var(--muted);margin:4px 0;padding-left:9px}.memo-attachment{object-fit:cover;border-radius:10px;width:64px;height:64px;margin:8px 6px 0 0}.memo-attachment-picker{border:1.5px solid color-mix(in srgb, var(--ink) 20%, transparent);min-height:40px;color:var(--accent-ink);background:var(--surface-tint);cursor:pointer;border-radius:13px;place-items:center;margin-top:13px;padding:0 14px;font-size:12px;font-weight:800;display:grid}.memo-attachment-picker.secondary-button{color:var(--muted);background:var(--control-bg);border:0}.memo-attachment-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.memo-attachment-grid{gap:7px;margin-top:9px;display:flex;overflow-x:auto}.memo-attachment-grid img{object-fit:cover;border-radius:9px;width:54px;height:54px}.memo-preview{color:var(--muted);background:var(--surface-tint);border-radius:13px;margin-top:13px;padding:11px 12px;font-size:11px;line-height:1.5}.memo-preview>span{color:var(--accent-ink);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.memo-editor-page{overflow-y:auto}.memo-editor-card{padding:2px 14px calc(22px + env(safe-area-inset-bottom))}.memo-toolbar{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;flex-wrap:wrap;gap:6px;margin:2px 0 9px;padding:7px;display:flex}.memo-toolbar button{min-width:31px;height:30px;color:var(--muted);background:var(--control-bg);cursor:pointer;border:0;border-radius:9px;padding:0 8px}.memo-toolbar button:active{transform:scale(.94)}.memo-editor-textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);background:var(--surface);border-radius:14px;padding:12px;font-size:14px;line-height:1.6}.memo-date-field{margin-top:12px}.memo-attachment-grid{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.memo-attachment-item{position:relative}.memo-attachment-item img{object-fit:cover;border-radius:10px;width:64px;height:64px;display:block}.memo-attachment-item button{color:#fff;cursor:pointer;background:#14141ead;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:15px;line-height:20px;position:absolute;top:3px;right:3px}.memo-editor-actions{justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.memo-editor-actions button{cursor:pointer;border:0;border-radius:13px;min-height:38px;padding:0 14px;font-size:12px;font-weight:800}.legal-copy{gap:12px;display:grid}.legal-copy section{background:var(--surface);box-shadow:var(--shadow);border-radius:21px;padding:19px}.legal-copy b{font-size:14px}.legal-copy p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.65}.card-section{background:var(--surface);box-shadow:var(--shadow);border-radius:27px;margin-top:18px;padding:20px}.card-section>h2{margin:0 0 13px;font-size:17px}.setting-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:10px 2px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row span{align-items:center;gap:11px;display:flex}.setting-row b{background:var(--mint-bg);width:30px;height:30px;color:var(--accent-ink);border-radius:10px;flex:0 0 30px;place-items:center;font-size:12px;display:grid}.setting-row strong{font-size:14px}.setting-row em{color:var(--muted);font-size:12px;font-style:normal}.switch{background:var(--control-bg);border-radius:99px;flex:0 0 42px;width:42px;height:24px;padding:3px;display:block}.switch:after{content:"";background:var(--switch-knob);border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;box-shadow:0 2px 7px #00000021}.switch.on{background:var(--accent-fill)}.switch.on:after{transform:translate(18px)}.page-intro{color:var(--muted);margin:-5px 3px 18px;font-size:13px;line-height:1.65}.two-column-cards{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.feature-card{border:1px solid var(--surface-border);min-height:150px;color:var(--ink);text-align:left;background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:25px;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin:0;padding:18px;display:flex}.feature-card:active{transform:scale(.98)}.feature-card span{border:1px solid var(--surface-border);background:var(--surface-soft);border-radius:15px;place-items:center;width:42px;height:42px;margin-bottom:auto;font-size:15px;font-weight:900;display:grid}.feature-card strong{margin-bottom:6px;font-size:15px}.feature-card small{color:var(--muted);font-size:11px}.data-list{gap:12px;margin-top:16px;display:grid}.data-card{border:1px solid var(--surface-border);color:var(--ink);background:var(--surface);box-shadow:var(--shadow);border-radius:21px;gap:12px;padding:17px;display:grid}.data-card>div:first-child>span{color:var(--accent-ink);font-size:10px;font-weight:800}.data-card h2{margin:5px 0;font-size:15px}.data-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.data-card.completed h2{color:var(--muted);text-decoration:line-through}.inline-actions{justify-content:flex-end;gap:6px;display:flex}.inline-actions button{color:var(--muted);background:var(--control-bg);cursor:pointer;border:0;border-radius:9px;padding:5px 8px;font-size:10px}.inline-actions button:last-child{color:#b45c70}.list-empty{color:var(--muted);text-align:center;margin:0;padding:24px;font-size:12px}.check-button{border:1px solid var(--surface-border);width:25px;height:25px;color:var(--accent-on);background:var(--accent-fill);cursor:pointer;border-radius:9px}.moments-profile{height:190px;box-shadow:var(--shadow);background:linear-gradient(145deg,#7c95a7,#d9dce5 62%,#f3d8e2) 50%/cover;border-radius:0 0 24px 24px;margin:-20px -18px 54px;position:relative}.moments-profile:after{content:"";border-radius:inherit;background:linear-gradient(#0000 35%,#12141c6b);position:absolute;inset:0}.moments-profile-copy{z-index:1;color:#fff;text-shadow:0 1px 4px #00000073;justify-items:end;gap:5px;max-width:calc(100% - 120px);display:grid;position:absolute;bottom:17px;right:92px}.moments-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;line-height:1.2;overflow:hidden}.moments-profile-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.45;overflow:hidden}.moments-profile-avatar{z-index:1;border:3px solid var(--surface);width:68px;height:68px;color:var(--accent-ink);background:var(--surface-soft);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:22px;font-weight:850;display:grid;position:absolute;bottom:-32px;right:14px;overflow:hidden}.moments-profile-avatar img{object-fit:cover;width:100%;height:100%}.moments-page{padding-top:0;position:relative}.moments-page>.page-header{z-index:2;color:#fff;text-shadow:0 1px 5px #00000080;position:absolute;inset:20px 18px auto}.moments-page>.page-header .back-btn{color:#fff}.moment-list{display:grid}.moment-composer{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-bottom:12px;padding:12px;display:grid}.moment-composer textarea{min-height:54px;color:var(--ink);resize:vertical;background:0 0;border:0;outline:0;grid-column:1/-1;padding:10px}.moment-composer button,.comment-form button{color:var(--accent-on);background:var(--accent-fill);cursor:pointer;border:0;border-radius:11px;padding:9px 12px;font-weight:800}.moment-composer button:disabled,.comment-form button:disabled{opacity:.4;cursor:not-allowed}.moment-attach{border-radius:11px;padding:9px 12px;font-size:12px;font-weight:800}.moment-photo-draft,.moment-composer .attachment-error{grid-column:1/-1}.moment-photo-draft{width:90px;position:relative}.moment-photo-draft img{object-fit:cover;border-radius:14px;width:90px;height:90px}.moment-photo-draft button{border-radius:50%;width:24px;height:24px;padding:0;position:absolute;top:4px;right:4px}.moment-list article{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(0,1fr);align-items:start;gap:13px;padding:18px 4px;display:grid}.moment-list article:last-child{border-bottom:0}.moment-body{min-width:0;padding-top:2px}.moment-list strong{color:color-mix(in srgb, var(--accent-ink) 72%, var(--ink));margin-bottom:6px;font-size:14px;line-height:1.35;display:block}.moment-list p{white-space:pre-wrap;margin:0 0 10px;font-size:13px;line-height:1.6}.moment-list small{color:var(--muted);font-size:10px}.moment-media{background:var(--surface-soft);border-radius:8px;width:100%;margin:0 0 10px;position:relative;overflow:hidden}.moment-photo{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.moment-list .moment-caption{color:#fff;text-shadow:0 1px 3px #000000a6;background:linear-gradient(#00000094,#0000);margin:0;padding:28px 10px 9px;position:absolute;inset:0 0 auto}.moment-actions{align-items:center;gap:8px;display:flex}.moment-actions small{margin-right:auto}.moment-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px}.moment-actions button.active{color:#c46782}.moment-actions .danger-link{color:#b45c70}.comment-list{background:var(--surface-tint);border-radius:8px;margin-top:9px;padding:7px 9px}.comment-list p{margin:3px 0;font-size:10px}.comment-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px;display:grid}.comment-form input{border:1px solid var(--surface-border);min-width:0;color:var(--ink);background:var(--surface-tint);border-radius:10px;outline:0;padding:8px 9px}.browser-bar{margin-bottom:18px}.form-error{color:#b45c70;margin:-10px 4px 12px;font-size:11px}.bookmark-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.bookmark-grid>div{min-width:0}.bookmark-link{width:100%;min-height:65px;color:var(--ink);background:var(--surface-soft);text-align:center;cursor:pointer;border:0;border-radius:17px;font-weight:900}.bookmark-link.add{align-self:start}.bookmark-grid>div>span{justify-content:center;display:flex}.bookmark-grid>div>span button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 3px 0;font-size:8px}.bookmark-grid>div>span button:last-child{color:#b45c70}.bookmark-grid small{color:var(--muted);font-weight:600}.activity-card{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;margin-bottom:13px;padding:20px}.activity-card>span{color:var(--muted);font-size:10px}.activity-card strong{margin:9px 0 7px;font-size:15px;display:block}.activity-card p{color:var(--muted);margin:0;font-size:12px}.activity-card.mint{border-left:4px solid #8ed8c4}.activity-card.pink{border-left:4px solid #ecadc0}.activity-card.yellow{border-left:4px solid #ead27e}.wallpaper-preview{border:1px solid var(--surface-border);min-height:245px;box-shadow:var(--shadow);background-color:#f3f2f8;background-image:radial-gradient(circle at 20% 15%,#ffeba8e6,#0000 38%),radial-gradient(circle at 80% 80%,#e8b4dce6,#0000 42%),none;background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:30px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.wallpaper-preview:after{content:"";background:linear-gradient(#ffffff14,#14141c29);position:absolute;inset:0}.wallpaper-preview>*{z-index:1;position:relative}.wallpaper-preview>span{color:#fff;background:#14141a52;border-radius:11px;width:max-content;padding:7px 10px;font-size:10px;font-weight:800}.wallpaper-preview>div{color:#fff;background:#1e1d264d;border:1px solid #ffffff80;border-radius:20px;grid-template-columns:1fr repeat(3,36px);align-items:center;gap:8px;padding:15px;display:grid;box-shadow:0 14px 30px #00000024}.wallpaper-preview>div b{font-size:14px}.wallpaper-preview>div i{background:#ffffff7a;border-radius:12px;width:36px;height:36px;box-shadow:inset 0 1px #ffffff80}.wallpaper-upload{border-radius:15px;justify-content:space-between;align-items:center;min-height:54px;padding:10px 12px;display:flex}.wallpaper-upload span{align-items:center;gap:11px;display:flex}.wallpaper-upload b{width:30px;height:30px;color:var(--accent-ink);background:var(--mint-bg);border-radius:10px;flex:0 0 30px;place-items:center;font-size:12px;display:grid}.wallpaper-upload strong{font-size:14px}.wallpaper-upload em{color:var(--muted);font-size:12px;font-style:normal}.wallpaper-note{color:var(--muted);margin:13px 4px 0;font-size:11px;line-height:1.55}.url-source-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:12px;display:grid}.url-source-form input,.url-source-form button{border:1px solid var(--line);border-radius:12px;min-width:0;height:40px}.url-source-form input{color:var(--ink);background:var(--surface-tint);outline:0;padding:0 12px}.url-source-form button{color:var(--accent-on);background:var(--accent-fill);cursor:pointer;padding:0 15px;font-weight:750}.appearance-field{grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:58px;display:grid}.appearance-field>span{font-size:14px;font-weight:750}.appearance-field select{border:1px solid var(--line);min-width:130px;color:var(--ink);background:var(--surface-tint);border-radius:12px;outline:0;padding:9px 32px 9px 11px}.font-upload{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;padding:10px 2px;display:flex}.font-upload span{align-items:center;gap:11px;min-width:0;display:flex}.font-upload b{width:30px;height:30px;color:var(--accent-ink);background:var(--mint-bg);border-radius:10px;flex:0 0 30px;place-items:center;font-size:12px;display:grid}.font-upload strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.font-upload em{color:var(--muted);font-size:11px;font-style:normal}.font-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.source-field{border-top:1px solid var(--line);color:var(--muted);gap:7px;padding:12px 2px 0;font-size:11px;font-weight:750;display:grid}.source-field input,.source-field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-tint);resize:vertical;border-radius:12px;outline:0;padding:11px 12px}.source-field textarea{min-height:86px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.5}.range-field{border-top:1px solid var(--line);gap:11px;padding:12px 2px 5px;display:grid}.range-field:first-child{border-top:0}.range-field>span{justify-content:space-between;align-items:center;font-size:13px;display:flex}.range-field b{font-weight:750}.range-field em{color:var(--muted);font-size:11px;font-style:normal}.range-field input{width:100%;accent-color:var(--accent-fill)}.range-field input:disabled{opacity:.38}.appearance-preview{border:1px solid var(--surface-border);background:var(--surface);min-height:178px;box-shadow:var(--shadow);text-align:center;border-radius:27px;align-content:center;place-items:center;gap:11px;margin-top:18px;padding:22px;display:grid}.appearance-preview>span{color:var(--muted);place-self:start;font-size:10px;font-weight:800}.typography-preview strong{font-size:calc(23px * var(--font-preview-scale,1));font-weight:var(--app-font-weight)}.typography-preview small{color:var(--muted);font-size:11px}.arc-color-picker{touch-action:none;-webkit-user-select:none;user-select:none;border:7px solid var(--surface-tint);width:min(100%,250px);height:92px;box-shadow:0 12px 28px color-mix(in srgb, var(--user-accent) 24%, transparent);cursor:pointer;background:linear-gradient(90deg,#f28ca7,#f0c565,#78d6ad,#70b8e9,#a98ee6,#ef8eb3);border-radius:52px 52px 22px 22px;position:relative;overflow:hidden}.arc-color-picker:after{content:"";pointer-events:none;background:linear-gradient(#ffffffb3,#0000 48%,#0000003d);position:absolute;inset:0}.arc-color-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.arc-color-picker i{width:34px;height:34px;left:var(--picker-x,50%);top:var(--picker-y,50%);z-index:1;pointer-events:none;border:4px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 14px #0003}.arc-color-picker:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent), 0 12px 28px color-mix(in srgb, var(--user-accent) 24%, transparent)}.theme-preview strong{letter-spacing:.05em;font-size:13px}.color-field{grid-template-columns:1fr;gap:12px;display:grid}.color-field input{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:var(--surface-tint);text-align:center;border-radius:12px;outline:0;padding:6px;font-weight:750}.reset-appearance{width:100%;min-height:50px;color:var(--accent-ink);background:var(--surface-soft);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:18px;margin-top:18px;font-weight:750}.icon-layout-preview{align-content:start;min-height:230px}.icon-preview-grid{grid-template-columns:repeat(4,1fr);gap:18px 6px;width:100%;padding-top:8px;display:grid}.icon-editor-list{display:grid}.icon-editor{border-top:1px solid var(--line);grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:13px 0;display:grid}.icon-editor:first-child{border-top:0}.icon-editor .app-button{pointer-events:none}.icon-editor .app-icon{border-radius:min(var(--icon-radius,17px), 15px);width:48px;height:48px;font-size:14px}.icon-editor .app-button>span:last-child{display:none}.icon-editor>div{grid-template-columns:auto 1fr;align-items:center;gap:7px;min-width:0;display:grid}.icon-editor>div>strong{grid-column:1/-1;font-size:13px}.icon-editor>div>label{border-radius:10px;place-items:center;height:34px;padding:0 10px;font-size:11px;font-weight:750;display:grid}.icon-editor>div>input{border:1px solid var(--line);min-width:0;height:34px;color:var(--ink);background:var(--surface-tint);border-radius:10px;outline:0;padding:0 9px;font-size:10px}.icon-editor>button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px}.chat-screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.messages{scrollbar-width:none;background:linear-gradient(#f8f9fd33,#f3f7fac7);flex-direction:column;flex:1;padding:80px 14px 8px;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{display:none}.dark .messages{background:#00000014}.has-wallpaper .messages,.dark.has-wallpaper .messages{background:0 0}.date-pill{width:max-content;color:var(--muted);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:99px;margin:0 auto 18px;padding:5px 9px;font-size:10px}.messages>.date-pill:first-child{margin-top:auto}.message{align-items:flex-end;gap:7px;margin:0 0 9px;display:flex}.message.me{justify-content:flex-end}.message p{background:var(--surface);border-radius:15px 15px 15px 4px;max-width:78%;margin:0;padding:9px 12px;font-size:13px;line-height:1.48;box-shadow:0 2px 7px #41465f14}.message p img{object-fit:cover;border-radius:12px;width:min(210px,52vw);max-height:250px;display:block}.message p img+span{margin-top:8px;display:block}.message.me p{background:var(--mint-bg);color:var(--mint-ink);border-radius:15px 15px 4px}.message.system{justify-content:center}.message.system p{max-width:86%;color:var(--muted);background:var(--control-bg);font-size:11px}.chat-status,.chat-error{color:var(--muted);background:var(--surface);text-align:center;margin:0;padding:7px 15px;font-size:11px}.typing-bubble{align-items:center;gap:4px;height:10px;display:flex}.typing-bubble i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite reply-dot}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}@keyframes reply-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-error{color:var(--danger-ink,#a04d63);justify-content:center;align-items:center;gap:10px;display:flex}.chat-error button{color:var(--accent-on);background:var(--accent-fill);cursor:pointer;border:0;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:800}.composer{min-height:54px;margin:0 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-radius:28px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:4px;padding:5px 6px;display:grid;box-shadow:0 4px 14px #41465f1a}.composer button,.composer input{border:0}.attach-button{border-radius:50%;place-self:center;place-items:center;width:42px;height:42px;line-height:0;display:grid}.attach-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.image-draft,.attachment-error{grid-column:1/-1}.image-draft{color:var(--muted);background:var(--surface-soft);border-radius:14px;grid-template-columns:42px 1fr 28px;align-items:center;gap:9px;padding:8px;font-size:10px;display:grid}.image-draft img{object-fit:cover;border-radius:10px;width:42px;height:42px}.image-draft button{width:28px;height:28px;color:var(--muted);background:var(--control-bg);cursor:pointer;border-radius:50%;font-size:18px}.attachment-error{color:var(--danger-ink,#a04d63);text-align:center;margin:0;font-size:10px}.composer input{min-width:0;height:44px;color:var(--ink);box-shadow:none;background:0 0;border-radius:22px;outline:none;padding:0 8px}.composer input::placeholder{color:var(--muted)}.composer .send{width:42px;height:42px;color:var(--accent-on);background:var(--accent-fill);cursor:pointer;border-radius:50%;place-self:center;place-items:center;padding:0;font-size:17px;font-weight:800;line-height:0;display:grid}.composer .send span{display:block;transform:translate(1px)}.composer button:disabled,.composer input:disabled{cursor:wait;opacity:.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.control-panel{--panel-ink:#20212a;--panel-muted:#767985;--panel-accent:#a64e72;width:min(1180px,100% - 36px);color:var(--panel-ink);margin:0 auto;padding:48px 0 34px}.control-panel :is(button,input):focus{outline:0}.control-panel :is(button,input):focus-visible{box-shadow:0 0 0 3px #a64e722e}.control-panel header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.control-panel header p{color:var(--panel-accent);letter-spacing:.22em;margin:0 0 8px;font-size:12px;font-weight:900}.control-panel h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,6vw,64px)}.control-panel header>div>span{color:var(--panel-muted);margin-top:9px;font-size:14px;display:block}.master-switch{cursor:pointer;background:#ffffffc7;border:1px solid #2b283214;border-radius:99px;align-items:center;gap:9px;padding:10px 14px 10px 10px;font-size:13px;font-weight:800;display:flex;box-shadow:0 10px 35px #483a4c14}.master-switch input{opacity:0;position:absolute}.master-switch span{background:#d8d9df;border-radius:99px;width:43px;height:25px;padding:3px;transition:all .2s}.master-switch span:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block;box-shadow:0 2px 8px #00000026}.master-switch input:checked+span{background:#a64e72}.master-switch input:checked+span:after{transform:translate(18px)}.master-switch input:focus-visible+span{box-shadow:0 0 0 3px #a64e722e}.summary-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.summary-grid article,.usage-strip,.control-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #2b283212;box-shadow:0 16px 50px #483a4c12}.summary-grid article{border-radius:24px;min-height:160px;padding:21px}.summary-grid article>span,.usage-strip span{color:var(--panel-muted);font-size:12px}.summary-grid strong{letter-spacing:-.04em;margin:20px 0 14px;font-size:28px;display:block}.summary-grid small{color:var(--panel-muted);font-size:11px}.progress{background:#ececf0;border-radius:99px;height:5px;margin-bottom:9px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#d77e9e,#9b496d);height:100%;display:block}.usage-strip{border-radius:22px;grid-template-columns:repeat(4,1fr);margin:14px 0;padding:18px 22px;display:grid}.usage-strip div{border-right:1px solid #2b283214;padding:4px 18px}.usage-strip div:first-child{padding-left:0}.usage-strip div:last-child{border:0}.usage-strip b{margin-top:5px;font-size:18px;display:block}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.control-card{border-radius:26px;padding:25px}.section-title{margin-bottom:20px}.section-title>div{align-items:center;gap:9px;display:flex}.section-title span{color:var(--panel-accent);font-size:11px;font-weight:900}.section-title h2{margin:0;font-size:19px}.section-title p{color:var(--panel-muted);margin:8px 0 0 28px;font-size:12px;line-height:1.55}.control-slider{border-top:1px solid #2b283212;padding:13px 0;display:block}.control-slider>span{justify-content:space-between;gap:16px;display:flex}.control-slider b{font-size:13px}.control-slider output{color:var(--panel-accent);font-size:12px;font-weight:800}.control-slider small{color:var(--panel-muted);margin-top:5px;font-size:10px;display:block}.control-slider input{width:100%;accent-color:var(--panel-accent);cursor:pointer;margin:13px 0 0}.preset-buttons{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.preset-buttons button{color:var(--panel-accent);cursor:pointer;background:#fff7fa;border:1px solid #a64e7224;border-radius:14px;padding:13px;font-size:12px;font-weight:800}.preset-buttons button:hover{color:#fff;background:var(--panel-accent)}.preset-card aside{background:linear-gradient(135deg,#fff2f6,#f5f1f8);border-radius:17px;margin-top:20px;padding:17px}.preset-card aside b{font-size:12px}.preset-card aside p{color:var(--panel-muted);margin:7px 0 0;font-size:11px;line-height:1.6}.control-panel footer{color:var(--panel-muted);justify-content:space-between;gap:18px;padding:18px 4px 0;font-size:11px;display:flex}.control-panel footer p{text-align:right;margin:0}.control-panel footer span{color:#548f7c;font-weight:800}.control-panel footer span.error{color:#b64f68}@media (width<=780px){.control-panel{width:min(100% - 24px,560px);padding-top:28px}.control-panel header{flex-direction:column;align-items:flex-start}.summary-grid,.panel-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid article{min-height:145px}.usage-strip{grid-template-columns:repeat(2,1fr);gap:14px 0}.usage-strip div:nth-child(2){border-right:0}.usage-strip div:nth-child(3){padding-left:0}.control-panel footer{flex-direction:column}.control-panel footer p{text-align:left}}@media (width<=430px){.summary-grid{grid-template-columns:1fr}.summary-grid article{min-height:auto}.preset-buttons{grid-template-columns:1fr}}