@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f5;--surface: #ffffff;--border: #e5e5e5;--border-hover: #d4d4d4;--primary: #171717;--primary-light: #f0f0f0;--accent: #1d9bf0;--accent-light: #e8f5fd;--text: #0f0f0f;--text-muted: #737373;--text-tertiary: #a3a3a3;--shadow: 0 1px 3px rgba(0,0,0,.06);--shadow-hover: 0 4px 12px rgba(0,0,0,.08);--nav-width: min(85vw, 17rem)}@media (min-width: 64em){:root{--nav-width: 17rem}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}.top-bar{display:none}@media (max-width: 63.999em){.top-bar{position:fixed;top:0;left:0;right:0;height:3.25rem;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;z-index:1001;gap:.75rem}.top-bar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex:1;min-width:0}.top-bar-logo{width:1.75rem;height:1.75rem;border-radius:.375rem;flex-shrink:0}.top-bar-title{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.top-bar-create{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--primary);color:#fff;text-decoration:none;font-size:1.125rem;font-weight:700;flex-shrink:0;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.top-bar-create:hover{opacity:.85}.top-bar-activity{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;gap:.2rem;background:transparent;border:none;border-radius:9999px;cursor:pointer;flex-shrink:0;color:var(--text);-webkit-tap-highlight-color:transparent;transition:background .1s;position:relative}.top-bar-activity:hover{background:var(--bg);color:var(--text)}.top-bar-activity svg{width:1.125rem;height:1.125rem}.top-bar-activity .activity-pulse{position:absolute;top:.3rem;right:.3rem;width:5px;height:5px}.hamburger-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:9999px;cursor:pointer;flex-shrink:0;color:var(--text);-webkit-tap-highlight-color:transparent;transition:background .1s}.hamburger-btn:hover{background:var(--bg)}.hamburger-btn svg{width:1.25rem;height:1.25rem}body{padding-top:3.25rem}}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:1001;pointer-events:none;transition:background .3s ease}.nav-backdrop.open{background:#0006;pointer-events:auto}.nav-backdrop.no-transition{transition:none!important}@media (min-width: 64em){.nav-backdrop,.nav-backdrop.open{display:none}}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:var(--nav-width);background:var(--surface);border-right:1px solid var(--border);box-shadow:4px 0 20px #0000000d;transform:translate(-100%);transition:transform .3s ease;z-index:1002;display:flex;flex-direction:column}.nav-drawer.open{transform:translate(0)}.nav-drawer.no-transition{transition:none!important}@media (min-width: 64em){.nav-drawer{transform:translate(0)}body{margin-left:var(--nav-width)}}.drawer-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.drawer-logo-img{width:2.25rem;height:2.25rem;border-radius:.5rem}.drawer-title{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.drawer-search{padding:.875rem 1.25rem;border-bottom:1px solid var(--border)}.drawer-search input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.625rem .875rem;color:var(--text);font-size:.8125rem;outline:none;font-family:inherit;transition:all .15s}.drawer-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.drawer-search input::placeholder{color:var(--text-tertiary)}.drawer-content{flex:1;overflow-y:auto;padding:.75rem .625rem;-webkit-overflow-scrolling:touch}.drawer-content::-webkit-scrollbar{width:0}.drawer-section{margin-bottom:1.25rem}.drawer-section-title{font-size:.625rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:.5rem .75rem .375rem}.loop-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .1s;text-decoration:none;color:inherit;margin-bottom:.125rem;border:1px solid transparent;-webkit-tap-highlight-color:transparent}.loop-link:hover{background:var(--bg)}.loop-link.active{background:var(--primary-light);border-color:var(--border)}.loop-icon{width:2rem;height:2rem;background:var(--bg);border:1px solid var(--border);border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.loop-link.active .loop-icon{background:var(--surface);border-color:var(--border-hover)}.loop-info{flex:1;min-width:0}.loop-name{font-size:.8125rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loop-stats{font-size:.6875rem;color:var(--text-muted)}.loop-link.create{border:1px dashed var(--border);background:transparent}.loop-link.create:hover{background:var(--bg);border-color:var(--border-hover)}.loop-link.create .loop-icon{background:transparent;border:1px dashed var(--border);color:var(--text-muted)}.loop-link.create .loop-name{color:var(--text-muted)}.loop-link-row{display:flex;align-items:center;gap:0;margin-bottom:.125rem}.loop-link-row .loop-link{flex:1;min-width:0;margin-bottom:0}.loop-save-btn{width:1.75rem;height:1.75rem;flex-shrink:0;background:transparent;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:0;transition:all .1s;-webkit-tap-highlight-color:transparent}.loop-save-btn svg{width:.875rem;height:.875rem}.loop-link-row:hover .loop-save-btn,.loop-save-btn.saved{opacity:1}.loop-save-btn:hover{color:var(--accent);background:var(--accent-light)}.loop-save-btn.saved{color:var(--accent)}.drawer-section-empty{padding:.75rem;text-align:center;color:var(--text-muted);font-size:.8rem}.drawer-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border)}.drawer-user{display:flex;align-items:center;justify-content:space-between}.drawer-user-info{display:flex;flex-direction:column;min-width:0}.drawer-user-name{font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-handle{font-size:.6875rem;color:var(--text-muted)}.drawer-logout-btn{background:transparent;border:1px solid var(--border);border-radius:9999px;padding:.3rem .75rem;font-size:.6875rem;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;flex-shrink:0}.drawer-logout-btn:hover{background:var(--bg);color:var(--text);border-color:var(--text-muted)}.drawer-logout-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-signin-btn{display:block;width:100%;text-align:center;padding:.5rem;background:var(--primary);color:#fff;border-radius:9999px;text-decoration:none;font-size:.875rem;font-weight:600;transition:opacity .15s}.drawer-signin-btn:hover{opacity:.85}.drawer-browse-link{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:color .15s}.drawer-browse-link:hover{color:var(--accent)}@media (max-width: 63.999em){.nav-drawer{width:min(85vw,20rem)}}.loop-content{position:relative;min-height:100vh;min-height:100dvh}.posts{max-width:1100px;margin:0 auto;padding:1.25rem;columns:3;column-gap:1rem}@media (max-width: 56rem){.posts{columns:2;max-width:720px}}@media (max-width: 32rem){.posts{columns:1;max-width:420px}}.posts .card{break-inside:avoid;margin-bottom:1rem}.grid{max-width:1100px;margin:0 auto;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.grid-col{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}@media (max-width: 56rem){.grid{max-width:720px}}@media (max-width: 32rem){.grid{max-width:420px}}.list{max-width:420px;margin:0 auto;padding:1.25rem;display:flex;align-items:flex-start}.list .card{margin-bottom:1.25rem}.card{background:var(--card-bg, var(--surface));border-radius:.75rem;overflow:visible;position:relative;border:1px solid var(--border);box-shadow:var(--shadow);transition:box-shadow .15s;cursor:pointer}.card:hover{box-shadow:var(--shadow-hover)}.card img{width:100%;display:block;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.card-body{padding:.75rem}.card-text{font-size:.875rem;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word}.posts-sentinel{display:flex;justify-content:center;padding:2rem 0;min-height:3rem}.posts-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;opacity:0;transition:opacity .2s}.posts-sentinel.active .posts-spinner{opacity:1;animation:posts-spin .6s linear infinite}@keyframes posts-spin{to{transform:rotate(360deg)}}.reactions{display:flex;gap:.3rem;flex-wrap:wrap;padding-top:.125rem}.reaction{background:var(--bg);border:1px solid var(--border);border-radius:9999px;padding:.1875rem .5rem;font-size:.8125rem;cursor:pointer;transition:all .1s;display:flex;align-items:center;gap:.2rem;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.reaction:hover{border-color:var(--border-hover);background:var(--primary-light)}.reaction.active{background:var(--accent-light);border-color:var(--accent)}.reaction.active .count{color:var(--accent);font-weight:600}.reaction .count{font-size:.6875rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.emoji-tooltip{position:fixed;z-index:4000;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .625rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 16px #0000001f;pointer-events:none;opacity:0;transition:opacity .12s ease}.emoji-tooltip.visible{opacity:1}.emoji-tooltip img{width:3rem;height:3rem;object-fit:contain}.emoji-tooltip-name{font-size:.7rem;color:var(--text-muted);font-family:monospace;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-backdrop.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;width:100%;max-width:31.25rem;max-height:90vh;max-height:90dvh;overflow-y:auto;font-family:inherit;box-shadow:var(--shadow-hover)}.modal h2{color:var(--text);margin-bottom:1.25rem;font-size:1.2rem;font-weight:700}.modal-field{margin-bottom:1rem}.modal-field label{display:block;color:var(--text-muted);font-size:.8rem;font-weight:600;margin-bottom:.375rem}.modal-field input,.modal-field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:all .15s}.modal-field textarea{min-height:6.25rem;resize:vertical}.modal-field input:focus,.modal-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:all .15s;-webkit-tap-highlight-color:transparent;font-family:inherit}.btn-secondary{background:var(--surface);color:var(--text)}.btn-secondary:hover{background:var(--bg);border-color:var(--text-muted)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{opacity:.85}.btn-primary:active{opacity:.75}.modal .image-preview{width:100%;border-radius:.5rem;margin-top:.5rem;display:none;border:1px solid var(--border)}.modal .image-preview.visible{display:block}.emoji-picker{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:0;width:min(92vw,22rem);height:min(70vh,26rem);z-index:3000;box-shadow:0 8px 30px #0000001f,0 0 0 1px #0000000a;display:none;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.emoji-picker.open{opacity:1;transform:translateY(0)}.emoji-picker-header{padding:.75rem .75rem 0;flex-shrink:0}.emoji-picker-search{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:.375rem;padding:.5rem .75rem;color:var(--text);font-size:.8rem;outline:none;flex-shrink:0;font-family:inherit;transition:all .15s}.emoji-picker-search:focus{border-color:var(--accent)}.emoji-picker-search::placeholder{color:var(--text-muted)}.emoji-picker-tabs{display:flex;gap:0;flex-shrink:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);padding:0 .5rem;margin-top:.5rem}.emoji-picker-tab{flex:1 1 0;min-width:0;padding:.5rem .25rem .625rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:1.1rem;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;opacity:.5}.emoji-picker-tab:hover{opacity:.8}.emoji-picker-tab.active{opacity:1;border-bottom-color:var(--accent)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:min-content;align-content:start;gap:.125rem;overflow-y:auto;overflow-x:hidden;flex:1;padding:.5rem;-webkit-overflow-scrolling:touch}@media (max-width: 30em){.emoji-picker-grid{grid-template-columns:repeat(6,1fr)}}.emoji-picker-grid::-webkit-scrollbar{width:.375rem}.emoji-picker-grid::-webkit-scrollbar-track{background:transparent}.emoji-picker-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.emoji-picker-preview{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-top:1px solid var(--border);flex-shrink:0;min-height:3.25rem;visibility:hidden}.emoji-picker-preview.active{visibility:visible}.emoji-picker-preview-emoji{flex-shrink:0}.emoji-picker-preview-emoji img{width:2.5rem;height:2.5rem;object-fit:contain}.emoji-picker-preview-name{font-size:.875rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.emoji-picker-item{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:.375rem;cursor:pointer;transition:background .1s ease;background:transparent;border:none;padding:0;-webkit-tap-highlight-color:transparent}.emoji-picker-item:hover{background:var(--bg)}.emoji-picker-item:active{background:var(--border)}.twemoji-picker,.custom-emoji-picker-img{width:1.5rem;height:1.5rem;object-fit:contain;pointer-events:none}.twemoji{width:1.25em;height:1.25em;vertical-align:middle;object-fit:contain;pointer-events:none}.custom-emoji{width:1.25em;height:1.25em;vertical-align:middle;object-fit:contain}.custom-emoji-empty{grid-column:1 / -1;text-align:center;padding:1.5rem 1rem;color:var(--text-muted);font-size:.85rem;line-height:1.5}.custom-emoji-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.custom-emoji-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.375rem;border-radius:.375rem;cursor:pointer;background:transparent;border:1px dashed var(--border);color:var(--text-muted);font-size:1.25rem;transition:all .15s;-webkit-tap-highlight-color:transparent;aspect-ratio:1}.custom-emoji-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.custom-emoji-add-btn .add-label{font-size:.5rem;font-weight:600;letter-spacing:.02em}.custom-emoji-form{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:.375rem;margin-bottom:.25rem}.custom-emoji-upload{position:relative}.custom-emoji-upload .custom-emoji-file{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:0;height:0;pointer-events:none}.custom-emoji-upload-area{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:1px dashed var(--border);border-radius:.375rem;cursor:pointer;transition:border-color .15s,background .15s}.custom-emoji-upload-area:hover{border-color:var(--accent);background:var(--accent-light)}.custom-emoji-upload-preview{display:none;width:2rem;height:2rem;object-fit:contain;border-radius:.25rem;flex-shrink:0}.custom-emoji-upload-label{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-emoji-form input[type=text]{width:100%;padding:.375rem .5rem;font-size:.8rem;border:1px solid var(--border);border-radius:.375rem;background:var(--bg);color:var(--text);font-family:inherit;outline:none}.custom-emoji-form input[type=text]:focus{border-color:var(--accent)}.custom-emoji-form input[type=file]{font-size:.75rem;font-family:inherit}.custom-emoji-form .btn{padding:.375rem .75rem;font-size:.75rem}.custom-emoji-add-btn{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border-radius:.25rem;cursor:pointer;background:transparent;border:1px dashed var(--border);color:var(--text-muted);padding:0;transition:all .15s}.custom-emoji-add-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.reaction-add-btn{background:transparent;border:1px dashed var(--border);border-radius:9999px;padding:.1875rem .5rem;font-size:.8125rem;cursor:pointer;transition:all .1s;color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;opacity:.6}.reaction-add-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent);opacity:1}.edit-loop-btn{position:fixed;bottom:1.5rem;left:1.5rem;width:3rem;height:3rem;border-radius:9999px;background:var(--primary);color:#fff;font-size:1.125rem;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:left .3s ease,transform .15s ease,box-shadow .15s ease;z-index:100;-webkit-tap-highlight-color:transparent}@media (min-width: 64em){.edit-loop-btn{bottom:2rem;left:calc(var(--nav-width) + 1.5rem);width:3.125rem;height:3.125rem}}.edit-loop-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.edit-loop-btn:active{transform:scale(.95)}.loop-header-save{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);border-radius:9999px;color:#171717;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;text-decoration:none}.loop-header-save svg{width:1rem;height:1rem}.loop-header-save:hover{background:#fffffff2;border-color:#00000026}.loop-header-save.saved{background:#fffffff2;border-color:var(--accent);color:var(--accent)}.loop-header-save.saved svg{fill:var(--accent)}.loop-header-save.saved .save-label:after{content:"d"}.card-meta{display:flex;align-items:center;gap:.375rem;padding-bottom:.25rem}.card-author{font-size:.72rem;font-weight:600;color:var(--text-muted)}.card-time{font-size:.6875rem;color:var(--text-tertiary)}.comment-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.75rem;cursor:pointer;margin-top:.375rem;transition:color .1s;background:none;border:none;padding:0;font-family:inherit;-webkit-tap-highlight-color:transparent}.comment-link:hover{color:var(--accent)}.comment-link svg{width:.875rem;height:.875rem}.comment-count{font-variant-numeric:tabular-nums}#detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:flex-start;justify-content:center;z-index:2000;padding:2rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}#detail-backdrop.open{display:flex}.detail-modal{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;width:100%;max-width:36rem;font-family:inherit;box-shadow:var(--shadow-hover);overflow:hidden;margin:auto 0}.detail-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.detail-action{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:none;border:1px solid var(--border);border-radius:.375rem;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;text-decoration:none;-webkit-tap-highlight-color:transparent}.detail-action svg{width:.9rem;height:.9rem;flex-shrink:0}.detail-action:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.detail-action-danger{margin-left:auto}.detail-action-danger:hover{background:#fee2e2;color:#e53e3e;border-color:#e53e3e}.detail-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:1;-webkit-tap-highlight-color:transparent}.detail-close:hover{background:var(--bg);color:var(--text)}.detail-post{position:relative;padding-top:2.75rem}.detail-post:has(.detail-image){padding-top:0}.detail-image{width:100%;display:block}.detail-text{padding:1rem 1.25rem;font-size:1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.detail-reactions{padding:0 1.25rem .75rem;display:flex;gap:.375rem;flex-wrap:wrap}.detail-divider{border:none;border-top:1px solid var(--border);margin:0}.detail-comments{padding:1rem 1.25rem}.detail-comments-title{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem}.comments-list{display:flex;flex-direction:column;gap:.75rem}.comment{padding:.625rem 0;border-bottom:1px solid var(--border)}.comment:last-child{border-bottom:none}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{font-size:.8rem;font-weight:600;color:var(--text)}.comment-time{font-size:.7rem;color:var(--text-muted)}.comment-text{font-size:.875rem;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;align-items:center;gap:.375rem;margin-top:.375rem}.comment-reactions{display:flex;gap:.25rem;flex-wrap:wrap}.comment-reactions .reaction{font-size:.75rem;padding:.125rem .375rem;border-radius:.75rem}.comment-reactions .reaction .count{font-size:.65rem}.comment-reactions .reaction-add-btn{font-size:.7rem;padding:.125rem .375rem;border-radius:.75rem}.comment-delete{background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:.125rem .25rem;margin-left:auto;opacity:0;transition:opacity .15s,color .15s;font-family:inherit}.comment:hover .comment-delete{opacity:1}.comment-delete:hover{color:#e53e3e}.comment-form{display:flex;gap:.5rem;padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border)}.comment-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:1.5rem;padding:.5rem .875rem;color:var(--text);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s;min-width:0}.comment-input:focus{border-color:var(--accent)}.comment-input::placeholder{color:var(--text-muted)}.comment-submit{background:var(--primary);color:#fff;border:none;border-radius:1.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.comment-submit:hover{opacity:.85}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comments-empty{text-align:center;padding:1rem 0;color:var(--text-muted);font-size:.85rem}.share-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(1rem);background:var(--text);color:var(--bg);padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:inherit;z-index:4000;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.share-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.post-type-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--border)}.post-type-tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit}.post-type-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.embed{margin:.75rem 0 .25rem;border-radius:.5rem;overflow:hidden}.embed-youtube{position:relative;padding-bottom:56.25%;height:0;background:#000}.embed-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-twitter{max-width:550px}.embed-twitter .twitter-tweet{margin:0!important}.embed-generic{border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem}.embed-generic a{color:var(--accent);word-break:break-all}.embed-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.post-page{max-width:36rem;margin:0 auto;padding:1.5rem 1.25rem 2rem}.post-page-loading,.post-page-error{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.post-page-error a{color:var(--accent)}.post-back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:1rem;transition:color .15s}.post-back-link:hover{color:var(--accent)}.post-back-link svg{width:1.125rem;height:1.125rem;flex-shrink:0}.post-page-card{cursor:default}.post-page-card:hover{transform:none;box-shadow:var(--shadow)}.post-page-image{width:100%;display:block;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.post-page-text{font-size:1rem;line-height:1.6;margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word}.post-page-meta{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8rem;color:var(--text-muted)}.post-page-author{font-weight:600;color:var(--text)}.post-page-share{margin-left:auto;background:none;border:1px solid var(--border);border-radius:.375rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.post-page-share svg{width:.875rem;height:.875rem}.post-page-share:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.post-edit-btn{background:none;border:1px solid var(--border);border-radius:.375rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.post-edit-btn svg{width:.875rem;height:.875rem}.post-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.post-edit-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;color:var(--text);font-size:1rem;line-height:1.6;font-family:inherit;outline:none;resize:vertical;margin-bottom:.5rem;transition:border-color .15s}.post-edit-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.post-edit-image-section{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.post-edit-image-preview{width:100%;border-radius:.5rem;border:1px solid var(--border)}.post-edit-image-label{align-self:flex-start;cursor:pointer;font-size:.8rem;padding:.375rem .75rem}.post-edit-actions{display:flex;gap:.5rem;padding:.5rem 0}.post-edit-actions .btn{padding:.375rem 1rem;font-size:.8rem}.post-page-comments{padding:1rem 0}.post-page .comment-form{padding:.75rem 0 0;border-top:1px solid var(--border)}.loop-layout{max-width:1280px;margin:0 auto;padding:0 1.25rem;display:flex;gap:1.5rem;align-items:flex-start}.loop-main{flex:1;min-width:0}.loop-layout .grid,.loop-layout .list{max-width:100%;padding:1.25rem 0}.activity-sidebar{width:260px;flex-shrink:0;position:sticky;top:1rem;max-height:calc(100vh - 2rem);align-self:flex-start;background:var(--card-bg, var(--surface));border:1px solid var(--border);border-radius:.75rem;overflow:hidden;margin-top:1.25rem;color:var(--text);box-shadow:var(--shadow)}.activity-header{padding:.625rem .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.4rem}.activity-pulse{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;animation:activity-pulse 2s ease-in-out infinite}@keyframes activity-pulse{0%,to{opacity:1}50%{opacity:.4}}#activity-feed{max-height:70vh;overflow-y:auto}#activity-feed::-webkit-scrollbar{width:.375rem}#activity-feed::-webkit-scrollbar-track{background:transparent}#activity-feed::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.activity-item{padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.78rem;line-height:1.4;display:flex;gap:.5rem;align-items:flex-start;transition:background .1s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#8080801a}.activity-item.clickable{cursor:pointer}.activity-icon{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.activity-icon.post{background:#6366f11f}.activity-icon.react{background:#f59e0b1f}.activity-icon.comment{background:#22c55e1f}.activity-icon.emoji{background:#ec48991f}.activity-icon img{width:1rem;height:1rem;object-fit:contain;border-radius:2px}.activity-body{flex:1;min-width:0}.activity-who{font-weight:600;color:var(--text)}.activity-what{color:var(--text-muted)}.activity-target{color:var(--text);font-style:italic;opacity:.7}.activity-time{font-size:.7rem;color:var(--text-muted);margin-top:.1rem}#remixes-section{background:var(--card-bg, var(--surface));border-bottom:1px solid var(--border)}#remixes-section .activity-header{font-size:.625rem;color:var(--text-tertiary);border-bottom:1px solid var(--border)}.remix-item{display:flex;align-items:center;gap:.5rem;padding:.4375rem .75rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:background .1s}.remix-item:last-child{border-bottom:none}.remix-item:hover{background:#00000008}.remix-icon{width:1.5rem;height:1.5rem;border-radius:.25rem;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.remix-info{flex:1;min-width:0}.remix-name{font-size:.75rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remix-stats{font-size:.625rem;color:var(--text-tertiary)}.activity-sentinel{display:flex;justify-content:center;padding:.75rem 0}.activity-sentinel:after{content:"";width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;animation:posts-spin .6s linear infinite}.activity-toggle{display:none;width:calc(100% - 2.5rem);margin:0 1.25rem 1rem;padding:.5rem 1rem;background:var(--card-bg, var(--surface));border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);font-size:.8rem;font-family:inherit;cursor:pointer;text-align:left}.activity-toggle .activity-pulse{margin-right:.4rem}@media (max-width: 63.999em){.loop-layout{flex-direction:column}.activity-sidebar{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;top:auto;max-height:50vh;margin:0;border-radius:.75rem .75rem 0 0;z-index:1500;box-shadow:0 -4px 20px #00000026}.activity-sidebar.open{display:block}#activity-feed{max-height:40vh}}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.page-loader-logo{width:4rem;height:4rem;animation:loader-pulse 1.4s ease-in-out infinite}@keyframes loader-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}