:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}.haiku-form-container{max-width:480px;margin:0 auto;padding:2rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.haiku-heading{font-size:1.5rem;font-weight:500;margin:0 0 .5rem;text-align:center}.haiku-subheading{color:var(--subheading-color, #94a3b8);font-size:.9rem;margin:0 0 2rem;text-align:center}.haiku-limit-message{margin-bottom:1.5rem;padding:1rem;background:var(--limit-bg, #fef3c7);color:var(--limit-color, #92400e);border-radius:8px;font-size:.9rem;text-align:center}.haiku-form-container form{display:flex;flex-direction:column;gap:0}.haiku-line{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line-separator, rgba(0, 0, 0, .08))}.haiku-line:last-of-type{border-bottom:none}.haiku-line-input{flex:1;border:none;background:transparent;font-family:"Noto Serif",Georgia,serif;font-size:1.15rem;line-height:2;padding:.25rem 0;outline:none}.haiku-line-input::placeholder{color:var(--placeholder-color, #cbd5e1)}.haiku-line-input:focus{outline:none}.syllable-count{flex-shrink:0;font-size:.85rem;color:var(--count-muted, #94a3b8);min-width:2.5rem;text-align:right;transition:color .3s ease}.syllable-count.valid{color:var(--count-valid, #22c55e)}.submit-btn{margin-top:2rem;padding:.65rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:999px;background:var(--btn-bg, #64748b);color:#fff;cursor:pointer;transition:opacity .3s ease;align-self:center}.submit-btn:disabled{opacity:0;pointer-events:none}.submit-btn:not(:disabled){opacity:1}.submit-btn:hover:not(:disabled){opacity:.9}.haiku-error{margin-top:1.5rem;padding:1rem;background:var(--error-bg, #fee2e2);color:var(--error-color, #b91c1c);border-radius:8px;font-weight:500}@media (prefers-color-scheme: dark){.haiku-line{--line-separator: rgba(255, 255, 255, .1)}.haiku-line-input::placeholder{--placeholder-color: #475569}.syllable-count{--count-muted: #64748b}.syllable-count.valid{--count-valid: #4ade80}.submit-btn{--btn-bg: #475569}.haiku-error{--error-bg: #450a0a;--error-color: #fca5a5}.haiku-limit-message{--limit-bg: #422006;--limit-color: #fcd34d}}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:color-mix(in srgb,currentColor 6%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.header-logo{font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}.header-logo:hover{text-decoration:underline}.header-nav{display:flex;align-items:center;gap:1rem}.header-link{text-decoration:none;color:inherit;font-weight:500}.header-link:hover{text-decoration:underline}.header-streak{font-size:.875rem;font-weight:500}.header-user{display:flex;align-items:center;gap:.5rem}.header-avatar{border-radius:50%;object-fit:cover}.header-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;border:none;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit}.header-btn:hover{background:color-mix(in srgb,currentColor 18%,transparent)}.header-btn-login{display:inline-block}@media (prefers-color-scheme: dark){.header{background:#1e293b;border-color:#334155}.header-btn{background:#334155}.header-btn:hover{background:#475569}}.feed{max-width:36rem;margin:0 auto}.feed-title{font-size:1.5rem;margin-bottom:1.5rem}.feed-loading,.feed-error,.feed-empty{text-align:center;padding:2rem}.feed-error{color:color-mix(in srgb,red 80%,currentColor)}.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.feed-card{padding:1rem;border-radius:.5rem;background:color-mix(in srgb,currentColor 6%,transparent);border:1px solid color-mix(in srgb,currentColor 10%,transparent)}.feed-card-content{margin-bottom:.75rem}.feed-line{margin:0 0 .25rem;font-style:italic}.feed-line:last-child{margin-bottom:0}.feed-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:color-mix(in srgb,currentColor 60%,transparent)}.feed-avatar{border-radius:50%;object-fit:cover}.feed-author{font-weight:500}.feed-author--you{color:color-mix(in srgb,currentColor 80%,transparent);font-style:italic}.feed-delete-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:.25rem;color:color-mix(in srgb,currentColor 70%,transparent);cursor:pointer;transition:opacity .2s ease}.feed-delete-btn:hover{opacity:.8}.feed-delete-error{margin-bottom:1rem;padding:.75rem;background:color-mix(in srgb,red 15%,transparent);color:color-mix(in srgb,red 80%,currentColor);border-radius:.5rem;font-size:.875rem}@media (prefers-color-scheme: dark){.feed-card{background:#1e293b;border-color:#334155}.feed-card-meta{color:#94a3b8}.feed-error{color:#fca5a5}.feed-author--you{color:#94a3b8}.feed-delete-btn{border-color:#475569;color:#94a3b8}.feed-delete-error{background:#450a0a;color:#fca5a5}}.login-page{max-width:20rem;margin:4rem auto;text-align:center}.login-title{font-size:1.75rem;margin-bottom:.5rem}.login-subtitle{color:color-mix(in srgb,currentColor 70%,transparent);margin-bottom:2rem}.login-buttons{display:flex;flex-direction:column;gap:.75rem}.login-btn{padding:.75rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit}.login-btn:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.login-btn-google:hover,.login-btn-github:hover{border-color:color-mix(in srgb,currentColor 30%,transparent)}@media (prefers-color-scheme: dark){.login-subtitle{color:#94a3b8}.login-btn{background:#1e293b;border-color:#475569}.login-btn:hover{background:#334155}}#root{display:flex;flex-direction:column;min-height:100vh}.app{flex:1;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-loading{text-align:center;padding:2rem}