:root{--color-white: #ffffff;--color-black: #000000;--color-ink: #253328;--color-title: #263b28;--color-text-secondary: #746b5e;--color-text-muted: #9a9184;--color-text-warm-muted: #756b5e;--color-text-quiet: #8a7b68;--color-text-cool: #697282;--color-app-canvas: #ece9e2;--color-app-bg: #f6f0e4;--color-surface: #fffdf8;--color-surface-soft: #fafafa;--color-surface-muted: #fbfbfb;--color-surface-warm: #f8f5ee;--color-accent: #315b3d;--color-accent-deep: #456342;--color-accent-soft: #e8e2d3;--color-gold-muted: #d6c195;--color-gold-icon: #d4be8e;--color-gold-field: #d5c196;--color-gold-text: #d2bd95;--color-tab-inactive: #7a6c5a;--color-tab-icon: #7e715f;--color-search-icon: #8b7d68;--color-placeholder: #d8c9aa;--color-divider: #e1d8c7;--color-field-border: #e0d1b4;--color-border-soft: #e8ddcb;--color-border-muted: #efe6d7;--color-border-faint: #f2eadf;--color-border-warm: #f0e9db;--color-border-pill: #efe3d0;--color-border-cool: #eef0f2;--color-segment-bg: #f2ede3;--color-switch-bg: #ddd5c7;--color-badge: #ff3b46;--color-badge-trace: #315b3d;--color-badge-sound: #59477d;--color-badge-photo: #87304f;--color-tab-badge: #ef2f27;--color-hero-control: rgba(123, 133, 136, .55);--color-hero-segment: rgba(111, 122, 125, .62);--color-hero-segment-text: rgba(255, 255, 255, .76);--color-scrim: rgba(0, 0, 0, .52);--color-image-overlay: rgba(0, 0, 0, .68);--color-toast-bg: rgba(54, 54, 58, .96);--color-active-chip: rgba(255, 255, 255, .82);--color-tag-bg: rgba(255, 255, 255, .9);--color-tabbar-bg: rgba(255, 255, 255, .97);--color-close-bg: rgba(232, 226, 211, .65);--color-candidate-divider: rgba(225, 216, 199, .55);--color-guide-undiscovered-badge-bg: rgba(255, 255, 255, .88);--color-guide-image-fallback-bg: #ebe5d8;--color-guide-image-fallback-ink: rgba(69, 99, 66, .48);--color-taxonomy-level-bg: #f8f5ee;--color-taxonomy-hover-bg: #f4efe5;--color-taxonomy-divider: #eee5d7;--gradient-detail-hero: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent 55%, rgba(255, 255, 255, .04));--color-album-thumb: #222222;--color-album-surface: #090909;--color-album-toolbar: rgba(9, 9, 9, .86);--color-album-control: rgba(255, 255, 255, .14);--color-album-muted: rgba(255, 255, 255, .68);--color-detail-timeline-dot: #4a8d78;--color-detail-first-record-bg: #fff7d7;--color-detail-first-record-text: #77541d;--color-detail-record-camera: rgba(77, 89, 96, .78);--color-wikipedia-frame-bg: #f5f5f3;--color-wikipedia-skeleton: #e7e4dc;--color-wikipedia-skeleton-highlight: #f4f2ec;--color-wikipedia-status-bg: rgba(255, 255, 255, .96);--color-success-scrim: rgba(247, 245, 239, .72);--color-success-card: #fffefa;--color-success-feather: #a79d88;--color-success-badge: #617657;--color-field-error: #a23d35;--color-feature-source: #7a756b;--color-feature-backdrop: rgba(18, 24, 20, .56);--color-feature-dialog: #fffefa;--records-bg: var(--color-white);--app-bg: var(--color-app-bg);--surface: var(--color-surface);--elevated: var(--color-white);--primary: var(--color-ink);--records-title: var(--color-title);--secondary: var(--color-text-secondary);--muted: var(--color-text-muted);--placeholder: var(--color-placeholder);--accent: var(--color-accent);--accent-deep: var(--color-accent-deep);--accent-soft: var(--color-accent-soft);--tab-inactive: var(--color-tab-inactive);--divider: var(--color-divider);--badge: var(--color-badge);--badge-trace: var(--color-badge-trace);--badge-sound: var(--color-badge-sound);--badge-photo: var(--color-badge-photo);--field-border: var(--color-field-border);--segment-bg: var(--color-segment-bg);--radius-xs: 4px;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 11px;--radius-xl: 12px;--radius-2xl: 13px;--radius-3xl: 14px;--radius-4xl: 15px;--radius-5xl: 16px;--radius-6xl: 17px;--radius-card: 18px;--radius-sheet: 20px;--radius-guide-card: 23px;--radius-modal: 24px;--radius-icon: 28px;--radius-detail-sheet: 30px;--radius-pill: 999px;--radius-circle: 50%;--shadow-soft: 0 8px 18px rgba(0, 0, 0, .08);--shadow-light: 0 5px 12px rgba(0, 0, 0, .05);--shadow-shell: 0 0 0 1px rgba(0, 0, 0, .04), 0 24px 70px rgba(0, 0, 0, .18);--shadow-field: 0 3px 8px rgba(0, 0, 0, .04);--shadow-button: 0 6px 14px rgba(0, 0, 0, .12);--shadow-fab: 0 6px 18px rgba(0, 0, 0, .14);--shadow-row: 0 8px 14px rgba(0, 0, 0, .04);--shadow-guide-card: 0 5px 10px rgba(0, 0, 0, .035);--shadow-taxonomy-card: 0 5px 12px rgba(0, 0, 0, .045);--shadow-success: 0 18px 50px rgba(0, 0, 0, .2);--shadow-detail-add: 0 10px 30px rgba(0, 0, 0, .13);--shadow-badge: 0 8px 18px rgba(255, 59, 70, .3);--shadow-evidence-badge: 0 5px 12px rgba(49, 54, 45, .16);--phone-w: 393px;--app-safe-area-top: env(safe-area-inset-top, 0px);--app-safe-area-bottom: max(34px, env(safe-area-inset-bottom, 0px));--app-tabbar-content-height: 70px;--app-tabbar-height: calc(var(--app-tabbar-content-height) + var(--app-safe-area-bottom));--app-tabbar-top-padding: 10px;--records-header-top: 61px;--records-header-inline: 21px;--records-header-gap: 12px;--records-avatar-size: 40px;--records-toggle-width: 70px;--records-toggle-height: 40px;--records-toggle-padding: 4px;--records-toggle-button-size: 31px;--records-empty-top: 448px;--records-empty-gap: 16px;--records-empty-icon-size: 44px;--records-scroll-top: 138px;--records-list-inline: 21px;--records-list-top: 32px;--records-fab-gap: 17px;--records-fab-bottom: calc(var(--app-tabbar-height) + var(--records-fab-gap));--records-fab-width: 138px;--records-fab-height: 48px;--records-list-bottom: 28px;--record-method-safe-area-bottom: max(34px, env(safe-area-inset-bottom, 0px));--record-method-sheet-height: calc(250px + var(--record-method-safe-area-bottom));--record-method-sheet-inline: 24px;--record-method-sheet-top: 24px;--record-method-sheet-bottom: calc(20px + var(--record-method-safe-area-bottom));--record-method-sheet-gap: 11px;--record-method-primary-height: 75px;--record-method-secondary-height: 55px;--record-method-button-radius: 14px;--record-method-icon-size: 23px;--record-form-safe-area-top: env(safe-area-inset-top, 0px);--record-form-safe-area-bottom: env(safe-area-inset-bottom, 0px);--record-form-max-height: 632px;--record-form-save-height: 58px;--record-form-photo-gap: 8px;--record-success-card-width: 330px;--record-success-hero-height: 240px;--guide-header-top: 104px;--guide-content-top: 158px;--guide-header-inline: 21px;--guide-header-gap: 8px;--guide-location-gap: 8px;--guide-location-min-width: 106px;--guide-location-size: 46px;--guide-search-width: 138px;--guide-search-height: 42px;--guide-toggle-size: 46px;--guide-list-inline: 22px;--guide-list-top: 10px;--guide-list-bottom: 24px;--guide-grid-inline: 22px;--guide-grid-top: 10px;--guide-grid-bottom: 24px;--guide-grid-column-gap: 14px;--guide-grid-row-gap: 16px;--guide-grid-card-padding: 9px;--guide-grid-info-top: 10px;--guide-grid-info-inline: 3px;--guide-grid-info-height: 82px;--guide-grid-english-top: 4px;--guide-grid-scientific-top: 2px;--guide-grid-status-height: 24px;--guide-grid-status-inset: 9px;--guide-grid-status-inline: 10px;--guide-grid-status-max-offset: 18px;--guide-image-fallback-icon-size: 52px;--guide-image-fallback-stroke-width: 2px;--guide-card-min-height: 84px;--guide-card-gap: 13px;--guide-card-bottom: 10px;--guide-image-size: 64px;--font-guide-location: 22px;--font-guide-name: 18px;--font-guide-english: 14px;--font-guide-scientific: 12px;--font-guide-badge: 12px;--font-guide-grid-name: 18px;--font-guide-grid-english: 13px;--font-guide-grid-scientific: 12px;--font-guide-grid-status: 12px;--taxonomy-list-inline: 22px;--taxonomy-list-top: 10px;--taxonomy-list-bottom: 24px;--taxonomy-order-min-height: 72px;--taxonomy-family-min-height: 62px;--taxonomy-genus-min-height: 56px;--taxonomy-species-min-height: 52px;--taxonomy-node-inline: 14px;--taxonomy-level-indent: 12px;--taxonomy-chevron-size: 22px;--font-taxonomy-order: 20px;--font-taxonomy-family: 17px;--font-taxonomy-genus: 16px;--font-taxonomy-species: 16px;--font-taxonomy-meta: 12px;--detail-hero-height: 340px;--detail-control-top: 72px;--detail-control-inline: 16px;--detail-control-size: 42px;--detail-control-gap: 10px;--detail-segment-width: 166px;--detail-segment-height: 42px;--detail-segment-padding: 4px;--detail-content-overlap: 32px;--detail-content-inline: 24px;--detail-content-top: 32px;--detail-safe-area-bottom: env(safe-area-inset-bottom, 0px);--detail-add-content-clearance: 84px;--detail-content-bottom: calc(var(--detail-add-height) + var(--detail-add-bottom) + var(--detail-add-content-clearance));--detail-title-size: 38px;--detail-english-size: 18px;--detail-scientific-size: 17px;--detail-progress-size: 58px;--detail-progress-label-size: 12px;--detail-meta-height: 31px;--detail-feature-size: 126px;--detail-feature-grid-gap: 12px;--detail-feature-source-size: 12px;--detail-feature-adjust-size: 13px;--detail-collection-compact-hero-height: 256px;--detail-collection-compact-content-top: 8px;--detail-collection-compact-section-top: 20px;--detail-collection-compact-section-bottom: 10px;--detail-collection-medium-hero-height: 332px;--detail-collection-medium-content-top: 28px;--detail-collection-medium-section-top: 44px;--feature-crop-dialog-width: 360px;--feature-crop-viewport-size: 246px;--feature-crop-footer-height: 54px;--detail-record-panel-top: 132px;--detail-record-panel-bottom: calc(120px + var(--detail-safe-area-bottom));--detail-record-photo-size: 150px;--detail-record-grid-gap: 12px;--detail-note-gap: 20px;--detail-encyclopedia-pane-top: calc(var(--detail-control-top) + var(--detail-control-size) + 14px);--detail-encyclopedia-pane-bottom: var(--detail-safe-area-bottom);--detail-encyclopedia-status-inline: 24px;--detail-encyclopedia-status-gap: 10px;--detail-encyclopedia-status-max-width: 320px;--detail-encyclopedia-mark-size: 46px;--detail-encyclopedia-link-height: 44px;--detail-encyclopedia-link-inline: 16px;--detail-encyclopedia-fallback-bar-min-height: 58px;--detail-encyclopedia-fallback-bar-inline: 12px;--detail-encyclopedia-fallback-bar-gap: 8px;--detail-encyclopedia-skeleton-gap: 12px;--detail-encyclopedia-skeleton-line-height: 14px;--detail-encyclopedia-skeleton-media-height: 150px;--detail-add-bottom: calc(18px + var(--detail-safe-area-bottom));--detail-add-width: 184px;--detail-add-height: 58px;--album-toolbar-min-height: 62px;--album-grid-min-size: 104px;--album-grid-gap: 3px;--album-pager-footer-height: 82px;--album-control-size: 44px;--font-detail-segment: 16px;--font-detail-meta: 14px;--font-detail-section: 23px;--font-detail-encyclopedia-status: 14px;--font-detail-encyclopedia-link: 14px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--color-app-canvas);color:var(--primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:none;color:inherit}.visually-hidden{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.app-shell{position:relative;width:min(100vw,var(--phone-w));height:100svh;min-height:720px;margin:0 auto;overflow:hidden;background:var(--records-bg);box-shadow:var(--shadow-shell)}.screen{position:absolute;inset:0;overflow:hidden;background:var(--records-bg)}.main-tab-content{position:absolute;inset:var(--app-safe-area-top) 0 var(--app-tabbar-height);overflow:hidden}.scroll-area{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.page-body{min-height:100%;padding-top:86px;padding-bottom:104px}.login-page{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:70px 28px 112px;background:var(--records-bg)}.login-mark{width:96px;height:96px;margin:0 auto 28px;display:grid;place-items:center;border-radius:var(--radius-icon);background:var(--accent-soft);color:var(--accent-deep);font-size:44px;box-shadow:var(--shadow-soft)}.login-title{margin:0;color:var(--records-title);font-size:31px;line-height:1.15;font-weight:800;text-align:center}.login-subtitle{margin:12px 0 30px;color:var(--secondary);font-size:15px;line-height:1.6;text-align:center}.login-form{display:grid;gap:14px}.login-label{margin:2px 0 -8px 4px;color:var(--secondary);font-size:14px;font-weight:700}.login-error{margin:-2px 4px 0;color:#b23b32;font-size:14px;line-height:1.45}.field-input{width:100%;height:54px;border:1px solid var(--field-border);border-radius:var(--radius-3xl);outline:none;padding:0 16px;background:var(--color-white);color:var(--records-title);font-size:18px;box-shadow:var(--shadow-field)}.primary-button{height:58px;border-radius:var(--radius-6xl);background:var(--accent-deep);color:var(--color-white);font-size:20px;font-weight:700;box-shadow:var(--shadow-button)}.primary-button:disabled,.field-input:disabled{cursor:wait;opacity:.68}.field-input:focus-visible,.primary-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.splash{display:grid;min-height:100%;place-items:center;background:var(--app-bg)}.splash-card{display:grid;justify-items:center;gap:15px;color:var(--accent)}.splash-icon{width:86px;height:86px;display:grid;place-items:center;border-radius:var(--radius-circle);background:var(--surface);font-size:42px;box-shadow:var(--shadow-soft)}.splash-title{font-size:27px;font-weight:800}.records-header,.guide-header{display:flex;align-items:center;gap:var(--records-header-gap)}.records-page{position:absolute;inset:0}.records-header{padding:var(--records-header-top) var(--records-header-inline) 0}.guide-header{gap:12px;padding:96px 21px 0}.avatar{width:var(--records-avatar-size);height:var(--records-avatar-size);display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--accent-soft);border-radius:var(--radius-circle);color:var(--color-gold-muted);background:var(--color-white);box-shadow:var(--shadow-soft)}.avatar svg{width:62%;height:62%}.user-name{color:var(--records-title);font-size:17px;font-weight:700}.spacer{flex:1}.mode-toggle,.tiny-button{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--accent-soft);box-shadow:var(--shadow-soft)}.mode-toggle{width:var(--records-toggle-width);height:var(--records-toggle-height);gap:0;padding:var(--records-toggle-padding);border-radius:var(--radius-6xl)}.mode-toggle button{width:var(--records-toggle-button-size);height:var(--records-toggle-button-size);display:grid;place-items:center;border-radius:var(--radius-2xl);color:var(--tab-inactive)}.mode-toggle button svg{width:22px;height:22px}.mode-toggle button.active{background:var(--color-active-chip);color:var(--accent)}.empty-state{position:absolute;left:0;right:0;top:var(--records-empty-top);display:grid;justify-items:center;gap:var(--records-empty-gap);color:var(--secondary);font-size:17px;font-weight:700}.empty-state .empty-icon{width:var(--records-empty-icon-size);height:var(--records-empty-icon-size);color:var(--color-gold-icon)}.empty-state p{margin:0}.record-list{width:100%;min-width:0;padding:var(--records-list-top) var(--records-list-inline) var(--records-list-bottom)}.records-scroll{position:absolute;inset:var(--records-scroll-top) 0 0;height:auto;min-height:0}.record-group{width:100%;min-width:0;margin-bottom:34px}.record-group-title{display:flex;align-items:center;width:100%;min-width:0;gap:8px;margin-bottom:25px;color:var(--records-title);font-size:25px;font-weight:800;white-space:nowrap}.record-group-title>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.record-row-heading{margin-bottom:12px;color:var(--secondary);font-size:16px}.record-card{position:relative;display:block;width:100%;max-width:100%;min-width:0;aspect-ratio:.75;margin:0 auto;overflow:hidden;border-radius:var(--radius-card);background:var(--accent-soft);box-shadow:var(--shadow-soft)}.record-item-with-actions,.detail-record-item-with-actions{position:relative;min-width:0}.record-actions{position:absolute;z-index:8;top:10px;right:10px}.record-actions-trigger{width:36px;height:34px;border-radius:var(--radius-pill);background:#ffffffe6;color:var(--accent);font-size:15px;font-weight:800;letter-spacing:1px;box-shadow:var(--shadow-soft)}.record-actions-menu{position:absolute;right:0;top:40px;display:grid;min-width:112px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-soft)}.record-actions-menu button{min-height:40px;padding:0 14px;background:var(--color-white);color:var(--accent);font-size:14px;text-align:left}.record-actions-menu button.danger{color:#aa332d}.record-card img,.guide-image img,.detail-hero img,.record-thumb img,.feature-circle img,.archive-card img,.form-photo-item img,.album-image img{width:100%;height:100%;object-fit:cover;display:block}.record-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,var(--color-image-overlay))}.record-card-content{position:absolute;z-index:2;left:17px;right:14px;bottom:17px;min-width:0;color:var(--color-white)}.record-card-title{display:block;overflow:hidden;font-size:23px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.record-card-subtitle{display:block;margin-top:7px;overflow:hidden;font-size:15px;font-weight:600;opacity:.88;text-overflow:ellipsis;white-space:nowrap}.new-badge{position:absolute;z-index:2;top:13px;left:13px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--badge);color:var(--color-white);font-size:14px;font-weight:800}.tag-row{display:flex;min-width:0;max-width:100%;gap:7px;flex-wrap:wrap;margin-top:9px}.tag{max-width:100%;overflow:hidden;padding:4px 9px;border-radius:var(--radius-pill);background:var(--color-tag-bg);color:var(--accent);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.record-row{display:flex;width:100%;max-width:100%;min-width:0;overflow:hidden;gap:18px;padding:16px;border:1px solid var(--color-border-warm);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-row);text-align:left}.record-thumb{width:85px;height:85px;overflow:hidden;flex:0 0 auto;border-radius:var(--radius-2xl);background:var(--accent-soft)}.record-row-main{min-width:0;flex:1}.record-row-title{display:flex;align-items:baseline;min-width:0;gap:8px;color:var(--accent);font-size:19px;font-weight:750}.record-row-species{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-row-title small{flex:0 0 auto}.record-row-location{display:block;width:100%;min-width:0;margin-top:8px;overflow:hidden;color:var(--secondary);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.add-record-button{position:absolute;z-index:30;left:50%;bottom:var(--records-fab-bottom);width:var(--records-fab-width);height:var(--records-fab-height);transform:translate(-50%);border-radius:var(--radius-pill);background:var(--accent-deep);color:var(--color-white);font-size:17px;font-weight:750;box-shadow:var(--shadow-fab)}.tab-bar{position:absolute;z-index:25;left:0;right:0;bottom:0;height:var(--app-tabbar-height);display:grid;grid-template-columns:repeat(4,1fr);padding:var(--app-tabbar-top-padding) 0 var(--app-safe-area-bottom);border-top:1px solid var(--divider);background:var(--color-tabbar-bg)}.tab-item{position:relative;display:grid;justify-items:center;align-content:start;gap:4px;color:var(--tab-inactive);font-size:11px;font-weight:700}.tab-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-circle);font-size:26px}.tab-item.active{color:var(--accent)}.tab-item.active .tab-icon{background:var(--accent-soft)}.tab-badge{position:absolute;top:-4px;right:-4px;width:19px;height:19px;border-radius:var(--radius-circle);background:var(--color-tab-badge);color:var(--color-white);font-size:11px;line-height:19px;text-align:center}.modal-layer{position:absolute;z-index:60;inset:0;background:var(--color-scrim)}.method-sheet{position:absolute;left:0;right:0;bottom:0;display:grid;height:min(var(--record-method-sheet-height),100%);align-content:start;gap:var(--record-method-sheet-gap);padding:var(--record-method-sheet-top) var(--record-method-sheet-inline) var(--record-method-sheet-bottom);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--color-white)}.method-button{border-radius:var(--record-method-button-radius);font-size:20px;font-weight:750}.method-button.primary{height:var(--record-method-primary-height);display:grid;place-content:center;gap:5px;background:var(--accent-deep);color:var(--color-white)}.method-button.secondary{height:var(--record-method-secondary-height);display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--field-border);background:var(--color-white);color:var(--secondary)}.method-button-title{display:flex;align-items:center;justify-content:center;gap:13px;line-height:1}.method-button-subtitle{color:#ffffffa3;font-size:13px;font-weight:500}.method-button svg{width:var(--record-method-icon-size);height:var(--record-method-icon-size);flex:0 0 auto}.method-button:disabled{cursor:default;opacity:.76}.form-sheet{position:absolute;left:50%;top:50%;width:min(330px,calc(100% - 62px));height:min(var(--record-form-max-height),calc(100% - max(32px,var(--record-form-safe-area-top) + var(--record-form-safe-area-bottom))));transform:translate(-50%,-50%);border-radius:var(--radius-modal);background:var(--color-white);box-shadow:var(--shadow-soft);overflow:hidden}.form-scroll{height:100%;overflow:auto;padding:14px 22px calc(100px + var(--record-form-safe-area-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.form-header{position:relative;min-height:168px}.one-fill{position:absolute;left:0;top:0;height:40px;padding:0 16px;border:1px solid var(--accent-soft);border-radius:var(--radius-pill);color:var(--secondary);background:var(--color-white);font-size:16px;font-weight:700;box-shadow:var(--shadow-soft)}.close-button{position:absolute;right:0;top:0;width:40px;height:40px;border-radius:var(--radius-circle);background:var(--color-close-bg);color:var(--accent);font-size:19px;font-weight:800}.close-button.form-back{width:64px;border-radius:var(--radius-pill);font-size:15px}.form-photo-grid{display:grid;margin:0 auto;padding-top:38px}.form-add-photo{position:absolute;right:74px;top:5px;min-height:30px;padding:0 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:750}.delete-record-layer{display:grid;place-items:center;padding:24px}.delete-record-dialog{width:min(360px,100%);padding:24px;border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-soft)}.delete-record-dialog h2{margin:0;color:var(--accent)}.delete-record-dialog p{margin:12px 0 22px;color:var(--secondary);line-height:1.55}.delete-record-buttons{display:flex;justify-content:flex-end;gap:10px}.delete-record-buttons button{min-height:42px;padding:0 16px;border-radius:var(--radius-pill);font-weight:750}.secondary-button{background:var(--accent-soft);color:var(--accent)}.danger-button{background:#aa332d;color:var(--color-white)}.form-photo-grid.single{width:126px}.form-photo-grid.multiple{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--record-form-photo-gap);width:100%;padding-top:48px}.form-photo-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-4xl);background:var(--accent-soft);box-shadow:var(--shadow-soft)}.remove-photo-button{position:absolute;top:4px;right:4px;width:25px;height:25px;display:grid;place-items:center;border-radius:var(--radius-circle);background:#0000009e;color:var(--color-white);font-size:19px;font-weight:750;line-height:1}.form-title{margin:4px 0 18px;color:var(--accent);font-size:30px;font-weight:800;text-align:center}.field-label{display:flex;align-items:center;gap:10px;margin:18px 0 8px;color:var(--secondary);font-size:15px;font-weight:700}.form-fieldset{min-width:0;margin:0;padding:0;border:0}.form-fieldset .field-label{padding:0}.form-row{display:flex;gap:10px}.map-button{width:54px;height:54px;flex:0 0 auto;border:1px solid var(--field-border);border-radius:var(--radius-3xl);color:var(--color-gold-field);background:var(--color-white);font-size:27px}.candidate-menu{margin-top:6px;max-height:min(27rem,42vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--accent-soft);border-radius:var(--radius-3xl);background:var(--color-white);box-shadow:var(--shadow-soft)}.field-input-error{border-color:var(--color-field-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-field-error) 18%,transparent)}.field-error{margin:6px 2px 0;color:var(--color-field-error);font-size:13px;font-weight:700}.candidate{width:100%;min-height:54px;padding:8px 14px;text-align:left;border-bottom:1px solid var(--color-candidate-divider)}.candidate:last-child{border-bottom:0}.candidate.active{background:var(--accent-soft)}.candidate-name{color:var(--records-title);font-size:16px;font-weight:750}.candidate-empty{padding:14px}.candidate-line{margin-top:3px;overflow:hidden;color:var(--secondary);font-size:12px;font-style:italic;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:2px;border-radius:var(--radius-xl);background:var(--segment-bg)}.segmented button{height:38px;border-radius:var(--radius-md);color:var(--secondary);font-size:15px;font-weight:700}.segmented button.active{border:1px solid var(--divider);background:var(--color-white);color:var(--accent)}.toggle-line{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 14px;border:1px solid var(--accent-soft);border-radius:var(--radius-3xl);color:var(--secondary);font-size:16px;font-weight:700}.paired-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paired-fields .field-input{padding-right:11px;padding-left:11px;font-size:16px}.note-input{height:100px;min-height:100px;padding-top:14px;padding-bottom:14px;resize:vertical;line-height:1.45}.switch{width:48px;height:28px;padding:3px;border-radius:var(--radius-pill);background:var(--color-switch-bg)}.switch:before{content:"";display:block;width:22px;height:22px;border-radius:var(--radius-circle);background:var(--color-white);transition:transform .18s ease}.switch.active{background:var(--accent-deep)}.switch.active:before{transform:translate(20px)}.form-save-bar{position:absolute;left:16px;right:16px;bottom:0;padding:10px 0 calc(16px + var(--record-form-safe-area-bottom));background:var(--color-white);border-top:1px solid var(--color-border-faint)}.save-button{width:100%;height:var(--record-form-save-height);border-radius:var(--radius-6xl);background:var(--accent-deep);color:var(--color-white);font-size:20px;font-weight:750;box-shadow:var(--shadow-button)}.save-button:disabled{cursor:wait;opacity:.72}.record-form-layer{top:var(--record-form-viewport-top, 0px);bottom:auto;height:min(100dvh,var(--record-form-viewport-height, 100dvh))}.toast{position:absolute;z-index:80;left:50%;transform:translate(-50%)}.toast{bottom:305px;height:64px;padding:0 34px;border-radius:var(--radius-5xl);background:var(--color-toast-bg);color:var(--color-white);font-size:20px;font-weight:750;line-height:64px;white-space:nowrap}.record-success-layer{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top,0px)) 20px max(24px,env(safe-area-inset-bottom,0px));overflow-y:auto;background:var(--color-success-scrim);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.record-success-dialog{position:relative;width:min(var(--record-success-card-width),100%);padding:18px 0 0}.record-success-card{position:relative;z-index:1;padding:24px 24px 20px;border-radius:34px;background:var(--color-success-card);box-shadow:var(--shadow-success)}.success-feather-medallion{width:48px;height:48px;display:grid;place-items:center;margin:-6px auto 10px;border-radius:var(--radius-circle);background:var(--accent-deep);box-shadow:var(--shadow-button)}.success-feather-medallion .success-feather{position:static;width:18px;height:30px;color:#d9cab0;transform:rotate(32deg);animation:none}.record-success-card h2{margin:0 0 18px;color:var(--records-title);font-size:34px;line-height:1;text-align:center}.record-success-hero{width:100%;height:var(--record-success-hero-height);display:block;object-fit:cover;border-radius:22px;background:var(--accent-soft)}.record-success-species-row{display:flex;align-items:center;gap:12px;padding:16px 0 14px;border-bottom:1px solid var(--color-border-faint)}.record-success-species{min-width:0;flex:1}.record-success-species strong,.record-success-species em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-success-species strong{color:var(--records-title);font-size:25px}.record-success-species em{margin-top:4px;color:var(--color-text-cool);font-size:13px}.record-success-badge{flex:0 0 auto;padding:5px 12px;border-radius:var(--radius-pill);background:var(--color-success-badge);color:var(--color-white);font-size:13px;font-weight:750}.record-success-summary{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px;padding-top:14px}.record-success-summary div,.record-success-summary span,.record-success-summary strong{min-width:0;display:block}.record-success-summary span{margin-bottom:5px;color:var(--muted);font-size:12px}.record-success-summary strong{overflow:hidden;color:var(--records-title);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.record-success-close{position:relative;z-index:4;width:190px;height:54px;display:block;margin:18px auto 0;border-radius:var(--radius-pill);background:#456342e6;color:var(--color-white);font-size:18px;font-weight:750;box-shadow:var(--shadow-button)}.record-success-close:focus-visible{outline:3px solid var(--color-gold-muted);outline-offset:3px}.success-feather{position:absolute;z-index:3;width:21px;height:42px;color:var(--color-success-feather);pointer-events:none;animation:success-feather-float 3.6s ease-in-out infinite alternate}.success-feather svg{width:100%;height:100%;overflow:visible}.success-feather svg path:first-child{fill:currentColor;fill-opacity:.72}.success-feather svg path:last-child{fill:none;stroke:#786f5f;stroke-width:1.2;stroke-linecap:round}.success-feather-1{top:45%;left:-8px;transform:rotate(-22deg)}.success-feather-2{top:67%;left:10%;transform:rotate(58deg);animation-delay:-.8s}.success-feather-3{top:84%;left:32%;transform:rotate(76deg);animation-delay:-1.4s}.success-feather-4{top:57%;right:1%;transform:rotate(28deg);animation-delay:-2s}.success-feather-5{top:73%;right:12%;transform:rotate(-46deg);animation-delay:-1.1s}.success-feather-6{top:34%;right:-5px;transform:rotate(50deg);animation-delay:-2.6s}.success-feather-7{top:89%;right:23%;transform:rotate(16deg);animation-delay:-.3s}.success-feather-8{top:52%;left:47%;transform:rotate(20deg);animation-delay:-1.7s}.success-feather-9{top:76%;left:-4px;transform:rotate(5deg);animation-delay:-2.2s}.success-feather-10{top:91%;right:-8px;transform:rotate(72deg);animation-delay:-1.2s}@keyframes success-feather-float{0%{translate:0 -4px}to{translate:3px 7px}}@media(prefers-reduced-motion:reduce){.success-feather{animation:none}}.guide-header{gap:var(--guide-header-gap);padding-top:var(--guide-header-top);padding-right:var(--guide-header-inline);padding-left:var(--guide-header-inline)}.guide-location{position:relative;min-width:var(--guide-location-min-width);height:var(--guide-location-size);display:flex;align-items:center;gap:var(--guide-location-gap);color:var(--records-title);font-size:var(--font-guide-location);font-weight:800}.guide-location>svg:first-child{width:25px;height:25px;flex:0 0 auto;fill:var(--accent-deep)}.guide-location>svg:first-child circle{fill:var(--color-white)}.guide-location .guide-chevron{width:17px;height:17px;fill:none;stroke:var(--color-search-icon);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3px}.guide-location select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.guide-search{width:var(--guide-search-width);height:var(--guide-search-height);border:1.4px solid var(--placeholder);border-radius:var(--radius-3xl);padding:0 36px 0 12px;background:var(--color-white);color:var(--primary);text-align:center;font-size:15px;font-weight:650;box-shadow:var(--shadow-light)}.guide-search::placeholder{color:var(--placeholder);opacity:1}.guide-search::-webkit-search-cancel-button{display:none}.guide-search-wrap{position:relative}.guide-search-icon{position:absolute;right:11px;top:10px;width:22px;height:22px;fill:none;stroke:var(--color-search-icon);stroke-linecap:round;stroke-width:2.3px;pointer-events:none}.guide-toggle{width:var(--guide-toggle-size);height:var(--guide-toggle-size);display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--color-border-muted);border-radius:var(--radius-5xl);background:var(--color-white);color:var(--color-tab-icon);box-shadow:var(--shadow-light)}.guide-toggle svg{width:24px;height:24px;fill:var(--color-tab-icon);stroke:var(--color-tab-icon);stroke-linecap:round;stroke-width:2px}.guide-toggle.is-disabled{cursor:default;opacity:.48}.guide-list{padding:var(--guide-list-top) var(--guide-list-inline) var(--guide-list-bottom)}.guide-scroll{position:absolute;inset:var(--guide-content-top) 0 0;height:auto;min-height:0}.guide-card{display:flex;align-items:center;gap:var(--guide-card-gap);width:100%;min-height:var(--guide-card-min-height);margin-bottom:var(--guide-card-bottom);padding:9px 12px 9px 10px;border:1px solid var(--color-border-faint);border-radius:var(--radius-guide-card);background:var(--color-white);text-align:left;box-shadow:var(--shadow-guide-card);content-visibility:auto;contain-intrinsic-size:var(--guide-card-min-height)}.guide-card>*{min-width:0}.guide-image{position:relative;width:var(--guide-image-size);height:var(--guide-image-size);overflow:hidden;flex:0 0 auto;border-radius:var(--radius-2xl);background:var(--accent-soft)}.guide-image img{object-position:center}.guide-image-fallback{width:100%;height:100%;display:grid;place-items:center;background:var(--color-guide-image-fallback-bg);color:var(--color-guide-image-fallback-ink)}.guide-image-fallback svg{width:var(--guide-image-fallback-icon-size);height:var(--guide-image-fallback-icon-size);fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-width:var(--guide-image-fallback-stroke-width)}.guide-image.undiscovered img{opacity:.42;filter:saturate(.5)}.guide-info{min-width:0;flex:1}.guide-name{display:block;overflow:hidden;color:var(--records-title);font-size:var(--font-guide-name);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.guide-en{display:block;overflow:hidden;margin-top:2px;color:var(--color-text-warm-muted);font-size:var(--font-guide-english);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.guide-scientific{display:block;overflow:hidden;color:var(--muted);font-size:var(--font-guide-scientific);font-style:italic;text-overflow:ellipsis;white-space:nowrap}.status-pill{flex:0 0 auto;padding:0 10px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--color-border-pill);color:var(--color-gold-text);background:var(--color-white);font-size:var(--font-guide-badge);font-weight:800;line-height:23px}.status-pill.found{border:0;background:var(--badge-trace);color:var(--color-white);box-shadow:var(--shadow-evidence-badge)}.status-pill.found[data-evidence=sound]{background:var(--badge-sound)}.status-pill.found[data-evidence=photo]{background:var(--badge-photo)}.guide-card.is-undiscovered .guide-name,.guide-card.is-undiscovered .guide-en{color:var(--color-text-quiet)}.guide-card.is-undiscovered .guide-scientific{color:var(--color-gold-text)}.guide-empty{margin:56px 22px 0;color:var(--muted);font-size:15px;text-align:center}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--guide-grid-row-gap) var(--guide-grid-column-gap);padding:var(--guide-grid-top) var(--guide-grid-inline) var(--guide-grid-bottom);overflow-x:hidden}.guide-grid .guide-card{position:relative;display:grid;grid-template-rows:auto var(--guide-grid-info-height);row-gap:var(--guide-grid-info-top);align-items:stretch;min-width:0;min-height:0;margin:0;padding:var(--guide-grid-card-padding);border-radius:var(--radius-card);content-visibility:visible;contain-intrinsic-size:none}.guide-grid .guide-image{display:block;width:100%;height:unset;aspect-ratio:1 / 1}.guide-grid .guide-info{display:block;height:auto;margin-top:0;overflow:hidden;padding:0 var(--guide-grid-info-inline)}.guide-grid .guide-name{font-size:var(--font-guide-grid-name)}.guide-grid .guide-en{margin-top:var(--guide-grid-english-top);font-size:var(--font-guide-grid-english)}.guide-grid .guide-scientific{margin-top:var(--guide-grid-scientific-top);font-size:var(--font-guide-grid-scientific)}.guide-grid-status{position:absolute;z-index:1;height:var(--guide-grid-status-height);max-width:calc(100% - var(--guide-grid-status-max-offset));overflow:hidden;padding:0 var(--guide-grid-status-inline);border-radius:var(--radius-pill);font-size:var(--font-guide-grid-status);font-weight:800;line-height:var(--guide-grid-status-height);text-overflow:ellipsis;white-space:nowrap}.guide-grid-status.found{top:var(--guide-grid-status-inset);right:var(--guide-grid-status-inset);background:var(--badge-trace);color:var(--color-white);box-shadow:var(--shadow-evidence-badge)}.guide-grid-status.found[data-evidence=sound]{background:var(--badge-sound)}.guide-grid-status.found[data-evidence=photo]{background:var(--badge-photo)}.guide-grid-status.undiscovered{top:50%;left:50%;border:1px solid var(--color-border-pill);background:var(--color-guide-undiscovered-badge-bg);color:var(--color-text-quiet);transform:translate(-50%,-50%)}.taxonomy-list{padding:var(--taxonomy-list-top) var(--taxonomy-list-inline) var(--taxonomy-list-bottom)}.tax-card{margin-bottom:13px;border:1px solid var(--color-border-muted);border-radius:var(--radius-sheet);background:var(--color-white);overflow:hidden;box-shadow:var(--shadow-taxonomy-card)}.tax-node{width:100%;display:flex;align-items:center;gap:9px;padding:10px var(--taxonomy-node-inline);color:var(--records-title);text-align:left}.tax-node:hover,.tax-node:focus-visible,.tax-species:hover,.tax-species:focus-visible{background:var(--color-taxonomy-hover-bg)}.tax-node[aria-disabled=true]{cursor:default}.tax-order-head{min-height:var(--taxonomy-order-min-height)}.tax-family-head{min-height:var(--taxonomy-family-min-height);background:var(--color-taxonomy-level-bg)}.tax-genus-head{min-height:var(--taxonomy-genus-min-height)}.tax-chevron{width:var(--taxonomy-chevron-size);height:var(--taxonomy-chevron-size);flex:0 0 auto;color:var(--accent-deep);font-size:25px;font-weight:650;line-height:19px;text-align:center;transform:rotate(0);transition:transform .14s ease}.tax-node[aria-expanded=true] .tax-chevron{transform:rotate(90deg)}.tax-label,.tax-species-label{min-width:0;display:block;flex:1}.tax-title{display:block;color:var(--records-title);font-size:var(--font-taxonomy-order);font-weight:800;line-height:1.2}.tax-family-head .tax-title{font-size:var(--font-taxonomy-family)}.tax-genus-head .tax-title{font-size:var(--font-taxonomy-genus)}.tax-subtitle{display:block;overflow:hidden;margin-top:4px;color:var(--secondary);font-size:var(--font-taxonomy-meta);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tax-count{flex:0 0 auto;color:var(--color-text-quiet);font-size:var(--font-taxonomy-meta);font-weight:750;white-space:nowrap}.tax-children,.tax-species-list{border-top:1px solid var(--color-taxonomy-divider)}.tax-family+.tax-family,.tax-genus+.tax-genus,.tax-species+.tax-species{border-top:1px solid var(--color-taxonomy-divider)}.tax-family-head{padding-left:calc(var(--taxonomy-node-inline) + var(--taxonomy-level-indent))}.tax-genus-head{padding-left:calc(var(--taxonomy-node-inline) + var(--taxonomy-level-indent) * 2)}.tax-species{width:100%;min-height:var(--taxonomy-species-min-height);display:flex;align-items:center;gap:8px;padding:8px var(--taxonomy-node-inline) 8px calc(var(--taxonomy-node-inline) + var(--taxonomy-level-indent) * 3 + var(--taxonomy-chevron-size));color:var(--records-title);text-align:left}.tax-species-name,.tax-species-scientific{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-species-name{font-size:var(--font-taxonomy-species);font-weight:750}.tax-species-scientific{margin-top:2px;color:var(--muted);font-size:var(--font-taxonomy-meta);font-style:italic}.tax-species-status{flex:0 0 auto;color:var(--color-gold-text);font-size:var(--font-taxonomy-meta);font-weight:750}.tax-species.is-found .tax-species-status{color:var(--accent-deep)}.tax-species-chevron{flex:0 0 auto;color:var(--color-text-muted);font-size:22px;line-height:1}.detail-page,.detail-scroll{background:var(--color-white)}.detail-hero{position:relative;width:100%;height:var(--detail-hero-height);display:block;overflow:hidden;background:var(--accent-soft);text-align:left}.detail-hero:after{content:"";position:absolute;inset:0;background:var(--gradient-detail-hero);pointer-events:none}.detail-hero.is-undiscovered img{opacity:.38;filter:saturate(.62)}.detail-image-source{position:absolute;z-index:2;right:var(--detail-content-inline);bottom:22px;left:var(--detail-content-inline);overflow:hidden;color:var(--color-text-warm-muted);font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.detail-hero.is-discovered .detail-image-source{color:#ffffffdb;text-shadow:0 1px 2px rgba(0,0,0,.35)}.undiscovered-mark{position:absolute;z-index:3;top:51%;left:50%;display:grid;justify-items:center;gap:10px;transform:translate(-50%,-50%);color:var(--color-text-warm-muted)}.undiscovered-mark span{width:94px;height:94px;display:grid;place-items:center;border:3px dashed currentColor;border-radius:var(--radius-circle);font-size:38px}.undiscovered-mark strong{font-size:16px}.detail-top{position:absolute;z-index:40;top:var(--detail-control-top);left:var(--detail-control-inline);right:var(--detail-control-inline);display:flex;align-items:center;gap:var(--detail-control-gap)}.circle-button{width:var(--detail-control-size);height:var(--detail-control-size);display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-circle);background:var(--color-hero-control);color:var(--color-white)}.circle-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.detail-segments{display:flex;width:var(--detail-segment-width);height:var(--detail-segment-height);padding:var(--detail-segment-padding);border-radius:var(--radius-pill);background:var(--color-hero-segment)}.detail-segments button{min-width:0;flex:1;height:calc(var(--detail-segment-height) - var(--detail-segment-padding) * 2);border-radius:var(--radius-pill);color:var(--color-hero-segment-text);font-size:var(--font-detail-segment);font-weight:800}.detail-segments button.active{background:var(--color-white);color:var(--accent)}.detail-content{position:relative;z-index:2;margin-top:calc(var(--detail-content-overlap) * -1);padding:var(--detail-content-top) var(--detail-content-inline) var(--detail-content-bottom);border-radius:var(--radius-detail-sheet) var(--radius-detail-sheet) 0 0;background:var(--color-white)}.detail-section-records .detail-top{padding-bottom:20px}.detail-section-records .circle-button,.detail-section-encyclopedia .circle-button,.detail-section-encyclopedia .detail-segments,.detail-section-records .detail-segments{border:1px solid var(--color-border-cool);background:var(--color-surface-soft);color:var(--accent-deep)}.detail-section-encyclopedia .detail-segments button,.detail-section-records .detail-segments button{color:var(--color-text-cool)}.detail-section-encyclopedia .detail-segments button.active,.detail-section-records .detail-segments button.active{color:var(--accent);box-shadow:var(--shadow-light)}.detail-title-row{display:flex;gap:18px;align-items:flex-start}.detail-title{margin:0;color:var(--records-title);font-size:var(--detail-title-size);line-height:1.1;font-weight:850}.detail-en{margin-top:7px;color:var(--secondary);font-size:var(--detail-english-size);font-weight:800}.detail-sci{margin-top:6px;color:var(--color-text-quiet);font-size:var(--detail-scientific-size);font-style:italic}.detail-progress{display:grid;flex:0 0 auto;justify-items:center;gap:8px;color:var(--color-text-muted);font-size:var(--detail-progress-label-size);font-weight:700}.detail-progress strong{width:var(--detail-progress-size);height:var(--detail-progress-size);display:grid;place-items:center;border:1px solid var(--color-border-cool);border-radius:var(--radius-5xl);color:var(--accent);background:var(--color-surface-soft);font-size:20px;font-weight:850}.meta-pills{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.meta-pill{min-height:var(--detail-meta-height);display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--color-border-cool);border-radius:var(--radius-lg);color:var(--color-text-cool);background:var(--color-surface-muted);font-size:var(--font-detail-meta);font-weight:750;line-height:1.2}.meta-pill svg{width:14px;height:14px;fill:var(--color-text-muted);stroke:var(--color-text-muted);stroke-width:1.5}.meta-pill.conservation svg{fill:none;stroke:#ff751f}.section-title{display:flex;align-items:center;gap:12px;margin:48px 0 20px;color:var(--records-title);font-size:var(--font-detail-section);font-weight:850}.section-title:before{content:"";width:5px;height:24px;border-radius:var(--radius-pill);background:var(--accent-deep)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--detail-feature-grid-gap);text-align:center}.feature-grid-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-item{min-width:0}.feature-circle{width:min(var(--detail-feature-size),100%);min-width:0;aspect-ratio:1;height:auto;display:block;margin:0 auto 10px;overflow:hidden;border:3px solid var(--accent-deep);border-radius:var(--radius-circle);background:var(--accent-soft);box-shadow:var(--shadow-light)}.feature-circle:not(.is-empty){position:relative}.feature-circle:not(.is-empty):focus-visible,.feature-adjust:focus-visible,.feature-crop-dialog button:focus-visible,.feature-crop-dialog input:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}.feature-circle img{display:block;transform-origin:center;transition:transform .16s ease-out}.feature-circle.is-empty{display:grid;place-items:center;border-style:dashed;border-color:var(--color-border-cool);background:var(--color-surface-soft)}.feature-circle.is-empty svg,.archive-empty svg{width:38px;height:38px;fill:none;stroke:var(--color-text-muted);stroke-width:1.5}.feature-label{min-width:0;color:var(--records-title);font-size:clamp(14px,4.3vw,18px);font-weight:800;overflow-wrap:anywhere}.feature-source{min-width:0;min-height:2.6em;margin:4px auto 0;color:var(--color-feature-source);font-size:var(--detail-feature-source-size);line-height:1.3;overflow-wrap:anywhere}.feature-adjust{min-height:32px;margin-top:3px;padding:5px 8px;border-radius:var(--radius-pill);color:var(--accent-deep);background:var(--accent-soft);font-size:var(--detail-feature-adjust-size);font-weight:800}.feature-crop-backdrop{position:fixed;z-index:1100;inset:0;display:grid;align-items:end;justify-items:center;padding:18px max(14px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:var(--color-feature-backdrop)}.feature-crop-dialog{width:min(var(--feature-crop-dialog-width),100%);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px));overflow:auto;padding:20px;border-radius:var(--radius-detail-sheet);background:var(--color-feature-dialog);box-shadow:var(--shadow-shell)}.feature-crop-dialog>header,.feature-crop-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-crop-dialog h2{margin:0;color:var(--records-title);font-size:20px}.feature-crop-dialog p{margin:5px 0 0;color:var(--secondary);font-size:13px;line-height:1.4}.feature-crop-text-button{min-height:40px;padding:0 8px;flex:0 0 auto;color:var(--secondary);font-weight:750}.feature-crop-viewport{width:min(var(--feature-crop-viewport-size),72vw);aspect-ratio:1;margin:18px auto;overflow:hidden;border:3px solid var(--accent-deep);border-radius:var(--radius-circle);background:var(--accent-soft);cursor:grab;touch-action:none}.feature-crop-viewport:active{cursor:grabbing}.feature-crop-viewport img{width:100%;height:100%;display:block;object-fit:cover;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.feature-crop-zoom{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:18px;color:var(--records-title);font-size:14px;font-weight:750}.feature-crop-zoom input{width:100%;accent-color:var(--accent-deep)}.feature-crop-dialog>footer{min-height:var(--feature-crop-footer-height);padding-top:12px;border-top:1px solid var(--color-border-soft);color:var(--secondary);font-size:12px}.feature-crop-save{min-width:106px;min-height:42px;padding:0 15px;border-radius:var(--radius-pill);color:var(--color-white);background:var(--accent-deep);font-size:15px;font-weight:850}.feature-crop-save:disabled{opacity:.66;cursor:progress}@media(prefers-reduced-motion:reduce){.feature-circle img{transition:none}}@media(max-width:340px){.feature-grid{gap:8px}.feature-circle{border-width:2px}.feature-source{font-size:10px}.feature-adjust{padding-inline:5px;font-size:12px}}@media(max-height:760px){.detail-section-collection .detail-hero{height:var(--detail-collection-compact-hero-height)}.detail-section-collection .detail-content{padding-top:var(--detail-collection-compact-content-top)}.detail-section-collection .section-title{margin-top:var(--detail-collection-compact-section-top);margin-bottom:var(--detail-collection-compact-section-bottom)}}@media(min-height:761px)and (max-height:880px){.detail-section-collection .detail-hero{height:var(--detail-collection-medium-hero-height)}.detail-section-collection .detail-content{padding-top:var(--detail-collection-medium-content-top)}.detail-section-collection .section-title{margin-top:var(--detail-collection-medium-section-top)}}.photo-archive{display:grid;grid-template-columns:1fr 1fr;gap:16px}.archive-card{height:122px;overflow:hidden;border-radius:var(--radius-card);background:var(--accent-soft)}.archive-empty{min-height:122px;display:grid;grid-column:1 / -1;place-items:center;align-content:center;gap:8px;border:2px dashed var(--color-border-cool);border-radius:var(--radius-card);color:var(--color-text-muted);background:var(--color-surface-soft);font-size:14px;font-weight:700}.collection-notes{display:grid;gap:var(--detail-note-gap)}.collection-note{display:flex;align-items:flex-start;gap:16px}.collection-note-dot{width:9px;height:9px;margin-top:11px;flex:0 0 auto;border-radius:var(--radius-circle);background:var(--color-detail-timeline-dot)}.collection-note-main{min-width:0;flex:1}.collection-note-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.collection-note-heading strong{color:var(--records-title);font-size:19px}.collection-note-badge{padding:6px 9px;border-radius:var(--radius-md);color:var(--color-detail-first-record-text);background:var(--color-detail-first-record-bg);font-size:13px;font-weight:750}.collection-note-location{margin-top:9px;overflow:hidden;color:var(--color-text-quiet);font-size:15px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.collection-note-empty{min-height:92px;display:grid;place-items:center;border:1px solid var(--color-border-cool);border-radius:var(--radius-card);color:var(--color-text-muted);background:var(--color-surface-soft);font-size:14px;font-weight:700}.detail-add{position:absolute;z-index:45;left:50%;bottom:var(--detail-add-bottom);width:var(--detail-add-width);height:var(--detail-add-height);transform:translate(-50%);border-radius:var(--radius-pill);background:var(--color-white);color:var(--accent);font-size:20px;font-weight:800;box-shadow:var(--shadow-detail-add)}.encyclopedia-pane{position:absolute;z-index:1;top:var(--detail-encyclopedia-pane-top);right:0;bottom:var(--detail-encyclopedia-pane-bottom);left:0;min-width:0;overflow:hidden;background:var(--color-wikipedia-frame-bg)}.encyclopedia-frame{width:100%;height:100%;display:block;border:0;background:var(--color-white)}.encyclopedia-loading,.encyclopedia-fallback{position:absolute;inset:0;display:flex;min-width:0;align-items:center;flex-direction:column;gap:var(--detail-encyclopedia-status-gap);padding:46px var(--detail-encyclopedia-status-inline) calc(var(--detail-encyclopedia-fallback-bar-min-height) + 24px);overflow:hidden;color:var(--color-text-quiet);background:var(--color-wikipedia-status-bg);font-size:var(--font-detail-encyclopedia-status);line-height:1.5;text-align:center}.encyclopedia-loading>strong,.encyclopedia-loading>span,.encyclopedia-fallback>strong,.encyclopedia-fallback>p{width:min(100%,var(--detail-encyclopedia-status-max-width))}.encyclopedia-loading>strong,.encyclopedia-fallback>strong{color:var(--records-title);font-size:18px}.encyclopedia-fallback{justify-content:center;padding-bottom:46px}.encyclopedia-fallback p{margin:0 0 8px}.encyclopedia-loading-mark,.encyclopedia-fallback-mark{width:var(--detail-encyclopedia-mark-size);height:var(--detail-encyclopedia-mark-size);display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-circle);color:var(--accent-deep);background:var(--accent-soft);font-size:20px;font-weight:800}.encyclopedia-loading-mark:before{content:"";width:18px;height:18px;border:2px solid var(--color-gold-muted);border-top-color:var(--accent-deep);border-radius:var(--radius-circle);animation:encyclopedia-spin .9s linear infinite}.encyclopedia-skeleton{width:min(100%,var(--detail-encyclopedia-status-max-width));display:grid;gap:var(--detail-encyclopedia-skeleton-gap);margin-top:12px}.encyclopedia-skeleton span{width:100%;height:var(--detail-encyclopedia-skeleton-line-height);display:block;overflow:hidden;border-radius:var(--radius-xs);background:var(--color-wikipedia-skeleton)}.encyclopedia-skeleton span:after{content:"";width:45%;height:100%;display:block;background:var(--color-wikipedia-skeleton-highlight);animation:encyclopedia-shimmer 1.35s ease-in-out infinite}.encyclopedia-skeleton .is-title{width:58%;height:22px}.encyclopedia-skeleton .is-short{width:72%}.encyclopedia-skeleton .is-media{height:var(--detail-encyclopedia-skeleton-media-height);border-radius:var(--radius-md)}.encyclopedia-open-link{min-height:var(--detail-encyclopedia-link-height);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--detail-encyclopedia-link-inline);border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);color:var(--accent-deep);background:var(--color-white);box-shadow:var(--shadow-light);font-size:var(--font-detail-encyclopedia-link);font-weight:800;text-decoration:none}.encyclopedia-open-bar{position:absolute;z-index:2;right:0;bottom:0;left:0;min-height:var(--detail-encyclopedia-fallback-bar-min-height);display:flex;align-items:center;justify-content:center;gap:var(--detail-encyclopedia-fallback-bar-gap);padding:7px var(--detail-encyclopedia-fallback-bar-inline);border-top:1px solid var(--color-border-soft);color:var(--color-text-quiet);background:var(--color-wikipedia-status-bg);box-shadow:var(--shadow-light);font-size:var(--font-detail-encyclopedia-status);font-weight:700}.encyclopedia-open-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes encyclopedia-spin{to{transform:rotate(360deg)}}@keyframes encyclopedia-shimmer{0%{transform:translate(-110%)}to{transform:translate(235%)}}@media(prefers-reduced-motion:reduce){.encyclopedia-loading-mark:before,.encyclopedia-skeleton span:after{animation:none}}.detail-record-panel{padding:var(--detail-record-panel-top) var(--detail-content-inline) var(--detail-record-panel-bottom);background:var(--color-white)}.detail-record-group{margin-bottom:34px}.detail-record-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.detail-record-heading strong{color:var(--accent-deep);font-size:23px}.detail-record-heading>span:last-child{padding:6px 9px;border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface-soft);font-size:11px;font-weight:800;letter-spacing:2px}.detail-record-dot{width:7px;height:7px;margin-left:-20px;border-radius:var(--radius-circle);background:var(--color-border-cool)}.detail-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--detail-record-grid-gap);margin-left:34px}.detail-record-photo{position:relative;width:100%;max-width:var(--detail-record-photo-size);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-card);background:var(--accent-soft)}.detail-record-item-with-actions .record-actions{top:6px;right:6px}.detail-record-item-with-actions .record-actions-trigger{width:30px;height:28px;font-size:12px}.detail-record-photo img{width:100%;height:100%;display:block;object-fit:cover}.detail-record-camera{position:absolute;right:9px;bottom:9px;width:31px;height:31px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-white);background:var(--color-detail-record-camera);font-size:15px}.detail-record-no-photo{width:100%;max-width:var(--detail-record-photo-size);min-height:var(--detail-record-photo-size);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;border:2px dashed var(--color-border-cool);border-radius:var(--radius-card);color:var(--color-text-muted);background:var(--color-surface-soft)}.detail-record-no-photo strong{color:var(--records-title);font-size:16px}.detail-record-no-photo span{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.detail-record-no-photo small{font-size:12px}.detail-slot-empty{display:grid;min-height:360px;place-items:center;color:var(--color-text-muted);font-size:15px;font-weight:700}.album{position:fixed;z-index:1000;inset:0;display:grid;width:100vw;height:100svh;min-height:100dvh;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--color-album-surface);color:var(--color-white);overscroll-behavior:contain}.album-mode-pager{grid-template-rows:auto minmax(0,1fr) auto}.album-toolbar{position:relative;z-index:4;min-height:calc(var(--album-toolbar-min-height) + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 10px calc(14px + env(safe-area-inset-left,0px));background:var(--color-album-toolbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.album-control,.album-toolbar-spacer{width:var(--album-control-size);height:var(--album-control-size);flex:0 0 auto}.album-control{display:grid;place-items:center;border-radius:var(--radius-circle);color:var(--color-white);background:var(--color-album-control)}.album-control svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.album-control>span{margin-top:-3px;font-size:33px;font-weight:300;line-height:1}.album-heading{min-width:0;display:grid;justify-items:center;gap:2px}.album-heading strong{max-width:min(58vw,360px);overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.album-heading span{color:var(--color-album-muted);font-size:12px;font-weight:700}.album-grid-scroll{min-height:0;overflow:auto;padding:18px max(3px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(3px,env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch}.album-group+.album-group{margin-top:28px}.album-group h2{margin:0 12px 12px;color:var(--color-album-muted);font-size:14px;font-weight:800}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--album-grid-min-size),1fr));gap:var(--album-grid-gap);align-content:start}.album-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-album-thumb)}.album-pager-toolbar>strong{font-size:15px;font-variant-numeric:tabular-nums}.album-grid-button{min-width:var(--album-control-size);height:var(--album-control-size);padding:0 13px;border-radius:var(--radius-pill);color:var(--color-white);background:var(--color-album-control);font-size:14px;font-weight:800}.album-pager-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}.album-pager-image{width:100vw;height:100%;min-height:0;display:block;object-fit:contain;object-position:center}.album-pager-arrow{position:absolute;z-index:3;top:50%;width:var(--album-control-size);height:64px;transform:translateY(-50%);border-radius:var(--radius-pill);color:var(--color-white);background:var(--color-album-control);font-size:40px;line-height:1}.album-pager-arrow.previous{left:calc(8px + env(safe-area-inset-left,0px))}.album-pager-arrow.next{right:calc(8px + env(safe-area-inset-right,0px))}.album-pager-arrow:disabled{opacity:.24;cursor:default}.album-pager-footer{z-index:4;min-height:calc(var(--album-pager-footer-height) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:12px calc(18px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px));background:var(--color-album-toolbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.album-pager-meta{min-width:0;display:grid;gap:3px}.album-pager-footer strong{font-size:16px;font-variant-numeric:tabular-nums}.album-pager-footer span{overflow:hidden;color:var(--color-album-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.album-cover-button{min-width:112px;height:44px;padding:0 17px;flex:0 0 auto;border-radius:var(--radius-pill);color:var(--accent);background:var(--color-white);font-size:15px;font-weight:850}.album-pager-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.album-feature-button{min-height:40px;padding:0 13px;border:1px solid color-mix(in srgb,var(--color-white) 52%,transparent);border-radius:var(--radius-pill);color:var(--color-white);background:var(--color-album-control);font-size:14px;font-weight:800}.album-feature-button[aria-pressed=true]{color:var(--accent);background:var(--color-white)}.album-feature-button:disabled{opacity:.68;cursor:progress}@media(max-width:460px){.album-pager-footer{grid-template-columns:minmax(0,1fr)}.album-pager-actions{justify-content:flex-start}}.album-cover-button:disabled{opacity:.68;cursor:progress}.album button:focus-visible{outline:3px solid var(--color-white);outline-offset:-3px}.placeholder-page{display:grid;justify-items:center;align-content:center;min-height:100%;padding:86px 34px 104px;text-align:center}.placeholder-page .big-icon{color:var(--color-gold-icon);font-size:44px}.placeholder-page h1{margin:18px 0 10px;color:var(--records-title);font-size:25px}.placeholder-page p{margin:0;color:var(--secondary);font-size:15px;line-height:1.65}.profile-card{margin:116px 22px 0;padding:24px;border:1px solid var(--color-border-faint);border-radius:var(--radius-modal);background:var(--color-white);box-shadow:var(--shadow-light)}.profile-head{display:flex;align-items:center;gap:16px}.profile-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-circle);background:var(--accent-soft);color:var(--accent);font-size:32px}.profile-name{color:var(--records-title);font-size:26px;font-weight:850}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.stat{padding:18px 12px;border-radius:var(--radius-5xl);background:var(--color-surface-warm);text-align:center}.stat strong{display:block;color:var(--accent);font-size:28px}.stat span{color:var(--secondary);font-size:13px;font-weight:700}.profile-logout{width:100%;margin-top:24px}@media(max-width:392px){:root{--guide-header-inline: 12px;--guide-header-gap: 6px;--guide-location-gap: 5px;--guide-location-min-width: 92px;--guide-location-size: 44px;--guide-search-width: 116px;--guide-toggle-size: 44px;--guide-grid-inline: 16px;--guide-grid-column-gap: 12px;--guide-grid-info-inline: 1px;--font-guide-location: 20px}.app-shell{width:100vw;min-height:640px}}
