@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap";:root{--bg: #F7F5F2;--bg-card: #FFFFFF;--bg-card-alt: #FDFCFB;--border: #E4DDD5;--border-strong: #C8BFB0;--text-primary: #1A1814;--text-secondary: #5C564F;--text-muted: #9E968C;--gold: #8B6914;--gold-bg: #FDF8EE;--gold-border: #D4AC45;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Jost", sans-serif;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-weight:400;min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;max-width:920px;width:100%;margin:0 auto;padding:32px 24px 64px}.header{background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--border)}.header__left{display:flex;flex-direction:column;gap:2px}.header__wordmark{display:flex;align-items:center;gap:10px}.header__brand{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.22em;color:var(--gold)}.header__pipe{color:var(--border-strong)}.header__subtitle{font-size:.6rem;letter-spacing:.28em;color:var(--text-muted);font-weight:500;text-transform:uppercase}.header__date{font-size:.68rem;color:var(--text-muted);letter-spacing:.04em}.header__nav{display:flex;gap:4px}.nav-tab{background:none;border:1px solid transparent;padding:7px 18px;font-family:var(--font-body);font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);letter-spacing:.04em;transition:all .15s}.nav-tab:hover{color:var(--text-primary);background:var(--bg)}.nav-tab--active{color:var(--gold);border-color:var(--gold-border);background:var(--gold-bg)}.footer{border-top:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;font-size:.68rem;color:var(--text-muted);letter-spacing:.06em}.footer__dot{opacity:.4}.btn-primary{background:var(--gold);color:#fff;border:none;padding:12px 32px;font-family:var(--font-body);font-size:.82rem;font-weight:500;letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-sm);transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:none;border:1px solid var(--border-strong);color:var(--text-secondary);padding:8px 18px;font-family:var(--font-body);font-size:.78rem;font-weight:400;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:7px 16px;font-family:var(--font-body);font-size:.75rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.btn-ghost:hover{border-color:var(--text-secondary)}.btn-ghost--danger{color:#922b21;border-color:#f1948a}.btn-ghost--danger:hover{background:#fadbd8;border-color:#922b21}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:0}.hero__icon{font-size:2rem;color:var(--gold);opacity:.4;margin-bottom:28px}.hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:300;letter-spacing:.04em;color:var(--text-primary);margin-bottom:14px;line-height:1.1}.hero__sub{font-size:.88rem;color:var(--text-secondary);max-width:400px;line-height:1.7;margin-bottom:40px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{position:relative;width:44px;height:44px}.spinner__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid transparent;border-top-color:var(--gold);border-radius:50%;animation:spin 1.2s linear infinite}.spinner__ring--2{top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--gold-border);opacity:.5;animation-duration:.8s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-state__title{font-family:var(--font-display);font-size:1.4rem;font-weight:300;color:var(--text-primary)}.loading-state__sub{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em;text-align:center}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.error-state__icon{font-size:1.5rem}.error-state__msg{font-size:.88rem;color:var(--text-secondary);max-width:440px;text-align:center;line-height:1.6}.briefing__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.briefing__title{font-family:var(--font-display);font-size:1.8rem;font-weight:300;letter-spacing:.03em}.briefing__date{font-size:.75rem;color:var(--text-muted);margin-top:2px}.briefing__actions{display:flex;align-items:center;gap:16px}.briefing__count{font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.briefing__notice{background:#fdf8ee;border:1px solid #E8D498;border-radius:var(--radius-sm);padding:10px 16px;font-size:.72rem;color:#7a5c0a;margin-bottom:28px;line-height:1.5}.stories{display:flex;flex-direction:column;gap:24px}.story-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.story-card__top{padding:24px 28px 18px;border-bottom:1px solid var(--border)}.story-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.category-badge{font-size:.62rem;font-weight:600;letter-spacing:.14em;padding:3px 10px;border-radius:2px;text-transform:uppercase}.multi-source-badge{font-size:.65rem;color:#1e8449;background:#d5f5e3;padding:3px 10px;border-radius:2px;font-weight:500;letter-spacing:.04em}.story-date{font-size:.68rem;color:var(--text-muted);margin-left:auto;letter-spacing:.04em}.story-headline{font-family:var(--font-display);font-size:1.45rem;font-weight:400;line-height:1.3;color:var(--text-primary);margin-bottom:14px;letter-spacing:.01em}.story-number{color:var(--text-muted);font-weight:300;font-size:1.1rem;margin-right:4px}.story-sources{display:flex;flex-wrap:wrap;gap:8px}.source-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;padding:4px 10px;border-radius:2px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);text-decoration:none;transition:all .15s;letter-spacing:.04em}.source-badge:hover{border-color:var(--gold-border);color:var(--gold);background:var(--gold-bg)}.source-badge__dot{font-size:.6rem}.source-badge__dot--ok{color:#1e8449}.source-badge__dot--warn{color:#c0392b}.source-badge__dot--unknown{color:var(--text-muted)}.source-badge__arrow{font-size:.6rem;opacity:.6}.story-card__body{display:grid;grid-template-columns:220px 1fr;gap:0}.story-card__image-col{border-right:1px solid var(--border);padding:24px 20px;display:flex;align-items:flex-start;justify-content:center;background:var(--bg-card-alt)}.story-img{width:100%;max-width:180px;height:180px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);cursor:zoom-in;transition:transform .2s}.story-img:hover{transform:scale(1.03)}.img-placeholder{width:180px;height:180px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg)}.img-placeholder span{font-size:.68rem;color:var(--text-muted);letter-spacing:.06em}.story-card__content-col{padding:24px 28px}.story-section{margin-bottom:20px}.story-section__label{font-size:.62rem;font-weight:600;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.story-summary{font-size:.88rem;color:var(--text-secondary);line-height:1.75}.story-summary p+p{margin-top:10px}.sales-insight-box{background:var(--gold-bg);border:1px solid #E8D498;border-radius:var(--radius-md);padding:14px 18px;margin-top:4px}.sales-insight-box__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sales-insight-box__icon{font-size:.9rem}.sales-insight-box__label{font-size:.62rem;font-weight:600;letter-spacing:.16em;color:#7a5c0a;text-transform:uppercase}.sales-insight-box__text{font-size:.86rem;color:#6b4f08;line-height:1.7;font-style:italic}.pin-screen{display:flex;align-items:center;justify-content:center;min-height:60vh}.pin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:360px;text-align:center;box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;gap:12px}.pin-card__icon{font-size:1.8rem}.pin-card__title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--text-primary)}.pin-card__sub{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.pin-input{width:100%;text-align:center;font-size:1.6rem;letter-spacing:.4em;padding:14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-body);background:var(--bg);color:var(--text-primary);outline:none;transition:border-color .15s}.pin-input:focus{border-color:var(--gold-border)}.pin-error{font-size:.78rem;color:#922b21}.training-panel{max-width:760px}.training-panel__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.training-panel__title{font-family:var(--font-display);font-size:1.8rem;font-weight:300;margin-bottom:4px}.training-panel__sub{font-size:.82rem;color:var(--text-secondary)}.training-sections{display:flex;flex-direction:column;gap:28px}.training-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.training-section--danger{border-color:#f1948a;background:#fef9f9}.training-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.training-section__title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.training-section__count{font-size:.7rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);padding:2px 10px;border-radius:20px;letter-spacing:.04em}.training-section__count--danger{color:#922b21;background:#fadbd8;border-color:#f1948a}.training-section__desc{font-size:.78rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.tag-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;max-height:240px;overflow-y:auto}.tag-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px}.tag-item__text{font-size:.8rem;color:var(--text-secondary);font-family:Courier New,monospace;word-break:break-all}.tag-item__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:2px 6px;border-radius:2px;transition:all .15s;flex-shrink:0;margin-left:8px}.tag-item__remove:hover{background:#fadbd8;color:#922b21}.empty-msg{font-size:.78rem;color:var(--text-muted);font-style:italic;margin-bottom:14px}.add-input-row{display:flex;gap:8px}.text-input{flex:1;padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.82rem;color:var(--text-primary);background:var(--bg);outline:none;transition:border-color .15s}.text-input:focus{border-color:var(--gold-border)}.text-input:disabled{opacity:.5}.notice{padding:12px 16px;border-radius:var(--radius-sm);font-size:.78rem;line-height:1.5;margin-bottom:20px}.notice--warn{background:#fdf8ee;border:1px solid #E8D498;color:#7a5c0a}.notice--error{background:#fadbd8;border:1px solid #F1948A;color:#922b21}.notice--ok{background:#d5f5e3;border:1px solid #7DCEA0;color:#1e8449}@media (max-width: 680px){.header{padding:12px 16px;height:auto;flex-wrap:wrap}.main{padding:20px 16px 48px}.story-card__body{grid-template-columns:1fr}.story-card__image-col{border-right:none;border-bottom:1px solid var(--border);padding:16px}.story-img,.img-placeholder{width:100%;max-width:100%;height:200px}.briefing__header{flex-direction:column;gap:12px;align-items:flex-start}.footer{flex-direction:column;gap:4px}}