@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{--cream:oklch(96% .012 80);--white:oklch(98% .005 80);--amber:oklch(68% .12 55);--amber-deep:oklch(52% .14 45);--sky:oklch(72% .09 220);--charcoal:oklch(28% .015 60);--charcoal-mid:oklch(42% .015 60);--charcoal-lt:oklch(62% .012 60);--pink:oklch(80% .07 10);--card-bg:oklch(98% .005 80);--border:oklch(90% .01 60);--border-dark:oklch(26% .01 60);--font-serif:"Noto Serif JP", serif;--font-sans:"Noto Sans JP", sans-serif;font-family:var(--font-sans);color:var(--charcoal);background:var(--cream);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:16px;line-height:1.7}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--cream:oklch(12% .01 60);--white:oklch(16% .01 60);--card-bg:oklch(16% .01 60);--border:oklch(26% .01 60);--charcoal:oklch(88% .01 60);--charcoal-mid:oklch(72% .01 60);--charcoal-lt:oklch(55% .01 60)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}p,h1,h2,h3{margin:0}::selection{color:var(--charcoal);background:oklch(90% .05 55)}.app{flex-direction:column;min-height:100svh;transition:background .4s;display:flex}.app-header{justify-content:space-between;align-items:center;padding:24px 32px 0;display:flex}.header-logo{align-items:center;gap:12px;display:flex}.header-portrait{border:2px solid oklch(85% .05 55);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.header-portrait img{object-fit:cover;width:100%;height:100%}.header-title{font-family:var(--font-serif);letter-spacing:.06em;font-size:18px;font-weight:700}.header-tagline{font-family:var(--font-sans);font-size:11px}.app-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:40px 20px 60px;display:flex}.app-footer{text-align:center;font-size:11px;font-family:var(--font-sans);padding:0 0 28px}.upload-screen{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:480px;animation:.6s both fadeIn;display:flex}.upload-desc{font-family:var(--font-sans);text-align:center;margin-top:-16px;font-size:14px;line-height:1.8}.cat-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.cat-hero-mark{display:block}.cat-hero-title{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:.1em;font-size:32px;font-weight:700}.cat-hero-wave{align-items:center;gap:3px;height:48px;display:flex}.wave-bar{border-radius:3px;width:4px;transition:height 80ms}.cat-hero-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sound-pill{font-size:12px;font-family:var(--font-sans);letter-spacing:.04em;border-radius:20px;padding:5px 14px;font-weight:500}.drop-zone{cursor:pointer;text-align:center;background:oklch(98% .006 80);border:2px dashed oklch(78% .04 60);border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;padding:48px 40px;transition:all .25s;display:flex}.drop-zone:hover,.drop-zone.dragging{background:oklch(95% .04 55);border-color:oklch(62% .12 55)}.drop-zone-portrait{border:3px solid oklch(90% .04 55);border-radius:50%;flex-shrink:0;width:80px;height:80px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px oklch(65% .08 55/.25)}.drop-zone:hover .drop-zone-portrait{transform:scale(1.05);box-shadow:0 6px 28px oklch(65% .08 55/.35)}.drop-zone-portrait img{object-fit:cover;width:100%;height:100%}.drop-zone-text{flex-direction:column;gap:4px;display:flex}.drop-zone-main{font-family:var(--font-serif);color:oklch(32% .015 60);font-size:17px;font-weight:600}.drop-zone-sub{font-size:13px;font-family:var(--font-sans);color:oklch(58% .012 60);line-height:1.6}.drop-zone-format{font-size:11px;font-family:var(--font-sans);color:oklch(65% .01 60);background:oklch(93% .012 60);border-radius:20px;padding:6px 14px}.today-card{border-radius:16px;align-items:center;gap:16px;width:100%;max-width:380px;padding:14px 20px;display:flex}.today-photo{border-radius:12px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.today-photo img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.today-text{flex-direction:column;gap:3px;display:flex}.today-label{font-size:12px;font-family:var(--font-serif);font-weight:600}.today-quote{font-size:13px;font-family:var(--font-sans);line-height:1.5}.analyzing-wrap{border-radius:24px;width:100%;max-width:460px;animation:.4s both fadeIn;overflow:hidden}.analyzing-card{flex-direction:column;align-items:center;gap:32px;padding:60px 40px;display:flex}.analyzing-photo{border-radius:16px;width:180px;height:120px;position:relative;overflow:hidden;box-shadow:0 8px 32px oklch(0% 0 0/.3)}.analyzing-photo img{object-fit:cover;object-position:left center;width:100%;height:100%}.analyzing-photo-overlay{background:linear-gradient(90deg,#0000 40%,oklch(10% 0 0/.5));position:absolute;inset:0}.analyzing-wave{align-items:center;gap:4px;height:60px;display:flex}.analyzing-wave-bar{border-radius:2px;width:3px;transition:height .3s,background .5s;animation:1.2s ease-in-out infinite alternate paused wave}.analyzing-progress-wrap{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.analyzing-progress-track{background:oklch(88% .01 60);border-radius:2px;height:4px;overflow:hidden}.analyzing-progress-fill{background:linear-gradient(90deg,oklch(65% .12 55),oklch(60% .1 220));border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.analyzing-progress-info{font-size:12px;font-family:var(--font-sans);color:oklch(55% .01 60);justify-content:space-between;display:flex}.result-wrap{border-radius:24px;width:100%;max-width:560px;animation:.4s both fadeIn;overflow:hidden}.section-label{align-items:center;gap:8px;padding-bottom:10px;display:flex}.section-label-bar{background:oklch(68% .12 55);border-radius:2px;flex-shrink:0;width:3px;height:14px}.section-label span{font-size:11px;font-weight:600;font-family:var(--font-sans);letter-spacing:.08em;color:oklch(55% .012 60);text-transform:uppercase}.section-block{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(10px)}.section-block.visible{opacity:1;transform:translateY(0)}.result-card{width:100%}.result-topbar{justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.result-topbar-left{align-items:center;gap:10px;display:flex}.back-btn{cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.back-btn:hover{background:oklch(94% .01 60)}.result-title{font-family:var(--font-serif);font-size:16px;font-weight:700}.result-filename{font-size:10px;font-family:var(--font-sans);color:oklch(58% .01 60);margin-top:1px}.result-chips{gap:6px;display:flex}.result-chip{text-align:center;border-radius:8px;padding:5px 10px}.chip-num{font-size:12px;font-family:var(--font-serif);font-weight:600}.chip-sub{font-size:9px;font-family:var(--font-sans);color:oklch(58% .01 60)}.result-content{flex-direction:column;gap:28px;padding:24px 24px 0;display:flex}.body-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.body-card{border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.body-card-icon{align-items:center;gap:6px;display:flex}.body-card-label{font-size:10px;font-family:var(--font-sans);color:oklch(60% .01 60);font-weight:500}.body-card-value{font-size:12px;font-family:var(--font-sans);line-height:1.5}.voice-wrap{flex-direction:column;gap:12px;display:flex}.voice-type-header{border-radius:14px;align-items:center;gap:10px;padding:14px 16px;display:flex}.voice-label-pill{color:#fff;font-size:10px;font-family:var(--font-sans);letter-spacing:.06em;background:oklch(68% .12 55);border-radius:20px;flex-shrink:0;padding:4px 12px;font-weight:600}.voice-type-name{font-family:var(--font-serif);font-size:16px;font-weight:700}.voice-description{font-size:12px;font-family:var(--font-sans);color:oklch(58% .01 60)}.voice-translation-card{border-radius:14px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.voice-translation-inner{align-items:flex-start;gap:10px;display:flex}.voice-quote{flex-shrink:0;margin-top:3px}.voice-translation-text{font-family:var(--font-serif);font-size:17px;font-weight:600;line-height:1.6}.voice-sub-translation{font-size:12px;font-family:var(--font-sans);color:oklch(55% .01 60);border-radius:8px;padding:8px 12px;line-height:1.6}.voice-features-wrap{flex-direction:column;gap:8px;display:flex}.voice-features-label{font-size:10px;font-family:var(--font-sans);color:oklch(60% .01 60);letter-spacing:.06em;font-weight:500}.voice-features-tags{flex-wrap:wrap;gap:6px;display:flex}.feature-tag{font-size:11px;font-family:var(--font-sans);border-radius:20px;padding:4px 11px}.voice-mood{border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.voice-mood-label{font-size:12px;font-family:var(--font-sans);color:oklch(52% .01 60)}.voice-mood-value{font-size:13px;font-family:var(--font-serif);font-weight:600}.voice-advice{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.voice-advice-text{font-size:12px;font-family:var(--font-sans);line-height:1.7}.summary-card{border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.summary-score-wrap{flex-direction:column;gap:6px;display:flex}.summary-score-header{justify-content:space-between;align-items:baseline;display:flex}.summary-score-label{font-size:11px;font-family:var(--font-sans)}.summary-score-num{font-size:18px;font-family:var(--font-serif);color:oklch(62% .12 55);font-weight:700}.summary-score-track{border-radius:3px;height:5px;overflow:hidden}.summary-score-fill{background:linear-gradient(90deg,oklch(68% .12 55),oklch(72% .09 220));border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.summary-text{font-size:13px;font-family:var(--font-sans);line-height:1.85}.result-cta{padding:24px}.cta-btn{color:#fff;width:100%;font-size:14px;font-family:var(--font-sans);cursor:pointer;letter-spacing:.06em;background:oklch(38% .015 60);border:none;border-radius:14px;padding:14px;font-weight:500;transition:background .2s,transform .1s}.cta-btn:hover{background:oklch(30% .015 60)}.cta-btn:active{transform:scale(.99)}.no-cats-section{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 24px 24px;display:flex}.no-cats-icon{font-size:56px;line-height:1}.no-cats-text{font-size:17px;font-family:var(--font-serif);font-weight:600}.no-cats-sub{font-size:13px;font-family:var(--font-sans);color:oklch(58% .012 60);line-height:1.6}.error-wrap{text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:460px;padding:48px 32px;animation:.4s both fadeIn;display:flex}.error-icon{font-size:48px;line-height:1}.error-text{font-size:14px;font-family:var(--font-sans);max-width:320px;line-height:1.7}