body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1e1e2e,#2a2a3e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app,.error-screen,.loading-screen{display:flex;flex-direction:column;min-height:100vh}.error-screen,.loading-screen{align-items:center;justify-content:center;padding:2rem;text-align:center}.error-screen h1,.loading-screen h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.error-screen p,.loading-screen p{color:#a0a0b0;font-size:1.1rem;margin-bottom:.5rem}.loading-card{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181825d1;border:1px solid #94a3d12e;border-radius:24px;box-shadow:0 25px 60px #0f172a59,inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;gap:1.2rem;max-width:420px;padding:2.5rem 3rem;width:min(90vw,420px)}.loading-card.loading-error{border-color:#f8717173;box-shadow:0 25px 60px #7f1d1d59,inset 0 1px 0 #f8717138}.loading-spinner{animation:loadingSpin 1s linear infinite;border:4px solid #94a3d12e;border-radius:50%;border-top-color:#8b5cf6;height:52px;width:52px}.loading-card.loading-error .loading-spinner{border-color:#f8717133}.loading-details{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.loading-stage{color:#e2e8ff;font-size:1.1rem;font-weight:600;text-align:center}.loading-card.loading-error .loading-stage{color:#fca5a5}.loading-phase{background:#4f46e52e;border-radius:999px;color:#c7d2fed9;font-size:.85rem;font-weight:500;letter-spacing:.08em;padding:.35rem .65rem;text-transform:uppercase}.loading-card.loading-error .loading-phase{background:#f8717129;color:#fecacaf2}.warning-banner{border:1px solid #818cf859;color:#c7d2fef2;font-size:.9rem;margin-bottom:1rem;max-width:1600px;padding:.9rem 1.2rem;text-align:center;width:100%}.loading-file,.warning-banner{background:#818cf82e;border-radius:8px}.loading-file{color:#d0d6fff2;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;max-width:100%;overflow:hidden;padding:.45rem .75rem;text-overflow:ellipsis;white-space:nowrap}.loading-detail{color:#f87171d9;font-size:.95rem;line-height:1.4;text-align:center}.loading-progress-wrapper{align-items:center;display:flex;gap:.75rem;width:100%}.loading-progress-bar{background:#94a3d129;border-radius:999px;flex:1 1;height:10px;overflow:hidden;position:relative}.loading-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:inherit;inset:0;position:absolute;transition:width .24s ease-out}.loading-percent{font-feature-settings:"tnum";color:#ccd3ff;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.loading-card.loading-error .loading-percent{color:#f87171d9}.loading-note{font-size:.9rem!important;margin-top:1rem;opacity:.7}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;padding:2rem 1rem;text-align:center}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:#a0a0b0;font-size:1rem}.app-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.content-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr 1fr;max-width:1600px;width:100%}.haiku-column,.history-column,.video-column{display:flex;flex-direction:column}.app-footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:2rem 1rem;text-align:center}.app-footer p{color:#a0a0b0;font-size:.9rem;margin-bottom:.5rem}.tech-info{font-size:.8rem!important;opacity:.7}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-banner{background:#ff646433;border:1px solid #ff646480;border-radius:8px;color:#f66;font-size:.9rem;margin-bottom:1rem;max-width:1600px;padding:1rem;text-align:center;width:100%}@media (max-width:1400px){.content-grid{gap:2rem;grid-template-columns:1fr 1fr}.video-column{grid-column:1/-1}}@media (max-width:1024px){.content-grid{gap:2rem;grid-template-columns:1fr}.app-header h1{font-size:2rem}}@media (max-width:640px){.app-header h1{font-size:1.5rem}.subtitle{font-size:.9rem}.app-main{padding:1rem}}.haiku-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:2rem}.haiku-container.loading{color:#666;flex-direction:column}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4a5568;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.haiku-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0003;color:#fff;max-width:500px;overflow:hidden;padding:3rem;position:relative;width:100%}.haiku-card:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.haiku-text{font-family:Georgia,serif;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.haiku-line{animation:fadeIn .8s ease-in-out;font-size:1.4rem;line-height:1.8;margin:.5rem 0;text-shadow:2px 2px 4px #0000004d}.haiku-line:first-child{animation-delay:.2s}.haiku-line:nth-child(2){animation-delay:.4s;font-size:1.5rem}.haiku-line:nth-child(3){animation-delay:.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-description{border-top:1px solid #ffffff4d;font-size:.9rem;margin-top:1.5rem;opacity:.9;padding-top:1.5rem;position:relative;text-align:center;z-index:1}.description-label{font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.timestamp{font-size:.8rem;margin-top:1rem;opacity:.7;position:relative;text-align:center;z-index:1}.video-capture-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.video-wrapper{align-items:center;aspect-ratio:4/3;border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;justify-content:center;max-width:480px;overflow:hidden;position:relative}.camera-feed,.video-wrapper{background:#1a1a2e;width:100%}.camera-feed{display:block;height:100%;min-height:360px;object-fit:cover}.video-overlay{background:linear-gradient(180deg,#00000080 0,#0000);left:0;padding:1rem;position:absolute;right:0;top:0}.capture-indicator{align-items:center;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;text-shadow:0 2px 4px #00000080}.recording-dot{animation:pulse 2s infinite;background:#f44;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.controls{flex-direction:column;gap:1rem;width:100%}.capture-button,.controls{align-items:center;display:flex}.capture-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 2rem;transition:all .3s ease}.capture-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.capture-button:active{transform:translateY(0)}.capture-button svg{height:24px;width:24px}.timer-info{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.timer-info svg{color:#667eea;height:16px;width:16px}.haiku-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-height:600px;overflow-y:auto;padding:2rem}.history-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.history-empty{color:#a0a0b0;padding:2rem;text-align:center}.history-hint{font-size:.9rem;margin-top:.5rem;opacity:.7}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{animation:slideIn .5s ease-out;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1rem;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.history-item:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateX(5px)}.history-item.latest{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.history-haiku{font-family:Georgia,serif;margin-bottom:.75rem}.history-haiku-line{color:#fff;font-size:1rem;line-height:1.4;margin:.2rem 0}.history-meta{align-items:center;border-top:1px solid #ffffff0d;color:#a0a0b0;display:flex;font-size:.8rem;justify-content:space-between;padding-top:.5rem}.history-description{font-style:italic;opacity:.8}.history-time{font-size:.75rem;opacity:.6}.haiku-history::-webkit-scrollbar{width:8px}.haiku-history::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.haiku-history::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.haiku-history::-webkit-scrollbar-thumb:hover{background:#667eeab3}@media (max-width:768px){.haiku-history{max-height:400px;padding:1rem}.history-title{font-size:1.2rem}.history-haiku-line{font-size:.9rem}}
/*# sourceMappingURL=main.d28c6d67.css.map*/