@media(max-width:768px){.entry-card{padding:1.25rem 1rem;border-radius:16px;margin:.75rem 0}.entry-card h2,.entry-card h3{font-size:1.1rem}.entries-container{padding:1.25rem;margin:1rem auto;border-radius:20px}.entry-card textarea{font-size:.95rem;resize:none}.dropdown{position:absolute!important;right:0;top:calc(100% + .35rem);transform:translateY(-15px)!important;margin-top:0;box-shadow:0 8px 20px #0000001f}.dropdown-menu{position:static;margin-top:.5rem}.circle-gradient-wrapper:before{width:360px;height:360px}.circle-gradient-1{width:300px;height:300px}.circle-gradient-2{width:240px;height:240px}.circle-gradient-3{width:200px;height:200px}.circle-bubble{width:70px;height:70px}.circle-bubble-name{font-size:.7rem}h1{font-size:2rem;margin-bottom:1rem}textarea{min-height:120px;font-size:.95rem}}.circle-gradient-wrapper{transform:scale(.9)}.circles-page,.circles-container{padding:1rem;overflow-x:hidden}.entry-card.entries-container{padding:1.25rem}html,body,#root{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}:root{--bg-color: #d8e8e9;--text-color: #ff7f50;--accent-color: #ff7f50;--card-bg: rgba(255, 255, 255, .75);--muted-text: #64748b}[data-theme=dark]{--bg-color: #1e1e1e;--text-color: #f5f5f5;--accent-color: #ffb86c;--card-bg: rgba(255, 255, 255, .06);--muted-text: #cbd5e1}body{background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}a{color:inherit;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.main-content{width:100%;max-width:800px}.btn{padding:.75rem 1.75rem;font-size:1rem;font-weight:600;font-family:inherit;border-radius:999px;border:none;cursor:pointer;min-width:140px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background-color .2s ease,color .2s ease}.btn-primary{background:linear-gradient(135deg,#2f80ed,#27ae60);color:#fff;box-shadow:0 8px 20px #00000026}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0003;opacity:.95}.btn-primary:active{transform:translateY(0);box-shadow:0 6px 16px #0000002e}.btn-secondary{background:linear-gradient(135deg,#2f80edd9,#27ae60d9);color:#fff;box-shadow:0 5px 14px #0000001f;opacity:.9}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0003;opacity:.95}.btn-secondary:active{transform:translateY(0);box-shadow:0 6px 16px #0000002e}.btn-help{background:transparent;border:1px solid rgba(255,127,80,.35);color:#ff7f50bf;font-size:.85rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;align-self:flex-start;transition:all .3s ease}.btn-help:hover{background:#ff7f5014;color:coral;border-color:#ff7f5099}.icon-btn{background:transparent;border:none;padding:.25rem .5rem;font-size:.95rem;font-weight:500;color:var(--accent-color);cursor:pointer;opacity:.8;transition:opacity .2s ease,transform .2s ease}.icon-btn:hover{opacity:1;text-decoration:none;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.input{width:30%;height:30%;padding:.5rem .75rem}input,textarea{width:100%;padding:.75rem .85rem;font-size:.95rem;font-family:inherit;border-radius:10px;border:1px solid rgba(0,0,0,.12);background-color:var(--bg-color);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}input::placeholder,textarea::placeholder{color:#94a3b8}.home{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;text-align:center;overflow:hidden;position:relative;isolation:isolate}.home-logo{width:390px;max-width:400px;opacity:0;transform:translateY(20px) scale(.96);filter:drop-shadow(0 10px 25px rgba(0,0,0,.15));transition:opacity 2.8s ease,transform 2.8s ease}.home-title{font-size:2.5rem;font-family:inherited;font-weight:700;color:var(--text-color)}.home-logo.show{opacity:1;transform:translateY(0) scale(1)}.home-logo:hover{transform:scale(1.06)}.tagline{max-width:420px;font-size:1.15rem;line-height:1.6;color:var(--muted-text);margin-bottom:.5rem}[data-theme=dark] .tagline{opacity:.9}.home:before{content:"";position:absolute;inset:0;background:radial-gradient(700px circle at 50% 5%,rgba(59,130,246,.18),transparent 60%),radial-gradient(700px circle at 50% 95%,rgba(34,197,94,.18),transparent 60%);filter:blur(40px);z-index:-1}.entries-container{border-radius:24px 24px 100px 100px;display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:2rem auto;width:90%;position:relative;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;box-shadow:0 20px 45px #00000014,inset 0 1px #ffffffb3}.entries-container:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,rgba(255,255,255,.1),transparent 16%);pointer-events:none}.entries-container:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -20px 30px #0000000a;pointer-events:none}.entries-header{font-family:inherited;text-align:center;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.entry-card{background-color:#ffffffbf;color:var(--text-color);border-radius:18px;padding:3rem 2rem;border-left:4px solid var(--accent-color);box-shadow:0 10px 30px #0000001f,inset 0 1px #fff6;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.entry-card:hover{box-shadow:0 12px 32px #00000026}.entry-card form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.entry-item{background-color:var(--bg-color);color:var(--text-color);padding:1rem 1.25rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;transform:translateY(10px);opacity:0;transition:transform .3s ease,opacity .3s ease,box-shadow .2s ease}.entry-mood{margin-left:.5rem;font-size:1.2rem;vertical-align:middle}.entry-item.show{transform:translateY(0);opacity:1}.entry-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.entry-item-content{max-width:85%;word-wrap:break-word}.delete-btn{background:transparent;border:none;color:#ef4444;font-size:.8rem;cursor:pointer;opacity:.6;transition:opacity .2s ease}.delete-btn:hover{opacity:1;text-decoration:underline}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='M5 7l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.75rem;padding-right:2.5rem;cursor:pointer}[data-theme=dark] .entries-container{background:#ffffff0a}[data-theme=dark] .entry-card{background:#ffffff14}.btn-help{background:transparent;border:1px solid rgba(255,127,80,.4);color:#ff7f50b3;font-size:.85rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:all .3s ease;align-self:flex-start}.btn-help:hover{background:#ff7f5014;color:coral;border-color:#ff7f50b3}.prompt-wrapper{position:relative;width:100%}.prompt-overlay{position:absolute;top:.85rem;left:.9rem;right:.9rem;color:#94a3b8;font-size:.95rem;pointer-events:none;opacity:0;animation:promptFadeIn 1.8s ease forwards}@keyframes promptFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .prompt-overlay{color:#e2e8f0a6}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset;-webkit-text-fill-color:var(--text-color);transition:background-color 9999s ease-in-out 0s}.dropdown-enter{opacity:0;transform:translateY(-5px)}.dropdown-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.dropdown-exit{opacity:1;transform:translateY(0)}.dropdown-exit-active{opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease}.reminders-page{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.reminders-container{width:90%;max-width:600px;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:2rem;box-shadow:0 20px 45px #00000014,inset 0 1px #ffffffb3;display:flex;flex-direction:column;gap:1rem}[data-theme=dark] .reminders-container{background:#ffffff0f}.reminder-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto}.reminder-form label{display:flex;flex-direction:column;font-weight:500;color:var(--text-color)}.reminder-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:4%}.reminder-input{margin-top:.25rem;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-size:1rem;background-color:var(--bg-color);color:var(--text-color);width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.reminder-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff7f5040}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.reminder-status{font-size:.95rem;font-weight:500;color:var(--muted-text);text-align:center}.form-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-row input[type=time],.form-row select{padding:.5rem .75rem;font-size:.95rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);background-color:var(--bg-color);color:var(--text-color);height:2.5rem;transition:border-color .2s ease,box-shadow .2s ease}.form-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='M5 7l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem;padding-right:2rem;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;margin-left:.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;padding:0;accent-color:var(--accent-color);outline:none;border-radius:4px}.checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 2px #ff7f5066}.home-theme-toggle{position:absolute;top:2.75rem;right:2rem;z-index:10}.btn.show{opacity:1;transition:opacity 3s ease,transform 4s ease}.btn{opacity:1;transform:translateY(1px)}.home{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;text-align:center;position:relative;overflow:hidden;isolation:isolate}@media(max-width:768px){.app-container{padding:.7rem .55rem}.main-content{max-width:100%}.entries-container{width:94%;max-width:560px;margin:.8rem auto;padding:1.1rem .95rem;border-radius:18px}.entry-card{padding:1.1rem .95rem;border-radius:14px}.entries-header{font-size:1.45rem;margin-bottom:.9rem}.entry-card h1,.entry-card h2,.entry-card h3{font-size:1.15rem;margin-top:0}.entry-item{flex-direction:column;align-items:flex-start;gap:.6rem}.entry-item-content{max-width:100%;font-size:.95rem}.delete-btn{align-self:flex-end}.form-row{flex-direction:column;align-items:stretch;gap:.7rem}.input,.form-row input[type=time],.form-row select{width:100%}.btn{min-width:0}.entry-card form .btn.btn-secondary,.entry-card form .btn.btn-primary{width:100%}.entry-card,.reminders-container,.circles-content,.circle-detail{width:100%;max-width:100%}.home{padding:1.25rem .9rem;gap:1rem}.home-theme-toggle{top:1rem;right:.75rem}.home-logo{width:min(290px,80vw);max-width:80vw}.home-title{font-size:1.8rem}.tagline{font-size:1rem;max-width:92vw}.reminders-page{width:100%}.reminders-container{width:94%;max-width:560px;padding:1rem .9rem;border-radius:16px}.reminder-form{gap:1rem}.reminder-row{flex-direction:column;align-items:stretch;gap:.7rem;padding-bottom:0}.checkbox-label{margin-left:0}}.circles-page{min-height:calc(100vh - 38px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;isolation:isolate;margin-top:0;padding:0;transform:none;overflow:visible;--circle-radius: 300px;--header-offset: 0px}.circles-app{padding:0;background:transparent;min-height:100vh;box-sizing:border-box}.circle-gradient-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;background:conic-gradient(from 0deg,#2f80ed99,#27ae6099,#ff7f5099,#2f80ed99);transform:translate(-50%,-50%) scale(1);mask:radial-gradient(circle,transparent 65%,black 66%,black 68%,transparent 69%);-webkit-mask:radial-gradient(circle,transparent 65%,black 66%,black 68%,transparent 69%);opacity:.7;transition:transform 1.2s ease,opacity 1.2s ease}body.circles-celebrating .circle-gradient-wrapper:before{transform:translate(-50%,-50%) scale(1.17);opacity:.9}body.circle-detail-enter .circle-gradient-wrapper:before{animation:detailRingGrow 1.2s ease both}body.circles-celebrating .circle-gradient-1,body.circles-celebrating .circle-gradient-2,body.circles-celebrating .circle-gradient-3{opacity:1}body.circles-shrinking .circle-gradient-wrapper:before{transform:translate(-50%,-50%) scale(.84);opacity:.5}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateRingWrapper{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes detailRingGrow{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(1.17);opacity:.9}}.circle-gradient-wrapper{position:absolute;top:calc(50vh + var(--header-offset));left:50%;width:0;height:0;transform:translate(-50%,-50%)!important;z-index:-1;pointer-events:none;animation:rotateRingWrapper 12s linear infinite;transition:top 1.2s ease}body.circles-no-animate .circle-gradient-wrapper:before{animation:rotateRing 12s linear infinite!important}.circle-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-gradient-1{width:500px;height:500px;background:radial-gradient(circle,rgba(47,128,237,.25),transparent 70%);animation:circleGlow 6s ease-in-out infinite;animation-delay:0s}.circle-gradient-2{width:400px;height:400px;background:radial-gradient(circle,rgba(39,174,96,.2),transparent 70%);animation:circleGlow 6s ease-in-out infinite;animation-delay:2s}.circle-gradient-3{width:350px;height:350px;background:radial-gradient(circle,rgba(255,127,80,.15),transparent 70%);animation:circleGlow 6s ease-in-out infinite;animation-delay:4s}@keyframes circleGlow{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.circles-content{max-width:520px;width:100%;text-align:center;padding:2rem;background:transparent;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.2s ease;z-index:1}.circles-content.show{opacity:1;transform:translateY(0)}.circles-title{font-size:3.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;font-family:Segoe UI,sans-serif}.circles-description{font-size:1.15rem;line-height:1.8;color:var(--muted-text);margin-bottom:2.5rem;max-width:540px;margin-left:auto;margin-right:auto}[data-theme=dark] .circles-description{opacity:.9}.circles-content .btn-primary,.circles-content .btn-secondary{font-size:1.05rem;padding:.75rem 1.75rem;min-width:140px}.circles-content .btn-primary{box-shadow:0 8px 20px #00000026}.circles-content .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0003;opacity:.95}.circles-content .btn-primary:active{transform:translateY(0);box-shadow:0 6px 16px #0000002e}.circles-content .btn-secondary{box-shadow:0 5px 14px #0000001f}.circles-content .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0003;opacity:.95}.circles-content .btn-secondary:active{transform:translateY(0);box-shadow:0 6px 16px #0000002e}.circles-hint{font-size:.95rem;color:var(--muted-text);font-style:italic;opacity:.7;margin-top:1rem}.circle-form{text-align:center;max-width:500px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;text-align:center;margin-bottom:.75rem}.form-group input{width:80%;box-sizing:border-box}input,textarea{border:1px solid transparent;background-color:var(--bg-color);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff7f5040}.circle-created{animation:fadeIn .8s ease}.celebration-text{margin-bottom:2rem;font-size:1.2rem;font-weight:600}.share-gratitude-btn{font-size:1.4rem;padding:1.1rem 3rem;margin:2rem auto 1.5rem;display:block}.back-btn-small{font-size:.9rem;padding:.5rem 1rem;min-width:100px;margin-top:1.5rem}.circle-details{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:.75rem;margin:0 auto;max-width:400px;box-shadow:0 4px 12px #00000014}.detail-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.detail-section-compact{text-align:center;min-width:120px}.detail-label{font-size:.7rem;font-weight:600;color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.detail-value-compact{font-size:1rem;font-weight:600;color:var(--text-color);font-family:monospace;letter-spacing:.05em}.invite-link-short{font-size:.85rem;color:var(--muted-text)}.my-circles-container{margin:1.5rem 0}.circles-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:0}.circle-bubble{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#2f80ed,#27ae60);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.75rem;box-shadow:0 6px 16px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.circle-bubble:hover,.circle-bubble:active{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 24px #0000002e}.circle-bubble-name{color:#fff;font-weight:600;font-size:.8rem;text-align:center;word-break:break-word;line-height:1.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.circles-page{--circle-radius: 170px}.circle-gradient-wrapper{top:calc(47.5vh + var(--header-offset))}.circles-title{font-size:2.5rem}.circles-description{font-size:1rem}.circle-gradient-wrapper:before{width:340px;height:340px}.circle-gradient-1{width:300px;height:300px}.circle-gradient-2{width:240px;height:240px}.circle-gradient-3{width:210px;height:210px}}.circle-detail{text-align:center;width:min(640px,94vw);max-width:640px;margin:0 auto;display:grid;grid-auto-rows:min-content;row-gap:1.25rem;justify-items:center;padding-top:0}.circle-detail.has-entries{padding-top:2.85rem}.circle-header{--header-shift: -24px;position:relative;z-index:3;overflow:visible;width:100%;transform:translateY(var(--header-shift))}.circle-members-dropdown{position:relative;display:inline-block}.circle-members-toggle{background:transparent;border:none;color:var(--muted-text);font-size:.95rem;font-weight:600;cursor:pointer;padding:.2rem .4rem}.circle-members-toggle:hover{color:var(--text-color)}.circle-members-menu{position:absolute;left:50%;transform:translate(-50%) translateY(-15px);margin-top:.4rem;min-width:220px;max-height:220px;overflow-y:auto;background:#fffffff2;border:1px solid rgba(47,128,237,.2);border-radius:12px;box-shadow:0 8px 20px #0000001f;padding:.5rem .6rem;text-align:left;z-index:6;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.25,.8,.25,1),transform .35s cubic-bezier(.25,.8,.25,1)}.circle-members-menu.open{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}[data-theme=dark] .circle-members-menu{background:#1e1e1ef2;border-color:#ffffff2e}.circle-members-list{list-style:none;margin:0;padding:0}.circle-member-item{padding:.35rem .25rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid rgba(0,0,0,.06)}.circle-member-item:last-child{border-bottom:none}.circle-members-empty{margin:0;font-size:.9rem;color:var(--muted-text)}.circle-gratitude{position:relative;z-index:1;margin-top:.5rem;margin-bottom:1rem;width:100%}.circle-archive{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;width:100%}.circle-archive-toggle{background:linear-gradient(135deg,#2f80ed33,#27ae6033);color:var(--text-color);border:1px solid rgba(47,128,237,.35);padding:.5rem 1rem;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.circle-archive-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f;border-color:#2f80ed99}.circle-archive-toggle:active{transform:translateY(0);box-shadow:0 4px 10px #0000001f}.circle-archive-list{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:16px;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #00000014}[data-theme=dark] .circle-archive-list{background:#ffffff14}.circle-archive-item{text-align:left;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.circle-archive-item:last-child{border-bottom:none;padding-bottom:0}.circle-detail h1{margin-bottom:.5rem}.circle-detail h2{margin-top:1.5rem;margin-bottom:1rem}.entries-list{position:relative;width:min(520px,90vw);height:min(520px,90vw);margin:0 auto;z-index:1}.circle-entry-card{display:inline-flex;position:absolute;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .75rem;max-width:min(210px,40vw);border-radius:999px;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #00000014;text-align:center;color:var(--text-color);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.circle-detail.entering .circle-entry-card{opacity:0;filter:blur(3px);animation:circleEntryReveal .36s ease forwards;animation-delay:var(--entry-delay, .78s)}.circle-entry-delete{position:absolute;top:5px;right:8px;border:none;background:transparent;color:#ef4444cc;font-size:1rem;line-height:1;cursor:pointer;padding:.1rem .2rem}.circle-entry-delete:hover{color:#ef4444}[data-theme=dark] .circle-entry-card{background:#ffffff14;color:var(--text-color)}.circle-entry-card p{margin:0;font-size:.86rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.circle-entry-card.focused{background:#0f172adb;box-shadow:0 14px 30px #0003;color:#f8fafc}.circle-entry-card.focused p{font-size:.96rem;line-height:1.35;-webkit-line-clamp:unset;overflow:visible}.circle-entry-card.focused .circle-entry-author,.circle-entry-card.focused .circle-entry-dash{color:#f8fafcdb;opacity:1}.circle-entry-author{opacity:.6;font-size:.64rem}.circle-entry-dash{font-size:.65rem;position:relative;top:-.5px}.circle-invite-btn{display:inline-flex;margin:.25rem auto 0;position:relative;z-index:4;visibility:visible;opacity:1}.circle-actions{margin-top:5.25rem;width:100%;display:grid;row-gap:.9rem;justify-items:center}.circle-detail.entering .circle-actions{opacity:0;transform:translateY(20px);animation:circleActionsReveal 1.2s ease forwards}.circle-detail.entering .circle-header{opacity:0;animation:circleHeaderReveal 1.2s ease forwards}.circle-detail.has-entries .circle-actions{margin-top:7.1rem}.circle-anon-toggle{font-size:.9rem;color:var(--muted-text);justify-self:center}.circle-actions textarea{resize:none;background-color:#ffffff59;width:100%;margin:0;display:block}.circle-actions-row{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.circle-actions-row .btn-primary{grid-column:2;justify-self:center;margin:0}.circle-actions-row .btn-help{grid-column:3;justify-self:end}[data-theme=dark] .circle-actions textarea{background-color:#0003}.circle-member-actions{position:static;margin-top:1rem;margin-bottom:2rem;display:flex;justify-content:center;z-index:1;width:100%}body.circle-detail-view .circles-page{justify-content:flex-start;transform:none!important}body.circle-detail-view .circle-gradient-wrapper{position:absolute!important;top:calc(47.5vh + var(--header-offset))!important;left:50%!important;transform:translate(-50%,-50%)!important;will-change:transform}@keyframes circleEntryReveal{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes circleActionsReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes circleHeaderReveal{0%{opacity:0;transform:translateY(calc(var(--header-shift) + 18px))}to{opacity:1;transform:translateY(var(--header-shift))}}@media(max-width:768px){.circle-detail{width:min(96vw,600px)}}.circle-explore{position:fixed;left:50%;right:auto;bottom:16px;transform:translate(calc(-50% - 520px));width:min(430px,42vw);margin:0;padding:.55rem .9rem;border-radius:14px;background:#ffffff73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 16px #00000014;z-index:2;box-sizing:border-box}[data-theme=dark] .circle-explore{background:#0000002e}.circle-explore-title{font-weight:600;margin-bottom:.2rem}.circle-explore-text{color:var(--muted-text);margin-bottom:.5rem;text-align:center;font-size:.9rem}.circle-explore-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.circle-explore-link{font-size:.76rem;padding:.2rem .55rem}.circle-explore-dismiss{background:transparent;border:none;color:var(--muted-text);font-size:.85rem;cursor:pointer;text-decoration:underline}@media(max-width:900px){.circle-explore{left:50%;transform:translate(-50%);width:min(560px,92vw);bottom:10px}}.circle-danger-link{background:transparent;border:1px solid rgba(239,68,68,.25);color:#ef4444bf;font-size:.85rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:all .3s ease}.circle-danger-link:hover{background:#ef444414;color:#ef4444;border-color:#ef444499}.circle-danger-link:active{transform:translateY(1px)}@media(max-width:768px){.circles-app{padding:.5rem;min-height:calc(100svh - 56px)}.circles-page{width:100%;min-height:calc(100svh - 56px);padding:.25rem 0;--mobile-ring-top: 37vh}body:not(.circle-detail-view) .circles-page{transform:none}body:not(.circle-detail-view) .circles-content.show{transform:translateY(calc(var(--mobile-ring-top) - 50vh + 2.5vh))}.circle-gradient-wrapper{top:calc(var(--mobile-ring-top) + var(--header-offset))}.circles-content{width:100%;max-width:100%;padding:.9rem .5rem 1rem}.circles-title{font-size:1.8rem;margin-bottom:.75rem}.circles-description{margin-bottom:1.25rem;font-size:.92rem;line-height:1.55}.my-circles-container{margin:.9rem 0}.circles-grid{gap:.7rem}.circle-bubble{width:74px;height:74px;padding:.55rem}.circle-bubble-name{font-size:.66rem;line-height:1.15}.circles-content .btn-primary,.circles-content .btn-secondary{font-size:.95rem;padding:.65rem 1.2rem;min-width:118px}.circle-detail{width:100%;row-gap:.9rem}.circle-detail.has-entries{padding-top:.95rem}.circle-header{--header-shift: -4px}.circle-members-menu{min-width:170px;max-width:82vw;max-height:180px;padding:.35rem .45rem}.entries-list{width:100%;height:min(360px,82vw)}.circle-entry-card{max-width:min(68vw,190px);padding:.4rem .62rem}.circle-entry-card.focused{max-width:min(88vw,320px)}.circle-actions{margin-top:1rem;row-gap:.7rem}.circle-detail.has-entries .circle-actions{margin-top:1.65rem}.circle-actions textarea{min-height:120px}.circle-actions-row{grid-template-columns:1fr;gap:.65rem}.circle-actions-row .btn-primary,.circle-actions-row .btn-help{grid-column:auto;justify-self:stretch;width:100%;text-align:center}.circle-actions-row .btn-help{border-radius:12px;padding-top:.6rem;padding-bottom:.6rem}.circle-anon-toggle{width:100%;justify-content:flex-start;font-size:.88rem}.circle-archive{margin-top:.65rem}.circle-explore{width:min(560px,94vw);padding:.65rem .75rem}body.circle-detail-view .circles-page{justify-content:center}body.circle-detail-view .circle-gradient-wrapper{top:calc(var(--mobile-ring-top) + var(--header-offset))!important}}