/* Shared app chrome, home/profile, creation forms and settings.
   Intentionally does not restyle admin, immersive discovery or business forms. */
.app-experience{--app-navy:#12233f;--app-blue:#0875ef;--app-pink:#f51570;--app-border:#e8edf4;--app-muted:#728097;--app-soft:#f6f8fc;--app-header-height:64px;--app-nav-height:66px;--pc-blue:var(--app-blue);--pc-navy:var(--app-navy);--pc-border:var(--app-border);--pc-muted:var(--app-muted);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%;color:var(--app-navy);background:#fff}
.app-experience :is(button,input,textarea,select){font-family:inherit}
.app-experience :is(button,a,summary){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.app-experience :is(button,a,summary):focus-visible{outline:2px solid var(--app-blue);outline-offset:3px}
.app-experience .app-header{min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 16px 8px;gap:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--app-border)}
.app-experience .app-header__brand{font-size:21px;letter-spacing:-.8px}.app-experience .app-header__brand small{font-size:8px;margin-top:4px}
.app-experience .app-header__actions{gap:0}.app-experience .app-header__icon{width:44px;height:44px;border-radius:14px}.app-experience .app-header__icon svg{width:22px;height:22px}
.app-experience .app-header__icon:active{background:#edf4ff;transform:scale(.94)}
.app-experience .app-bottom-nav{background:rgba(255,255,255,.97);box-shadow:0 -1px 0 #e9edf4;border-top:0}
.app-experience .app-bottom-nav__inner{min-height:66px}.app-experience .app-bottom-nav__item{gap:4px;padding:8px 3px;font-size:10px;font-weight:600;color:#718098}
.app-experience .app-bottom-nav__icon{width:46px;height:29px;border-radius:12px}.app-experience .app-bottom-nav__icon svg{width:22px;height:22px}
.app-experience .app-bottom-nav__item.is-active{color:var(--app-pink)}.app-experience .app-bottom-nav__item.is-active .app-bottom-nav__icon{background:#fff0f6}.app-experience .app-bottom-nav__item.is-active::after{display:none}
.app-experience .app-bottom-nav__item:active .app-bottom-nav__icon{transform:scale(.92)}
.app-experience .app-fab{width:50px;height:50px;box-shadow:0 6px 18px #f5157030}.app-experience .app-fab-wrap{bottom:calc(80px + env(safe-area-inset-bottom))}
.app-experience .app-search{border-radius:0 0 24px 24px;max-height:min(88dvh,var(--app-viewport-height,88dvh));scroll-padding-bottom:20px}
.app-experience .app-search__top button,.app-experience .app-search__form button{width:44px;height:44px}.app-experience .app-search__result{min-height:60px}.app-experience .app-create-menu{max-height:min(88dvh,var(--app-viewport-height,88dvh));overflow-y:auto;overscroll-behavior:contain}
.app-experience.app-keyboard-open .app-bottom-nav,.app-experience.app-keyboard-open .app-fab-wrap{visibility:hidden;pointer-events:none}
.app-navigation-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1000;overflow:hidden;pointer-events:none;background:#eaf2ff}.app-navigation-progress[hidden],.app-connection-notice[hidden]{display:none}
.app-navigation-progress::after{content:"";display:block;width:35%;height:100%;background:var(--app-blue);animation:app-travel 1.2s ease-in-out infinite}
.app-connection-notice{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:500;width:max-content;max-width:calc(100% - 32px);padding:10px 15px;border-radius:12px;background:#162944;color:white;box-shadow:0 6px 20px #10244820;font-size:13px;line-height:1.5;text-align:center;pointer-events:none}
/* Home: calm continuous feed, without altering media sizing or visibility. */
.app-experience.app-shell--home .app-shell__content{padding:12px 16px calc(94px + env(safe-area-inset-bottom))}
.app-experience .home-v3:not(.home-v3--guest) .home-v3-feed{display:grid;gap:0}
.app-experience .home-v3:not(.home-v3--guest) .home-v3-post{margin:0;padding:14px 0 16px;border:0;border-bottom:6px solid #f3f6fa;border-radius:0;background:#fff;box-shadow:none;overflow:visible}
.app-experience .home-v3 .home-v3-post-head{padding:8px 2px 12px;gap:10px}.app-experience .home-v3 .home-v3-post-head strong{font-size:14px;line-height:1.35}.app-experience .home-v3 .home-v3-post-head small{font-size:11px;color:var(--app-muted)}
.app-experience .home-v3 .home-v3-caption{font-size:14px;line-height:1.65;padding:0 2px;margin:9px 0 4px;overflow-wrap:anywhere}
.app-experience .home-v3 .home-v3-content-card{border:1px solid var(--app-border);border-radius:16px;box-shadow:none;margin:12px 0}
/* Profile: inline identity stats, compact actions and an expandable daily row. */
.app-experience.app-shell--profile .app-shell__content{padding-top:0}
.app-experience .app-shell__content .profile-v3.profile-reference{--profile-inset:16px;box-sizing:border-box;width:100%;padding:18px var(--profile-inset) calc(104px + env(safe-area-inset-bottom));background:#fff}
.app-experience .profile-reference .profile-v3-head{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:0;margin:0 0 16px}
.app-experience .profile-reference .profile-v3-avatar{box-sizing:border-box;width:76px;height:76px;box-shadow:0 3px 12px #12233f0c}
.app-experience .profile-reference .profile-v3-avatar>a{width:28px;height:28px}
.app-experience .profile-reference .profile-v3-summary h1{font-size:1.125rem;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere}
.app-experience .profile-reference .profile-v3-summary>p{font-size:.75rem;line-height:1.4;margin:3px 0 0;overflow-wrap:anywhere;color:#64748b}
.app-experience .profile-reference .profile-v3-summary>div:not(.profile-v3-title-line){font-size:.875rem;line-height:1.6;margin-top:8px}
.app-experience .profile-reference .profile-v3-bio{grid-column:1/-1;font-size:.8125rem;line-height:1.55;overflow-wrap:anywhere}
.app-experience .profile-reference .profile-v3-stats{width:100%;grid-template-columns:1fr 1fr 1.25fr;gap:6px;margin:10px 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.app-experience .profile-reference .profile-v3-stats>*{min-height:44px;gap:3px;padding:0;justify-items:start;align-content:start}
.app-experience .profile-reference .profile-v3-stats>*+*::before{content:none}
.app-experience .profile-reference .profile-v3-stats.profile-v3-stats--pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:200px}
.app-experience .profile-reference .profile-v3-stats b{font-size:1rem;line-height:1.2}
.app-experience .profile-reference .profile-v3-stats small{font-size:.625rem;line-height:1.3;text-align:left;color:#64748b}
.app-experience .profile-reference .profile-v3-actions{gap:6px;margin:0 0 14px}
.app-experience .profile-reference .profile-v3-actions--own{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.app-experience .profile-reference .profile-v3-actions.profile-v3-actions--own>:is(a,button){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%!important;min-width:0;height:44px;min-height:44px!important;padding:0 4px!important;font-size:clamp(11px,3vw,13px);font-weight:600;line-height:1.3;white-space:nowrap;text-align:center;border:1px solid var(--app-border);border-radius:10px;box-shadow:none;text-decoration:none;color:var(--app-navy);background:#f6f8fc}
.app-experience .profile-reference .profile-v3-actions.profile-v3-actions--own>.profile-v3-primary{background:var(--app-blue);color:#fff;border-color:var(--app-blue)}
.app-experience .profile-reference .profile-v3-daily-details{margin:0 0 10px;border:1px solid var(--app-border);border-radius:12px;background:#fafbfe}
.app-experience .profile-reference .profile-v3-daily{box-sizing:border-box;display:grid;list-style:none;cursor:pointer;min-height:58px;margin:0;padding:10px;border:0;border-radius:12px;box-shadow:none;background:none;gap:6px;grid-template-columns:20px minmax(0,1fr) auto}
.app-experience .profile-reference .profile-v3-daily::-webkit-details-marker{display:none}
.app-experience .profile-reference .profile-v3-daily>.profile-v3-daily-flame,.app-experience .profile-reference .profile-v3-daily-flame svg{width:20px;height:24px}
.app-experience .profile-reference .profile-v3-daily b{font-size:.75rem;line-height:1.35}
.app-experience .profile-reference .profile-v3-daily small{font-size:.75rem;line-height:1.4;color:#64748b}
.app-experience .profile-reference .profile-v3-daily>em{grid-column:auto;display:grid;grid-template-columns:repeat(7,22px);justify-items:center;gap:3px;padding:0;border:0}
.app-experience .profile-reference .profile-v3-daily i{box-sizing:border-box;width:22px;height:22px;font-size:.625rem;line-height:1.2;background:#eef1f6;color:#64748b}
.app-experience .profile-reference .profile-v3-daily i.is-done{background:#0875ef;color:#fff}
.app-experience .profile-reference .profile-v3-daily-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px;padding:10px 0;border-top:1px solid var(--app-border);font-size:.75rem;color:#64748b}
.app-experience .profile-reference .profile-v3-daily-info a{display:inline-flex;align-items:center;min-height:44px;color:var(--app-blue);font-weight:600;text-decoration:none}
.app-experience .profile-reference .profile-v3-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:0 calc(-1 * var(--profile-inset)) 2px;border-bottom:1px solid var(--app-border)}
.app-experience .profile-reference .profile-v3-tabs>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:48px;height:48px;padding:10px 2px;text-decoration:none;border-radius:0}
.app-experience .profile-reference .profile-v3-tabs>a>i{height:22px}
.app-experience .profile-reference .profile-v3-tabs svg{width:22px;height:22px}
.app-experience .profile-reference .profile-v3-tabs>a>span{font-size:.75rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:center}
.app-experience .profile-reference .profile-v3-tabs>a.is-active{background:none;color:#ed1368}
.app-experience .profile-reference .profile-v3-tabs>a.is-active::after{left:20%;right:20%;height:2px}
.app-experience .profile-reference .profile-v3-grid{gap:2px;margin:0 calc(-1 * var(--profile-inset))}
.app-experience .profile-reference .profile-v3-grid-item{border-radius:0}
.app-experience .profile-reference .profile-v3-products{gap:8px;margin:10px 0 0}
@media(min-width:600px){
 .app-experience .app-shell__content .profile-v3.profile-reference{padding-top:24px}
 .app-experience .profile-reference .profile-v3-head{grid-template-columns:96px minmax(0,1fr);gap:18px}
 .app-experience .profile-reference .profile-v3-avatar{width:96px;height:96px}
 .app-experience .profile-reference .profile-v3-summary h1{font-size:1.375rem}
 .app-experience .profile-reference .profile-v3-stats{max-width:360px}
 .app-experience .profile-reference .profile-v3-stats small{font-size:.75rem}
 .app-experience .profile-reference .profile-v3-daily>em{gap:5px;grid-template-columns:repeat(7,26px)}
 .app-experience .profile-reference .profile-v3-daily i{width:26px;height:26px}
}
/* Focused composer: same tokens, no public bottom menu or FAB. */
.app-experience.post-compose{background:#f6f8fc}.app-experience.post-compose .post-create{max-width:660px;background:#fff;padding:0 16px calc(20px + env(safe-area-inset-bottom));scroll-padding-top:84px}
.app-experience.post-compose .post-create__header{position:sticky;top:0;z-index:5;min-height:calc(66px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 0 8px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);gap:10px}.app-experience.post-compose .post-create__header h1{font-size:18px}.app-experience.post-compose .post-create__header p{font-size:11px}.app-experience.post-compose .post-create__back{width:44px;height:44px;border-radius:13px}
.app-experience.post-compose .post-create__form{padding-top:16px}.app-experience.post-compose .post-create__identity strong{font-size:14px}.app-experience.post-compose .post-create__caption{background:#fff;border:0;border-bottom:1px solid var(--app-border);border-radius:0;box-shadow:none;min-height:160px;margin:16px 0;padding:8px 0 24px}.app-experience.post-compose .post-create__caption textarea{height:120px;font-size:16px;line-height:1.6}.app-experience.post-compose .post-create__caption span{right:0}
.app-experience.post-compose .post-compose__media-button{min-height:72px;padding:14px;border:1px solid #dceafb;border-radius:14px;background:#f2f7ff}.app-experience.post-compose .post-compose__media-help{font-size:11px;line-height:1.55;color:var(--app-muted)}
.app-experience.post-compose .post-create__options{border:1px solid var(--app-border);border-radius:16px;background:#fff;margin-top:18px}.app-experience.post-compose .post-create__option{min-height:68px;padding:12px;gap:10px}.app-experience.post-compose .post-create__option strong{font-size:13px}.app-experience.post-compose .post-create__option input[type=search],.app-experience.post-compose select{font-size:16px}.app-experience.post-compose .post-create__option-icon{width:30px;flex-shrink:0}.app-experience.post-compose .post-create__option--toggle input:focus-visible+i{outline:2px solid var(--app-blue);outline-offset:3px}
.app-experience.post-compose .post-create__submit{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:4;min-height:48px;margin-top:20px;background:var(--app-blue);border-radius:13px;font-size:14px;box-shadow:0 5px 18px #0875ef25}.app-experience.post-compose .post-create__submit:disabled{opacity:.65}.app-experience.post-compose.app-keyboard-open .post-create__submit{position:static}.app-experience .post-create__preview-item{flex-basis:96px;height:112px}.app-experience .post-create__preview-item :is(img,video){object-fit:contain;background:#f0f4fa}
@keyframes app-travel{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}
/* Phase 2: the three additional composers retain their own validation/data. */
.app-experience.post-compose .listing-create__field{border-radius:13px;border-color:var(--app-border);background:#fff;padding:12px;margin-bottom:10px;box-shadow:none}.app-experience.post-compose .listing-create__field>span{font-size:12px;font-weight:600;color:var(--app-navy)}
.app-experience.post-compose .listing-create__field :is(input,textarea,select){font-size:16px;line-height:1.5;color:var(--app-navy);min-height:44px}.app-experience.post-compose .listing-create__field textarea{min-height:110px}.app-experience.post-compose .listing-create__two{gap:10px}
.app-experience.post-compose .listing-create__photo-add{border:1px solid #dbe8f9;border-radius:14px;background:#f2f7ff;color:var(--app-blue)}.app-experience.post-compose .listing-create__photo-preview img{object-fit:contain;background:var(--app-soft)}
.app-experience.post-compose .discover-create__media-preview{border-radius:16px}.app-experience.post-compose .discover-create__public-note,.app-experience.post-compose .listing-create__public-note{font-size:12px;line-height:1.6;color:var(--app-muted)}
.app-experience.post-compose .ceyhan-report-create__section{border-color:var(--app-border);border-radius:14px;box-shadow:none}.app-experience.post-compose .ceyhan-report-create__review{font-size:12px;line-height:1.6;border-radius:12px}.app-experience.post-compose .ceyhan-report-create__identity-choice label{min-height:60px}
/* Settings uses grouped rows instead of card-inside-card presentation. */
.app-experience .app-shell__content .settings-v1{padding:4px 0 20px;max-width:600px}.app-experience .settings-v1 .settings-v1__head{gap:10px;margin:0 0 18px;align-items:center}.app-experience .settings-v1 .settings-v1__head h1{font-size:22px;line-height:1.3;letter-spacing:-.4px}.app-experience .settings-v1 .settings-v1__head p{font-size:12px;margin-top:4px}.app-experience .settings-v1 .settings-v1__back{width:44px;height:44px;border-radius:13px;background:var(--app-soft)}
.app-experience .settings-v1 .settings-v1__group{border:1px solid var(--app-border);border-radius:16px;margin:14px 0;box-shadow:none;background:white}.app-experience .settings-v1 .settings-v1__row{min-height:66px;padding:12px;gap:10px}.app-experience .settings-v1 .settings-v1__row strong{font-size:13px;line-height:1.4}.app-experience .settings-v1 .settings-v1__row>span small{font-size:11px;line-height:1.5;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.app-experience .settings-v1 .settings-v1__row>i{width:34px;height:34px;border-radius:11px;background:#eff5ff;color:var(--app-blue)}
.app-experience .settings-v1 .settings-v1__identity{padding:14px;border-radius:16px;box-shadow:none}.app-experience .settings-v1 .settings-v1__identity strong{font-size:15px}.app-experience .settings-v1 .settings-v1__switch{min-height:44px;font-size:12px;border-radius:12px}.app-experience .settings-v1 .settings-v1__logout button{min-height:44px;border-radius:12px;font-size:13px}
.app-experience .settings-v1 :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px;min-height:44px;border-radius:12px}.app-experience .settings-v1 .settings-v1__sheet{max-height:min(88dvh,var(--app-viewport-height,88dvh));overflow:auto;overscroll-behavior:contain;border-radius:24px 24px 0 0}.app-experience .settings-v1 .settings-v1__sheet-close{min-height:44px}
.app-install-card{display:grid;gap:10px;margin:16px 0;padding:16px;border:1px solid #dfebfb;border-radius:16px;background:#f5f9ff;color:var(--app-navy)}.app-install-card h2{margin:0 0 5px;font-size:15px;font-weight:650}.app-install-card p{margin:0;font-size:12px;color:var(--app-muted);line-height:1.6}.app-install-card button{justify-self:start;min-height:44px;border:0;border-radius:12px;padding:10px 15px;background:var(--app-blue);color:#fff;font-size:13px;font-weight:600}.app-install-card button[hidden]{display:none}.app-install-card button:disabled{opacity:.6}
@media(min-width:768px){.app-experience .app-header{padding-left:max(24px,calc((100% - 900px)/2));padding-right:max(24px,calc((100% - 900px)/2))}.app-experience .app-bottom-nav{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:540px;border-radius:20px;background:#fff;box-shadow:0 8px 30px #12233f12}.app-experience .app-bottom-nav__inner{width:100%;background:transparent;border:1px solid var(--app-border);border-radius:20px;box-shadow:none}.app-experience .app-bottom-nav__item{flex-direction:column}.app-experience .app-fab-wrap{right:max(24px,calc((100% - 740px)/2));bottom:98px}.app-experience.post-compose .post-create{border-inline:1px solid var(--app-border);padding-inline:24px}}
@media(max-width:374px){.app-experience .app-header{padding-inline:10px;gap:4px}.app-experience .app-header__brand{font-size:19px}.app-experience .app-header__brand small{font-size:7px}.app-experience .app-shell__content .profile-v3.profile-reference{--profile-inset:12px}.app-experience .profile-reference .profile-v3-head{grid-template-columns:64px minmax(0,1fr);gap:10px}.app-experience .profile-reference .profile-v3-avatar{width:64px;height:64px}.app-experience .profile-reference .profile-v3-summary h1{font-size:1.0625rem}.app-experience .profile-reference .profile-v3-daily>em{grid-template-columns:repeat(7,20px);gap:2px}.app-experience .profile-reference .profile-v3-daily i{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.app-experience *{scroll-behavior:auto!important}.app-navigation-progress::after{animation:none;transform:none;width:100%}.app-experience :is(.app-header__icon,.app-bottom-nav__icon){transform:none!important}}
.app-navigation-progress{display:none!important}
