@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-green:#43bccd;--accent-blue:#1167b1;--accent-purple:#9d81ba;--accent-pink:#ff548a;--accent-yellow:#ffbe0b;--accent-error:#fb5607;--accent-orange:#fb5607;--accent-coral:#ff8fa3;--accent-sand:#fdf0d5;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--font-title:1.1rem;--font-sans:"Inter",system-ui,Avenir,Helvetica,Arial,sans-serif}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;flex-direction:column;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-tertiary);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translate(24px)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;font-weight:600}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);padding:.5rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-green);border-color:#0000}@media(min-width:769px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}@media(max-width:768px){*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}}.goal-item{background-color:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0000;margin-bottom:1rem;padding:1.5rem;transition:all .3s;position:relative}.goal-item:hover{background-color:var(--bg-tertiary);border-color:#ffffff0d;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0003}.app-container{max-width:600px;min-height:100vh;margin:0 auto;padding:1rem 1.5rem 8rem;animation:.25s fadeIn;position:relative;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-header{margin-bottom:2rem;padding-top:0}.app-title{letter-spacing:-.05em;color:var(--text-primary);align-items:center;gap:.25rem;font-size:2.5rem;font-weight:800;display:flex}.app-title .dot{color:var(--accent-green);font-size:3rem;line-height:.5}.nav-dock-container{pointer-events:none;z-index:1000;justify-content:center;padding:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-dock{background:var(--bg-secondary);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-tertiary);pointer-events:auto;border-radius:40px;display:flex}.nav-dock-item{width:60px;height:60px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-appearance:none;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:transform .2s,color .2s,background-color .2s;display:flex;position:relative}.nav-dock-item.active{color:#000;background-color:#0000!important}.nav-dock-item:focus,.nav-dock-item:focus-visible{box-shadow:none;outline:none;background-color:#0000!important}.nav-dock-item:hover:not(.active){color:var(--text-primary);background-color:#ffffff0d}.nav-dock-item:active{transform:scale(.92);background-color:#0000!important}.list-selector-wrapper{cursor:pointer;align-items:center;gap:.75rem;display:flex;position:relative}.list-selector-title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.list-selector-title:hover{opacity:.8}.nav-icon-btn{width:44px;height:44px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-icon-btn.active{color:var(--text-primary);background:var(--bg-tertiary)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.tasks-container{max-width:600px;margin:0 auto;animation:slideUp .6s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-quick-add{display:flex;align-items:center;gap:1rem;padding:1rem 0;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.05);position:relative;transition:all .2s ease}.task-quick-add input{flex:1;background-color:transparent;border:none;border-radius:0;padding:0;height:auto;font-size:1rem;font-weight:500;color:var(--text-primary);box-shadow:none;transition:all .2s ease}.task-quick-add input::placeholder{color:var(--text-muted);font-weight:400;opacity:.8;font-style:italic}@keyframes popReady{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1.1)}}.quick-add-btn{width:24px;height:24px;border-radius:50%;background-color:transparent;color:var(--accent-green);display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;cursor:pointer;opacity:.7;margin-left:2px}.task-quick-add.focused .quick-add-btn,.task-quick-add:hover .quick-add-btn{opacity:1;transform:scale(1.1)}.quick-add-btn.ready{background-color:var(--accent-green);color:var(--bg-primary);opacity:1;box-shadow:0 2px 8px #00000026;animation:popReady .4s cubic-bezier(.34,1.56,.64,1) forwards}.quick-add-btn.ready:hover{transform:scale(1.2);box-shadow:0 4px 12px #37b6a666;animation:none}.task-quick-add input:focus{outline:none;background-color:transparent;box-shadow:none}.task-item{background-color:transparent;padding:1rem 0;margin-bottom:0;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:transparent;transform:none;box-shadow:none}.task-item-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:0;flex:1}.task-checkbox-btn{width:24px;height:24px;border-radius:50%;border:2px solid var(--text-muted);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.task-checkbox-btn:hover{border-color:var(--accent-green);background-color:#4ecdc41a}.task-checkbox-btn.checked{background-color:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.task-item-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:0}.task-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.back-btn{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-weight:600;font-size:.8rem;padding:.4rem .75rem;border-radius:var(--radius-sm);transition:all .2s;background-color:var(--bg-secondary)}.back-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.task-action-btn{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem;transition:all .2s}.btn-complete{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-complete:hover,.btn-completed{background-color:var(--accent-green);color:var(--bg-primary)}.btn-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background-color:var(--bg-secondary);border-radius:50%;margin-left:.5rem;transition:all .2s}.btn-delete:hover{background-color:#f43f5e1a;color:var(--accent-error)}.task-header-title{animation:slideIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.task-title-input{width:100%;background:transparent;border:none;font-family:var(--font-sans);font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:.5rem;padding:0;letter-spacing:-.02em}.task-desc-area{width:100%;background:transparent;border:none;font-family:var(--font-sans);font-size:.95rem;line-height:1.5;color:var(--text-secondary);resize:none;min-height:60px;margin-bottom:1.5rem;padding:0}.task-desc-area:focus{outline:none;color:var(--text-primary)}.subtasks-section{margin-bottom:2rem}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted);margin-bottom:.5rem}.subtask-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:2px;transition:all .2s}.subtask-item:hover{background-color:var(--bg-tertiary)}.checkbox{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--text-muted);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s;color:transparent}.checkbox:hover{border-color:var(--accent-green)}.subtask-text{font-size:.9rem;color:var(--text-primary);flex:1}.subtask-text.done{color:var(--text-muted);text-decoration:line-through}.add-subtask-form{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;opacity:.8}.subtask-add-btn{width:24px;height:24px;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-muted);flex-shrink:0;cursor:pointer}.subtask-add-btn:hover{color:var(--accent-green);background-color:#37b6a61a}.subtask-add-btn.ready{color:var(--accent-green);transform:scale(1.1);opacity:1}.subtask-add-btn.ready:hover{transform:scale(1.2);box-shadow:none}.add-subtask-form input{background:transparent;border:none;font-size:.95rem;color:var(--text-primary);flex:1}.add-subtask-form input:focus{outline:none}.subtask-delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.4;transition:all .2s;position:relative}.subtask-delete-btn:hover{color:var(--accent-error);opacity:1;background-color:#f43f5e0d;border-radius:4px}.subtask-item.finishing .subtask-text{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--accent-green);transition:color .3s ease}.subtask-item.finishing .checkbox{border-color:var(--accent-green);background-color:var(--accent-green);animation:checkPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.subtask-item.finishing .checkbox svg{stroke-width:4px;color:var(--bg-primary)}.feed-timeline{position:relative;padding-left:1.5rem;margin-top:1.5rem}.feed-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:1px;background-color:var(--bg-tertiary)}.feed-input-container{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.feed-input-wrapper{flex:1;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);transition:all .2s ease;display:flex}.feed-input-wrapper:focus-within{background-color:var(--bg-tertiary);border-color:var(--accent-green)}.feed-input-wrapper textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;resize:none;min-height:40px;max-height:200px;padding:.6rem .8rem;outline:none;line-height:1.5;display:block}.feed-send-btn{width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:default;transition:all .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.feed-send-btn.active{background-color:var(--accent-green);border-color:var(--accent-green);color:#000;cursor:pointer}.feed-send-btn.active:hover{transform:scale(1.1)}.timeline-item{display:flex;gap:1rem;margin-bottom:1.25rem;position:relative}.timeline-content{background-color:var(--bg-secondary);border-radius:0 12px 12px;padding:.75rem 1rem;position:relative;max-width:85%;flex:1}.timeline-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--bg-primary);flex-shrink:0;position:relative;z-index:10;border:2px solid var(--bg-primary);margin-left:-2.15rem}.comment-meta{margin-bottom:.25rem;font-size:.7rem;color:var(--text-muted)}.comment-author{font-weight:700;color:var(--text-primary);margin-right:.5rem}.comment-text{font-size:.9rem;line-height:1.4;color:var(--text-secondary)}.task-progress-container{width:100%;margin-top:.5rem}.task-progress-label{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.task-progress-bar{height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}.task-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:2px;transition:width .5s ease}.task-done-btn{opacity:0;background-color:transparent;border:1.5px solid var(--accent-green);color:var(--accent-green);padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:700;transition:all .2s;margin-left:1rem}.task-item:hover .task-done-btn{opacity:1}.task-done-btn:hover{background-color:var(--accent-green);color:var(--bg-primary)}.nav-icon-btn{color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-md);transition:all .2s;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;border:none;cursor:pointer}.nav-icon-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-icon-btn.active{color:var(--accent-green);background-color:#4ecdc41a}.nav-icon-btn.active:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:2px;background-color:var(--accent-green);border-radius:2px}.nav-divider{width:1px;height:20px;background-color:var(--bg-secondary);margin:0 .5rem}.task-checkbox-wrapper{position:relative;width:24px;height:24px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.circular-progress{display:block}.checkbox-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}@keyframes checkPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes taskDoneBg{0%{background-color:transparent}to{background-color:#37b6a60d}}.task-item.finishing{animation:taskDoneBg .3s ease}.task-item.finishing .task-item-title{color:var(--text-muted);transition:color .3s ease;text-decoration:line-through;text-decoration-color:var(--accent-green)}.task-checkbox-wrapper:hover .checkbox-center,.task-checkbox-wrapper.finishing .checkbox-center{opacity:1}.task-checkbox-wrapper.finishing .checkbox-center{background-color:var(--accent-green);border-radius:50%}.task-checkbox-wrapper:hover .check-icon{color:var(--text-secondary)}.task-checkbox-wrapper.finishing .check-icon{color:var(--bg-primary);animation:checkPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.subtask-item{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;background-color:transparent;border-radius:0;margin-bottom:.25rem;transition:all .2s}.subtask-item:hover{background-color:transparent}.checkbox{width:24px;height:24px;border-radius:8px;border:2px solid var(--text-muted);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s;color:transparent;flex-shrink:0}.checkbox:hover{border-color:var(--accent-green);transform:none}.checkbox.checked{background-color:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.subtask-text{font-size:.95rem;color:var(--text-primary);flex:1}.app-footer{margin-top:auto;padding-top:3rem;padding-bottom:2rem;display:flex;justify-content:center;width:100%}.trash-btn-footer{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;background:transparent;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .2s;opacity:.6;cursor:pointer}.trash-btn-footer:hover{opacity:1;color:var(--accent-error);background-color:#f43f5e0d}.link-preview-card{display:flex;flex-direction:column;background-color:var(--bg-tertiary);border-radius:8px;overflow:hidden;margin-top:1rem;text-decoration:none;transition:all .2s;border:1px solid rgba(255,255,255,.05)}.link-preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#ffffff1a}.link-preview-image{height:140px;background-size:cover;background-position:center;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center}.link-preview-content{padding:.75rem}.link-preview-title{font-weight:700;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.link-preview-desc{font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.mention-dropdown{position:absolute;bottom:100%;left:0;width:200px;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);box-shadow:0 4px 12px #0003;z-index:50;max-height:200px;overflow-y:auto;margin-bottom:.5rem;animation:fadeIn .1s ease}.mention-option{padding:.75rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:background-color .1s}.mention-option.active,.mention-option:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.mention-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.mention-highlight{color:var(--accent-blue);background-color:#43bccd26;padding:0 4px;border-radius:4px;font-weight:600}.reload-prompt-container{position:fixed;bottom:24px;right:24px;z-index:2000;pointer-events:none}.reload-prompt-toast{pointer-events:auto;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0006;display:flex;align-items:center;gap:12px;animation:slideUpFade .3s ease-out forwards;color:var(--text-primary)}.reload-prompt-message{font-size:.9rem;font-weight:500}.reload-prompt-button{border:none;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.reload-prompt-button.primary{background-color:var(--accent-green);color:#000}.reload-prompt-button.primary:hover{filter:brightness(1.1)}.reload-prompt-button.secondary{background-color:transparent;color:var(--text-secondary);padding:6px}.reload-prompt-button.secondary:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.reload-prompt-container{left:16px;right:16px;bottom:80px}.reload-prompt-toast{width:100%;justify-content:space-between}}