:root{--background-color:#f4f7f9;--font-color:#333;--primary-color:#007bff;--card-background:#fff;--border-color:#e0e0e0;--shadow-color:#0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7f9;background-color:var(--background-color);color:#333;color:var(--font-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.App{margin:0 auto;max-width:700px;padding:2rem}.app-header{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:1.5rem;text-align:center}.app-header h1{color:var(--font-color);font-size:2.5rem;font-weight:700}.app-header .subtitle{color:#666;font-size:1.1rem;margin-top:.5rem}main{width:100%}.capsule-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.capsule-form textarea{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .2s,box-shadow .2s;width:100%}.capsule-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40;outline:none}.capsule-form button{align-self:flex-end;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s,transform .2s}.capsule-form button:hover{background-color:#0056b3;transform:translateY(-2px)}.capsule-list{display:flex;flex-direction:column;gap:1.5rem}.capsule-item{word-wrap:break-word;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);padding:1.5rem}.capsule-content{font-size:1.1rem;margin-bottom:1rem}.capsule-date{color:#888;font-size:.85rem;text-align:right}.empty-message,.error-message{background-color:var(--card-background);border-radius:8px;color:#666;padding:2rem;text-align:center}.error-message{background-color:#ffbaba;color:#d8000c}@media (max-width:768px){.App{padding:1rem}.app-header h1{font-size:2rem}.app-header,.capsule-form{margin-bottom:2rem}}
/*# sourceMappingURL=main.c92fe028.css.map*/