.error-message[data-v-cd3f8531]{color:#e53e3e;background-color:#fed7d7;padding:.5rem;border-radius:.25rem;margin-bottom:1rem}.success-message[data-v-cd3f8531]{color:#38a169;background-color:#c6f6d5;padding:.5rem;border-radius:.25rem;margin-bottom:1rem}nav[data-v-49e812ce]{display:flex;gap:1rem}.slug-preview[data-v-968fbac5]{margin:.5rem 0;padding:.5rem;background:#f8f8f8;border-radius:.25rem;font-family:monospace}.no-members[data-v-c698b343],.no-feed[data-v-c698b343]{padding:1rem;background:#f8f8f8;color:#666;text-align:center;border-radius:.25rem}.public-view[data-v-c698b343]{max-width:600px;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#fff;min-height:100vh}body:has(.panel){background:#fafafa}.top-stripe{height:8px;background:#ff5c00}main{padding:2rem;margin:0 auto;max-width:1200px;position:relative}main.centered{height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.panel{max-width:400px;text-align:center;margin:0 auto;display:flex;flex-direction:column;gap:1rem;background:#fff;padding:2rem}.panel:not(:first-child){margin-top:1rem}.panel.wide{max-width:100%}.geometry-container{position:absolute;right:2rem;top:4rem;transition:all .3s ease}.geometry-container:hover{transform:translateY(100px)}.geometry{position:absolute;z-index:1;right:0;top:0;width:300px;height:400px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;pointer-events:none;transition:all 2s ease}.geometry div{border:2px solid black;transition:all .3s ease;transform:translate(0);background:#fff;z-index:1}.geometry div:nth-child(3n){border-style:dashed}.geometry div:nth-child(3n+1){border-style:dotted}.geometry .charged{background:#ffe0d3}.circle-accent{position:absolute;width:200px;height:250px;border:2px solid #FF5C00;border-radius:50%;right:50px;top:calc(75% - 125px);opacity:.2;transition:transform 1s ease-in-out;animation:none;transform:translateY(0) rotate(0) scale(1)}@keyframes float{0%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-100px) rotate(180deg) scale(2)}to{transform:translateY(0) rotate(360deg) scale(1)}}.geometry-container:not(:hover) .circle-accent{animation:float 10s ease-in-out infinite}.circle-accent.expanded{animation:none;transform:translateY(-100px) rotate(180deg) scale(2)}.hero{padding:4rem 0;position:relative;max-width:600px}h1{font-family:monospace;font-size:5rem;line-height:.9;margin-bottom:2rem}h1 span{display:block;transition:transform .2s ease;margin-block-end:.1em}h1 span.dedent{margin-inline-start:-.6em}h1 span:hover{transform:translate(20px);color:#ff5c00}.hero p{font-size:1.5rem;color:#444;max-width:40ch;margin-bottom:2rem}.button,input[type=text],input[type=url],input[type=email],textarea{display:inline-block;font-family:system-ui,-apple-system,sans-serif;padding:1rem;border:2px solid #ccc;text-decoration:none;color:#000;font-size:1.2rem;background:#fff;transition:all .2s ease;position:relative}.button{border-color:#000;padding:1rem 2rem}hr{border-top:1px solid #ccc;margin-inline:1rem}form{display:flex;flex-direction:column;gap:1rem}.button:hover{background:#ff5c00;border-color:#ff5c00;color:#fff}.button:after{content:"";position:absolute;width:8px;height:8px;background:#ff5c00;top:-4px;right:-4px;transition:transform .2s ease}.button:hover:after{transform:rotate(45deg)}.rings{padding:4rem 0;position:relative}.rings-grid{display:flex;flex-direction:column;max-width:400px;gap:2rem}.ring-card{border:2px dotted black;padding:2rem;text-decoration:none;color:#000;position:relative;isolation:isolate;background:#fff;transition:all .4s ease}.ring-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff5c00;transform-origin:left;transform:scaleX(0);transition:transform .3s ease;z-index:-1}.ring-card:hover{color:#fff;border:2px dashed black}.ring-card:hover:before{transform:scaleX(1)}.ring-name{font-family:monospace;font-size:1.5rem;margin-bottom:1rem}@media (max-width: 768px){h1{font-size:3rem}.hero p{font-size:1.2rem}main{padding:1rem}.geometry,.circle-accent{display:none}}header{padding-inline:2rem;padding-block:1rem}header h1{font-size:1.2rem}.button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.button svg{margin-inline-end:.5rem;width:1.3rem;height:1.3rem}.state-loading{display:grid;height:calc(100vh - 250px);place-items:center;font-family:monospace;color:#444;opacity:.7;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.header-content{margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;font-size:1.2rem}.header-content a{text-decoration:none;color:inherit}.rings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.rings-header h2{font-family:monospace;font-size:1.5rem;font-weight:400}.no-rings{display:grid;place-items:center}.has-rings .ring-card{display:flex;flex-direction:column;justify-content:space-between}.ring-card .ring-stats{display:flex;gap:1rem;font-size:.9rem;color:#666;margin-top:1rem}.ring-card .ring-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px dotted #ccc}@media (max-width: 768px){.header-content,.has-rings{padding:1rem}.rings-header{flex-direction:column;gap:1rem;align-items:flex-start}}body:not(.authenticated) .authenticated-only{display:none}.ring-card{transition:transform .2s ease}.ring-card:hover{transform:translateY(-2px)}.button.small{padding:.5rem 1rem;font-size:.9rem}.button.secondary{background:transparent;border-color:#ccc;color:#666}.button.secondary:hover{background:#f5f5f5;border-color:#999;color:#333}.ring-header{margin-bottom:5rem}pre:has(.embed-code),pre:has(code){white-space:pre-wrap;text-align:start}.admin-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.ring-header,.embed-section{grid-column:1 / -1}@media (max-width: 768px){.admin-sections{grid-template-columns:1fr}}.member-item{padding:1rem;border:1px dotted #ccc;margin-bottom:1rem;text-align:start}.member-item:last-child{margin-bottom:0}.member-item a{color:#000;text-decoration:none}.member-item a:hover{color:#ff5c00}.member-item .button{margin:1rem 0 0 auto;display:block}.member-item small{color:#666;display:block;margin-top:.25rem}.member-item small a{color:#666}.member-item small a:hover{color:#ff5c00}.feed-preview{border:none;min-height:100vh}.button-group{display:flex;gap:.5rem}.two-columns{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
