*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{color:#111;background:#fafafa;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stories-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:8px 16px 16px;display:flex;overflow-x:auto}.stories-strip::-webkit-scrollbar{display:none}.story{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:68px;padding:0;display:flex}.story-ring{background:#e5e7eb;border-radius:50%;width:68px;height:68px;padding:3px;transition:background .2s}.story.active .story-ring{background:linear-gradient(135deg,#c17b5c,#e8a87c)}.story-avatar{background:#f3f3f3;border:2.5px solid #fff;border-radius:50%;width:100%;height:100%;overflow:hidden}.story-avatar img{object-fit:cover;width:100%;height:100%;display:block}.story-placeholder{color:#c17b5c;text-transform:uppercase;background:linear-gradient(135deg,#f5e6df,#e8d5c4);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4rem;font-weight:700;display:flex}.story-name{color:#374151;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:68px;font-size:.72rem;line-height:1.2;display:-webkit-box;overflow:hidden}.story.active .story-name{color:#c17b5c}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;pointer-events:auto;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl-custom-btn{bottom:calc(14px + env(safe-area-inset-bottom));cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex;position:absolute}.yarl-download-btn{background:#00000073;right:14px}.yarl-download-btn:active{background:#000000b3}.yarl-download-btn:disabled{opacity:.5;cursor:default}.yarl-delete-btn{background:#c81e1ed9;left:14px}.yarl-delete-btn:active{background:#c81e1e}.gallery{max-width:960px;margin:0 auto;padding:0 0 120px;font-family:system-ui,-apple-system,sans-serif}.gallery-header{text-align:center;padding:14px 16px 10px}.gallery-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.gallery-description{color:#6b7280;margin-top:4px;font-size:.9rem;line-height:1.5}.error-banner{color:#b91c1c;background:#fee2e2;border-radius:10px;margin:0 16px 12px;padding:12px 16px;font-size:.9rem;line-height:1.4}.empty-state{text-align:center;color:#9ca3af;padding:80px 32px;font-size:1rem}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;display:grid}.photo-tile{aspect-ratio:3/4;background:#ebebeb;border-radius:4px;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.photo-tile .video-badge{color:#fff;filter:drop-shadow(0 1px 3px #0009);pointer-events:none;position:absolute;top:6px;right:6px}.fab{z-index:50;color:#fff;cursor:pointer;background:#c17b5c;border:none;border-radius:28px;align-items:center;gap:8px;min-height:52px;padding:14px 22px;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:flex;position:fixed;bottom:76px;right:20px;box-shadow:0 4px 16px #c17b5c73}.fab:active{transform:scale(.96)}.fab:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:100;padding-bottom:calc(60px + env(safe-area-inset-bottom));background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:16px;width:100%;max-height:90vh;padding:12px 20px 40px;display:flex;overflow-y:auto}.modal:before{content:"";background:#d1d5db;border-radius:2px;width:40px;height:4px;margin:0 auto 8px;display:block}.modal h2{font-size:1.2rem;font-weight:700}.field-label{color:#6b7280;margin-bottom:-8px;font-size:.85rem;font-weight:500}.modal select{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;min-height:48px;padding:13px 14px;font-size:1rem}.btn-primary{color:#fff;cursor:pointer;background:#c17b5c;border:none;border-radius:12px;min-height:52px;padding:15px;font-size:1rem;font-weight:600;transition:background .15s}.btn-primary:active{background:#a8654a}.btn-cancel{cursor:pointer;color:#6b7280;background:0 0;border:1.5px solid #e5e7eb;border-radius:12px;min-height:48px;padding:13px;font-size:1rem}.progress-list{flex-direction:column;gap:12px;display:flex}.progress-item{flex-direction:column;gap:4px;display:flex}.progress-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.progress-row{align-items:center;gap:8px;display:flex}.progress-bar{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#c17b5c;border-radius:3px;height:100%;transition:width .1s}.progress-pct{color:#9ca3af;text-align:right;flex-shrink:0;width:32px;font-size:.75rem}.scroll-sentinel{justify-content:center;align-items:center;height:40px;display:flex}.loading-more{color:#9ca3af;font-size:.85rem}@media (width>=600px){.modal-overlay{align-items:center}.modal{border-radius:16px;max-width:440px;margin:0 auto;padding-bottom:28px}.modal:before{display:none}}.bingo{max-width:960px;margin:0 auto;padding:0 16px 80px;font-family:system-ui,-apple-system,sans-serif}.bingo-header{text-align:center;padding:14px 0 16px}.bingo-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.bingo-error{color:#b91c1c;cursor:pointer;background:#fee2e2;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.bingo-reward{color:#92640a;background:linear-gradient(135deg,#fef9ec,#fdf0d5);border:1px solid #f5d98b;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:.85rem;font-weight:600;line-height:1.45}.bingo-hint{color:#9ca3af;margin-top:6px;font-size:.8rem}.bingo-progress{color:#9ca3af;letter-spacing:.03em;margin-top:8px;font-size:.82rem;font-weight:600}.bingo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bingo-tile{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e8c4b0,#c17b5c);border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;transition:transform .1s;display:flex;position:relative;overflow:hidden}.bingo-tile:active{transform:scale(.96)}.bingo-tile.uploading{cursor:default;opacity:.7}.bingo-tile-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bingo-tile-overlay{background:linear-gradient(#0000 0%,#0000001a 45%,#0009 100%);position:absolute;inset:0}.bingo-tile-label{z-index:1;color:#fff;text-align:center;text-shadow:0 1px 4px #0006;padding:0 8px 10px;font-size:.78rem;font-weight:600;line-height:1.3;position:relative}.bingo-tile:not(.done) .bingo-tile-overlay{background:linear-gradient(#0000 40%,#0000004d 100%)}.bingo-tile-check{z-index:2;color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0000004d}.bingo-tile-spinner{z-index:2;border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite bingo-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bingo-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.bottom-nav{z-index:100;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #f0f0f0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 12px #0000000f}.bottom-nav-tab{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-size:.7rem;font-weight:500;transition:color .15s;display:flex}.bottom-nav-tab.active{color:#c17b5c}.bottom-nav-tab svg{transition:stroke .15s}.upload-bar{bottom:calc(56px + env(safe-area-inset-bottom));z-index:300;background:#fff;flex-direction:column;justify-content:center;gap:6px;height:52px;padding:0 16px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -2px 10px #0000001f}.upload-bar-info{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.upload-bar-name{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.upload-bar-count{color:#888;white-space:nowrap;flex-shrink:0;font-size:.8rem}.upload-bar-track{background:#eee;border-radius:2px;height:3px;overflow:hidden}.upload-bar-fill{background:#222;border-radius:2px;height:100%;transition:width .1s linear}
