:root{color-scheme:light;--color-bg: #F7F6F2;--color-surface: #FFFFFF;--color-surface-soft: #F1F0EB;--color-surface-hover: #ECEBE6;--color-bg-card: var(--color-surface);--color-bg-hover: var(--color-surface-hover);--color-bg-subtle: var(--color-surface-soft);--color-text: #171716;--color-text-soft: #55544F;--color-text-secondary: #6B6962;--color-text-muted: #6B6962;--color-text-inverse: #FFFFFF;--color-primary: #66705D;--color-danger: #B42318;--color-border: #E4E2DC;--color-border-soft: #EEECE6;--color-border-dashed: #CFCBC2;--color-ink: #171716;--color-ink-hover: #2A2926;--color-moss: #66705D;--color-moss-light: #EBF0E8;--color-moss-dark: #4D5745;--color-moss-tint: rgba(102, 112, 93, .12);--color-moss-tint-strong: rgba(102, 112, 93, .2);--color-moss-tint-border: rgba(102, 112, 93, .35);--color-moss-hover: #3A4234;--color-moss-on-dark: #A9C299;--color-terracotta: #D96B43;--color-terracotta-hover: #C25A34;--color-terracotta-soft: #FDF3EF;--color-terracotta-border: #F3CEBF;--color-terracotta-text: #A8481C;--color-on-warm: #1A1C1E;--color-camp: #A0541F;--color-camp-tint: rgba(160, 84, 31, .12);--color-peak: #1D4FD8;--color-peak-tint: rgba(29, 79, 216, .12);--color-deep-pine: #1B3B2B;--color-mountain-fir: #2D4A3E;--color-viewer-bg: #111110;--color-viewer-surface: #1C1C1A;--color-viewer-border: #2A2A26;--color-viewer-text: #F2F1ED;--color-viewer-muted: #8A8880;--font-display: "Lora", Georgia, "Times New Roman", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: var(--font-ui);--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--radius-xs: 4px;--radius-sm: 8px;--radius-button: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--shadow-viewer: 0 20px 50px rgba(0, 0, 0, .5);--sidebar-width: 236px;--content-max-width: 1400px;--editorial-text-width: 680px;--transition-fast: .15s ease-out;--transition-normal: .22s ease-out;--transition-slow: .35s ease-out;--z-modal: 99999}[data-theme=dark]{color-scheme:dark;--color-bg: #111214;--color-surface: #1A1C1E;--color-surface-soft: #222528;--color-surface-hover: #2B2E33;--color-text: #F3F4F6;--color-text-soft: #B5BAC3;--color-text-secondary: #9CA3AF;--color-text-muted: #8F98A4;--color-text-inverse: #111827;--color-border: #2D3136;--color-border-soft: #23262B;--color-border-dashed: #383D45;--color-ink: #F9FAFB;--color-ink-hover: #E5E7EB;--color-danger: #F97066;--color-moss: #8FA87F;--color-moss-light: #1E281C;--color-moss-dark: #A9C299;--color-primary: #8FA87F;--color-moss-tint: rgba(143, 168, 127, .16);--color-moss-tint-strong: rgba(143, 168, 127, .26);--color-moss-tint-border: rgba(143, 168, 127, .42);--color-moss-hover: #C0D3AF;--color-terracotta: #E07A5F;--color-terracotta-hover: #EA8C73;--color-terracotta-soft: rgba(224, 122, 95, .12);--color-terracotta-border: rgba(224, 122, 95, .3);--color-terracotta-text: #E07A5F;--color-on-warm: #1A1C1E;--color-camp: #E08A4A;--color-camp-tint: rgba(224, 138, 74, .14);--color-peak: #7DA2F5;--color-peak-tint: rgba(125, 162, 245, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-feature-settings:"cv02","cv03","cv04","cv11";scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.display-xl{font-family:var(--font-display);font-size:64px;line-height:1;letter-spacing:-.035em;font-weight:500}.display-l{font-family:var(--font-display);font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:500}.display-m{font-family:var(--font-display);font-size:36px;line-height:1.1;letter-spacing:-.025em;font-weight:500}.heading-xl{font-family:var(--font-display);font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:500}.heading-l{font-family:var(--font-display);font-size:24px;line-height:1.2;letter-spacing:-.015em;font-weight:500}.heading-m{font-family:var(--font-ui);font-size:20px;line-height:1.25;letter-spacing:-.01em;font-weight:600}.body-l{font-family:var(--font-ui);font-size:18px;line-height:1.6;color:var(--color-text)}.body-m{font-family:var(--font-ui);font-size:15px;line-height:1.55;color:var(--color-text)}.body-s{font-family:var(--font-ui);font-size:13px;line-height:1.45;color:var(--color-text-soft)}.story-text{font-family:var(--font-display);font-size:18px;line-height:1.75;color:var(--color-text);max-width:var(--editorial-text-width)}.metadata-text{font-family:var(--font-ui);font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.caption-text{font-family:var(--font-ui);font-size:11px;line-height:1.3;color:var(--color-text-muted)}@media(max-width:640px){.display-xl{font-size:42px}.display-l{font-size:36px}.display-m{font-size:30px}.heading-xl{font-size:26px}.heading-l{font-size:22px}.heading-m{font-size:18px}.body-l{font-size:17px}.story-text{font-size:16px;line-height:1.65}}.article-body{color:var(--color-text)}.article-body>*{margin:0 0 1.1em}.article-body>*:last-child{margin-bottom:0}.article-body>:first-child{margin-top:0}.article-h{font-family:var(--font-display);color:var(--color-text);line-height:1.25;letter-spacing:-.015em;margin:1.9em 0 .6em}.article-h:first-child{margin-top:0}h2.article-h{font-size:24px}h3.article-h{font-size:20px}h4.article-h{font-size:18px}h5.article-h,h6.article-h{font-size:16px}.article-quote{margin:1.6em 0;padding:2px 0 2px 20px;border-left:3px solid var(--color-moss);color:var(--color-text-secondary);font-style:italic}.article-quote>*:last-child{margin-bottom:0}.article-list{margin:0 0 1.1em;padding-left:1.5em}.article-list>li{margin-bottom:.4em}.article-list>li::marker{color:var(--color-moss)}.article-body ul ul,.article-body ol ol,.article-body ul ol,.article-body ol ul{margin:.4em 0 0}.article-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.12em .36em;border-radius:4px;background:var(--color-surface-soft);border:1px solid var(--color-border)}.article-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;margin:1.6em 0;-webkit-overflow-scrolling:touch}.article-code code{background:none;border:none;padding:0;font-size:inherit}.article-figure{margin:2em 0}.article-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-md);background:var(--color-surface-soft)}.article-figure figcaption{display:block;margin-top:10px;text-align:center;line-height:1.45}.article-hr{margin:2.4em 0;border:none;border-top:1px solid var(--color-border)}.article-body a{color:var(--color-moss-dark);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article-body a:hover{color:var(--color-moss)}@media(max-width:640px){.article-figure,.article-code{margin-left:-8px;margin-right:-8px}.article-code{font-size:13px;padding:12px 14px}h2.article-h{font-size:21px}h3.article-h{font-size:18px}}.art{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.art-loading{padding:28px 16px;text-align:center;color:var(--color-text-secondary);font-size:13.5px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.art-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:var(--color-surface-soft);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:2}.art-tb-group{display:flex;align-items:center;gap:2px}.art-tb-group+.art-tb-group{padding-left:10px;border-left:1px solid var(--color-border)}.art-tb-group--end{margin-left:auto}.art-tb{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.art-tb:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.art-tb.is-on{background:var(--color-moss);border-color:var(--color-moss);color:#fff}.art-tb:disabled{opacity:.35;cursor:not-allowed}.art-prose{padding:20px 22px;min-height:260px;max-width:none;font-family:var(--font-display);font-size:17px;line-height:1.75;color:var(--color-text);outline:none}.art-prose>*{margin:0 0 .9em}.art-prose>*:last-child{margin-bottom:0}.art-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:var(--color-text-muted);font-style:italic}.art-prose h2,.art-prose h3,.art-prose h4{font-family:var(--font-display);line-height:1.25;letter-spacing:-.015em;margin:1.6em 0 .5em}.art-prose>h2:first-child,.art-prose>h3:first-child{margin-top:0}.art-prose h2{font-size:22px}.art-prose h3{font-size:19px}.art-prose h4{font-size:17px}.art-prose ul,.art-prose ol{padding-left:1.5em;margin:0 0 .9em}.art-prose li{margin-bottom:.3em}.art-prose blockquote{margin:1.3em 0;padding:2px 0 2px 18px;border-left:3px solid var(--color-moss);color:var(--color-text-secondary);font-style:italic}.art-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.1em .34em;border-radius:4px;background:var(--color-surface-soft);border:1px solid var(--color-border)}.art-prose pre{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;overflow-x:auto;margin:1.3em 0}.art-prose pre code{background:none;border:none;padding:0;font-size:13.5px;line-height:1.6}.art-prose a{color:var(--color-moss-dark);text-decoration:underline;text-underline-offset:2px}.art-prose img{display:block;max-width:100%;height:auto;margin:1.6em 0 .4em;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:border-color .15s ease}.art-prose img.ProseMirror-selectednode{border-color:var(--color-moss)}.art-prose hr{border:none;border-top:1px solid var(--color-border);margin:1.8em 0}.art-caption-box{padding:12px 14px;background:var(--color-surface-soft);border-top:1px solid var(--color-border)}.art-caption-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.art-caption-input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-ui);font-size:14px}.art-caption-input:focus{outline:2px solid var(--color-moss);outline-offset:1px}.art-caption-actions{display:flex;gap:8px;margin-top:10px}.art-status{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-surface-soft)}.art-status-dirty{margin-left:auto;color:var(--color-terracotta-text);font-weight:500}@media(max-width:640px){.art-prose{padding:16px 14px;font-size:16px}.art-tb{width:38px;height:38px}.art-tb-group+.art-tb-group{padding-left:6px}}.app-container{display:flex;min-height:100vh;width:100%;max-width:100vw;background-color:var(--color-bg)}.main-content{flex:1;min-width:0;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-10) var(--space-16) var(--space-10)}.sync-status{margin-bottom:var(--space-4);padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text-soft);font-size:13px}.sync-status.is-offline{border-color:#f2c94c;background:#fff9e8;color:#7a5d00}[data-theme=dark] .sync-status.is-offline{background:#2c2716;color:#f6d365}@media(max-width:1024px){.main-content{padding:var(--space-6) var(--space-6) 90px var(--space-6)}}@media(max-width:640px){.main-content{padding:var(--space-4) var(--space-4) 85px var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-ui);font-size:13.5px;font-weight:500;border-radius:var(--radius-button);padding:0 18px;height:44px;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-sm{height:36px;padding:0 12px;font-size:12px;gap:5px}.btn-lg{height:46px;padding:0 20px;font-size:14px}.btn:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--color-moss);outline-offset:1px}.btn-primary{background-color:var(--color-ink);color:var(--color-text-inverse);border:1px solid var(--color-ink)}.btn-primary:hover{background-color:var(--color-ink-hover);border-color:var(--color-ink-hover)}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:#d4d1c8}.btn-surface{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-surface:hover{background-color:var(--color-surface-soft)}.btn-ghost{background-color:transparent;color:var(--color-text-soft);border:1px solid transparent}.btn-ghost:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.spin,.spin-animation{display:inline-block;animation:tcj-spin .8s linear infinite}@keyframes tcj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin,.spin-animation{animation-duration:2.4s}}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-button);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-soft);background-color:transparent;border:1px solid transparent;transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.btn-icon-surface{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-sm)}.btn-icon-surface:hover{background-color:var(--color-surface-soft)}.surface-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.surface-card:hover{border-color:#d6d3c9}.editorial-img-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-surface-soft)}.editorial-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.editorial-img-wrapper:hover .editorial-img{transform:scale(1.015)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--color-text-soft)}.form-input,.form-select,.form-textarea{width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-error{padding:10px 12px;border:1px solid #FECACA;border-radius:var(--radius-sm);background:#fef2f2;color:#b91c1c;font-size:13px}.eyebrow{color:var(--color-moss-dark);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.moment-editor{width:95%!important;max-width:860px!important;max-height:92vh!important;height:auto!important;margin:auto!important;border-radius:var(--radius-lg, 16px)!important;border:1px solid var(--color-border)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--color-surface)!important;box-shadow:0 25px 50px -12px #00000073!important;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1)!important}.moment-editor__header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 14px;border-bottom:1px solid var(--color-border);flex-shrink:0}.moment-editor__header h2{margin-top:2px;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.2}.moment-editor__form{display:flex;flex-direction:column;gap:13px;padding:16px 22px;overflow-y:auto;flex:1 1 auto;min-height:0}.moment-editor__form .form-group{display:flex;flex-direction:column;gap:5px}.moment-editor__form .form-label{font-size:12.5px;font-weight:500;color:var(--color-text-soft)}.moment-editor__form .form-input{height:38px;padding:8px 12px;font-size:13.5px;border-radius:var(--radius-sm)}.moment-editor__form .form-textarea{min-height:76px;height:80px;padding:10px 12px;font-size:13.5px;line-height:1.5;resize:vertical;border-radius:var(--radius-sm)}.moment-editor__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.moment-editor__grid--meta{align-items:flex-end}.moment-editor__upload{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border:1px dashed var(--color-border-dashed);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text-soft);font-size:12.5px;cursor:pointer;padding:0 12px;transition:all var(--transition-fast)}.moment-editor__upload:hover{background:var(--color-surface-hover, #f3f4f6);border-color:var(--color-text-muted)}.moment-editor__upload input{position:absolute;width:1px;height:1px;opacity:0}.moment-editor__privacy{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:12.5px;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:2px}.moment-editor__footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.moment-editor__footer .btn{height:44px;padding:0 16px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.upload-modal{width:95%!important;max-width:760px!important;max-height:min(92vh,800px)!important;height:auto!important;margin:auto!important;border-radius:var(--radius-lg, 16px)!important;border:1px solid var(--color-border)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--color-surface)!important;box-shadow:0 25px 50px -12px #00000073!important;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1)!important}.upload-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 14px;border-bottom:1px solid var(--color-border);flex-shrink:0}.upload-modal__header h2{margin-top:2px;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.25;color:var(--color-text)}.upload-modal__body{display:flex;flex-direction:column;gap:14px;padding:18px 22px;overflow-y:auto;flex:1 1 auto;min-height:0}.upload-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-dropzone{border:1.5px dashed var(--color-border-dashed);background:var(--color-surface-soft);border-radius:var(--radius-md, 12px);padding:26px 20px;text-align:center;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.upload-dropzone:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.upload-dropzone.is-dragging{background:var(--color-moss-light);border-color:var(--color-moss);border-style:solid;transform:scale(.99)}.upload-dropzone.has-files{padding:12px 16px;flex-direction:row;gap:8px}.upload-dropzone__icon-wrap{width:44px;height:44px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--color-moss);margin-bottom:10px;transition:transform var(--transition-fast)}.upload-dropzone:hover .upload-dropzone__icon-wrap{transform:translateY(-2px)}.upload-dropzone__title{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:4px}.upload-dropzone__title strong{color:var(--color-moss-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}.upload-dropzone__hint{font-size:12px;color:var(--color-text-muted)}.upload-dropzone__compact-text{font-size:13px;font-weight:500;color:var(--color-text-soft);display:flex;align-items:center;gap:6px}.upload-photos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:2px}.upload-photos-count{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-soft)}.upload-photos-count__badge{font-weight:600;color:var(--color-text);background:var(--color-surface-soft);padding:3px 9px;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:12px}.btn-ai-caption{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;font-family:var(--font-ui);border-radius:var(--radius-pill);background:#f4f1fa;border:1px solid #DDD6FE;color:#6d28d9;cursor:pointer;transition:all var(--transition-fast)}.btn-ai-caption:hover:not(:disabled){background:#ede9fe;border-color:#c4b5fd;transform:translateY(-1px)}.btn-ai-caption:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .btn-ai-caption{background:#6d28d933;border-color:#a78bfa59;color:#ddd6fe}.upload-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;max-height:330px;overflow-y:auto;padding-right:4px}.upload-photo-card{position:relative;border-radius:var(--radius-sm, 8px);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all var(--transition-fast)}.upload-photo-card:hover{border-color:#cfcbc2;box-shadow:var(--shadow-md)}.upload-photo-card.is-cover{border:2px solid var(--color-moss)}.upload-photo-card__thumb{position:relative;height:105px;background:#232320;overflow:hidden;cursor:pointer}.upload-photo-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.upload-photo-card:hover .upload-photo-card__img{transform:scale(1.03)}.upload-photo-card__cover-badge{position:absolute;top:6px;left:6px;background:var(--color-moss-dark);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px;box-shadow:0 1px 3px #0000004d}.upload-photo-card__set-cover-hint{position:absolute;bottom:6px;left:6px;background:#000000a6;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity var(--transition-fast);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.upload-photo-card__thumb:hover .upload-photo-card__set-cover-hint{opacity:1}.upload-photo-card__btn-delete{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#000000a6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.upload-photo-card__btn-delete:hover{background:#dc2626e6}.upload-photo-card__r2-badge{position:absolute;bottom:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.upload-photo-card__caption-wrap{padding:6px 8px;border-top:1px solid var(--color-border-soft);background:var(--color-surface)}.upload-photo-card__caption-loading{display:flex;align-items:center;gap:5px;color:var(--color-text-muted);font-size:11px;padding:4px 0}.upload-photo-card__caption-form{display:flex;align-items:center;gap:4px}.upload-photo-card__caption-input{flex:1;min-width:0;height:28px!important;padding:4px 8px!important;font-size:11.5px!important;border-radius:var(--radius-xs)!important;background:var(--color-bg)!important;border:1px solid var(--color-border)!important}.upload-photo-card__caption-input:focus{background:var(--color-surface)!important}.upload-photo-card__btn-single-ai{width:28px;height:28px;border-radius:var(--radius-xs);background:#f4f1fa;border:1px solid #DDD6FE;color:#6d28d9;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.upload-photo-card__btn-single-ai:hover{background:#ede9fe;border-color:#c4b5fd}[data-theme=dark] .upload-photo-card__btn-single-ai{background:#6d28d933;border-color:#a78bfa59;color:#ddd6fe}.upload-progress-box{padding:10px 12px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.upload-progress-box__label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--color-text-soft);margin-bottom:6px}.upload-progress-box__track{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.upload-progress-box__fill{height:100%;background:linear-gradient(90deg,var(--color-moss),var(--color-moss-dark));border-radius:3px;transition:width .25s ease}.upload-modal__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.upload-modal__footer-summary{font-size:13px;color:var(--color-text-soft)}.upload-modal__footer-actions{display:flex;align-items:center;gap:10px}.upload-modal__footer .btn{height:44px;padding:0 18px;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.upload-modal{width:100%!important;max-height:94vh!important;border-radius:var(--radius-md)!important}.upload-modal__grid{grid-template-columns:1fr;gap:10px}.upload-modal__header,.upload-modal__body,.upload-modal__footer{padding-left:16px;padding-right:16px}.upload-modal__footer{flex-direction:column-reverse;align-items:stretch}.upload-modal__footer-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.upload-modal__footer-actions .btn{width:100%}}@media(max-width:640px){.moment-editor{width:100%!important;max-height:94vh!important;border-radius:var(--radius-md)!important}.moment-editor__grid{grid-template-columns:1fr;gap:10px}.moment-editor__header,.moment-editor__form,.moment-editor__footer{padding-left:16px;padding-right:16px}}body.drawer-open{overflow:hidden}body.drawer-open .ambient-player-wrap{opacity:0;pointer-events:none;transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.mobile-icon-btn,.mobile-user-chip,.hero-action-btn,.section-view-all,.gear-tab-btn,.btn-mode-toggle,.map-control-btn,.map-view-btn,.map-route-select,.vault-tab,.moments-add-btn,.moment-comments-toggle,.art-tb,.btn-sm,.filter-select,.photos-filter-select,.journeys-search-input,.vault-search-input{min-height:44px!important}.mobile-icon-btn,.hero-action-btn,.map-control-btn,.art-tb{min-width:44px!important}.journeys-search-input,.vault-search-input,.filter-select,.photos-filter-select,.map-route-select{padding-top:10px;padding-bottom:10px}.reaction-btn{min-height:44px!important;min-width:44px!important;justify-content:center}.btn-ghost{min-height:44px!important}}.form-input{height:42px}::placeholder{color:var(--color-text-secondary);opacity:1}input::placeholder,textarea::placeholder{opacity:1}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset;caret-color:var(--color-text)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-moss);background-color:var(--color-surface)}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.tab-nav{display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.tab-btn{position:relative;padding:var(--space-3) var(--space-2);font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast);background:none;border:none;cursor:pointer}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-text);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-ink)}.badge-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;background-color:var(--color-surface-soft);color:var(--color-text-soft);border:1px solid var(--color-border-soft)}.badge-moss{background-color:var(--color-moss-light);color:var(--color-moss-dark);border-color:#dce5d8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.upload-modal-backdrop,.modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;background:#000000a6!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;box-sizing:border-box!important;overflow-y:auto!important}.upload-modal-card,.modal-card{width:100%!important;max-width:560px!important;background-color:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg, 16px)!important;box-shadow:0 25px 50px -12px #00000073!important;box-sizing:border-box!important;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1)!important}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes momentDrawerIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#d4d1c8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b8b5ab}.moment-article{margin-top:10px}.moment-article-body{position:relative;max-height:128px;overflow:hidden;transition:max-height .28s ease}.moment-article.is-clamped:not(.is-open) .moment-article-body:after{content:"";position:absolute;inset:auto 0 0 0;height:min(44px,45%);background:linear-gradient(to bottom,rgba(0,0,0,0),var(--color-surface));pointer-events:none}.moment-article.is-open .moment-article-body{max-height:none;overflow:visible}.moment-article-body .article-body{max-width:none;font-size:15.5px;line-height:1.7;color:var(--color-text)}.moment-article-body .article-figure,.moment-article-body .article-code{margin-left:0;margin-right:0}.moment-article-more{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:6px;padding:0 4px;border:none;background:none;color:var(--color-moss-dark);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.moment-article-more:hover{color:var(--color-moss);text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.moment-article-more{min-height:44px}}