:root{--bg-base: #0b0c0a;--bg-gradient-top: #12140f;--bg-gradient-bottom: #050604;--accent-main: #dcee88;--accent-green: #97c978;--accent-olive: #b3c462;--accent-glow: rgba(220, 238, 136, .12);--accent-glow-strong: rgba(220, 238, 136, .25);--text-title: #e4eed3;--text-primary: #f5f6f1;--text-secondary: #dcee88;--text-muted: #8c937c;--text-dark: #1b1e15;--card-bg: rgba(255, 255, 255, .035);--card-border: rgba(255, 255, 255, .05);--btn-border: rgba(255, 255, 255, .08);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: Georgia, "Times New Roman", "Songti SC", serif;--nav-height: 88px;--max-width: 430px;--app-width: 100%;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}.remuse-wrapper{background-color:#000;color:var(--text-primary);font-family:var(--font-family);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.remuse-wrapper *{box-sizing:border-box}.app-container{width:var(--app-width);max-width:var(--max-width);height:100vh;height:100dvh;background:linear-gradient(180deg,var(--bg-gradient-top) 0%,var(--bg-base) 35%,var(--bg-gradient-bottom) 100%);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 50px #000000e6}.scroll-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + 24px);scrollbar-width:none;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-content:has(.welcome-view),.scroll-content:has(.generation-loading-view){padding-bottom:0}.scroll-content:has(.square-view){padding-bottom:calc(var(--nav-height) + 118px + var(--safe-area-bottom))}.scroll-content::-webkit-scrollbar{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.6}}@keyframes ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.view-animate{animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) forwards}.home-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 24px 10px;z-index:10}.home-header-left .logo{font-family:var(--font-serif);color:var(--text-title);font-size:19px;font-weight:500;letter-spacing:.8px;margin-bottom:6px;opacity:.85}.home-header-left .title{color:var(--text-title);font-size:24px;font-weight:500;letter-spacing:1.2px;margin:0}.guest-pill{width:fit-content;margin-top:8px;padding:5px 9px;border-radius:999px;background:#dcee881f;color:var(--accent-main);border:1px solid rgba(220,238,136,.18);font-size:11px;font-weight:700}.home-header-right{text-align:right;color:var(--text-title)}.home-header-right .date-main{font-family:var(--font-serif);font-size:24px;letter-spacing:2.5px;margin-bottom:4px;font-weight:500}.home-header-right .date-sub{font-size:12px;color:var(--text-muted);letter-spacing:.5px}.ambient-glow{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);pointer-events:none;z-index:0;filter:blur(28px);animation:pulseGlow 6s infinite ease-in-out}.showcase{position:relative;margin-top:56px;margin-bottom:48px;width:100%;display:flex;flex-direction:column;align-items:center;z-index:2}.main-image{width:200px;height:260px;background:#d4c8b9;border-radius:12px;position:relative;z-index:2;box-shadow:inset 0 0 20px #0000000d,0 24px 40px -12px #0009;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0000004d;font-size:14px;text-align:center;overflow:hidden;transition:transform .3s ease}.main-image:active{transform:scale(.98)}.pedestal{width:220px;height:24px;background:var(--accent-glow-strong);border-radius:50%;margin-top:-12px;position:relative;z-index:1;filter:blur(16px)}.item-details{text-align:center;margin-bottom:44px;z-index:2;padding:0 24px}.item-details h2{font-size:24px;font-weight:600;margin-bottom:14px;letter-spacing:1px;color:#fff}.item-details .quote{font-size:15px;color:#d8dbcf;margin-bottom:14px;letter-spacing:.5px;line-height:1.5}.item-details .context{font-size:12px;color:var(--text-muted);letter-spacing:.5px}.home-actions-wrap{padding:0 24px;width:100%;margin-top:auto}.actions-row{display:flex;gap:16px;width:100%;margin-bottom:24px;z-index:2}.btn{flex:1;height:56px;border-radius:var(--radius-md);font-size:16px;font-weight:500;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);outline:none;-webkit-tap-highlight-color:transparent}.btn:active,.capture-card:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#e1f096,#c4d47a);color:var(--text-dark);border:none;box-shadow:0 8px 24px var(--accent-glow);position:relative}.btn-primary:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent #fbfee8 #fbfee8;border-bottom-right-radius:var(--radius-md);box-shadow:-2px -2px 6px #0000000d}.btn-secondary{background-color:var(--card-bg);color:#d1d6c4;border:1px solid var(--btn-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.capture-card{width:100%;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:22px 24px;display:flex;align-items:center;z-index:2;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 40px #0003}.capture-icon{width:56px;height:56px;background:linear-gradient(135deg,#e1f096,#c4d47a);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:20px;flex-shrink:0;box-shadow:0 4px 16px var(--accent-glow-strong)}.capture-icon svg{width:26px;height:26px;fill:none;stroke:var(--text-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.capture-text{flex:1;text-align:left}.capture-text h3{font-size:17px;color:var(--text-primary);font-weight:500;margin:0 0 6px;letter-spacing:.5px}.capture-text p{font-size:13px;color:var(--text-muted);margin:0}.capture-arrow{width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.3}.capture-arrow svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gallery-view{padding:28px 24px;display:flex;flex-direction:column}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.gallery-title h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:1px}.gallery-title p{font-size:14px;color:var(--text-muted);margin:0;letter-spacing:.5px}.plant-btn{width:46px;height:46px;border-radius:50%;background-color:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.plant-btn:active{transform:scale(.9);background-color:#ffffff14}.plant-btn svg{width:22px;height:22px;stroke:var(--accent-olive);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gallery-stats{font-size:15px;color:var(--text-muted);margin-bottom:28px;font-weight:500;background:var(--card-bg);padding:14px 20px;border-radius:16px;border:1px solid var(--card-border);display:inline-flex;align-self:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gallery-stats .num{font-size:20px;color:var(--accent-main);font-weight:600;margin:0 6px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-card{background-color:#ffffff05;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--card-border);cursor:pointer;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 12px 32px #00000026}.grid-card:active{transform:scale(.96)}.grid-card-img{width:100%;aspect-ratio:4 / 3;position:relative;display:flex;justify-content:center;align-items:center;color:#fff3;font-size:13px;overflow:hidden}.grid-card-info{padding:16px 14px;display:flex;justify-content:space-between;align-items:center}.grid-card-title{font-size:14px;color:#f5f6f1;font-weight:500;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.status-tag{font-size:11px;padding:6px 10px;border-radius:12px;font-weight:500;white-space:nowrap}.tag-story{color:#b1c48c;background-color:#b1c48c1f}.tag-sticker{color:#8bbdc7;background-color:#8bbdc71f}.tag-exchange{color:#8cbdb2;background-color:#8cbdb21f}.capture-detail-view{display:flex;flex-direction:column;padding:24px 24px 0}.capture-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative}.capture-top-bar .titles{flex:1;display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.capture-top-bar h1{font-size:18px;color:#fff;font-weight:500;margin:0 0 4px;letter-spacing:1px}.capture-top-bar p{font-size:12px;color:var(--text-muted);margin:0}.capture-controls{margin-left:auto;display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:8px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.capture-controls svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}.control-div{width:1px;height:14px;background:#ffffff26;margin:0 12px}.photo-preview-container{width:100%;aspect-ratio:16 / 11;background:linear-gradient(145deg,#d3cec4,#b8b3a8);border-radius:24px;margin-bottom:36px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 40px #0000000d,0 20px 40px #0000004d;position:relative;overflow:hidden}.photo-preview-placeholder{color:#00000059;font-size:15px;text-align:center;line-height:1.6;font-weight:500}.capture-upload-drop{width:100%;height:100%;display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden}.capture-upload-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.capture-upload-drop.has-image img{width:100%;height:100%;object-fit:cover;display:block}.recognition-info{margin-bottom:40px;text-align:center}.recognition-info h3{font-size:17px;font-weight:400;color:var(--text-muted);margin:0 0 12px}.recognition-info h3 span{color:var(--accent-main);font-weight:500;padding:4px 10px;background:#dcee881a;border-radius:10px;margin-left:6px}.recognition-info p{font-size:15px;color:#8c937c;margin:0}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);border:none;margin:0 0 40px;width:100%}.voice-input-area{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.mic-btn-wrapper{position:relative;width:90px;height:90px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.mic-btn{width:68px;height:68px;background:linear-gradient(135deg,#6c7c4e,#475432);border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer;box-shadow:0 12px 24px #00000080;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.mic-btn:active{transform:scale(.85)}.mic-btn svg{width:28px;height:28px;fill:none;stroke:var(--accent-main);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mic-ripple{position:absolute;border-radius:50%;border:1px solid rgba(220,238,136,.2);z-index:1;animation:ripple 2.5s infinite cubic-bezier(.2,.8,.2,1)}.mic-ripple-2{animation-delay:1.2s}.voice-input-area>p{color:var(--accent-main);font-size:14px;margin:0;font-weight:500;letter-spacing:.5px}.suggestion-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:40px}.chip{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:10px 18px;display:flex;align-items:center;gap:8px;color:#c4cbb4;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip:active{background:#ffffff14;color:#fff}.chip svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.draft-card-container{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.draft-header{color:var(--text-muted);font-size:13px;margin-bottom:16px;font-weight:500}.draft-content{color:#fff;font-size:16px;line-height:1.6;margin-bottom:28px}.draft-actions{display:flex;gap:16px}.draft-btn{flex:1;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;font-size:15px;cursor:pointer;border:none;gap:8px;font-weight:500;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.draft-btn:active{transform:scale(.96)}.draft-btn-edit{background:#ffffff0a;color:#c2c9b2;border:1px solid rgba(255,255,255,.08)}.draft-btn-edit svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.draft-btn-continue{background:#506135;color:var(--accent-main)}.result-view{display:flex;flex-direction:column;padding:24px 24px 0}.result-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;min-height:36px}.back-btn{background:var(--card-bg);border:1px solid var(--card-border);padding:10px;border-radius:50%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s ease}.back-btn:active{background:#ffffff14}.back-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.result-top-title{position:absolute;left:50%;transform:translate(-50%);font-size:16px;color:var(--accent-main);font-weight:500;letter-spacing:.5px;z-index:1}.result-heading{text-align:center;font-size:26px;font-weight:600;color:var(--accent-main);margin:16px 0 36px;display:flex;align-items:center;justify-content:center;gap:12px}.result-heading svg{width:22px;height:22px;fill:var(--accent-main)}.gen-card{background:linear-gradient(145deg,#f9f7f2,#ebe6d9);border-radius:24px;padding:32px 28px;display:flex;justify-content:space-between;margin-bottom:32px;box-shadow:0 20px 48px #0006;position:relative;overflow:hidden}.gen-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.gen-card-left{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.gen-logo{display:flex;align-items:flex-start;gap:8px;margin-bottom:48px}.gen-logo svg{width:18px;height:18px;fill:#616a4c;margin-top:2px}.gen-logo-text{color:#616a4c;font-size:12px;line-height:1.4;margin-left:4px}.gen-logo-text strong{font-weight:700;font-size:14px;display:block}.gen-title{color:#1a1c15;font-size:24px;font-weight:700;margin:0 0 16px;letter-spacing:.5px}.gen-divider{width:32px;height:2px;background-color:#8c9576;margin-bottom:16px;border-radius:1px}.gen-desc{color:#4a503e;font-size:13px;line-height:1.6;margin:0;font-weight:500}.gen-leaf-decor{margin-top:auto;padding-top:24px}.gen-leaf-decor svg{width:60px;height:auto;fill:#c9ceba}.gen-card-right{width:140px;margin-left:20px;position:relative;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:18px;overflow:hidden}.result-item-photo,.result-item-placeholder{width:100%;height:100%;min-height:200px;border-radius:18px}.result-item-photo{object-fit:cover;display:block}.result-item-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#f5f1de,#c8bea4);color:#182012;font-size:28px;font-weight:900}.simulated-bag{width:100%;height:100%;min-height:200px;background-color:#dfd8c7;border-radius:6px;box-shadow:inset -6px 0 16px #0000000f,inset 6px 0 16px #ffffff80,8px 12px 24px #00000026;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;background-image:linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:10px 10px}.simulated-bag:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:#0000000a;border-bottom:1px dashed rgba(0,0,0,.12)}.bag-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-4deg);width:40px;height:20px;background-color:#cec1a5;box-shadow:0 4px 8px #0000001a;z-index:10}.bag-logo{color:#314834;font-size:34px;font-weight:900;font-style:italic;margin-bottom:8px;display:flex;align-items:baseline;justify-content:center}.bag-logo span{font-size:14px;font-style:normal;margin-left:2px}.bag-text{font-size:10px;color:#314834;margin-bottom:32px;font-weight:600}.bag-url{font-size:8px;color:#31483499;margin-top:auto;font-weight:500}.info-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.capture-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.capture-fields input,.capture-fields textarea{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0b;color:#fff;font:inherit;outline:none}.capture-fields input{height:46px;padding:0 14px}.capture-fields textarea{resize:vertical;min-height:112px;padding:14px;line-height:1.55}.draft-btn:disabled{opacity:.5;cursor:default}.info-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:24px;display:flex;align-items:flex-start;gap:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 24px #0003}.info-card-clickable{cursor:pointer;align-items:center;transition:transform .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.info-card-clickable:active{transform:scale(.97);background:#282e22cc}.info-icon{width:24px;height:24px;flex-shrink:0;display:flex;justify-content:center;align-items:center;margin-top:2px}.info-card-clickable .info-icon{margin-top:0}.info-icon svg{width:20px;height:20px;stroke:var(--accent-main);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.info-content{flex:1;font-size:15px;line-height:1.6;color:#e8eae1}.info-label{color:var(--text-muted);font-weight:500}.info-arrow{width:20px;height:20px;opacity:.4}.info-arrow svg{width:100%;height:100%;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quick-generate-panel{position:relative;min-height:306px;padding:18px;border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(220,238,136,.12),transparent 46%),#ffffff09;border:1px solid rgba(255,255,255,.07);overflow:hidden;margin-bottom:24px}.quick-generate-panel:before{content:"";position:absolute;top:48px;right:48px;bottom:48px;left:48px;border-radius:999px;border:1px solid rgba(220,238,136,.1);pointer-events:none}.quick-generate-center{position:absolute;left:50%;top:50%;width:136px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2}.quick-object{width:78px;height:78px;border-radius:28px;background:linear-gradient(145deg,#f5f1de,#c8bea4);color:#1b1e15;display:grid;place-items:center;box-shadow:0 20px 45px #00000052;transform:rotate(-5deg);overflow:hidden}.quick-object span{font-weight:900;font-size:19px}.quick-object img{width:100%;height:100%;object-fit:cover;display:block}.quick-generate-center strong{display:block;color:#fff;font-size:14px;line-height:1.25}.quick-generate-center small{display:block;margin-top:4px;color:var(--text-muted);font-size:11px}.quick-action-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:78px 74px;height:100%}.quick-action{min-height:88px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0d100bc2;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;box-shadow:0 18px 40px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.quick-action:active{transform:scale(.95);border-color:#dcee8857}.quick-action-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--accent-main)}.quick-action-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-sticker .quick-action-icon svg{fill:#dcee882e}.quick-action strong{font-size:15px}.quick-action small{color:var(--text-muted);font-size:11px}.result-actions{display:flex;gap:16px;margin-bottom:24px}.action-btn{flex:1;height:56px;border-radius:28px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,opacity .2s ease}.action-btn:active{transform:scale(.96)}.action-btn svg{width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-outline{background:#dcee880d;border:1px solid rgba(220,238,136,.25);color:var(--accent-main)}.btn-outline svg{stroke:currentColor}.btn-solid{background:linear-gradient(135deg,#263a33,#16221e);border:1px solid #324e43;color:#cce2d8;box-shadow:0 8px 24px #0003}.btn-solid svg{stroke:currentColor}.square-view{display:flex;flex-direction:column;padding-top:32px;position:relative;min-height:100%}.square-header{padding:0 24px;margin-bottom:32px}.square-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 10px;letter-spacing:1px}.square-header p{font-size:14px;color:var(--text-muted);margin:0;letter-spacing:.5px}.square-tabs{display:flex;gap:32px;padding:0 24px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.square-tabs::-webkit-scrollbar{display:none}.square-tab{background:none;border:none;font-size:16px;color:var(--text-muted);min-height:31px;padding:0 0 10px;position:relative;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color .2s ease;font-weight:500}.square-tab.active{color:var(--accent-green);font-weight:600}.square-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background-color:var(--accent-green);border-radius:2px}.square-grid{display:flex;gap:16px;padding:0 24px;align-items:flex-start}.grid-col{display:flex;flex-direction:column;gap:16px;flex:1}.square-card{background-color:#ffffff05;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--card-border);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 12px 32px #00000026}.square-card:active{transform:scale(.96);background-color:#ffffff0a}.square-card-img{width:100%;background:linear-gradient(135deg,#ffffff0f,#0003);display:flex;justify-content:center;align-items:center;color:#ffffff4d;font-size:13px;position:relative}.square-card-info{padding:16px;display:flex;flex-direction:column}.square-card-category{font-size:12px;color:var(--accent-green);margin-bottom:8px;font-weight:600}.square-card-title{font-size:14px;color:#f5f6f1;font-weight:500;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.square-card-author{margin:-8px 0 12px;color:#ffffff5c;font-size:12px}.square-card-likes{display:flex;align-items:center;gap:6px;font-size:12px;color:#8c937c;margin-top:auto;font-weight:500}.square-card-likes svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.fab-btn{position:fixed;bottom:calc(var(--nav-height) + 24px);right:24px;width:64px;height:64px;background:linear-gradient(135deg,#a2d282,#74a45a);border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 12px 32px #83b36966;cursor:pointer;z-index:50;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.fab-btn:active{transform:scale(.85)}.fab-btn svg{width:32px;height:32px;stroke:#12160d;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.post-detail-view{display:flex;flex-direction:column;padding:16px 24px}.detail-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail-top-btn{background:var(--card-bg);border:1px solid var(--card-border);color:#fff;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s ease}.detail-top-btn:active{background:#ffffff14}.detail-top-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.detail-hero-img{width:100%;aspect-ratio:16 / 12;background:linear-gradient(145deg,#e4e0d9,#cbc6be);border-radius:24px;margin-bottom:36px;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:inset 0 0 40px #0000000d,0 20px 40px #00000040;overflow:hidden}.sticker-placeholder{width:75%;height:55%;background-color:#f7f3e8;border-radius:16px;border:2px dashed rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0006;font-size:15px;font-weight:500;transform:rotate(-3deg);box-shadow:8px 16px 32px #00000026}.detail-text-content{margin-bottom:40px;padding:0 4px}.detail-title{font-size:26px;font-weight:600;color:var(--text-primary);margin:0 0 16px;line-height:1.4;letter-spacing:.5px}.detail-meta{font-size:14px;color:var(--text-muted);margin:0 0 24px;display:flex;align-items:center}.detail-meta .highlight{color:var(--accent-olive);font-weight:500;margin-left:6px}.detail-desc{font-size:16px;color:#bac0af;line-height:1.6;margin:0}.detail-stats{display:flex;gap:36px;margin-bottom:48px;padding:0 4px}.stat-item{display:flex;align-items:center;gap:8px;color:#c9cebf;font-size:16px;font-weight:500}.stat-item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.detail-actions{display:flex;gap:16px;width:100%}.detail-btn{flex:1;height:56px;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,opacity .2s ease}.detail-btn:active{transform:scale(.96)}.detail-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.detail-btn-primary{background:linear-gradient(135deg,#c4d47a,#a5b651);color:#1a2214;box-shadow:0 8px 24px #b8c86b40}.detail-btn-secondary{background:var(--card-bg);border:1px solid #436153;color:#8bbca5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.publish-view{display:flex;flex-direction:column;padding:24px 24px 0}.publish-top-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;position:relative}.publish-top-bar .titles{flex:1;display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.publish-top-bar h1{font-size:20px;color:var(--text-primary);font-weight:600;margin:0 0 6px;letter-spacing:1px}.publish-top-bar p{font-size:13px;color:var(--text-muted);margin:0}.publish-preview-img{width:100%;aspect-ratio:16 / 10;background:linear-gradient(145deg,#e0dccc,#c8c2ae);border-radius:20px;margin-bottom:36px;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:inset 0 0 30px #00000014,0 16px 32px #0003;overflow:hidden}.nayuki-sticker{background:#fbfdf4;padding:24px;border-radius:16px;display:flex;flex-direction:column;align-items:center;box-shadow:4px 12px 32px #00000026;transform:rotate(2deg);border:3px solid #fff}.nayuki-logo{background-color:#7ba64b;color:#fff;padding:6px 12px;font-weight:800;font-size:15px;line-height:1.2;text-align:center;margin-bottom:10px;border-radius:4px}.nayuki-text{color:#7ba64b;font-size:15px;font-weight:900;letter-spacing:3px}.form-group{margin-bottom:32px}.form-label{display:block;font-size:15px;color:#e8eae1;margin-bottom:14px;font-weight:600}.form-input-container{display:flex;align-items:center;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px 20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s ease,background-color .2s ease}.form-input-container:focus-within{border-color:#b8c86b80;background-color:#ffffff0d}.form-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none}.form-input::placeholder{color:#6a725c}.form-char-count{color:#6a725c;font-size:13px;margin-left:16px;font-weight:500}.form-tags{display:flex;gap:12px;flex-wrap:wrap}.form-tag-btn{padding:10px 24px;border-radius:12px;background-color:var(--card-bg);color:#a4aa96;border:1px solid var(--card-border);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.form-tag-btn.active{background-color:var(--accent-olive);color:#1a2214;border-color:var(--accent-olive);box-shadow:0 4px 16px #b8c86b40}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.toggle-label{font-size:16px;color:#f5f6f1;font-weight:500}.toggle-switch{width:52px;height:30px;border-radius:15px;background-color:#ffffff26;position:relative;cursor:pointer;transition:background-color .3s ease;-webkit-tap-highlight-color:transparent}.toggle-switch.active{background-color:var(--accent-olive)}.toggle-knob{width:26px;height:26px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px #0000004d}.toggle-switch.active .toggle-knob{transform:translate(22px)}.publish-actions{display:flex;gap:16px;margin-top:20px}.btn-publish{flex:1;height:56px;border-radius:16px;background:linear-gradient(135deg,#c4d47a,#a5b651);color:#1a2214;font-size:17px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease;box-shadow:0 8px 24px #b8c86b4d}.btn-save-draft{flex:1;height:56px;border-radius:16px;background-color:var(--card-bg);color:var(--accent-olive);font-size:17px;font-weight:600;border:1px solid #485c3f;cursor:pointer;transition:transform .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-publish:active,.btn-save-draft:active{transform:scale(.96)}.profile-view{display:flex;flex-direction:column;padding:32px 24px 20px;position:relative}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:36px;position:relative}.avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#3a332a,#1a1612);border:2px solid rgba(255,255,255,.06);overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:44px;box-shadow:0 12px 32px #0006}.profile-info{flex:1}.profile-name{font-size:26px;font-weight:600;margin:0 0 10px;color:#fff;letter-spacing:.5px}.profile-stats{font-size:13px;color:#8b927a;font-weight:500}.profile-stats span{color:var(--accent-main);font-size:15px;font-weight:600;margin-right:2px}.fortune-tag{position:absolute;top:0;right:0;background:#dcee881a;color:var(--accent-main);padding:8px 14px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,238,136,.15)}.fortune-tag svg{width:14px;height:14px;fill:currentColor}.calendar-card{background:var(--card-bg);border-radius:24px;padding:28px 24px;margin-bottom:44px;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 48px #00000040}.cal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.cal-month{font-size:22px;font-weight:600;color:#fff}.cal-nav{display:flex;align-items:center;gap:14px;background:#0003;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;color:#a3a992;border:1px solid rgba(255,255,255,.04)}.cal-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;cursor:pointer;transition:color .2s ease}.cal-nav svg:active{color:#fff}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:20px;text-align:center}.cal-day-header{color:#636b56;font-size:13px;font-weight:500;margin-bottom:12px}.cal-cell{position:relative;height:36px;display:flex;justify-content:center;align-items:center;font-size:15px;color:#e0e2d8;font-weight:500}.cal-cell.empty{pointer-events:none}.cal-cell.highlight{background:#b8c86b26;border-radius:12px;color:var(--accent-main);box-shadow:0 0 20px #b8c86b33}.cal-marker{position:absolute;top:-18px;font-size:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.section-title{text-align:center;color:var(--accent-main);font-size:18px;margin-bottom:24px;font-weight:600;letter-spacing:1px}.profile-tabs{display:flex;gap:16px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile-tab{padding:10px 24px;border-radius:20px;background:var(--card-bg);color:#8b927a;border:1px solid var(--card-border);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-tab.active{background:transparent;border-color:var(--accent-main);color:#e0e2d8}.profile-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{aspect-ratio:4 / 3;border-radius:16px;background-color:#2a2e26;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#ffffff4d;font-size:13px;font-weight:500;box-shadow:0 12px 32px #0003;border:1px solid rgba(255,255,255,.04)}.pin-tag{position:absolute;top:10px;left:10px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 10px;border-radius:8px;font-size:11px;font-weight:500;color:#fff;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1)}.pin-tag svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:var(--nav-height);padding-bottom:var(--safe-area-bottom);background-color:#060805bf;border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-around;align-items:center;z-index:100;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#6a7258;width:64px;height:100%;transition:color .2s ease,transform .15s ease;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}.nav-item:active{transform:scale(.9)}.nav-item svg{width:24px;height:24px;margin-bottom:6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .2s ease}.nav-item span{font-size:11px;font-weight:500;letter-spacing:.5px}.nav-item.active{color:var(--accent-main)}.gallery-view-3d,.video-detail-overlay{--accent-main: #39ff14;--accent-glow: rgba(57, 255, 20, .15);--accent-glow-strong: rgba(57, 255, 20, .3);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}.gallery-view-3d{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:100%;background:radial-gradient(circle at 50% 48%,rgba(57,255,20,.1),transparent 34%),radial-gradient(circle at 50% 74%,rgba(220,238,136,.06),transparent 42%),linear-gradient(180deg,#07100d,#02060d)}.gallery-overlay-top{position:absolute;top:0;left:0;right:0;padding:34px 24px;z-index:10;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start}.gallery-title-block{max-width:220px}.gallery-overlay-top>*{pointer-events:auto}.city-subtitle{color:var(--accent-main);font-size:10px;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin-bottom:8px;text-shadow:0 0 8px var(--accent-glow-strong)}.city-title{font-size:31px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px;line-height:1.1}.city-title span{color:var(--accent-main);text-shadow:0 0 12px var(--accent-glow-strong)}.city-top-actions{display:flex;gap:12px}.city-icon-btn{width:48px;height:48px;border-radius:16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;color:#fff}.city-icon-btn:active{transform:scale(.9);background-color:#ffffff1a}.city-icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.gallery-sphere-stage{position:absolute;top:42px;right:0;bottom:0;left:0;z-index:0}.gallery-archive-count{position:absolute;left:24px;bottom:calc(var(--nav-height) + 24px + var(--safe-area-bottom));z-index:10;padding:8px 12px;border-radius:999px;color:#f5f6f1b8;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:12px;font-weight:700}.video-detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:200;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.video-detail-overlay::-webkit-scrollbar{display:none}.vd-hero{width:100%;height:45vh;min-height:300px;position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center}.vd-top-controls{position:absolute;top:32px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10}.vd-icon-btn{width:44px;height:44px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.vd-icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.vd-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000 0%,transparent 60%);z-index:5;pointer-events:none}.vd-content{padding:0 24px 80px;background:#000;flex:1;position:relative;z-index:10;margin-top:-40px}.vd-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.vd-title{font-size:32px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.5px}.vd-date{color:var(--accent-main);font-family:var(--font-mono);font-size:14px;font-weight:600}.vd-mem-id{padding:4px 10px;background:#39ff141a;border:1px solid rgba(57,255,20,.3);color:var(--accent-main);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:6px}.vd-desc{color:#9ca3af;font-size:17px;line-height:1.6;margin-bottom:40px}.vd-mood-section{background:#111210;border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;margin-bottom:48px}.vd-mood-section:active{transform:scale(.98);background:#1a1b18}.vd-mood-text{color:#fff;font-weight:600;font-size:16px}.vd-mood-expanded{background:#111210;border-radius:16px;padding:20px 24px;margin-bottom:48px;animation:fadeUp .3s ease forwards}.vd-mood-header-expanded{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;cursor:pointer}.vd-mood-quote{color:#d1d5db;font-size:18px;font-style:italic;line-height:1.6;border-left:3px solid var(--accent-main);padding-left:20px;margin-bottom:24px;font-weight:500}.vd-voice-memo{display:flex;align-items:center;gap:16px;background:#ffffff0d;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.vd-voice-icon{width:44px;height:44px;border-radius:50%;background:var(--accent-main);display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #39ff1466;flex-shrink:0}.vd-voice-icon svg{width:22px;height:22px;stroke:#000;fill:none}.vd-voice-track{flex:1}.vd-voice-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.vd-voice-progress{position:absolute;top:0;left:-100%;bottom:0;width:40%;background:var(--accent-main);border-radius:2px;animation:voicePlay 2s infinite linear}.vd-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.vd-action-btn{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 10px;background:#111210;border-radius:20px;cursor:pointer;transition:all .2s ease}.vd-action-btn:active{transform:scale(.95);background:#1a1b18}.vd-action-icon{width:56px;height:56px;border-radius:50%;background:#000;display:flex;justify-content:center;align-items:center;color:#fff}.vd-action-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}.vd-action-label{color:#888;font-size:13px;font-weight:500}body{margin:0;background:#000}button,input{font:inherit}.btn-primary:after{display:none;content:none}.home-view{min-height:calc(100dvh - var(--nav-height));display:flex;flex-direction:column;position:relative}.home-view .home-header{padding-top:22px;padding-bottom:6px}.home-view .showcase{margin-top:34px;margin-bottom:28px}.home-view .main-image{width:192px;height:236px}.home-view .item-details{margin-bottom:24px}.home-view .item-details h2{margin-bottom:10px}.home-view .actions-row{margin-bottom:14px}.home-view .home-actions-wrap{padding-bottom:16px}.home-view .capture-card{min-height:82px;padding:16px 20px;border-radius:24px}.home-empty-stage{width:min(78vw,280px);min-height:260px;border:1px solid rgba(220,238,136,.12);border-radius:44px;background:radial-gradient(circle at 50% 38%,rgba(220,238,136,.12),transparent 38%),#ffffff06;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px;text-align:center;box-shadow:inset 0 0 40px #dcee8809,0 24px 60px #00000047}.home-empty-stage strong{color:#f5f6f1;font-size:20px}.home-empty-stage span{color:var(--text-muted);font-size:13px;line-height:1.55}.empty-orbit{width:92px;height:92px;border-radius:50%;border:1px solid rgba(220,238,136,.24);position:relative}.empty-orbit:after{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:var(--accent-main);box-shadow:0 0 26px #dcee8861}.main-image img,.square-card-img img,.generated-real-image{width:100%;height:100%;object-fit:cover;display:block}.fortune-sparkles{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.fortune-sparkles span{position:absolute;width:7px;height:7px;border-radius:999px;background:var(--accent-main);box-shadow:0 0 18px var(--accent-main)}.fortune-sparkles span:nth-child(1){left:28%;top:20%}.fortune-sparkles span:nth-child(2){right:22%;top:42%}.fortune-sparkles span:nth-child(3){left:48%;top:58%}.fortune-accepted .fortune-sparkles{animation:fortuneBurst 1.2s ease forwards}@keyframes fortuneBurst{0%{opacity:0;transform:scale(.8)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.24)}}.capture-card,.square-card,.vd-mood-section,.vd-action-btn{border:0;font:inherit}.welcome-view{min-height:100dvh;padding:max(20px,env(safe-area-inset-top,0px)) 24px calc(18px + var(--safe-area-bottom));display:flex;flex-direction:column;position:relative;overflow-y:auto;background:radial-gradient(circle at 50% 28%,rgba(220,238,136,.18),transparent 34%),linear-gradient(180deg,#11140e,#070805)}.welcome-orbit{position:absolute;inset:70px 0 auto;height:320px;pointer-events:none}.welcome-orbit span{position:absolute;left:50%;top:50%;width:220px;height:220px;border:1px solid rgba(220,238,136,.12);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rotate, 0deg)) scaleX(1.32)}.welcome-orbit span:nth-child(2){--rotate: 58deg;opacity:.6}.welcome-orbit span:nth-child(3){--rotate: -54deg;opacity:.4}.welcome-brand{position:relative;z-index:2;padding-top:4px}.welcome-brand span{font-family:var(--font-serif);color:var(--text-title);font-size:20px;letter-spacing:.6px}.welcome-brand h1{max-width:320px;margin:14px 0 10px;font-size:clamp(30px,8vw,34px);line-height:1.08;letter-spacing:0;color:#f5f6f1}.welcome-brand p{margin:0;color:var(--text-muted);font-size:14px}.welcome-object{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;min-height:230px}.welcome-object-card{width:min(220px,58vw);min-height:220px;padding:24px 20px;border-radius:22px;background:linear-gradient(145deg,#eee8d3eb,#c5bca6e0);color:#182012;box-shadow:0 36px 80px #0000006b,0 0 48px #dcee8829;transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:flex-end}.welcome-object-mark{font-family:var(--font-serif);font-size:28px;margin-bottom:auto}.welcome-object-title{font-size:20px;font-weight:700}.welcome-object-line{width:56px;height:2px;margin:14px 0;background:#18201273}.welcome-object-card p{margin:0;color:#182012ad;line-height:1.5}.welcome-entry{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.welcome-guest-primary{min-height:66px;border:0;border-radius:22px;padding:14px 18px;background:linear-gradient(135deg,#e6f49b,#b9cf68);color:#172010;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;box-shadow:0 18px 42px #dcee882e;cursor:pointer}.welcome-guest-primary span{font-size:18px;font-weight:800}.welcome-guest-primary small{font-size:12px;color:#172010a8}.welcome-auth-link{height:48px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff09;color:#d9decc;font-weight:700;cursor:pointer}.welcome-guest-primary:disabled,.welcome-auth-link:disabled{opacity:.65}.welcome-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:#0000007a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome-auth-sheet{width:min(100%,var(--max-width));max-height:min(82dvh,620px);overflow-y:auto;padding:10px 20px calc(20px + var(--safe-area-bottom));border-radius:28px 28px 0 0;background:#12140ff5;border:1px solid rgba(255,255,255,.08);box-shadow:0 -30px 80px #00000080;display:flex;flex-direction:column;gap:12px;animation:sheetUp .28s ease-out}@keyframes sheetUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-grabber{width:42px;height:5px;border-radius:999px;background:#fff3;align-self:center;margin:0 0 4px}.sheet-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.sheet-heading h2{margin:4px 0;font-size:22px;color:#fff}.sheet-heading p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.sheet-close{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff0f;color:#fff;font-size:24px;line-height:1}.welcome-auth-tabs{display:flex;width:fit-content;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.welcome-auth-tabs button{border:0;background:transparent;color:var(--text-muted);padding:8px 18px;border-radius:999px}.welcome-auth-tabs button.active{background:#dcee8829;color:var(--accent-main)}.welcome-auth-sheet label{display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:12px}.welcome-auth-sheet input{height:48px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;outline:none}.welcome-status{margin:-2px 0 0;color:#f0b8a8;font-size:13px;line-height:1.4}.welcome-main-btn,.welcome-guest-btn,.generation-more-btn{border:0;cursor:pointer}.welcome-main-btn,.welcome-guest-btn{height:52px;border-radius:16px;font-weight:700}.welcome-main-btn:disabled,.welcome-guest-btn:disabled{opacity:.65;cursor:default}.welcome-main-btn{background:linear-gradient(135deg,#e1f096,#c4d47a);color:var(--text-dark)}.welcome-guest-btn{background:#ffffff09;color:#d9decc;border:1px solid rgba(255,255,255,.08)}.generation-view{min-height:100%;display:flex;flex-direction:column;padding:24px 24px 28px;background:radial-gradient(circle at 50% 20%,rgba(220,238,136,.12),transparent 30%),linear-gradient(180deg,#11140f,#070805)}.generation-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:26px}.generation-top>span{text-align:center;color:var(--accent-main);font-weight:700}.generation-more-btn{width:44px;height:44px;border-radius:50%;background:#ffffff0a;color:#fff}.generation-more-btn svg{width:22px;height:22px}.generation-hero{flex:1;min-height:290px;display:flex;align-items:center;justify-content:center}.generation-art{width:min(100%,300px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.sticker-preview{position:relative;width:230px;height:230px}.sticker-paper{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:34px 34px 34px 10px;background:#f5f8df;color:#182012;transform:rotate(-6deg);box-shadow:0 26px 70px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.sticker-paper span{font-family:var(--font-serif);font-size:14px;letter-spacing:2px;color:#78904f}.sticker-paper strong{font-size:28px}.sticker-dot{position:absolute;border-radius:50%;background:var(--accent-main);box-shadow:0 0 24px #dcee8873}.dot-a{width:24px;height:24px;right:24px;top:32px}.dot-b{width:14px;height:14px;left:38px;bottom:28px}.emoji-preview,.perler-preview{display:grid;gap:10px}.emoji-preview{grid-template-columns:repeat(2,104px)}.emoji-cell{aspect-ratio:1;border-radius:30px;background:linear-gradient(145deg,#dfee94,#829455);color:#172010;display:grid;place-items:center;font-size:38px;font-weight:900;box-shadow:0 20px 44px #00000040}.perler-preview{grid-template-columns:repeat(10,16px);padding:22px;border-radius:24px;background:#ffffff0a}.bead{width:16px;height:16px;border-radius:50%}.bead-0{background:#e9efc7}.bead-1{background:#c7dc7d}.bead-2{background:#6e834a}.bead-3{background:#2f3f28}.bead-4{background:#d5c4aa}.guide-preview{width:280px;display:flex;flex-direction:column;gap:14px}.guide-step{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.guide-step span{font-family:var(--font-serif);color:var(--accent-main);font-size:24px}.guide-step strong{color:#fff}.generation-copy{text-align:center;margin:8px 0 18px}.generation-kicker{color:var(--accent-main)!important;font-size:13px!important;margin-bottom:8px!important}.generation-copy h1{margin:0 0 10px;color:#fff;font-size:26px}.generation-copy p{margin:0 auto;max-width:330px;color:#aab19d;line-height:1.55}.generation-failed{min-height:62dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.generation-failed h1{margin:0 0 12px;color:#fff;font-size:28px}.generation-failed p{margin:0 0 24px;color:var(--text-muted);line-height:1.6;max-width:300px}.generation-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.generation-meta div{padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.generation-meta span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:6px}.generation-meta strong{color:#fff;font-size:14px}.generation-actions{display:flex;gap:12px}.generation-loading-view{min-height:100dvh;padding:max(24px,env(safe-area-inset-top,0px)) 24px calc(30px + var(--safe-area-bottom));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(220,238,136,.18),transparent 28%),radial-gradient(circle at 50% 78%,rgba(106,132,74,.18),transparent 32%),linear-gradient(180deg,#090c08,#040604 52%,#010201)}.generation-loading-back{position:absolute;left:22px;top:max(22px,env(safe-area-inset-top,0px));z-index:5}.generation-loading-orbit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.generation-loading-orbit span{position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(220,238,136,.12);animation:loadingOrbit 2.6s linear infinite}.generation-loading-orbit span:nth-child(2){width:210px;height:210px;animation-duration:3.4s;transform:rotate(60deg) scaleX(1.26)}.generation-loading-orbit span:nth-child(3){width:320px;height:320px;animation-duration:4.6s;animation-direction:reverse;opacity:.48}@keyframes loadingOrbit{to{transform:rotate(360deg) scaleX(1.2)}}.generation-loading-center{position:relative;z-index:2;width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center}.loading-object-chip{padding:8px 13px;border-radius:999px;color:var(--accent-main);background:#dcee881a;border:1px solid rgba(220,238,136,.18);font-size:13px;font-weight:700}.loading-spinner{width:108px;height:108px;border-radius:36px;margin:28px 0 22px;background:linear-gradient(145deg,#f4f0dd,#c9bea3);display:grid;place-items:center;box-shadow:0 28px 70px #00000057;transform:rotate(-5deg)}.loading-spinner span{width:34px;height:34px;border-radius:50%;border:3px solid rgba(23,32,16,.18);border-top-color:#172010;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generation-loading-center h1{margin:0 0 10px;color:#fff;font-size:28px}.generation-loading-center p{margin:0 0 22px;color:var(--text-muted);line-height:1.6;font-size:14px}.generation-field{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none;background:linear-gradient(rgba(220,238,136,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(220,238,136,.03) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 48%,rgba(0,0,0,.92),transparent 68%);mask-image:radial-gradient(circle at 50% 48%,rgba(0,0,0,.92),transparent 68%);opacity:.55;transform:perspective(520px) rotateX(62deg) translateY(42px);animation:generationGridDrift 5.8s linear infinite}@keyframes generationGridDrift{0%{background-position:0 0,0 0}to{background-position:0 68px,68px 0}}.generation-sensory{position:relative;width:min(330px,86vw);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 30px;isolation:isolate}.sensory-aura,.sensory-ring,.sensory-scan,.sensory-particles,.sensory-particles i{position:absolute;pointer-events:none}.sensory-aura{top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;filter:blur(26px);opacity:.9}.sensory-aura-one{background:radial-gradient(circle,rgba(220,238,136,.28),transparent 62%);animation:auraPulseOne 3.2s ease-in-out infinite}.sensory-aura-two{top:25%;right:25%;bottom:25%;left:25%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%);animation:auraPulseTwo 2.5s ease-in-out infinite}@keyframes auraPulseOne{0%,to{transform:scale(.88);opacity:.42}50%{transform:scale(1.08);opacity:.88}}@keyframes auraPulseTwo{0%,to{transform:scale(1.08);opacity:.28}50%{transform:scale(.78);opacity:.64}}.sensory-ring{top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;border:1px solid rgba(220,238,136,.24);box-shadow:inset 0 0 28px #dcee880f,0 0 28px #dcee8814}.sensory-ring-one{animation:sensorySpin 7s linear infinite}.sensory-ring-two{top:22%;right:22%;bottom:22%;left:22%;border-color:#ffffff2e;transform:rotate(32deg) scaleX(1.28);animation:sensorySpinReverse 5.2s linear infinite}.sensory-ring-three{top:31%;right:31%;bottom:31%;left:31%;border-style:dashed;border-color:#dcee885c;animation:sensorySpin 3.8s linear infinite}@keyframes sensorySpin{to{transform:rotate(360deg)}}@keyframes sensorySpinReverse{to{transform:rotate(-328deg) scaleX(1.28)}}.sensory-scan{width:72%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),rgba(220,238,136,.84),transparent);box-shadow:0 0 24px #dcee886b,0 0 58px #ffffff3d;z-index:4;animation:scanPass 2.2s ease-in-out infinite}@keyframes scanPass{0%,to{transform:translateY(-88px) scaleX(.7);opacity:0}18%{opacity:1}50%{transform:translateY(0) scaleX(1);opacity:.94}82%{opacity:1}to{transform:translateY(88px) scaleX(.72);opacity:0}}.sensory-orb{position:relative;z-index:3;width:128px;height:128px;border-radius:38px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.22),transparent 36%),linear-gradient(145deg,#dcee8852,#303c24ad);border:1px solid rgba(220,238,136,.34);box-shadow:0 28px 80px #00000073,0 0 60px #dcee8838,inset 0 0 34px #ffffff17;animation:objectFloat 3.2s ease-in-out infinite}.sensory-orb:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.36),transparent 34%);animation:orbGlint 3.6s linear infinite}.sensory-orb img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.04) contrast(1.05)}.sensory-orb svg{position:relative;z-index:2;width:68px;height:68px;stroke:#f5fcd6f0;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}@keyframes objectFloat{0%,to{transform:translateY(8px) rotate(-4deg) scale(.98)}50%{transform:translateY(-10px) rotate(3deg) scale(1.03)}}@keyframes orbGlint{to{transform:rotate(360deg)}}.sensory-particles{top:0;right:0;bottom:0;left:0;z-index:5}.sensory-particles i{width:4px;height:4px;border-radius:999px;background:#e7f890eb;box-shadow:0 0 12px #dcee88c2;opacity:0;left:50%;top:50%;transform:rotate(var(--particle-angle)) translate(54px);animation:particleDrift 2.8s ease-in-out infinite;animation-delay:var(--particle-delay)}.sensory-particles i:nth-child(1){--particle-angle: 0deg;--particle-delay: 0s}.sensory-particles i:nth-child(2){--particle-angle: 24deg;--particle-delay: -.4s}.sensory-particles i:nth-child(3){--particle-angle: 48deg;--particle-delay: -1.1s}.sensory-particles i:nth-child(4){--particle-angle: 72deg;--particle-delay: -.8s}.sensory-particles i:nth-child(5){--particle-angle: 96deg;--particle-delay: -1.7s}.sensory-particles i:nth-child(6){--particle-angle: 120deg;--particle-delay: -.2s}.sensory-particles i:nth-child(7){--particle-angle: 144deg;--particle-delay: -1.4s}.sensory-particles i:nth-child(8){--particle-angle: 168deg;--particle-delay: -.7s}.sensory-particles i:nth-child(9){--particle-angle: 192deg;--particle-delay: -1.9s}.sensory-particles i:nth-child(10){--particle-angle: 216deg;--particle-delay: -.5s}.sensory-particles i:nth-child(11){--particle-angle: 240deg;--particle-delay: -1.2s}.sensory-particles i:nth-child(12){--particle-angle: 264deg;--particle-delay: -.9s}.sensory-particles i:nth-child(13){--particle-angle: 288deg;--particle-delay: -1.6s}.sensory-particles i:nth-child(14){--particle-angle: 312deg;--particle-delay: -.3s}.sensory-particles i:nth-child(15){--particle-angle: 336deg;--particle-delay: -1.3s}.sensory-particles i:nth-child(16){--particle-angle: 352deg;--particle-delay: -.95s}@keyframes particleDrift{0%{opacity:0;transform:rotate(var(--particle-angle)) translate(46px) scale(.4)}25%{opacity:.95}to{opacity:0;transform:rotate(var(--particle-angle)) translate(148px) scale(1.05)}}.generation-loading-copy{min-height:78px;display:grid;place-items:center;gap:14px}.generation-state-kicker{width:fit-content;padding:8px 14px;border-radius:999px;color:#f2fbd3e6;background:#ffffff13;border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.generation-mini-line{width:118px;height:2px;overflow:hidden;border-radius:999px;background:#ffffff14}.generation-mini-line span{display:block;width:44px;height:100%;border-radius:inherit;background:#dcee88f5;box-shadow:0 0 18px #dcee88b8;animation:miniLineMove 1.35s ease-in-out infinite}@keyframes miniLineMove{0%,to{transform:translate(-48px)}50%{transform:translate(122px)}}.failed-copy h1{margin:0;color:#fff;font-size:34px;line-height:1}.failed-copy p{margin:-4px 0 6px;color:#e6ecd694;font-size:14px}.generation-retry-btn{width:96px;height:96px;border:0;border-radius:50%;background:#dcee88f5;color:#10140c;font:inherit;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 22px 70px #dcee883d,0 0 0 1px #fff3 inset;transition:transform .18s ease}.generation-retry-btn:active{transform:scale(.94)}.generation-loading-view.is-failed .sensory-scan,.generation-loading-view.is-failed .sensory-particles i{animation-play-state:paused;opacity:0}.generation-loading-view.is-failed .sensory-orb{filter:grayscale(.28) saturate(.8);animation-duration:4.8s}.generated-real-image{border-radius:34px;box-shadow:0 26px 70px #00000059}.capture-top-spacer{width:42px;height:42px;flex:0 0 42px}.home-view .home-header{padding:24px 24px 0}.home-view .showcase{margin-top:42px;margin-bottom:30px}.home-view .item-details{margin-bottom:22px}.home-view .item-details h2{font-size:25px;margin-bottom:8px}.home-view .item-details .quote{margin-bottom:8px;color:#bfc5b4}.home-view .home-actions-wrap{padding-bottom:calc(18px + var(--safe-area-bottom))}.capture-detail-view,.result-view,.publish-view{padding:22px 22px 0}.capture-top-bar,.result-top-bar,.publish-top-bar{margin-bottom:22px;min-height:42px}.capture-top-bar .titles,.publish-top-bar .titles{max-width:calc(100% - 110px)}.photo-preview-container{margin-bottom:22px;border-radius:22px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 44px #0000003d}.photo-preview-placeholder{color:#ffffffb8}.recognition-info{margin-bottom:18px}.recognition-info h3{margin-bottom:8px}.recognition-info p{font-size:13px}.draft-card-container{padding:18px;border-radius:20px;background:#ffffff07}.draft-header{margin-bottom:12px;color:#d6dcc7}.capture-fields{gap:10px;margin-bottom:14px}.capture-fields input{height:44px}.capture-fields textarea{min-height:104px}.draft-actions{gap:10px}.draft-btn{height:46px}.result-heading{justify-content:flex-start;text-align:left;font-size:24px;margin:4px 0 18px;color:#fff}.quick-generate-panel{min-height:286px;margin-bottom:18px;border-radius:28px}.quick-action{border-radius:999px}.quick-action small{display:none}.quick-generate-center small{color:#ffffff6b}.info-list{gap:10px;margin-bottom:18px}.info-card{padding:15px 16px;border-radius:16px;background:#ffffff07;box-shadow:none}.info-content{font-size:14px;line-height:1.55;color:#dfe3d6}.info-label{display:block;margin-bottom:5px;color:var(--accent-main);font-size:12px}.result-actions,.generation-actions{gap:10px}.action-btn{height:52px;border-radius:18px}.square-view{padding-top:26px}.square-header{margin-bottom:18px}.square-header h1{margin-bottom:6px}.square-tabs{gap:12px;margin-bottom:18px}.square-tab{padding:8px 14px;border-radius:999px;background:#ffffff09}.square-tab.active{background:#dcee8824}.square-card{border-radius:18px;background:#ffffff05;box-shadow:none}.square-card-info{padding:12px}.square-card-category{margin-bottom:6px;font-size:11px}.square-card-title{margin-bottom:10px;line-height:1.35}.square-card-author{display:none}.square-card-likes{margin-top:0}.profile-view{padding:30px 22px 20px}.profile-header{gap:18px;margin-bottom:22px}.avatar{width:72px;height:72px;font-size:34px}.profile-name{font-size:24px;margin-bottom:8px}.profile-stats{line-height:1.5}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.profile-summary button,.profile-empty{height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#ffffff09;color:#f5f6f1;font:inherit;font-weight:700;cursor:pointer}.section-title{margin:0 0 14px;font-size:18px}.profile-gallery{gap:12px}.profile-card{border-radius:18px;box-shadow:none}.profile-card img{width:100%;height:100%;object-fit:cover;display:block}.profile-card small{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 9px;border-radius:999px;background:#0000007a;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.profile-empty{width:100%;height:72px;color:var(--text-muted)}.publish-top-bar{align-items:center}.publish-preview-img{border-radius:22px;margin-bottom:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);box-shadow:none;overflow:hidden}.publish-preview-img img{width:100%;height:100%;object-fit:cover;display:block}.publish-preview-img span{color:var(--text-muted)}.form-group{margin-bottom:22px}.form-label{margin-bottom:10px}.form-input-container{padding:0 14px;height:50px;border-radius:15px}.form-tags{gap:10px}.form-tag-btn{padding:9px 14px}.toggle-row{padding:16px 0}.publish-actions{margin-top:6px}.btn-publish{height:54px}.generation-view{padding:22px 22px 28px}.generation-top{margin-bottom:18px}.generation-hero{min-height:280px}.generation-art{width:min(100%,292px)}.generation-copy{margin:6px 0 22px}.generation-copy h1{font-size:24px}.generation-copy p{font-size:14px;max-width:280px}.generated-real-image{border-radius:28px}.result-recommend-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:16px;padding:18px;border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(220,238,136,.16),transparent 42%),#ffffff0b;border:1px solid rgba(220,238,136,.15)}.result-recommend-copy{min-width:0}.result-recommend-copy span{display:block;color:var(--accent-main);font-size:12px;font-weight:700;margin-bottom:6px}.result-recommend-copy strong{display:block;color:#fff;font-size:23px;margin-bottom:8px}.result-recommend-copy p{margin:0;color:#b8bfaa;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-generate-btn{width:92px;height:52px;border:0;border-radius:18px;background:linear-gradient(135deg,#e1f096,#b7cc66);color:#172010;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 14px 34px #dcee8833}.quick-action.is-recommended{border-color:#dcee8880;background:#dcee881f}.feature-line{margin:6px 0 0;color:#aeb7a2}.journal-calendar{margin-bottom:26px;padding:18px;border-radius:22px;background:#ffffff07;box-shadow:none}.journal-calendar .cal-top{margin-bottom:18px}.journal-calendar .cal-month{font-size:24px}.calendar-subtitle{margin:5px 0 0;color:var(--text-muted);font-size:12px}.journal-calendar .cal-nav{padding:7px 11px;border-radius:999px;color:#cbd2bd}.journal-grid{row-gap:8px;column-gap:4px}.journal-grid .cal-day-header{margin-bottom:2px;font-size:12px}.journal-cell{height:48px;border-radius:14px;flex-direction:column;gap:2px}.journal-cell span{color:inherit;font-size:14px;line-height:1}.journal-cell small{color:#ffffff57;font-size:9px;line-height:1;min-height:10px}.journal-cell.empty{opacity:.24}.journal-cell.today{outline:1px solid rgba(255,255,255,.16);color:#fff}.journal-cell.highlight{background:#dcee8821;color:var(--accent-main);box-shadow:none}.journal-cell i{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:999px;background:var(--accent-main);color:#172010;font-style:normal;font-size:9px;display:grid;place-items:center;font-weight:800}.journal-calendar{margin-bottom:20px;padding:16px}.journal-calendar .cal-top{margin-bottom:14px}.journal-grid{row-gap:5px}.journal-cell{height:42px;border-radius:12px}.section-title{margin-bottom:12px}.profile-empty{height:58px}.app-container{background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#10120f,#070807 48%,#030403)}.view-animate{animation:iosViewIn .42s cubic-bezier(.2,.9,.2,1) both}@keyframes iosViewIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.welcome-view{animation:guestFadeIn .48s ease-out both}@keyframes guestFadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.home-header-left .title,.gallery-title h1,.square-header h1,.profile-name,.result-heading,.generation-copy h1,.generation-loading-center h1{letter-spacing:0}.home-header-left .title,.result-heading,.square-header h1{font-size:31px;line-height:1.08;font-weight:800}.welcome-brand h1{font-size:clamp(34px,9vw,40px);font-weight:850}.bottom-nav{left:12px;right:12px;bottom:calc(8px + var(--safe-area-bottom));width:auto;height:70px;padding:8px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#121411b8;box-shadow:0 20px 55px #0000005c;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.nav-item{height:54px;border-radius:22px;transition:transform .18s ease,color .18s ease,background .18s ease}.nav-item.active{color:#10140c;background:#dcee88e6}.nav-item.active span{font-weight:800}.scroll-content{padding-bottom:calc(92px + var(--safe-area-bottom))}.back-btn,.generation-more-btn,.plant-btn,.fab-btn,.sheet-close{border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn,.draft-btn,.action-btn,.welcome-main-btn,.welcome-guest-primary,.welcome-auth-link,.recommend-generate-btn,.btn-publish,.profile-summary button,.profile-empty{border-radius:999px}.btn-primary,.welcome-main-btn,.welcome-guest-primary,.recommend-generate-btn,.btn-publish,.action-btn.btn-solid{background:#dcee88f2;color:#11160d;box-shadow:0 12px 34px #dcee882e}.btn-secondary,.action-btn.btn-outline,.welcome-auth-link,.draft-btn-edit,.profile-summary button,.profile-empty{background:#ffffff12;border:1px solid rgba(255,255,255,.08);color:#eef2e7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.photo-preview-container,.draft-card-container,.recognition-info,.result-recommend-card,.quick-generate-panel,.info-card,.calendar-card,.journal-calendar,.publish-preview-img,.form-input-container,.toggle-row,.square-card,.profile-card{background:#ffffff0e;border:1px solid rgba(255,255,255,.075);box-shadow:none;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.recognition-info{padding:13px 14px;border-radius:20px}.capture-fields input,.capture-fields textarea,.welcome-auth-sheet input{background:#ffffff12;border-color:#ffffff14}.welcome-auth-sheet{border-radius:34px 34px 0 0;background:#191b17d1;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(34px) saturate(160%);-webkit-backdrop-filter:blur(34px) saturate(160%)}.welcome-auth-tabs,.square-tabs{padding:4px;gap:4px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.welcome-auth-tabs button,.square-tab{border-radius:999px}.welcome-auth-tabs button.active,.square-tab.active{color:#11160d;background:#dcee88eb}.fortune-accepted .main-image{animation:acceptPop .42s cubic-bezier(.18,1.45,.35,1) both}@keyframes acceptPop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}.fortune-accepted .fortune-sparkles span{animation:sparkleFloat .9s ease-out both}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(10px) scale(.55)}25%{opacity:1}to{opacity:0;transform:translateY(-20px) scale(1.05)}}.quick-action{border-radius:999px;aspect-ratio:1;min-height:76px;width:82px;justify-self:center;background:#ffffff16;box-shadow:0 18px 36px #0000002e;animation:quickSpring .58s cubic-bezier(.18,1.45,.35,1) both}.quick-action:nth-child(1){animation-delay:.02s}.quick-action:nth-child(2){animation-delay:.08s}.quick-action:nth-child(3){animation-delay:.14s}.quick-action:nth-child(4){animation-delay:.2s}@keyframes quickSpring{0%{opacity:0;transform:scale(.68) translateY(14px)}70%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-action-grid{gap:76px 64px}.quick-action.is-recommended{background:#dcee8829;border-color:#dcee886b}.generation-loading-orbit,.loading-spinner{display:none}.loading-progress-wrap{width:min(280px,74vw);height:12px;margin:34px 0 24px;border-radius:999px;overflow:hidden;background:#ffffff17;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading-progress-bar{width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dcee8847,#dcee88f2,#ffffffe0);animation:softProgress 1.8s ease-in-out infinite}@keyframes softProgress{0%{transform:translate(-100%);width:34%;opacity:.62}45%{width:56%;opacity:1}to{transform:translate(285%);width:34%;opacity:.7}}.generation-loading-center p{max-width:230px}.scroll-content:has(.capture-live-view){padding-bottom:0}.capture-live-view{min-height:100%;padding:22px 22px calc(28px + var(--safe-area-bottom));overflow:hidden}.capture-live-view .capture-top-bar{margin-bottom:14px}.capture-live-view .capture-top-bar h1{font-size:18px;font-weight:750;letter-spacing:0}.capture-live-view .capture-top-bar p{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8d385}.capture-upload-stage{position:relative;min-height:min(530px,calc(100dvh - 180px));display:grid;place-items:center;padding:42px 0 34px;isolation:isolate}.capture-upload-halo{position:absolute;width:min(310px,78vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(220,238,136,.24),transparent 64%),conic-gradient(from 20deg,transparent,rgba(255,255,255,.12),transparent 38%,rgba(220,238,136,.2),transparent 72%);filter:blur(4px);animation:auraPulseOne 3.2s ease-in-out infinite;z-index:-1}.capture-upload-mark{width:134px;height:134px;border-radius:42px;display:grid;place-items:center;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.2),transparent 42%),#ffffff13;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px #00000057,inset 0 0 34px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.capture-upload-mark svg{width:58px;height:58px;fill:none;stroke:#f1f8d5e6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.capture-upload-actions{position:absolute;left:0;right:0;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.capture-source-btn,.capture-retake-btn{position:relative;height:54px;display:grid;place-items:center;border-radius:999px;overflow:hidden;color:#10150c;background:#dcee88f0;font-size:16px;font-weight:850;cursor:pointer;box-shadow:0 22px 58px #dcee882b}.capture-source-btn.secondary,.capture-retake-btn{color:#f5f8ebdb;background:#ffffff14;border:1px solid rgba(255,255,255,.1);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.capture-source-btn input,.capture-retake-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.capture-live-stage{position:relative;min-height:348px;display:grid;place-items:center;margin:-2px 0 16px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(220,238,136,.09),transparent 44%),#ffffff07;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 48px #ffffff05,0 24px 70px #00000040}.capture-field{top:-25%;right:-25%;bottom:-25%;left:-25%;opacity:.46}.capture-sensory{width:min(286px,76vw);margin:0}.capture-object-preview{width:124px;height:124px;border-radius:38px}.phase-archived .sensory-scan,.phase-failed .sensory-scan{opacity:0}.phase-archived .sensory-ring,.phase-archived .sensory-particles i{animation-duration:4.8s}.capture-archive-badge{position:absolute;left:50%;bottom:22px;z-index:8;display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 9px;border-radius:999px;color:#f5fae2f0;background:#0e120bad;border:1px solid rgba(220,238,136,.22);opacity:0;transform:translate(-50%,16px) scale(.84);pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.capture-archive-badge.is-visible{animation:archiveBadgeIn 1.55s cubic-bezier(.18,1.45,.35,1) both}@keyframes archiveBadgeIn{0%{opacity:0;transform:translate(-50%,18px) scale(.78)}18%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.96)}}.capture-archive-badge span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#dcee88f5}.capture-archive-badge svg{width:15px;height:15px;fill:none;stroke:#10140c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.capture-retake-btn{position:absolute;right:14px;top:14px;width:74px;height:36px;z-index:9;font-size:12px}.capture-recognition-strip{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:22px;color:#f7faeee6;background:#0b0e0a8a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.capture-recognition-strip strong,.capture-recognition-strip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-recognition-strip strong{flex:0 1 auto;font-size:15px}.capture-recognition-strip span{flex:1;text-align:right;color:#e2e8d385;font-size:12px}.capture-story-panel{padding:15px;border-radius:28px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px #0000002e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.capture-story-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.capture-story-head strong,.capture-story-head span{display:block}.capture-story-head strong{color:#fff;font-size:15px}.capture-story-head span{margin-top:3px;color:#e2e8d380;font-size:12px}.capture-mic-btn{width:52px;height:52px;flex:0 0 52px;border:0;border-radius:50%;display:grid;place-items:center;color:#10150c;background:#dcee88f2;box-shadow:0 18px 52px #dcee8833;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.capture-mic-btn:active{transform:scale(.94)}.capture-mic-btn.is-listening{animation:micPulse 1.05s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #dcee8857,0 18px 52px #dcee8833}50%{box-shadow:0 0 0 14px #dcee8800,0 18px 52px #dcee8852}}.capture-mic-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.capture-story-input{width:100%;min-height:118px;resize:vertical;border:0;border-radius:22px;padding:15px 16px;color:#f3f7e8;background:#06080657;outline:none;font:inherit;font-size:15px;line-height:1.62}.capture-story-input::placeholder{color:#e5ebd757}.capture-next-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;padding-bottom:max(0px,env(safe-area-inset-bottom))}.capture-next-btn{min-height:88px;border:1px solid rgba(255,255,255,.08);border-radius:28px;display:grid;place-items:center;gap:7px;color:#f6fae8e6;background:#ffffff12;box-shadow:0 18px 40px #00000029;cursor:pointer;animation:quickSpring .58s cubic-bezier(.18,1.45,.35,1) both}.capture-next-btn:nth-child(2){animation-delay:.06s}.capture-next-btn:nth-child(3){animation-delay:.12s}.capture-next-btn:disabled{opacity:.52;cursor:default}.capture-next-btn.is-recommended{color:#10150c;background:#dcee88eb}.capture-next-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.capture-next-btn span{font-size:13px;font-weight:850;white-space:nowrap}.capture-error-actions{display:grid;place-items:center;margin-top:18px}@media(max-height:760px){.capture-live-stage{min-height:304px}.capture-sensory{width:min(250px,72vw)}.capture-object-preview{width:108px;height:108px}.capture-story-input{min-height:96px}.capture-next-btn{min-height:76px;border-radius:24px}}:root{--font-family: "LXGW WenKai Screen", "STKaiti", "Kaiti SC", "PingFang SC", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-serif: "Songti SC", "Noto Serif SC", Georgia, serif}.home-header-left .title,.city-title,.vd-title,.square-header h1,.publish-top-bar h1,.profile-name,.result-heading,.generation-copy h1{font-family:var(--font-serif);font-weight:760}.btn,.welcome-main-btn,.welcome-guest-primary,.capture-next-btn,.square-tab,.form-tag-btn,.btn-publish{font-weight:760}.home-upload-action{width:100%;height:58px;margin-bottom:10px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;color:#12170d;background:#dcee88f5;box-shadow:0 20px 52px #dcee882e;cursor:pointer}.home-upload-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.home-view .actions-row .btn-primary{background:#ffffff13;color:#f4f8e9e6;box-shadow:none;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-view .actions-row .btn-secondary{border-radius:999px}.vd-archive-detail{background:radial-gradient(circle at 50% 0%,rgba(220,238,136,.08),transparent 38%),#050604}.vd-archive-detail .vd-hero{height:48vh;min-height:330px;background:radial-gradient(circle at 50% 34%,rgba(220,238,136,.18),transparent 46%),#ffffff09}.vd-hero-image{width:min(72vw,270px);height:min(72vw,270px);max-height:280px;border-radius:42px;object-fit:cover;display:block;box-shadow:0 32px 90px #00000080,0 0 0 1px #ffffff14;transform:rotate(-2deg)}.vd-empty-card{width:min(66vw,250px);height:min(76vw,310px);border-radius:38px;background:linear-gradient(145deg,#ffffff14,#ffffff06),radial-gradient(circle at 50% 35%,rgba(220,238,136,.1),transparent 38%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 44px #ffffff06,0 32px 80px #0000005c;display:grid;place-items:center;transform:rotate(-2deg)}.vd-empty-card span{width:72px;height:72px;border-radius:50%;border:1px solid rgba(220,238,136,.28)}.vd-archive-detail .vd-content{padding:0 22px calc(34px + var(--safe-area-bottom));background:transparent;margin-top:-54px}.vd-archive-detail .vd-header-row{align-items:flex-start;margin-bottom:18px}.vd-archive-detail .vd-title{font-size:34px;line-height:1.06;letter-spacing:0}.vd-archive-detail .vd-date{color:#dcee88d6;font-family:var(--font-family);font-size:13px}.vd-story-block,.vd-voice-card{border-radius:26px;padding:18px;margin-bottom:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 46px #0000002e}.vd-story-block span{display:block;margin-bottom:9px;color:#dcee88db;font-size:12px;font-weight:800}.vd-story-block p,.vd-voice-card p{margin:0;color:#f6f9ede0;font-size:15px;line-height:1.72}.vd-user-story p{color:#f0f4e4c2}.vd-voice-card{width:100%;display:flex;align-items:flex-start;gap:14px;border:0;color:inherit;text-align:left;cursor:pointer}.vd-voice-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.vd-voice-row strong{color:#fff;font-size:14px}.vd-voice-row span{color:#dcee88c7;font-size:12px}.vd-archive-detail .vd-voice-icon{background:#dcee88f0;box-shadow:0 18px 42px #dcee8829}.vd-archive-detail .vd-actions-grid{margin-top:18px;gap:10px}.vd-archive-detail .vd-action-btn{padding:16px 8px;gap:9px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vd-archive-detail .vd-action-icon{width:46px;height:46px;background:#dcee881f;color:#f2f8daeb}.vd-archive-detail .vd-action-label{color:#f6f9edb8;font-size:12px}.square-view{padding:max(38px,calc(var(--safe-area-top) + 28px)) 18px calc(var(--nav-height) + 28px);gap:18px}.square-header{padding:0;margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:sticky;top:0;z-index:12;padding-top:max(8px,var(--safe-area-top));padding-bottom:10px;background:linear-gradient(180deg,rgba(16,18,15,.98),rgba(16,18,15,.72) 74%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.square-header h1{font-size:36px;letter-spacing:0;line-height:1.06;margin-bottom:8px}.square-header p{line-height:1.4;max-width:220px}.square-camera-btn{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;color:#10150c;background:#dcee88f2;box-shadow:0 18px 42px #dcee8829}.square-camera-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.square-tabs{width:fit-content;padding:4px;margin:2px 0 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-settings-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:grid;place-items:center;color:#edf3df;background:#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:0 0 auto}.profile-settings-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-settings-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:#00000061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-settings-sheet{width:min(100%,var(--max-width));padding:10px 20px calc(20px + var(--safe-area-bottom));border-radius:34px 34px 0 0;border:1px solid rgba(255,255,255,.1);background:#191b17db;-webkit-backdrop-filter:blur(34px) saturate(160%);backdrop-filter:blur(34px) saturate(160%);box-shadow:0 -28px 70px #0000005c;display:flex;flex-direction:column;gap:14px;animation:sheetUp .28s ease-out}.profile-settings-row{width:100%;min-height:58px;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#f5f7ee;background:#ffffff0f;text-align:left}.profile-settings-row span{font-size:15px;font-weight:700}.profile-settings-row small{color:#f6f9ed85;font-size:12px}.profile-settings-row.danger span{color:#ffb2a8}.square-featured{width:100%;min-height:184px;border:0;border-radius:32px;padding:12px;display:grid;grid-template-columns:.95fr 1fr;gap:14px;color:#fff;text-align:left;background:radial-gradient(circle at 20% 20%,rgba(220,238,136,.11),transparent 36%),#ffffff0e;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #0000003d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.square-featured-img{border-radius:24px;overflow:hidden;display:grid;place-items:center;min-height:160px;color:#ffffff6b}.square-featured-img img{width:100%;height:100%;object-fit:cover;display:block}.square-featured-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:10px 6px 10px 0}.square-featured-copy span{color:var(--accent-main);font-size:12px;font-weight:800;margin-bottom:8px}.square-featured-copy strong{font-size:20px;line-height:1.28;font-family:var(--font-serif)}.square-grid{padding:0;gap:12px}.grid-col{gap:12px}.square-card{border-radius:26px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.square-card-img{border-radius:22px;margin:8px 8px 0;width:calc(100% - 16px);overflow:hidden}.square-card-info{padding:12px 13px 14px}.square-card-category{color:#dcee88eb}.square-card-title{font-size:14px;color:#f8faf1e6;line-height:1.42}.fab-btn{right:20px;bottom:calc(var(--nav-height) + 18px);width:58px;height:58px;background:#dcee88f2;box-shadow:0 22px 54px #dcee8833;z-index:72}.app-fab-btn{position:absolute;right:20px;bottom:calc(var(--nav-height) + 18px + var(--safe-area-bottom))}.publish-view{padding:24px 18px calc(28px + var(--safe-area-bottom))}.publish-top-bar{align-items:center;margin-bottom:18px}.publish-top-bar h1{font-size:26px;letter-spacing:0}.publish-preview-img{aspect-ratio:1 / .86;border-radius:34px;margin-bottom:20px;background:radial-gradient(circle at 50% 24%,rgba(220,238,136,.12),transparent 38%),#ffffff0e;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #00000042}.publish-preview-img img{filter:saturate(1.04) contrast(1.03)}.publish-preview-meta{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:22px;background:#080a0794;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.publish-preview-meta span,.publish-preview-meta strong{display:block}.publish-preview-meta span{color:#dcee88db;font-size:12px;font-weight:800;margin-bottom:4px}.publish-preview-meta strong{color:#fff;font-size:16px;line-height:1.25}.publish-picker{margin-bottom:18px}.publish-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#f8faf1e0;font-size:13px;font-weight:800}.publish-picker-head small{color:#f8faf16b;font-size:12px}.publish-item-list{display:grid;gap:10px}.publish-item-option{width:100%;min-height:66px;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:8px;display:flex;align-items:center;gap:12px;color:#fff;background:#ffffff0b;text-align:left}.publish-item-option.is-selected{border-color:#dcee8880;background:#dcee8818}.publish-item-thumb{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#ffffff14;color:#dcee88e6;font-family:var(--font-serif);font-size:20px}.publish-item-thumb img{width:100%;height:100%;object-fit:cover}.publish-item-option strong,.publish-item-option small{display:block}.publish-item-option strong{font-size:15px;line-height:1.25}.publish-item-option small{margin-top:4px;color:#f8faf17a;font-size:12px}.publish-empty{min-height:420px;display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.publish-empty-orb{width:132px;height:132px;border-radius:38px;background:radial-gradient(circle at 44% 36%,rgba(220,238,136,.28),transparent 42%),#ffffff0e;border:1px solid rgba(255,255,255,.09)}.publish-empty h2{margin:0;font-family:var(--font-serif);color:#fff;font-size:22px}.publish-empty button{height:46px;border:0;border-radius:999px;padding:0 22px;color:#12160d;background:#dcee88f2;font-weight:800}.form-group{margin-bottom:16px}.form-label{margin-bottom:8px;color:#f1f5e5b8;font-size:13px}.form-input-container{height:54px;border-radius:20px;background:#fff1;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.form-input{color:#fff;font-size:16px}.form-tags{gap:8px}.form-tag-btn{border-radius:999px;padding:10px 15px;background:#fff1;border:1px solid rgba(255,255,255,.08);color:#eff4e2ad}.form-tag-btn.active{background:#dcee88eb;color:#11160d;box-shadow:0 14px 36px #dcee8824}.toggle-row{min-height:58px;padding:10px 14px;margin-bottom:8px;border-radius:22px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toggle-label{font-size:15px;color:#f4f8ead1}.toggle-switch{background:#ffffff21}.toggle-switch.active{background:#dcee88e6}.publish-actions{margin-top:14px}.btn-publish{height:58px;border-radius:999px;background:#dcee88f5;box-shadow:0 20px 52px #dcee882e}@media(max-height:760px){.vd-archive-detail .vd-hero{min-height:286px}.vd-hero-image{width:min(62vw,232px);height:min(62vw,232px)}.square-featured{min-height:160px}.publish-preview-img{aspect-ratio:1 / .72}}