:root{--font-body:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", "STSong", serif;--bg:#f7efe4;--bg-soft:#fffaf4;--surface:#fffaf4db;--surface-strong:#fff7f0;--line:#7651351f;--text:#2a1f1a;--text-muted:#725f53;--primary:#de5d3a;--primary-strong:#c84426;--accent:#f3b85b;--shadow:0 18px 45px #5c3a261f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #f3b85b59, transparent 32%), radial-gradient(circle at top right, #de5d3a38, transparent 28%), linear-gradient(180deg, #fff8f1 0%, var(--bg) 52%, #f4eadc 100%);min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);margin:0}button,input,a{font:inherit}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.archive-page{max-width:1240px;padding:24px 16px calc(120px + var(--safe-bottom));margin:0 auto;position:relative}.archive-glow{z-index:-1;filter:blur(36px);opacity:.55;border-radius:999px;width:42vw;height:42vw;position:fixed}.archive-glow-a{background:#f3b85b47;top:-8vw;left:-12vw}.archive-glow-b{background:#de5d3a2e;bottom:10vh;right:-10vw}.archive-hero,.archive-controls{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);position:relative;overflow:hidden}.archive-hero{border-radius:var(--radius-xl);gap:24px;padding:24px;display:grid}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.06em;margin:10px 0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.94}.hero-copy p{max-width:42rem;color:var(--text-muted);margin:0;font-size:1rem;line-height:1.7}.hero-eyebrow,.sheet-eyebrow,.instruction-badge{color:var(--primary-strong);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#de5d3a1a;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:#ffffffb8;border:1px solid #de5d3a14;border-radius:20px;padding:16px}.stat-card span{color:var(--text-muted);margin-bottom:6px;font-size:.9rem;display:block}.stat-card strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(1.55rem,5vw,2.5rem)}.archive-controls{z-index:20;border-radius:var(--radius-lg);margin-top:18px;padding:16px;position:sticky;top:14px}.search-field{background:#ffffffc7;border:1px solid #de5d3a1a;border-radius:18px;align-items:center;gap:10px;min-height:58px;padding:0 14px;display:flex}.search-field input{color:var(--text);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:#967b69}.search-icon{color:var(--primary-strong);font-size:1.2rem}.clear-button{color:var(--primary-strong);cursor:pointer;background:#de5d3a1a;border-radius:999px;padding:.45rem .7rem}.chip-row{scrollbar-width:none;gap:10px;margin-top:14px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip-button{min-height:42px;color:var(--text-muted);cursor:pointer;background:#fffc;border:1px solid #de5d3a1f;border-radius:999px;flex:none;padding:0 16px;transition:transform .16s,background .16s,color .16s,border-color .16s}.chip-button.active{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000}.chip-soft.active{color:var(--primary-strong);background:#de5d3a1f;border-color:#de5d3a3d}.result-bar{color:var(--text-muted);justify-content:space-between;gap:12px;margin-top:16px;font-size:.92rem;display:flex}.card-grid{gap:14px;margin-top:18px;display:grid}.note-card{text-align:left;box-shadow:var(--shadow);cursor:pointer;opacity:0;background:#fffaf4e0;border:1px solid #76513514;border-radius:24px;padding:0;animation:.42s forwards card-rise;overflow:hidden;transform:translateY(14px)}.card-media{position:relative}.card-media img,.card-placeholder{aspect-ratio:3/4;object-fit:cover;object-position:center top;background:linear-gradient(135deg,#f8dcb2,#f6b48a);width:100%}.card-placeholder{color:#2a1f1a7a;place-items:center;font-weight:600;display:grid}.media-meta{color:#ffffffe6;background:#231a15b8;border-radius:999px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:.75rem;display:flex;position:absolute;inset:auto 12px 12px}.card-body{padding:14px}.card-topline,.metric-row,.section-heading,.instruction-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-date,.state-pill,.metric-row,.hashtag-row span,.section-heading span,.detail-author p,.product-card p,.product-card span{color:var(--text-muted)}.state-pill{background:#73b85c1f;border-radius:999px;padding:.36rem .7rem;font-size:.78rem}.state-pill.pending{background:#f3b85b2e}.state-pill.done{color:#4d8b31}.note-card h2{margin:10px 0 8px;font-size:1rem;line-height:1.35}.note-card p,.sheet-copy p{color:var(--text-muted);margin:0;line-height:1.7}.hashtag-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hashtag-row span{background:#ffffffd1;border-radius:999px;padding:.36rem .68rem;font-size:.8rem}.metric-row{margin-top:14px;font-size:.88rem}.empty-state,.sheet-error{color:var(--text-muted);background:#ffffff9e;border:1px dashed #7651352e;border-radius:24px;padding:30px 22px}.sheet-overlay,.instruction-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#1e14107a;justify-content:center;align-items:flex-end;padding:14px;display:none;position:fixed;inset:0}.sheet-overlay.open,.instruction-overlay{display:flex}.detail-sheet,.instruction-modal{background:var(--surface-strong);border-radius:30px;width:min(100%,840px);max-height:calc(100vh - 28px);overflow:auto;box-shadow:0 24px 60px #21161138}.detail-sheet{opacity:0;padding:18px;transition:transform .18s,opacity .18s;transform:translateY(18px)}.detail-sheet.open{opacity:1;transform:translateY(0)}.sheet-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sheet-header h2,.instruction-modal h3{margin:10px 0 6px;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.05}.sheet-header p,.instruction-modal p{color:var(--text-muted);margin:0;line-height:1.6}.sheet-close,.action-button,.download-chip{cursor:pointer}.sheet-close,.action-button{background:#ffffffd9;border:1px solid #7651351f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.action-primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000}.sheet-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.sheet-content{padding-bottom:calc(18px + var(--safe-bottom));margin-top:18px}.detail-author{background:#ffffffbf;border-radius:22px;grid-template-columns:auto 1fr;align-items:start;gap:14px;margin-top:18px;padding:14px;display:grid}.detail-author img,.product-card img{object-fit:cover;border-radius:20px;width:72px;height:72px}.detail-author strong,.product-card strong{margin-bottom:4px;display:block}.sheet-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.sheet-metrics div{background:#ffffffbf;border-radius:18px;padding:14px}.sheet-metrics span{color:var(--text-muted);font-size:.85rem;display:block}.sheet-metrics strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.4rem}.sheet-copy,.sheet-gallery,.sheet-products{margin-top:22px}.gallery-strip{gap:14px;margin-top:12px;display:grid}.gallery-card{background:#ffffffd1;border:1px solid #7651351a;border-radius:24px;overflow:hidden}.gallery-card img{aspect-ratio:4/5;object-fit:cover;width:100%}.download-chip{width:calc(100% - 20px);min-height:44px;color:var(--primary-strong);background:#de5d3a1a;border-radius:14px;margin:10px}.product-list{gap:10px;margin-top:12px;display:grid}.product-card{background:#ffffffc7;border-radius:18px;grid-template-columns:auto 1fr;gap:12px;padding:12px;display:grid}.sheet-loading{margin-top:24px}.sheet-skeleton{background:linear-gradient(90deg,#eedecc80,#ffffffe6,#eedecc80) 0 0/200% 100%;border-radius:999px;height:18px;margin-top:12px;animation:1.5s linear infinite skeleton-shimmer}.sheet-skeleton-hero{border-radius:24px;height:220px}.instruction-modal{padding:24px}.instruction-actions{flex-wrap:wrap;margin-top:18px}@keyframes card-rise{to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:720px){.archive-page{padding:28px 24px calc(64px + var(--safe-bottom))}.archive-hero{grid-template-columns:1.2fr .9fr;padding:28px}.hero-stats,.card-grid,.gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-overlay{align-items:center}.detail-sheet{max-width:980px;padding:24px}.sheet-content{grid-template-columns:1.15fr .85fr;gap:22px;display:grid}.sheet-actions,.detail-author,.sheet-metrics,.sheet-copy{grid-column:1}.sheet-gallery,.sheet-products{grid-column:2;margin-top:0}.gallery-strip{grid-template-columns:1fr;max-height:72vh;padding-right:6px;overflow:auto}}