body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg: #ffffff;--text: #000000;--item-bg: #e0ffe0;--celebration-bg: rgba(255, 255, 255, .85);--celebration-text: #2e7d32}body,input,button{font-family:Poppins,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #121212;--text: #ffffff;--item-bg: #1e1e1e;--celebration-bg: rgba(0, 0, 0, .85);--celebration-text: #a5d6a7}}body{margin:0;background-color:var(--bg);color:var(--text);transition:background-color .3s,color .3s}.app{max-width:500px;margin:25px auto;padding:0 15px;text-align:center;box-sizing:border-box}ul{list-style:none;padding:0;margin-top:20px}.list-item{position:relative;background:var(--item-bg);margin:10px 0;border-radius:8px;text-align:center;font-size:1rem;display:flex;justify-content:center;align-items:center;min-height:50px}.list-item .delete-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#999;transition:color .2s;line-height:1}.list-item .delete-button:hover{color:red}.list-item .success-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 60px;pointer-events:none}.list-item .timestamp{position:absolute;bottom:6px;left:12px;font-size:.75rem;color:#888;pointer-events:none}.form{display:flex;flex-direction:row;gap:10px;margin-top:20px;align-items:center}.form input{flex:1;min-width:0;padding:10px;font-size:1rem;background-color:var(--bg);color:var(--text);border:1px solid #ccc;border-radius:5px}.form button{padding:10px;font-weight:700;border:none;background:#a3d9a5;border-radius:5px;cursor:pointer;white-space:nowrap}@media(max-width:600px){.form{flex-direction:column;gap:10px}.form input,.form button{width:100%;box-sizing:border-box}.list-item .success-text{white-space:normal;font-size:.85rem}}.celebration-overlay{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background-color:var(--celebration-bg);color:var(--celebration-text);font-size:2rem;font-weight:700;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .5s,display .5s allow-discrete,overlay .5s allow-discrete}.celebration-overlay:popover-open{display:flex;opacity:1}@starting-style{.celebration-overlay:popover-open{opacity:0}}.linkLike{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.linkLike:hover{text-decoration:none}.linkLike:focus-visible{outline:2px solid currentColor;outline-offset:2px}a{color:inherit}a:hover{text-decoration:none}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}