.chats-page{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);height:100%;min-height:0}.chat-list-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border-inline-end:1px solid var(--line)}.chat-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px}.chat-list-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.chat-list-body>.empty{margin:8px 16px;background:var(--surface-2)}.refresh-failed{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 16px;padding:0 4px 0 12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:.875rem}.chat-rows{list-style:none;margin:0;padding:4px 8px 16px;display:grid;gap:2px}.chat-rows li{animation:slide-in .32s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 30ms)}.chat-row{display:flex;align-items:center;gap:12px;padding:10px;min-height:68px;border-radius:14px;color:inherit;text-decoration:none;transition:background var(--t-fast)}a.chat-row:hover{background:var(--surface-2)}.chat-row[aria-current=page]{background:var(--coral-soft)}.chat-row-main{flex:1;min-width:0;display:grid;gap:4px}.chat-row-top,.chat-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.chat-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-row-time{flex:none;font-size:.75rem;color:var(--muted)}.chat-row.unread .chat-row-time{color:var(--coral-strong);font-weight:600}.chat-row-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.875rem}.chat-row.unread .chat-row-preview{color:var(--text);font-weight:500}.unread-badge{flex:none;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--coral-strong);color:#fff;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;animation:pop .42s var(--ease-spring)}.thread-icon{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--coral-soft);color:var(--coral)}.thread-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg)}.thread-placeholder{margin:auto;display:grid;justify-items:center;gap:8px;padding:32px 16px;text-align:center}.thread{display:flex;flex-direction:column;flex:1;min-height:0}.thread-head{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.thread-head .thread-back{display:none}.thread-title{display:grid;min-width:0}.thread-title h2{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-problem{margin:24px 16px}.thread-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.thread-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 16px 16px;overscroll-behavior:contain}.thread-scroll:focus-visible{outline-offset:-3px}.thread-empty{text-align:center;padding:32px 0}.thread-scroll .earlier{display:flex;margin:8px auto;min-height:40px}.day{display:grid;gap:2px}.day-sep{position:sticky;top:0;z-index:1;display:flex;justify-content:center;margin:12px 0 4px;pointer-events:none}.day-sep span{padding:3px 12px;border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:0 1px 3px #00000014;font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0}.msg-system{justify-self:center;max-width:85%;margin:8px 0;text-align:center;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.msg{display:flex;align-items:flex-start;gap:8px;min-width:0;animation:msg-in .26s var(--ease-out) both}.msg.mine{justify-content:flex-end}.msg.run-start{margin-top:8px}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.msg-avatar{width:32px;flex:none}.msg-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:min(78%,560px)}.mine .msg-col{align-items:flex-end}.bubble{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;padding:7px 12px 6px;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 1px 1px #0000000d}.msg.run-start:not(.mine) .bubble{border-start-start-radius:6px}.msg.mine.run-start .bubble{border-start-end-radius:6px}.mine .bubble{background:var(--coral-strong);color:#fff}.local.sending .bubble{opacity:.75}.local.failed .bubble{box-shadow:0 0 0 2px var(--danger)}.msg-sender{font-size:.8rem;font-weight:700;color:var(--coral-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg-meta{align-self:flex-end;font-size:.7rem;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.mine .msg-meta{color:#ffffffd9}.msg-reply{margin:0;padding:4px 10px;border-inline-start:3px solid var(--coral);border-radius:8px;background:var(--surface-2);display:grid;font-size:.85rem;min-width:0}.mine .msg-reply{background:#ffffff29;border-color:#fff}.msg-reply span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reply-name{font-weight:600}.msg-photo-link{display:block;margin:-3px -8px 0;border-radius:14px;overflow:hidden}.msg-photo{display:block;width:100%;max-width:300px;min-width:120px;max-height:360px;object-fit:cover;background:var(--surface-2)}.msg-voice{display:flex;align-items:center;gap:8px;min-width:0}.msg-voice audio{height:36px;width:220px;max-width:100%;min-width:0}.msg-rich{display:grid;gap:4px;min-width:0}.msg-rich strong{overflow-wrap:anywhere}.msg-kind{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.8}:root[lang=ar] .msg-kind{text-transform:none;letter-spacing:0;font-size:.8rem}.msg-line{display:flex;align-items:center;gap:6px;font-size:.875rem}.msg-hint{font-size:.8rem;opacity:.8}.msg-poll{list-style:none;margin:2px 0;padding:0;display:grid;gap:4px;min-width:180px}.msg-poll li{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--surface-2);overflow:hidden;font-size:.875rem}.mine .msg-poll li{background:#ffffff29}.msg-poll li>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere;position:relative}.msg-poll li .num,.msg-poll li .icon{position:relative}.msg-poll-bar{position:absolute;inset-block:0;inset-inline-start:0;background:var(--coral-soft)}.mine .msg-poll-bar{background:#fff3}.msg-poll li.voted{font-weight:600}.msg-reactions{list-style:none;margin:-8px 8px 0;padding:0;display:flex;gap:4px;position:relative}.msg-reactions li{display:inline-flex;align-items:center;gap:2px;padding:1px 7px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.75rem}.msg-reactions li.mine{border-color:var(--coral)}.msg-failed{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;color:var(--danger);font-size:.8rem}.msg-failed .link{min-height:32px;font-size:.8rem}.msg-receipt{font-size:.75rem;color:var(--muted);padding-inline:6px}.jump-newest{position:absolute;inset-inline-end:16px;bottom:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--coral);box-shadow:var(--shadow);animation:pop .36s var(--ease-spring)}.composer{position:relative;display:flex;align-items:flex-end;gap:6px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--line)}.composer textarea{flex:1;min-width:0;min-height:44px;max-height:160px;resize:none;padding:10px 16px;border-radius:22px;border:1px solid var(--line);background:var(--surface-2);line-height:1.4}.composer textarea:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px var(--coral-soft)}.composer .attach{color:var(--coral);flex:none}.composer-problem{position:absolute;bottom:100%;inset-inline:12px;margin-bottom:6px;padding:6px 12px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.send-button{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--coral-strong);color:#fff;transition:transform var(--t-fast) var(--ease-out),opacity var(--t-fast)}.send-button:not(:disabled):active{transform:scale(.92)}[dir=rtl] .send-button .icon{transform:scaleX(-1)}@media(max-width:720px){.chats-page{grid-template-columns:minmax(0,1fr)}.chats-page[data-open] .chat-list-pane{display:none}.chats-page:not([data-open]) .thread-pane{display:none}.chat-list-pane{border:0}.thread-head .thread-back{display:inline-grid;margin-inline-start:-8px}.thread-head{padding:6px 12px;min-height:56px}.thread-scroll{padding:8px 10px 12px}.msg-col{max-width:84%}.composer{padding:6px 8px}}:root{--alb-chip: #efeff4;--alb-glass: rgba(255, 255, 255, .55);--alb-glass-line: rgba(255, 255, 255, .7);--alb-glass-fill: #fff;--alb-glass-fg: #1c1c1e;--alb-vbg: #ffffff;--alb-like: #2f7cf6;--alb-heart: var(--coral);--alb-ease: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root{--alb-chip: #2c2c2e;--alb-glass: rgba(40, 40, 44, .55);--alb-glass-line: rgba(255, 255, 255, .14);--alb-glass-fill: #2c2c2e;--alb-glass-fg: #f2f2f7;--alb-vbg: #000000}}:root[dir=rtl] .flip-rtl{transform:scaleX(-1)}.aicon{flex:none;display:block}.alb-card{padding-bottom:6px}.alb-card.fresh{animation:alb-fresh 1.6s var(--alb-ease) both}@keyframes alb-fresh{0%{box-shadow:0 0 0 0 var(--coral);transform:translateY(16px);opacity:0}30%{opacity:1;transform:none}60%{box-shadow:0 0 0 4px var(--coral-soft)}to{box-shadow:0 0 0 0 transparent}}.alb-who{overflow-wrap:anywhere;line-height:1.3}.alb-card .post-meta strong{white-space:normal}.alb-card-text{display:grid;gap:2px}.alb-tag{display:inline-flex;gap:6px;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--coral)}:root[lang=ar] .alb-tag{letter-spacing:0;font-size:.8rem}.alb-card-title{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--text);text-transform:none;margin:2px 0 0;overflow-wrap:anywhere}:root[lang=ar] .alb-card-title{font-size:1.3rem;letter-spacing:0}.alb-card-meta{color:var(--muted);font-size:.875rem;line-height:1.45}.alb-card-meta .aicon{display:inline-block;vertical-align:-2px;margin-inline-end:2px}.alb-mosaic{display:grid;gap:3px;border-radius:18px;overflow:hidden;aspect-ratio:4 / 3}.alb-mosaic button{position:relative;overflow:hidden;background:var(--alb-chip);padding:0;min-height:44px}.alb-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--alb-ease),filter .4s;animation:alb-reveal .7s var(--alb-ease) both;animation-delay:calc(.12s + var(--j, 0) * 60ms)}.alb-mosaic button:hover img{transform:scale(1.04)}.alb-mosaic.n1{grid-template-columns:1fr}.alb-mosaic.n2{grid-template-columns:1fr 1fr}.alb-mosaic.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.alb-mosaic.n3 button:first-child{grid-row:span 2}.alb-mosaic.n4{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr 1fr}.alb-mosaic.n4 button:first-child{grid-row:span 3}.alb-mosaic .more{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}.alb-mosaic.uploading img{filter:saturate(.4) brightness(1.05)}@keyframes alb-reveal{0%{opacity:0;transform:scale(1.12)}}.alb-upload-label{font-size:.8rem;color:var(--muted);margin-bottom:6px}.alb-upload-bar{position:relative;display:block;height:6px;border-radius:3px;background:var(--alb-chip);overflow:hidden}.alb-upload-bar>span{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(90deg,var(--coral),#ff8a6b);border-radius:3px;transition:width .25s linear}.alb-failed{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--danger);font-size:.875rem;font-weight:600}.alb-spacer{flex:1}.alb-view{font-weight:600;text-decoration:none}.alb-confetti{position:fixed;width:8px;height:12px;border-radius:2px;pointer-events:none;z-index:9999}.alb-spark{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:9999}.alb-toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:60;background:#1c1c1e;color:#fff;padding:12px 18px;border-radius:999px;font-size:.875rem;font-weight:600;opacity:0;transition:opacity .35s var(--alb-ease),transform .35s var(--alb-ease);pointer-events:none;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 8px 24px #00000040}.alb-toast.on{opacity:1;transform:translate(-50%)}@media(prefers-color-scheme:dark){.alb-toast{background:#3a3a3c}}.alb-sheet-dialog{position:fixed;inset:auto 0 0 0;margin:0 auto;padding:0;border:0;background:transparent;color:var(--text);width:100%;max-width:560px;max-height:92dvh;overflow:visible}.alb-sheet-dialog::backdrop{background:#00000059;animation:alb-fade .3s both}.alb-sheet-dialog.out::backdrop{animation:alb-fade-out .28s both}@keyframes alb-fade{0%{opacity:0}}@keyframes alb-fade-out{to{opacity:0}}.alb-action-sheet{display:grid;gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));animation:alb-sheet-up .4s var(--alb-ease) both}.alb-sheet-dialog.out .alb-action-sheet,.alb-sheet-dialog.out .alb-sheet{animation:alb-sheet-down .28s ease-in both}@keyframes alb-sheet-up{0%{transform:translateY(110%)}}@keyframes alb-sheet-down{to{transform:translateY(110%)}}.alb-group{background:var(--surface);border-radius:16px;overflow:hidden}.alb-action-sheet .alb-group button{width:100%;padding:14px 16px;display:flex;gap:14px;align-items:center;text-align:start;border-top:1px solid var(--line);min-height:60px;transition:transform .15s var(--alb-ease),background .2s}.alb-action-sheet .alb-group button:first-child{border-top:0}.alb-action-sheet .alb-group button:hover{background:var(--surface-2)}.alb-action-sheet .alb-group button:active,.alb-choice:active{transform:scale(.97)}.alb-action-sheet .alb-group button.danger{color:#e5484d}.alb-action-sheet .alb-group button.danger .ic{background:#e5484d1f;color:#e5484d}.alb-action-sheet .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral);flex:none}.alb-action-sheet small{display:block;color:var(--muted);font-size:.8rem;font-weight:400}.alb-cancel{background:var(--surface);border-radius:16px;min-height:56px;font-weight:700;color:var(--coral);width:100%}.alb-sheet{background:var(--bg);border-radius:28px 28px 0 0;display:flex;flex-direction:column;max-height:92dvh;animation:alb-sheet-up .45s var(--alb-ease) both}@media(min-width:640px){.alb-create{top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content}.alb-create .alb-sheet{border-radius:28px;max-height:88dvh}}.alb-grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 4px;flex:none}.alb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px 10px}.alb-sheet-head h2{font-size:1.05rem;text-align:center}.alb-sheet-head button{color:var(--coral);min-height:44px;padding:0 4px}.alb-sheet-head .create{font-weight:700}.alb-sheet-head .create:disabled{opacity:.35}.alb-sheet-head .create:not(:disabled){animation:alb-ready .5s var(--alb-ease)}@keyframes alb-ready{50%{transform:scale(1.15)}}.alb-sheet-body{overflow-y:auto;padding:0 16px calc(28px + env(safe-area-inset-bottom));display:grid;gap:18px}.alb-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 4px 6px;display:block}:root[lang=ar] .alb-label{text-transform:none;letter-spacing:0}.alb-field{width:100%;border:0;background:transparent;padding:14px 16px;min-height:48px;font:inherit;color:var(--text)}.alb-field:focus{outline:none}.alb-group:has(.alb-field:focus-visible){box-shadow:0 0 0 2px var(--coral)}.alb-picks{list-style:none;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.alb-tile{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;animation:alb-pop .45s var(--alb-ease) both;animation-delay:calc(var(--i, 0) * 50ms)}.alb-tile.out{animation:alb-shrink .25s ease forwards}@keyframes alb-pop{0%{opacity:0;transform:scale(.92)}}@keyframes alb-shrink{to{opacity:0;transform:scale(.6)}}.alb-tile .pick{display:block;width:100%;height:100%;padding:0;background:var(--alb-chip)}.alb-tile .pick.pending{display:grid;place-items:center;color:var(--danger);font-weight:700}.alb-tile.failed .pick{background:#e5484d1f}.alb-tile img{width:100%;height:100%;object-fit:cover;display:block}.alb-tile.add,li>.alb-tile.add{width:100%;height:100%;border:2px dashed color-mix(in srgb,var(--coral) 55%,transparent);color:var(--coral);display:grid;place-items:center;align-content:center;gap:2px;font-size:.75rem;font-weight:600;text-align:center;background:var(--coral-soft)}.alb-picks li:first-child{aspect-ratio:1}.alb-tile .x{position:absolute;top:2px;inset-inline-end:2px;width:32px;height:32px;display:grid;place-items:center;color:#fff}.alb-tile .x:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#0009;z-index:-1}.alb-tile .x{isolation:isolate}.alb-tile .cover-badge{position:absolute;inset-inline-start:4px;bottom:4px;font-size:10px;font-weight:700;background:var(--coral);color:#fff;padding:2px 6px;border-radius:6px;pointer-events:none}.alb-tile .bar{position:absolute;inset-inline-start:0;bottom:0;height:4px;background:var(--coral);transition:width .3s,opacity .4s .3s;pointer-events:none}.alb-hint{color:var(--muted);font-size:.8rem;margin:6px 4px 0}.alb-choice{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);width:100%;text-align:start;min-height:52px;transition:transform .15s var(--alb-ease),background .2s}.alb-choice:first-child{border-top:0}.alb-choice .grow{flex:1;display:grid;min-width:0}.alb-choice small,.alb-toggle small{display:block;color:var(--muted);font-size:.8rem}.alb-choice .check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;color:#fff;transition:all .2s}.alb-choice .check .aicon{opacity:0;transition:opacity .2s}.alb-choice[aria-checked=true] .check{background:var(--coral);border-color:var(--coral)}.alb-choice[aria-checked=true] .check .aicon{opacity:1}.alb-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;min-height:52px}.alb-switch{width:51px;height:31px;border-radius:999px;background:var(--line);position:relative;transition:background .25s;flex:none}.alb-switch:before{content:"";position:absolute;top:-7px;right:-2px;bottom:-7px;left:-2px}.alb-switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .25s var(--alb-ease)}.alb-switch[aria-checked=true]{background:#34c759}.alb-switch[aria-checked=true]:after{transform:translate(20px)}:root[dir=rtl] .alb-switch[aria-checked=true]:after{transform:translate(-20px)}.alb-screen,.alb-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);overflow:hidden}.alb-screen::backdrop{background:#0000002e;animation:alb-fade .4s both}.alb-screen{animation:alb-push .42s var(--alb-ease) both;box-shadow:-20px 0 40px #0000002e}.alb-screen.out{animation:alb-pop-out .28s ease-in both}@keyframes alb-push{0%{transform:translate(100%)}}@keyframes alb-pop-out{to{transform:translate(100%)}}:root[dir=rtl] .alb-screen{animation-name:alb-push-rtl}:root[dir=rtl] .alb-screen.out{animation-name:alb-pop-out-rtl}@keyframes alb-push-rtl{0%{transform:translate(-100%)}}@keyframes alb-pop-out-rtl{to{transform:translate(-100%)}}.alb-glass{background:var(--alb-glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 0 0 1px var(--alb-glass-line),0 8px 28px #00000029;color:var(--alb-glass-fg)}.alb-gbtn{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .15s var(--alb-ease)}.alb-gbtn:active,.alb-round-g:active,.alb-cbtn:active{transform:scale(.9)}.alb-stream-head{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;min-height:72px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--line)}.alb-stream-head .alb-gbtn{width:44px;height:44px}.alb-stream-title{flex:1;min-width:0;text-align:center;display:grid}.alb-stream-title b{font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alb-stream-title small{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alb-stream-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;padding:84px 0 40px}.alb-stream-col{max-width:640px;margin:0 auto}.alb-sitem{margin-bottom:22px;background:var(--surface);padding-bottom:14px}.alb-sitem.pending{opacity:0;transform:translateY(28px) scale(.98)}.alb-sitem.shown{opacity:1;transform:none;transition:opacity .6s var(--alb-ease),transform .7s var(--alb-ease)}.alb-sphoto{display:block;width:100%;padding:0;background:var(--alb-chip);overflow:hidden;min-height:120px}.alb-sphoto img{display:block;width:100%;height:auto;transition:transform .25s var(--alb-ease)}.alb-sphoto:active img{transform:scale(.985)}.alb-sbar{display:flex;align-items:center;gap:14px;padding:10px 12px 0}.alb-sbar button{width:46px;height:46px;display:grid;place-items:center;color:var(--text);border-radius:50%;transition:transform .15s var(--alb-ease)}.alb-sbar button:active{transform:scale(.88)}.alb-sbar button.liked{color:var(--alb-heart)}.alb-slikes{padding:4px 20px 0;font-size:.875rem;font-weight:600}.alb-scomments{list-style:none;margin:0;padding:4px 20px 0;display:grid;gap:6px}.alb-scomment{display:flex;gap:8px;align-items:flex-start;font-size:.875rem;line-height:1.4;animation:slide-in .4s var(--alb-ease)}.alb-scomment>span{overflow-wrap:anywhere;min-width:0}.alb-scomment b{margin-inline-end:4px}.alb-sadd{display:flex;align-items:center;gap:8px;padding:4px 20px 0}.alb-sadd input{flex:1;border:0;background:transparent;font:inherit;font-size:1rem;color:var(--text);padding:10px 0;min-height:44px;min-width:0}.alb-sadd input:focus{outline:none}.alb-sadd:has(input:focus-visible){box-shadow:inset 0 -2px 0 var(--coral)}.alb-sadd input::placeholder{color:var(--muted);opacity:.8}.alb-sadd button[type=submit]{color:var(--alb-like);font-weight:700;min-height:46px;padding:0 6px;opacity:0;pointer-events:none;transition:opacity .2s}.alb-sadd button[type=submit].on{opacity:1;pointer-events:auto}.alb-sby{padding:0 20px;color:var(--muted);font-size:.75rem}.alb-stream-end{text-align:center;color:var(--muted);font-size:.875rem;padding:18px 16px 30px}.alb-album-head{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:10px;padding:max(14px,env(safe-area-inset-top)) 16px 8px}.alb-album:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;z-index:4;pointer-events:none;opacity:0;transition:opacity .3s;background:linear-gradient(color-mix(in srgb,var(--bg) 92%,transparent) 40%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}.alb-album.scrolled:before{opacity:1}.alb-album-head .alb-glass{color:#fff;background:#28282c47;box-shadow:inset 0 0 0 1px #ffffff47,0 6px 20px #0000002e;transition:background .3s,color .3s}.alb-album.scrolled .alb-album-head .alb-glass{color:var(--alb-glass-fg);background:var(--alb-glass);box-shadow:inset 0 0 0 1px var(--alb-glass-line),0 6px 20px #0000001f}.alb-mini-title{flex:1;font-weight:700;font-size:1rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.alb-album.scrolled .alb-mini-title{opacity:1;transform:none}.alb-gpill{display:flex;height:50px;border-radius:999px;padding:0 6px}.alb-gpill button{width:48px;display:grid;place-items:center}.alb-gsel{height:50px;padding:0 20px;border-radius:999px;font-size:1.05rem;font-weight:600}.alb-album-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px calc(130px + env(safe-area-inset-bottom))}.alb-wrap{max-width:980px;margin:0 auto}.alb-cover{--fade: 1;position:relative;height:min(64vh,560px);margin:0 -16px;overflow:hidden;background:#111}@media(min-width:1012px){.alb-cover{margin:0;border-radius:0 0 28px 28px}}.alb-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:115%;object-fit:cover;will-change:transform}.alb-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,.25),transparent 22%,transparent 55%,rgba(0,0,0,.6))}.cover-text{position:absolute;inset-inline:20px 140px;bottom:22px;z-index:1;color:#fff;opacity:var(--fade)}.cover-text h2{font-size:clamp(1.9rem,6vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 6px;text-shadow:0 2px 16px rgba(0,0,0,.35);animation:alb-rise .7s var(--alb-ease) both .1s;overflow-wrap:anywhere}.cover-text span{display:inline-flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;animation:alb-rise .7s var(--alb-ease) both .2s}.cover-text small{display:block;font-size:.8rem;opacity:.85;margin-top:2px;animation:alb-rise .7s var(--alb-ease) both .28s}@keyframes alb-rise{0%{opacity:0;transform:translateY(22px) scale(.98)}}.cover-btns{position:absolute;inset-inline-end:16px;bottom:22px;display:flex;gap:12px;z-index:1;opacity:var(--fade)}.alb-cbtn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .15s var(--alb-ease)}.alb-lib{animation:alb-lib-in .32s var(--alb-ease) both}@keyframes alb-lib-in{0%{opacity:0;transform:scale(1.03)}}.alb-lib[data-view=all]{margin:2px -16px 0}.alb-lib[data-view=months],.alb-lib[data-view=years]{margin-top:4px}.alb-month{margin-top:26px}.alb-month:first-child{margin-top:18px}:root .alb-month h3{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--text);text-transform:none;margin:0 2px 12px}.alb-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-flow:row dense;gap:7px}.alb-t{position:relative;overflow:hidden;border-radius:18px;background:var(--alb-chip);grid-column:span 2;aspect-ratio:1;padding:0;animation:alb-pop .5s var(--alb-ease) both;animation-delay:calc(var(--k, 0) * 28ms);transition:transform .2s var(--alb-ease)}.alb-t:active{transform:scale(.96)}.alb-t img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s var(--alb-ease),filter .2s}.alb-t.big{grid-column:span 4;grid-row:span 2;aspect-ratio:auto}.alb-t.big.right{grid-column:3 / span 4}.alb-t.wide{grid-column:span 6;aspect-ratio:3 / 2}.alb-t.half{grid-column:span 3;aspect-ratio:4 / 5}.alb-t .day{position:absolute;top:10px;inset-inline-start:14px;color:#fff;font-weight:700;font-size:22px;text-shadow:0 1px 6px rgba(0,0,0,.45)}.alb-t .ring{position:absolute;inset-inline-end:8px;bottom:8px;width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #00000059;display:grid;place-items:center;color:#fff;transition:background .2s,transform .2s var(--alb-ease)}.alb-t .ring .aicon{opacity:0}.alb-t.sel .ring{background:var(--alb-like);transform:scale(1.1)}.alb-t.sel .ring .aicon{opacity:1}.alb-t.sel img{filter:brightness(.75);transform:scale(.94)}.alb-all-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}@media(min-width:720px){.alb-all-grid{grid-template-columns:repeat(5,1fr)}}.alb-all-grid .alb-t{grid-column:auto;border-radius:0}.alb-year{position:relative;display:block;width:100%;aspect-ratio:4 / 3;max-height:520px;border-radius:22px;overflow:hidden;margin-top:16px;padding:0;animation:alb-pop .5s var(--alb-ease) both;animation-delay:calc(var(--k, 0) * 80ms)}.alb-year img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--alb-ease)}.alb-year:hover img{transform:scale(1.05)}.alb-year:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 45%,#0000008c)}.yt-label{position:absolute;inset-inline-start:18px;bottom:14px;z-index:1;color:#fff;text-align:start}.yt-label b{display:block;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}.yt-label small{font-size:.875rem;opacity:.9}.alb-lib-empty{color:var(--muted);text-align:center;padding:40px 0;display:grid;gap:4px}.alb-lib-empty b{color:var(--text);font-size:1.1rem}.alb-glassbar{position:absolute;inset-inline:14px;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;z-index:6;max-width:560px;margin:0 auto}.alb-round-g{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .15s var(--alb-ease)}.alb-round-g.add{color:var(--alb-like)}.alb-round-g-spacer{width:58px;flex:none}.alb-seg-g{flex:1;height:58px;border-radius:999px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;padding:5px}.alb-seg-g button{position:relative;z-index:1;font-size:1rem;font-weight:500;border-radius:999px;min-height:44px}.alb-seg-g button[aria-pressed=true]{font-weight:700}.seg-ind{position:absolute;top:5px;bottom:5px;inset-inline-start:5px;width:calc((100% - 10px) / 3);border-radius:999px;background:color-mix(in srgb,var(--alb-glass-fg) 12%,transparent);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.alb-seg-g[data-v=months] .seg-ind{transform:translate(100%)}.alb-seg-g[data-v=all] .seg-ind{transform:translate(200%)}:root[dir=rtl] .alb-seg-g[data-v=months] .seg-ind{transform:translate(-100%)}:root[dir=rtl] .alb-seg-g[data-v=all] .seg-ind{transform:translate(-200%)}.alb-menu{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 58px);inset-inline-end:14px;z-index:30;min-width:240px;max-width:calc(100% - 28px);max-height:60vh;overflow-y:auto;border-radius:22px;padding:6px;color:var(--alb-glass-fg);background:color-mix(in srgb,var(--surface) 86%,transparent);transform-origin:top right;animation:alb-menu-in .32s cubic-bezier(.34,1.56,.64,1)}:root[dir=rtl] .alb-menu{transform-origin:top left}.alb-menu.sort{inset-inline-end:120px}@media(max-width:420px){.alb-menu.sort{inset-inline-end:14px}}@keyframes alb-menu-in{0%{opacity:0;transform:scale(.6)}}.alb-menu .mi{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;text-align:start;min-height:44px}.alb-menu .mi:hover{background:color-mix(in srgb,var(--alb-glass-fg) 8%,transparent)}.alb-menu .mi .tick{width:18px;color:var(--coral);flex:none}.alb-menu .mi.danger{color:#e5484d}.alb-menu .sep{height:1px;background:color-mix(in srgb,var(--alb-glass-fg) 12%,transparent);margin:4px 8px}.alb-menu .mh{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 14px 2px}.alb-selbar{position:absolute;inset-inline:14px;bottom:calc(22px + env(safe-area-inset-bottom));height:62px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;z-index:7;max-width:560px;margin:0 auto;animation:alb-rise .35s var(--alb-ease)}.alb-selbar button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.alb-selbar button:disabled{opacity:.35}.alb-selbar .del{color:#e5484d}.alb-selbar span{font-weight:700;flex:1;text-align:center}.alb-up-pill{position:absolute;inset-inline:0;margin:0 auto;width:fit-content;max-width:calc(100% - 28px);bottom:calc(96px + env(safe-area-inset-bottom));z-index:6;border-radius:999px;padding:8px 8px 8px 16px;display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600}.alb-up-pill .alb-upload-bar{width:80px}.alb-up-pill:not(:has(button)){padding-inline-end:16px}.alb-viewer{background:transparent;color:var(--alb-glass-fg);animation:alb-fade .3s both}.alb-viewer::backdrop{background:transparent}.alb-viewer.out{animation:alb-fade-out .25s both}.v-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--alb-vbg);transition:background .35s,opacity .2s}.alb-viewer.chrome-off .v-bg{background:#000}.vg{background:var(--alb-glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 0 0 1px var(--alb-glass-line),0 6px 22px #0000001f;color:var(--alb-glass-fg)}.vround{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .15s var(--alb-ease)}.vround:active{transform:scale(.9)}.v-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(14px,env(safe-area-inset-top)) 16px 10px;transition:opacity .25s}.vdate{border-radius:999px;padding:8px 26px;text-align:center;line-height:1.2;min-width:0;white-space:nowrap;display:grid}.vdate b{font-size:1.1rem}.vdate small{font-size:.8rem;font-weight:500}.v-track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;touch-action:none;cursor:grab}.v-track:active{cursor:grabbing}.v-rail{display:flex;width:100%;height:100%;gap:40px;will-change:transform}.v-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.v-slide img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform,opacity}.alb-viewer.show .v-slide.cur img{animation:alb-kenburns 6.5s ease-out both}@keyframes alb-kenburns{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.14) translate(-2%,-2%)}}.v-show-pill{position:absolute;left:50%;bottom:40px;transform:translate(-50%);z-index:3;color:#fff;font-size:.8rem;font-weight:600;background:#ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:999px;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.alb-viewer.show .v-show-pill{opacity:1}.v-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;transition:opacity .25s}.v-arrow:disabled{opacity:.3}.v-arrow.prev{inset-inline-start:10px}.v-arrow.next{inset-inline-end:10px}@media(hover:none){.v-arrow{display:none}}.v-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:14px;padding:10px 16px calc(22px + env(safe-area-inset-bottom));transition:opacity .25s}.alb-viewer.chrome-off .v-top,.alb-viewer.chrome-off .v-bottom,.alb-viewer.chrome-off .v-arrow{opacity:0;pointer-events:none}.v-film{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;justify-content:safe center;align-items:center}.v-film::-webkit-scrollbar{display:none}.v-film button{flex:none;width:26px;height:44px;padding:5px 0;display:grid;transition:width .25s var(--alb-ease),margin .25s var(--alb-ease)}.v-film button img{width:100%;height:34px;border-radius:4px;object-fit:cover}.v-film button[aria-current=true]{width:40px;margin:0 6px}.v-actions{display:flex;align-items:center;justify-content:space-between;max-width:640px;width:100%;margin:0 auto}.vpill{display:flex;align-items:center;gap:4px;height:56px;padding:0 16px;border-radius:999px}.vpill button{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;transition:transform .15s var(--alb-ease)}.vpill button:active{transform:scale(.88)}.vpill button.liked{color:var(--alb-heart)}.vcount{font-size:.875rem;font-weight:600;min-width:10px}.vcount:empty{display:none}.v-burst{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:3;color:var(--alb-heart)}.v-burst svg{animation:alb-burst .8s var(--alb-ease) forwards}@keyframes alb-burst{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1.3);opacity:0}}.v-panel{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:70%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);border-radius:26px 26px 0 0;box-shadow:0 -10px 40px #0003;transform:translateY(105%);transition:transform .45s var(--alb-ease),visibility 0s .45s;visibility:hidden;color:var(--text);padding-bottom:env(safe-area-inset-bottom)}.v-panel.on{transform:none;visibility:visible;transition:transform .45s var(--alb-ease)}.vp-head{display:flex;align-items:center;justify-content:space-between;padding:4px 18px 10px}:root .vp-head h3{margin:0;font-size:1.05rem;color:var(--text);text-transform:none;letter-spacing:0}.vp-head button{color:var(--alb-like);font-weight:600;min-height:44px;padding:0 4px}.vp-body{overflow-y:auto;padding:0 18px 24px;display:grid;gap:12px}.vp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border-radius:14px}.vp-row .k{color:var(--muted);font-size:.875rem;flex:1}.vp-row .v{font-weight:600;font-size:.95rem;text-align:end;display:inline-flex;align-items:center;gap:8px}.vp-comments{list-style:none;margin:0;padding:0;display:grid;gap:4px}.vp-comments .alb-scomment{align-items:center}.vp-comments .grow{flex:1}.vp-del{width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:50%;flex:none}.vp-del:hover{color:var(--danger);background:var(--surface)}.vp-empty{color:var(--muted);text-align:center;padding:10px 0}.vp-form{display:flex;gap:8px;align-items:center;background:var(--surface);border-radius:999px;padding:4px;padding-inline-start:16px}.vp-form input{flex:1;border:0;background:transparent;font:inherit;color:var(--text);padding:10px 0;min-width:0;min-height:40px}.vp-form input:focus{outline:none}.vp-form:has(input:focus-visible){box-shadow:0 0 0 2px var(--alb-like)}.vp-form button{background:var(--alb-like);color:#fff;border-radius:999px;padding:0 16px;min-height:44px;font-weight:700}.alb-screen :focus-visible,.alb-viewer :focus-visible,.alb-sheet-dialog :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.alb-t:focus-visible,.alb-mosaic button:focus-visible,.alb-sphoto:focus-visible{outline-offset:-3px}@media(prefers-reduced-motion:reduce){.alb-screen,.alb-viewer,.alb-sheet,.alb-action-sheet,.alb-screen.out,.alb-viewer.out{animation:none!important}.alb-sitem.pending{opacity:1;transform:none}}:root{--coral: #f0465f;--coral-strong: #d92f49;--coral-soft: rgba(240, 70, 95, .12);--blue: #2f6fdb;--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f7f7fa;--text: #111114;--muted: #5f5f66;--line: #d9d9e0;--connector: rgba(60, 60, 67, .38);--danger: #c62828;--focus: #2f6fdb;--shadow: 0 8px 30px rgba(0, 0, 0, .12);--radius: 16px;--font: "Sora", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}:root[lang=ar]{--font: "IBM Plex Sans Arabic", "Sora", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--text: #f2f2f7;--muted: #a1a1aa;--line: #3a3a3c;--connector: rgba(235, 235, 245, .32);--coral-soft: rgba(240, 70, 95, .2);--danger: #ff6b6b;--focus: #6aa0ff;--shadow: 0 8px 30px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;margin:0;text-wrap:balance}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}:root[lang=ar] h3{text-transform:none;letter-spacing:0;font-size:.9rem}p{margin:0}.muted{color:var(--muted)}.center{display:grid;place-items:center;text-align:center;padding:48px 16px;gap:12px}.stack{display:grid;gap:14px}.error{color:var(--danger);font-size:.9rem}.error.banner{margin:0 16px 8px}.notice{background:var(--coral-soft);border-radius:12px;padding:10px 12px;font-size:.9rem}.card{background:var(--surface);border-radius:var(--radius);padding:20px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;font-weight:600;white-space:nowrap}.primary{background:var(--coral);color:#fff}.primary:hover:not(:disabled){background:var(--coral-strong)}.secondary{background:var(--surface-2);border:1px solid var(--line)}.danger{background:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}.link{color:var(--coral);font-weight:500;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px}.icon-button{width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center}.icon-button:hover{background:var(--surface-2)}.icon{flex:none}[dir=rtl] .back .icon{transform:scaleX(-1)}.field{display:grid;gap:6px}.field>span{font-weight:500;font-size:.9rem}.field input,.field select{min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);width:100%}.field input:focus,.field select:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px var(--coral-soft)}.field small{font-size:.8rem}.inline-fields{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.field.compact{flex:1;min-width:160px}.toggle{display:inline-flex;align-items:center;gap:10px;min-height:46px;font-weight:500}.toggle input{width:20px;height:20px;accent-color:var(--coral)}.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px;position:relative}.auth .lang-switch{position:absolute;top:12px;inset-inline-end:16px}.auth-card{width:min(420px,100%);background:var(--surface);border-radius:24px;padding:32px 24px;display:grid;gap:16px;box-shadow:var(--shadow);text-align:center}.auth-card .brand-mark{margin:0 auto}.auth-card form{text-align:start}.shell{display:flex;flex-direction:column;height:100%}.shell>.topbar,.shell>.demo-banner{flex:none}.demo-banner{background:#fff4d6;color:#5c4400;padding:8px 16px;font-size:.85rem;text-align:center}@media(prefers-color-scheme:dark){.demo-banner{background:#3a2f0b;color:#ffe199}}.topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:inherit;text-decoration:none}.tabs{display:flex;gap:4px;margin-inline-start:16px;flex:1}.tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:500}.tab:hover{background:var(--surface-2)}.tab.active{color:var(--coral);background:var(--coral-soft)}.topbar-actions{display:flex;gap:4px}.content{flex:1;min-height:0;overflow:auto}@media(max-width:720px){.tabs{position:fixed;inset-inline:0;bottom:0;margin:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:10}.tab{flex-direction:column;gap:2px;font-size:.7rem;padding:4px 6px;min-height:52px}.tab.active{background:none}.content{padding-bottom:72px}.hide-narrow{display:none}}.start{max-width:520px;margin:0 auto;padding:32px 16px;display:grid;gap:20px}.choice-list{display:grid;gap:10px}.choice{display:flex;gap:14px;align-items:center;text-align:start;background:var(--surface);border-radius:var(--radius);padding:16px;min-height:72px}.choice:hover{box-shadow:var(--shadow)}.choice span:last-child{display:grid;gap:2px}.choice-icon{width:44px;height:44px;border-radius:12px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;flex:none}.tree-page{display:flex;flex-direction:column;height:100%;min-height:0}.page-header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;padding:20px 16px 12px}.title-block{display:grid;gap:2px;min-width:0}.title-block h1{overflow-wrap:anywhere}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:3px}.segmented button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:9px;color:var(--muted);font-weight:500}.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.menu-wrap{position:relative}.menu{position:absolute;top:48px;inset-inline-end:0;min-width:240px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:6px;z-index:20;border:1px solid var(--line)}.menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border-radius:10px;text-align:start}.menu button:hover{background:var(--surface-2)}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.menu-label{font-size:.75rem;color:var(--muted);padding:6px 12px 2px}.tree-body{position:relative;flex:1;min-height:0;display:flex;overflow:hidden}.tree-body>:first-child{flex:1;min-width:0}.chart-wrap{position:relative;min-height:360px}.chart-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;cursor:grab;background:var(--surface);border-top:1px solid var(--line);touch-action:pan-x pan-y pinch-zoom}.chart-viewport:active{cursor:grabbing}.chart-sizer{position:relative}.chart-content{position:absolute;top:0;transform-origin:0 0}.chart-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chart-lines path{fill:none;stroke:var(--connector);stroke-width:1.5}.chart-tools{position:absolute;z-index:2;top:12px;inset-inline-end:12px;display:grid;gap:4px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:4px}.person{position:absolute;width:96px}.person-button{display:grid;justify-items:center;gap:6px;width:96px;padding:0;border-radius:12px}.person-name{font-weight:600;font-size:.8rem;line-height:1.2;max-width:96px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.person-caption{font-size:.7rem;color:var(--muted);min-height:1em;line-height:1}.badge{position:absolute;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--coral);border:1px solid var(--coral-soft);box-shadow:0 1px 3px #00000026}.badge:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.badge:hover{background:var(--coral);color:#fff}.person .badge.add{left:73px;top:-15px}.person .badge.family{left:-3px;top:61px}.avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:700;flex:none;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.starter{display:grid;justify-items:center;align-content:center;gap:10px;padding:48px 16px;text-align:center}.add-first{color:var(--coral);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--coral-soft);margin-top:16px}.starter-line{width:1.5px;height:20px;background:var(--connector)}.starter-me{display:grid;justify-items:center;gap:4px}.tree-list{padding:8px 16px 24px;display:grid;gap:20px;align-content:start;max-width:760px;width:100%;margin:0 auto}.section-title{font-size:.85rem;color:var(--muted);font-weight:600;margin:0 4px 8px}.rows{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--radius);overflow:hidden}.rows li+li{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;text-align:start;min-height:60px}.row:hover{background:var(--surface-2)}.row-text{display:grid;min-width:0}.row-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{width:min(380px,100%);flex:none;background:var(--surface);border-inline-start:1px solid var(--line);overflow:auto;padding:8px 20px 24px;display:grid;gap:16px;align-content:start}@media(max-width:900px){.panel{position:fixed;inset:auto 0 0 0;width:100%;max-height:85%;border-radius:20px 20px 0 0;box-shadow:var(--shadow);z-index:30;border:0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.panel-top{display:flex;justify-content:flex-end}.panel-hero{display:grid;justify-items:center;gap:6px;text-align:center}.panel-hero h2{overflow-wrap:anywhere}.panel-avatar{position:relative}.panel-avatar .badge.camera{position:absolute;bottom:2px;inset-inline-end:2px;width:34px;height:34px}.panel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.details{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;background:var(--surface-2);border-radius:14px;padding:14px 16px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:end;overflow-wrap:anywhere}.relatives{display:grid;gap:8px}.relatives ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 12px 4px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}[dir=rtl] .chip{padding:4px 6px 4px 12px}.chip:hover{border-color:var(--coral)}.danger-zone{border-top:1px solid var(--line);padding-top:12px}.confirm{display:grid;gap:8px}.row-buttons{display:flex;gap:8px;justify-content:flex-end}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .16s;--t-med: .32s}.family{display:grid;gap:8px}.family-title{font-size:1rem;font-weight:700;color:var(--text);text-transform:none;letter-spacing:0;margin:0}.family-card{--tint: var(--coral);--tint-soft: var(--coral-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:4px;animation:rise .42s var(--ease-out) both}[data-relation=parent]{--tint: #2f6fdb;--tint-soft: rgba(47, 111, 219, .12)}[data-relation=spouse]{--tint: var(--coral);--tint-soft: var(--coral-soft)}[data-relation=child]{--tint: #d27512;--tint-soft: rgba(232, 137, 28, .14)}[data-relation=sibling]{--tint: #0f9373;--tint-soft: rgba(19, 163, 127, .13)}.family-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--surface);border-radius:12px;padding:3px}.family-tab-pill{position:absolute;top:3px;bottom:3px;inset-inline-start:3px;width:calc((100% - 6px)/4);border-radius:10px;background:var(--tint-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint) 30%,transparent);transform:translate(calc(var(--tab, 0) * 100%));transition:transform var(--t-med) var(--ease-spring),background var(--t-med)}:root[dir=rtl] .family-tab-pill{transform:translate(calc(var(--tab, 0) * -100%))}.family-tab{position:relative;display:grid;justify-items:center;gap:1px;min-height:44px;padding:4px 2px;border-radius:10px;color:var(--muted);font-size:.75rem;font-weight:600;transition:color var(--t-fast)}.family-tab:hover{color:var(--text)}.family-tab[aria-selected=true]{color:var(--tint)}.family-tab-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-tab .count{font-size:.8rem;font-weight:700;line-height:1;animation:pop .42s var(--ease-spring)}.family-panel{display:grid;gap:6px;padding:6px 4px 4px;animation:tab-in var(--t-med) var(--ease-out) both}.family-panel[data-dir="-1"]{animation-name:tab-in-back}:root[dir=rtl] .family-panel{animation-name:tab-in-back}:root[dir=rtl] .family-panel[data-dir="-1"]{animation-name:tab-in}.family-rows{list-style:none;margin:0;padding:0;display:grid;gap:2px}.family-rows li{animation:slide-in .32s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms)}.family-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 8px;border-radius:10px;text-align:start;transition:background var(--t-fast),transform var(--t-fast) var(--ease-out)}.family-row:hover{background:var(--surface)}.family-row:active{transform:scale(.98)}.family-row-text{flex:1;display:flex;align-items:baseline;gap:8px;min-width:0}.family-row-text strong{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-row-text small{color:var(--muted);font-size:.75rem;flex:none}.family-row .go{color:var(--muted);display:grid;transform:rotate(180deg);opacity:0;transition:transform var(--t-med) var(--ease-spring),opacity var(--t-fast)}:root[dir=rtl] .family-row .go{transform:none}.family-row:hover .go,.family-row:focus-visible .go{opacity:1;color:var(--tint);transform:rotate(180deg) translate(-2px)}:root[dir=rtl] .family-row:hover .go,:root[dir=rtl] .family-row:focus-visible .go{transform:translate(-2px)}.family-row.fresh{animation:glow 1.6s var(--ease-out)}.family-empty{display:flex;align-items:center;gap:10px;margin:0;padding:4px 8px;min-height:40px;color:var(--muted);font-size:.85rem}.ghost-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px dashed var(--line);color:var(--muted)}.family-adds{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px}.add-tile{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 6px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--tint) 55%,transparent);color:var(--tint);font-weight:600;font-size:.8rem;white-space:nowrap;overflow:hidden;isolation:isolate;transition:color var(--t-fast),border-color var(--t-fast),transform var(--t-fast) var(--ease-out)}:root[dir=rtl] .add-tile{padding:0 6px 0 12px}.add-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--tint);transform:scaleX(0);transform-origin:var(--origin, left);transition:transform var(--t-med) var(--ease-out)}:root[dir=rtl] .add-tile{--origin: right}.add-tile .plus{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tint-soft);transition:transform .42s var(--ease-spring),background var(--t-fast)}.add-tile:hover{color:#fff;border-style:solid;border-color:var(--tint)}.add-tile:hover:before{transform:scaleX(1)}.add-tile:hover .plus{transform:rotate(90deg);background:#ffffff40}.add-tile:active{transform:scale(.95)}@keyframes tab-in{0%{opacity:0;transform:translate(16px)}}@keyframes tab-in-back{0%{opacity:0;transform:translate(-16px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 0 0 var(--tint);background:var(--tint-soft)}40%{box-shadow:0 0 0 6px transparent;background:var(--tint-soft)}}.panel{animation:panel-in .38s var(--ease-out) both}.panel-swap{display:grid;gap:16px;animation:swap-in .36s var(--ease-out) both}.panel-hero .avatar{animation:avatar-in .52s var(--ease-spring) both}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}}:root[dir=rtl] .panel{animation-name:panel-in-rtl}@keyframes panel-in-rtl{0%{opacity:0;transform:translate(-24px)}}@media(max-width:900px){.panel,:root[dir=rtl] .panel{animation-name:sheet-up;animation-duration:.42s}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes swap-in{0%{opacity:0;transform:translateY(10px)}}@keyframes avatar-in{0%{opacity:0;transform:scale(.7)}}.person{animation:node-in .48s var(--ease-out) both}@keyframes node-in{0%{opacity:0;transform:translateY(8px) scale(.9)}}.person-button .avatar{transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med)}.person-button:hover .avatar{transform:scale(1.06)}.person.selected .avatar{box-shadow:0 0 0 4px var(--surface),0 0 0 7px var(--coral);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 4px var(--surface),0 0 0 11px #f0465f40}}.person.selected .person-name{color:var(--coral)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.dialog{border:0;padding:0;border-radius:20px;background:var(--surface);color:var(--text);width:min(480px,calc(100% - 32px));box-shadow:var(--shadow)}.dialog.wide{width:min(720px,calc(100% - 32px))}.dialog::backdrop{background:#00000073}.dialog-body{display:grid;max-height:calc(100vh - 64px);grid-template-rows:auto 1fr auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 6px 20px}[dir=rtl] .dialog-header{padding:14px 20px 6px 12px}.dialog-content{padding:8px 20px 16px;overflow:auto;display:grid;gap:14px}.dialog-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 18px;border-top:1px solid var(--line)}.relation-grid{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.relation-grid legend{font-weight:500;font-size:.9rem;margin-bottom:8px}.relation{display:grid;justify-items:center;gap:8px;padding:10px 4px;border-radius:14px;cursor:pointer;font-size:.85rem;text-align:center}.relation input{position:absolute;opacity:0;pointer-events:none}.relation-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral)}.relation.selected .relation-icon{background:var(--coral);color:#fff}.relation.selected{color:var(--coral);font-weight:600}.relation:has(input:focus-visible){outline:3px solid var(--focus)}@media(max-width:420px){.relation-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}.feed-page{max-width:640px;margin:0 auto;padding:20px 16px 32px;display:grid;gap:14px;align-content:start}.feed-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.segmented.full{display:grid;grid-template-columns:1fr 1fr}.segmented.full button{justify-content:center;min-height:40px}.feed-list{display:grid;gap:12px;align-content:start}.feed-page .error.banner{margin:0}.feed-page .section-title{margin:6px 4px 0}.feed-page section>.section-title+.occasions{margin-top:8px}.composer-prompt{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;text-align:start;background:var(--surface);border-radius:var(--radius);color:var(--muted);border:1px solid transparent;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.composer-prompt-text{flex:1}.composer-prompt .icon{color:var(--coral)}.composer-prompt:hover{border-color:var(--line);box-shadow:0 2px 10px #0000000f}.post-card,.event-card{background:var(--surface);border-radius:var(--radius);padding:14px 16px 6px;display:grid;gap:10px;animation:card-in .42s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 50ms)}.event-card{padding-bottom:14px}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.post-head{display:flex;align-items:center;gap:12px}.post-meta{display:grid;gap:2px;min-width:0;flex:1}.post-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-meta small{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:.8rem}.audience-tag{display:inline-flex;align-items:center;gap:4px}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem}.post-photo{width:calc(100% + 32px);margin:0 -16px;max-height:560px;object-fit:cover;background:var(--surface-2);display:block}.post-actions{display:flex;gap:4px;margin:0 -10px;border-top:1px solid var(--line);padding-top:4px}.post-action{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border-radius:10px;color:var(--muted);font-weight:600;font-size:.9rem;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease-out)}button.post-action:hover{background:var(--surface-2)}button.post-action:active{transform:scale(.94)}.post-action.liked{color:var(--coral)}.post-action .count{font-variant-numeric:tabular-nums;min-width:1ch}.post-action.liked .heart{display:grid;animation:pop .42s var(--ease-spring)}.post-action .heart{display:grid}.comments{list-style:none;margin:0;padding:4px 0 10px;display:grid;gap:8px}.comment{display:flex;gap:8px;align-items:flex-start;animation:slide-in .28s var(--ease-out) both}.comment-bubble{background:var(--surface-2);border-radius:14px;padding:6px 12px;min-width:0;font-size:.9rem}.comment-bubble p{overflow-wrap:anywhere}.comment-bubble small{font-size:.75rem}.empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:40px 16px;background:var(--surface);border-radius:var(--radius)}.empty-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral);margin-bottom:4px}.empty .primary,.empty .secondary{margin-top:8px}.skeleton{animation:none}.sk{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.sk-avatar{width:42px;height:42px;border-radius:50%;flex:none}.sk-block{height:180px;border-radius:12px;margin-bottom:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.event-audience{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--coral-soft);color:var(--coral);font-weight:600;font-size:.8rem}.event-title{font-size:1.1rem;color:var(--text);text-transform:none;letter-spacing:0;font-weight:700;overflow-wrap:anywhere}:root[lang=ar] .event-title{font-size:1.1rem}.event-line{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.event-line .icon{margin-top:2px}.event-line .faint{opacity:.75}.event-card>.link{justify-self:start;text-decoration:none;margin:-8px 0 -6px}.event-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem}.rsvp-row{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:2px}.rsvp{display:flex;gap:6px;flex-wrap:wrap}.rsvp-button{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--coral-soft);color:var(--coral);font-weight:600;font-size:.875rem;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease-out)}.rsvp-button:hover{background:color-mix(in srgb,var(--coral) 20%,transparent)}.rsvp-button:active{transform:scale(.94)}.rsvp-button[aria-pressed=true]{background:var(--coral);color:#fff;animation:pop .36s var(--ease-spring)}.occasions{list-style:none;margin:0;padding:4px 0;background:var(--surface);border-radius:var(--radius)}.occasion{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:56px}.occasion+.occasion{border-top:1px solid var(--line)}.occasion-icon{color:var(--coral);display:grid;width:28px;place-items:center}.occasion-text{flex:1;display:grid;min-width:0}.occasion-text small{font-size:.8rem}.soon{font-size:.75rem;font-weight:600;color:var(--coral);background:var(--coral-soft);padding:3px 8px;border-radius:999px;white-space:nowrap}textarea{font:inherit;color:inherit}.composer-text,.event-form textarea{width:100%;min-height:110px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);resize:vertical}.composer-text:focus,.event-form textarea:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px var(--coral-soft)}.audience-choice,.pill-set{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.audience-choice legend,.pill-set legend{font-weight:500;font-size:.9rem;margin-bottom:8px;padding:0}.pill{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;font-size:.9rem;font-weight:500;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.pill input{position:absolute;opacity:0;pointer-events:none}.pill.selected{background:var(--coral-soft);border-color:var(--coral);color:var(--coral)}.pill:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.composer-photo{margin:0;display:grid;gap:4px;justify-items:start}.composer-photo img{max-width:100%;max-height:260px;border-radius:12px;display:block}.event-form{display:grid;gap:18px}.form-group{display:grid;gap:12px}.field textarea{width:100%}.field.narrow{width:96px}.for-who{display:grid;gap:2px;background:var(--surface-2);border-radius:14px;padding:12px 16px}.for-who h3{margin-bottom:4px}.for-who-count{font-size:1.4rem;font-weight:700}.people-group{display:grid;gap:8px}.people-rows{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.people-rows li+li{border-top:1px solid var(--line)}.person-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 14px;text-align:start}.person-row:hover{background:var(--surface-2)}.person-row .initial{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral);font-weight:600;flex:none}.person-row-text{flex:1;display:grid;min-width:0}.person-row-text small{font-size:.8rem}.person-row-action{color:var(--coral);font-size:.9rem;font-weight:500}