*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #bb6b54;--primary-hover: #a95b47;--primary-light: #f9ece5;--text: #33281f;--text-2: #7b6d61;--border: #eadfd4;--bg: #fffaf4;--bg-2: #f6efe8;--bg-3: #efe5db;--surface: rgba(255, 250, 244, .9);--surface-strong: #fffdf8;--red: #ca5c53;--red-light: #fce9e7;--heart: #df655f;--shadow: 0 16px 40px rgba(91, 63, 40, .12);--feed-max: 640px;--shell-max: 980px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif}html{font-size:15px;background:radial-gradient(circle at top,#fff4e7,#f7efe8 35%,#f1e8de)}body{font-family:var(--font);color:var(--text);background:radial-gradient(circle at top left,rgba(255,232,211,.65),transparent 32%),radial-gradient(circle at top right,rgba(241,210,191,.55),transparent 28%),linear-gradient(180deg,#fff9f2,#f6efe8);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:none;background:none;cursor:pointer}img,video{display:block}.main{min-height:100vh;min-height:100dvh}.app-shell{width:min(100%,var(--shell-max));margin:0 auto;padding:0 14px calc(110px + var(--safe-bottom))}.feed-logo{display:flex;justify-content:center;padding:calc(16px + var(--safe-top)) 16px 14px}.feed-logo a{display:inline-flex;align-items:center;gap:8px}.logo-icon{color:var(--heart)}.logo-text{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.float-actions{position:fixed;top:calc(12px + var(--safe-top));right:12px;z-index:120;display:flex;gap:4px;padding:4px;border-radius:16px;background:#fffbf6d6;border:1px solid rgba(234,223,212,.8);box-shadow:0 14px 30px #5b3f281a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.float-btn{width:38px;height:38px;border-radius:10px;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}.float-btn:active{background:var(--bg-3);color:var(--text)}.page-hero{position:relative;overflow:hidden;border:1px solid rgba(234,223,212,.92);border-radius:22px;box-shadow:0 8px 24px #5b3f281a;padding:10px 12px;margin-bottom:18px}.page-hero-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.page-tabs{position:relative;z-index:1;display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#fffc;border:1px solid rgba(234,223,212,.9)}.page-tab{min-width:72px;padding:8px 14px;border-radius:999px;text-align:center;font-weight:600;font-size:.92rem;color:var(--text-2);transition:background .2s ease,color .2s ease,transform .2s ease}.page-tab.active{color:#fff;background:linear-gradient(135deg,var(--primary),#d68463);box-shadow:0 6px 14px #bb6b5438}.btn-primary,.btn-primary-sm,.btn-ghost,.btn-send-code,.btn-text,.post-action-btn{-webkit-tap-highlight-color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,var(--primary),#d68463);color:#fff;font-weight:600;box-shadow:0 10px 22px #bb6b5438;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--primary),#d68463);color:#fff;font-size:.92rem;font-weight:600}.btn-primary.full-width{width:100%}.btn-primary:disabled,.btn-primary-sm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(234,223,212,.95);color:var(--text);font-weight:600;flex-shrink:0}.btn-text{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:10px;color:var(--primary);font-weight:600}.btn-send-code{min-width:104px;border-radius:12px;border:1px solid rgba(234,223,212,.95);color:var(--primary);background:#ffffffe6;font-weight:600}.btn-send-code:disabled{color:var(--text-2);cursor:not-allowed}.timeline{display:grid;gap:18px}.timeline-section{background:#fffcf8bf;border:1px solid rgba(234,223,212,.9);border-radius:22px;padding:16px;box-shadow:0 8px 24px #5b3f2814;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.timeline-header h2{font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.timeline-header p{margin-top:4px;color:var(--text-2);font-size:.88rem}.timeline-count{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffd1;color:var(--text-2);font-size:.84rem}.timeline-grid,.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-item{position:relative;aspect-ratio:1;overflow:hidden;border:0;border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px #ffffff2e}.photo-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(34,24,16,.28) 100%);opacity:.8;transition:opacity .22s ease}.photo-item.selected{box-shadow:0 0 0 3px #bb6b5438,inset 0 0 0 2px #bb6b54e6}.photo-item.selected:after{opacity:1}.photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.photo-time-chip{position:absolute;left:10px;bottom:10px;z-index:1;padding:4px 8px;border-radius:999px;background:#1c140e85;color:#fff;font-size:.72rem;letter-spacing:.02em}.photo-select-indicator{position:absolute;top:10px;right:10px;z-index:1;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.95);background:#ffffff3d;box-shadow:0 6px 18px #0000002e}.photo-item.selected .photo-select-indicator{background:var(--primary);border-color:#fff}.photo-item.selected .photo-select-indicator:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.video-badge{position:absolute;top:10px;left:10px;z-index:1;padding:4px 8px;border-radius:999px;background:#140f0b8f;color:#fff;font-size:.72rem}.video-badge-large{left:auto;right:12px;top:12px}.selection-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));z-index:110;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 12px;border-radius:18px;background:#2c1f18eb;color:#fff;box-shadow:0 18px 44px #1a130f47;transform:translateY(120%);transition:transform .24s ease}.selection-bar.visible{transform:translateY(0)}.selection-copy{display:inline-flex;align-items:baseline;gap:8px}.selection-copy strong{font-size:1.2rem}.selection-bar .btn-text{color:#ffffffbd}.selection-bar .btn-primary{min-height:40px;padding:0 16px;box-shadow:none}.feed{max-width:var(--feed-max);margin:0 auto;display:grid;gap:16px}.feed-card{overflow:hidden;border-radius:22px;border:1px solid rgba(234,223,212,.95);background:#fffdf9eb;box-shadow:0 10px 28px #5b3f281a}.post-head{display:flex;align-items:center;gap:12px;padding:16px 18px 14px}.post-avatar{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffdec9f2,#f6cdbef2);color:var(--heart);flex-shrink:0}.post-head-copy{min-width:0;flex:1}.post-title-row{display:flex;align-items:center;gap:8px}.post-title{font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:-.02em}.post-subtitle{margin-top:4px;color:var(--text-2);font-size:.84rem}.post-tag{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;background:#33281f14;color:var(--text-2);font-size:.76rem;white-space:nowrap}.post-media{position:relative}.carousel{position:relative;overflow:hidden;aspect-ratio:1;background:linear-gradient(180deg,#f3ebe4cc,#e8dcd0cc)}.carousel-track{display:flex;height:100%;transition:transform .28s ease;will-change:transform}.carousel-slide{position:relative;flex:0 0 100%;height:100%;border:0;background:transparent}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:cover}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#33281f;background:#ffffffd6;box-shadow:0 10px 20px #0000001f;z-index:2}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-dots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;gap:8px;padding:8px 10px;border-radius:999px;background:#140f0b57;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.carousel-dots .dot{width:6px;height:6px;border-radius:50%;border:0;background:#ffffff61}.carousel-dots .dot.active{background:#fff}.carousel-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-2)}.post-actions{display:flex;align-items:center;gap:8px;padding:14px 18px 0;flex-wrap:wrap}.post-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;background:#33281f0f;color:var(--text);font-weight:600}.post-action-btn.secondary{color:var(--primary);background:var(--primary-light)}.post-action-btn.danger{color:var(--red);background:var(--red-light)}.feed-card-body{padding:16px 18px 18px}.feed-card-desc{white-space:pre-line;word-break:break-word;line-height:1.7;font-size:.96rem}.feed-card-desc-empty{color:var(--text-2)}.feed-card-meta{margin-top:12px;display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:.82rem}.upload-prep-overlay,.share-compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#18120d7a;display:flex;align-items:flex-end;justify-content:center}.upload-prep-card,.share-compose-card{width:100%;background:var(--surface-strong);border-radius:22px 22px 0 0;box-shadow:0 -8px 24px #0000001a;padding-bottom:calc(14px + var(--safe-bottom))}.upload-prep-header,.share-compose-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(234,223,212,.82)}.upload-prep-header h3,.share-compose-header h3{position:absolute;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700}.upload-prep-previews,.share-compose-previews{display:flex;gap:10px;padding:16px;overflow-x:auto;scrollbar-width:none}.upload-prep-previews::-webkit-scrollbar,.share-compose-previews::-webkit-scrollbar{display:none}.prep-thumb,.share-compose-preview{position:relative;flex:0 0 86px;height:86px;overflow:hidden;border-radius:12px;background:var(--bg-2)}.prep-thumb img,.share-compose-preview img{width:100%;height:100%;object-fit:cover}.prep-thumb-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:1.35rem}.upload-prep-copy,.share-compose-meta{padding:0 16px 12px;color:var(--text-2);font-size:.88rem;line-height:1.6}.share-compose-form{padding:0 16px}.field-label{display:block;margin:10px 0 8px;font-size:.84rem;color:var(--text-2)}.field-input,.field-textarea,.form-input{width:100%;border:1px solid rgba(234,223,212,.95);border-radius:12px;background:#ffffffeb;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field-input,.form-input{min-height:48px;padding:0 16px}.field-textarea{min-height:132px;padding:14px 16px;resize:none;line-height:1.65}.field-input:focus,.field-textarea:focus,.form-input:focus{border-color:#bb6b54a6;box-shadow:0 0 0 4px #bb6b5414}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#140f0b6b;display:flex;align-items:center;justify-content:center;padding:24px}.upload-card{width:min(100%,340px);padding:28px 24px;border-radius:22px;background:var(--surface-strong);text-align:center;box-shadow:0 16px 40px #00000024}.upload-card h3{margin-bottom:18px;font-size:1.1rem}.progress-bar{height:4px;border-radius:999px;overflow:hidden;background:var(--bg-3);margin-bottom:14px}.progress-fill{width:0;height:100%;background:linear-gradient(135deg,var(--primary),#d68463);transition:width .25s ease}.upload-card p{color:var(--text-2)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240}.lb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080605f0}.lb-content{position:absolute;top:58px;right:6px;bottom:76px;left:6px;display:flex;align-items:center;justify-content:center}.lb-media{max-width:100%;max-height:100%;object-fit:contain}.lb-close,.lb-nav,.lb-action{position:absolute;display:inline-flex;align-items:center;justify-content:center;color:#fff;-webkit-tap-highlight-color:transparent}.lb-close{top:calc(8px + var(--safe-top));right:8px;width:42px;height:42px;border-radius:50%;font-size:1.25rem;z-index:1}.lb-info{position:absolute;top:calc(18px + var(--safe-top));left:14px;color:#ffffffb8;font-size:.84rem;z-index:1}.lb-counter{position:absolute;top:calc(18px + var(--safe-top));left:50%;transform:translate(-50%);color:#ffffffa8;font-size:.8rem;z-index:1}.lb-nav{top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;font-size:2rem;z-index:1}.lb-prev{left:6px}.lb-next{right:6px}.lb-bottom{position:absolute;left:50%;bottom:calc(12px + var(--safe-bottom));transform:translate(-50%);display:flex;gap:12px;z-index:1}.lb-action{position:static;width:44px;height:44px;border-radius:50%}.lb-action.active{color:var(--heart)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:80px 24px}.empty-state h2{font-size:1.36rem;font-weight:700;letter-spacing:-.03em}.empty-state p{max-width:320px;color:var(--text-2);line-height:1.65}.load-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 0;color:var(--text-2)}.spinner{width:22px;height:22px;border:2px solid rgba(187,107,84,.16);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(22px + var(--safe-bottom));transform:translate(-50%);max-width:calc(100vw - 28px);padding:12px 18px;border-radius:12px;background:#261d16eb;color:#fff;font-size:.9rem;box-shadow:0 12px 28px #00000029;z-index:500}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:18px}.login-card{width:min(100%,400px);padding:34px 24px;border-radius:22px;background:#fffcf7f0;border:1px solid rgba(234,223,212,.95);box-shadow:var(--shadow);text-align:center}.login-logo{margin:0 auto 18px}.login-card h1{font-size:1.8rem;font-weight:700;letter-spacing:-.04em}.subtitle{margin-top:10px;color:var(--text-2)}.login-form{margin-top:28px}.form-group{margin-bottom:14px}.code-group{display:flex;gap:8px}.code-group .form-input{flex:1}.error-text{min-height:1.2em;margin-top:10px;color:var(--red);font-size:.86rem}.share-view-page{min-height:100vh;min-height:100dvh;padding:calc(20px + var(--safe-top)) 14px calc(28px + var(--safe-bottom))}.share-public-wrap{width:min(100%,var(--feed-max));margin:0 auto}.share-public-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(234,223,212,.92);color:var(--text-2);box-shadow:0 8px 18px #5b3f2814}@media(min-width:641px){.float-btn:hover{background:var(--bg-3);color:var(--text)}.page-tab:hover{transform:translateY(-1px)}.btn-primary:hover,.btn-primary-sm:hover{transform:translateY(-1px);box-shadow:0 14px 28px #bb6b5447}.btn-ghost:hover,.btn-send-code:hover,.btn-text:hover,.post-action-btn:hover{background:#fffffffa}.photo-item:hover img{transform:scale(1.04)}.timeline-grid,.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.upload-prep-overlay,.share-compose-overlay{align-items:center;padding:18px}.upload-prep-card,.share-compose-card{max-width:560px;border-radius:22px;padding-bottom:16px}.lb-content{top:54px;right:48px;bottom:72px;left:48px}.lb-close:hover,.lb-nav:hover,.lb-action:hover{background:#ffffff24}}@media(max-width:640px){.post-actions{gap:10px}.post-action-btn{flex:1 1 calc(50% - 8px)}}.privacy-page{min-height:100vh;padding:40px 20px 80px}.privacy-container{max-width:680px;margin:0 auto;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:40px 36px;box-shadow:var(--shadow)}.privacy-back{display:inline-block;font-size:14px;color:var(--primary);text-decoration:none;margin-bottom:20px}.privacy-back:hover{color:var(--primary-hover)}.privacy-container h1{font-size:24px;color:var(--text);margin-bottom:6px}.privacy-update{font-size:13px;color:var(--text-2);margin-bottom:28px}.privacy-container h2{font-size:17px;color:var(--text);margin-top:28px;margin-bottom:10px}.privacy-container h3{font-size:15px;color:var(--text);margin-top:14px;margin-bottom:6px}.privacy-container p,.privacy-container li{font-size:14px;color:var(--text-2);line-height:1.8}.privacy-container ul{padding-left:20px;margin:8px 0}.privacy-container a{color:var(--primary);text-decoration:none}.privacy-container a:hover{color:var(--primary-hover)}