:root{--bg: #150a1d;--bg2: #1d1023;--surface: #2a1832;--surface-2: #3a2144;--text: #fff3ec;--text-dim: #b99cae;--accent: #ff7847;--accent-2: #ff3d81;--violet: #a855f7;--amber: #ffb54a;--blue: #4a9dff;--stroke: rgba(255, 120, 71, .14);--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--radius: 20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 700px at 15% -10%,#3a1436 0%,transparent 55%),radial-gradient(1000px 800px at 100% 110%,#3d1a2a 0%,transparent 50%),var(--bg);min-height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none}#app{min-height:100vh}.shell{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:32px;max-width:1500px;margin:0 auto;padding:40px 36px;align-items:center;min-height:100vh}.promo{position:sticky;top:40px}.promo .logo{font-family:var(--serif);font-size:40px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.promo .logo .mark{color:var(--amber);text-shadow:0 0 18px rgba(255,181,74,.7)}.promo .tag{font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--text);margin:22px 0 10px;font-weight:400}.promo .sub{color:var(--text-dim);font-size:14.5px;line-height:1.7;max-width:34ch}.promo .feats{list-style:none;margin:26px 0 0;display:flex;flex-direction:column;gap:14px}.promo .feats li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--text-dim);line-height:1.5}.promo .feats .dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none;box-shadow:0 0 10px currentColor}.promo .feats b{color:var(--text);font-weight:600}.promo .controls{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.btn-ghost{background:var(--surface);border:1px solid var(--stroke);color:var(--text-dim);padding:9px 15px;border-radius:12px;font:inherit;font-size:12.5px;cursor:pointer;transition:.2s}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.promo .sub-info{margin-top:22px;background:#ffb54a14;border:1px solid rgba(255,181,74,.22);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--text-dim);line-height:1.6;max-width:34ch}.promo .sub-info b{color:var(--amber)}.promo .hint{margin-top:18px;font-size:11.5px;color:var(--text-dim);opacity:.7;line-height:1.6;max-width:32ch}.phones{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap}.phone-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.phone-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-weight:600}.phone-label.me{color:var(--amber)}.phone-label.partner{color:var(--violet)}.phone{width:300px;height:620px;border-radius:46px;background:#0a0410;padding:11px;box-shadow:0 0 0 2px #241326,0 30px 70px #0000008c,0 0 60px #ff78470f;position:relative}.phone .notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:92px;height:26px;background:#000;border-radius:16px;z-index:30}.screen{width:100%;height:100%;border-radius:36px;overflow:hidden;position:relative;background:#0d0714}.home{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,#3a1740 0%,transparent 60%),linear-gradient(180deg,#1a0d24,#120a1a);padding:46px 18px 22px;display:flex;flex-direction:column}.home .clock{text-align:center;color:#fff;font-weight:300;font-size:52px;letter-spacing:-1px;line-height:1;margin-top:6px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.home .date{text-align:center;color:#ffffffbf;font-size:13px;margin-top:6px;margin-bottom:20px}.widget-row{display:flex;gap:10px}.widget-row .widget{flex:1;min-width:0}.widget{border-radius:22px;overflow:hidden;position:relative;aspect-ratio:1 / 1;box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff0f;cursor:pointer;transition:transform .15s}.widget:active{transform:scale(.97)}.widget canvas{display:block;width:100%;height:100%}.widget .wbrand{position:absolute;left:12px;top:10px;font-family:var(--serif);font-size:12px;color:#fff3ec99;text-shadow:0 1px 8px rgba(0,0,0,.6);pointer-events:none}.widget .moodstrip{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;pointer-events:none}.widget .mchip{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:#0c06126b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 8px}.widget .mchip .act{font-size:9.5px;color:#fff3eceb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.widget .mchip .act .dim{color:#fff6}.widget .mchip .face{font-size:13px;flex:none;line-height:1}.fwidget{background:radial-gradient(120% 90% at 50% 0%,#241333,#150b1e 70%);display:flex;flex-direction:column;padding:12px 11px}.fw-head{font-family:var(--serif);font-size:12px;color:#fff3ecb8;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;pointer-events:none}.fw-list{display:flex;flex-direction:column;gap:7px;overflow:hidden;pointer-events:none}.fw-friend{display:flex;align-items:center;gap:6px;min-width:0}.fw-friend .fa{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:10px;color:#fff;flex:none;text-transform:uppercase}.fw-friend .fw-name{font-size:9.5px;color:#fff3ecd1;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-friend .fw-act,.fw-friend .fw-face{font-size:12px;flex:none}.fw-more{font-size:9px;color:var(--text-dim);margin-top:1px}.fw-empty{font-size:10.5px;color:var(--text-dim);margin:auto;text-align:center}.action .morb-sm{width:19px;height:19px;border-radius:50%;flex:none}.tabbar{flex:none;display:flex;border-top:1px solid rgba(255,255,255,.07);background:#0f0816b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 8px 10px}.tabbar .tab{flex:1;background:none;border:none;color:var(--text-dim);font:inherit;font-size:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px;transition:.15s}.tabbar .tab span{font-size:18px;line-height:1}.tabbar .tab.on{color:var(--accent)}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-family:var(--serif);font-size:14px;color:var(--text)}.sec-head small{font-family:var(--sans);font-size:10px;color:var(--text-dim)}.gtoggle{display:flex;gap:4px;background:var(--surface);border-radius:10px;padding:3px}.gtoggle .gt{background:none;border:none;color:var(--text-dim);font:inherit;font-size:10.5px;padding:4px 8px;border-radius:8px;cursor:pointer}.gtoggle .gt.on{background:var(--surface-2);color:var(--text)}.act-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.act-card{background:var(--surface);border:1px solid var(--stroke);border-radius:13px;padding:10px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:.14s}.act-card:hover{transform:translateY(-2px)}.act-card.on{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 1px var(--accent) inset}.act-card .ae{font-size:21px;line-height:1}.act-card .al{font-size:8.5px;color:var(--text-dim);text-align:center;line-height:1.1}.face-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:8px}.face-card{background:var(--surface);border:1px solid var(--stroke);border-radius:13px;padding:10px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:.14s}.face-card:hover{transform:translateY(-2px)}.face-card.on{border-color:var(--fc);background:var(--surface-2);box-shadow:0 0 12px -2px var(--fc),0 0 0 1px var(--fc) inset}.face-card .fe{font-size:22px;line-height:1}.face-card .fl{font-size:8px;color:var(--text-dim);text-align:center;line-height:1.1}.friends-info{text-align:center;font-size:12.5px;color:var(--text-dim);line-height:1.6;margin-bottom:14px}.friends-info small{color:var(--text);font-weight:600}.prem-badge{color:var(--amber)}.friend-list{display:flex;flex-direction:column;gap:8px}.friend-row{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--stroke);border-radius:15px;padding:10px 12px}.favatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:17px;color:#fff;flex:none;text-transform:uppercase}.finfo{flex:1;min-width:0}.fname{font-size:13.5px;font-weight:600}.fstatus{font-size:11.5px;color:var(--text-dim);margin-top:2px}.fstatus .fface{font-size:14px}.fdel{background:none;border:none;color:var(--text-dim);font-size:15px;cursor:pointer;flex:none;opacity:.5}.fdel:hover{opacity:1}.empty-f{text-align:center;color:var(--text-dim);font-size:12px;padding:20px}.plan{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:12px;padding:11px 14px;margin-bottom:14px;font-size:13px}.plan b{color:var(--amber)}.mood-partner{text-align:center;font-family:var(--serif);font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:12px;margin-bottom:4px;line-height:1.5}.mood-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:6px}.mood-card{border-radius:16px;padding:14px 6px 12px;cursor:pointer;border:1px solid var(--stroke);background:var(--surface);display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;transition:.16s}.mood-card:hover{transform:translateY(-2px);border-color:#fff3}.mood-card.on{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 1px var(--accent) inset}.mood-card .morb{width:34px;height:34px;border-radius:50%;margin-bottom:2px}.mood-card .ml{font-family:var(--serif);font-size:13px}.mood-card .ms{font-size:9px;color:var(--text-dim);line-height:1.3}.dock{margin-top:auto;display:flex;justify-content:center;gap:18px}.dock .app-ico{width:46px;height:46px;border-radius:12px;background:#ffffff14;display:grid;place-items:center;font-size:20px}.dock .app-ico.ikimiz{background:linear-gradient(160deg,#ff8a5c,#a855f7);box-shadow:0 6px 16px #a855f766;cursor:pointer}.hint-open{text-align:center;color:#ffffff80;font-size:10.5px;margin-top:14px}.appview{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0d24,#0f0718);display:flex;flex-direction:column;transform:translate(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);z-index:10}.appview.open{transform:translate(0)}.topbar{display:flex;align-items:center;gap:8px;padding:44px 16px 10px;flex:none}.topbar .back{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;width:30px}.topbar .title{font-family:var(--serif);font-size:17px;font-weight:600}.topbar .spacer{flex:1}.appbody{flex:1;overflow-y:auto;padding:4px 16px 18px;display:flex;flex-direction:column}.starbig{aspect-ratio:1/1;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.starbig canvas{width:100%;height:100%;display:block}.status-line{text-align:center;font-family:var(--serif);font-size:15px;color:var(--text);margin:16px 0 4px}.status-sub{text-align:center;font-size:12px;color:var(--text-dim);margin-bottom:18px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:14px 12px;color:var(--text);font:inherit;font-size:13px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:flex-start;transition:.18s}.action:hover{border-color:var(--accent);background:var(--surface-2)}.action .ico{font-size:19px}.action .sub{font-size:10.5px;color:var(--text-dim)}.action.full{grid-column:1 / -1;flex-direction:row;align-items:center;gap:12px}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.pulse-card{border-radius:18px;padding:20px 14px;cursor:pointer;border:1px solid var(--stroke);background:var(--surface);display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;transition:.18s;position:relative;overflow:hidden}.pulse-card:hover{transform:translateY(-2px)}.pulse-card .orb{width:46px;height:46px;border-radius:50%;margin-bottom:4px}.pulse-card .pl{font-family:var(--serif);font-size:15px}.pulse-card .ps{font-size:10.5px;color:var(--text-dim)}.pulse-hint{text-align:center;color:var(--text-dim);font-size:11.5px;margin:16px 0 6px;line-height:1.6}.drawpad{aspect-ratio:3/4;background:radial-gradient(120% 100% at 50% 0,#241130,#150b1e);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f;touch-action:none}.drawpad canvas{width:100%;height:100%;display:block;cursor:crosshair}.ink-row{display:flex;gap:8px;align-items:center;margin:12px 0}.swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent}.swatch.on{border-color:#fff}.note-in{flex:1;background:var(--surface);border:1px solid var(--stroke);border-radius:12px;color:var(--text);font:inherit;font-size:13px;padding:10px 12px}.note-in::placeholder{color:var(--text-dim)}.row{display:flex;gap:10px;margin-top:auto;padding-top:14px}.btn{flex:1;border:none;border-radius:14px;padding:13px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;transition:.18s}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px #ff3d814d}.btn.primary:hover{filter:brightness(1.08)}.btn.sec{background:var(--surface);color:var(--text-dim);border:1px solid var(--stroke);flex:0 0 auto;padding:13px 18px}.constel{flex:1;border-radius:18px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d;min-height:300px}.constel canvas{width:100%;height:100%;display:block}.constel .cstats{position:absolute;top:12px;left:14px;font-size:11px;color:#fff3ecd9;line-height:1.5}.scrub{margin:14px 0 8px}.scrub input{width:100%;accent-color:var(--accent)}.scrub .lab{font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between;margin-bottom:6px}.toast{position:absolute;top:12px;left:12px;right:12px;background:#1e1026db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:11px 14px;display:flex;align-items:center;gap:11px;z-index:40;transform:translateY(-140%);transition:transform .42s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 12px 30px #00000080}.toast.show{transform:translateY(0)}.toast .tico{width:34px;height:34px;border-radius:9px;background:linear-gradient(160deg,#ff8a5c,#a855f7);display:grid;place-items:center;font-size:16px;flex:none}.toast .tt{font-size:12px;font-weight:600}.toast .ts{font-size:11px;color:var(--text-dim)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 10%,#2a1140,#0c0714 70%);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;transition:opacity .6s}.intro.hide{opacity:0;pointer-events:none}.intro .ilogo{font-family:var(--serif);font-size:64px;font-weight:600}.intro .imark{color:var(--amber);text-shadow:0 0 30px rgba(255,181,74,.8)}.intro .islogan{font-family:var(--serif);font-size:22px;max-width:22ch;line-height:1.5;margin:20px 0 6px;color:var(--text)}.intro .idesc{color:var(--text-dim);font-size:14px;max-width:32ch;line-height:1.7;margin-bottom:34px}.intro .btn.primary{padding:14px 40px;flex:none}.intro .steps{display:flex;gap:22px;margin-bottom:36px;flex-wrap:wrap;justify-content:center}.intro .step{max-width:15ch;font-size:12px;color:var(--text-dim);line-height:1.5}.intro .step .sn{font-family:var(--serif);font-size:24px;color:var(--amber);display:block;margin-bottom:6px}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0510b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:flex-end;transform:translateY(100%);transition:transform .34s cubic-bezier(.4,0,.2,1)}.sheet.open{transform:translateY(0)}.sheet .card{width:100%;background:linear-gradient(180deg,#2a1832,#1a0d24);border-radius:26px 26px 36px 36px;padding:24px 20px 26px;border-top:1px solid rgba(255,255,255,.1)}.sheet h3{font-family:var(--serif);font-size:20px;margin-bottom:6px}.sheet p{font-size:12.5px;color:var(--text-dim);line-height:1.6;margin-bottom:16px}.sheet .perks{list-style:none;margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.sheet .perks li{font-size:12.5px;display:flex;gap:9px}.sheet .perks li:before{content:"✦";color:var(--amber)}.invite-code{background:var(--surface);border:1px dashed var(--accent);border-radius:12px;padding:12px;text-align:center;font-family:var(--serif);font-size:20px;letter-spacing:3px;color:var(--amber);margin-bottom:16px}@media (max-width: 1080px){.shell{grid-template-columns:1fr;gap:24px;padding:24px 16px}.promo{position:static}}