@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Manrope:wght@300;400;500;600&family=Caveat:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Uncial Antiqua&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Quicksand:wght@400;500;600&family=Orbitron:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Fredoka+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Fredoka+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--radius-sm: 4px;--color-star: #fff;--leaf-particle-opacity: .4;--sprinkle-opacity: .04}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.chat-error,.todo-error{color:var(--color-error);background-color:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:var(--radius-sm, 4px);padding:8px 12px;margin-bottom:8px}.theme-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-ambient, 5);overflow:hidden}.theme-ambient .firefly{position:absolute;border-radius:50%;background:var(--color-secondary, #8FAE7E);pointer-events:none}.theme-ambient .sparkle{position:absolute;border-radius:50%;background:var(--highlight-color, #FFF9B0);pointer-events:none}.theme-ambient .leaf-particle{position:absolute;width:8px;height:8px;opacity:var(--leaf-particle-opacity, .4);pointer-events:none}.theme-ambient .star-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.theme-ambient .star{position:absolute;background:var(--color-star, #fff);border-radius:50%}.theme-ambient .sprinkle-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:var(--sprinkle-opacity, .04);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle cx='10' cy='10' r='2' fill='%23C67B5C'/%3E%3Ccircle cx='30' cy='8' r='1.5' fill='%238FAE7E'/%3E%3C/svg%3E");background-size:60px 60px}.theme-ambient .mascot{position:absolute;pointer-events:none}.theme-ambient .aurora-sweep{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease-out}.theme-ambient .aurora-sweep.active{opacity:1}.theme-ambient .hud-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.theme-ambient .hud-label{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);letter-spacing:2px;text-transform:uppercase;opacity:.4}.theme-ambient .hud-label-top-left{top:16px;left:16px}.theme-ambient .hud-label-top-right{top:16px;right:16px}.theme-ambient .hud-label-bottom-left{bottom:16px;left:16px}.theme-ambient .hud-label-bottom-right{bottom:16px;right:16px}:root{--ui-bg: #0D0D12;--ui-surface: #16161D;--ui-surface-raised: #1E1E28;--ui-border: rgba(255, 255, 255, .07);--ui-border-hover: rgba(255, 255, 255, .14);--ui-amber: #E8A849;--ui-amber-glow: rgba(232, 168, 73, .18);--ui-crimson: #C4442A;--ui-crimson-glow: rgba(196, 68, 42, .18);--ui-text: #F0EDE8;--ui-text-muted: rgba(240, 237, 232, .45);--ui-text-dim: rgba(240, 237, 232, .25);--ui-font-display: "Cormorant Garamond", Georgia, serif;--ui-font-body: "DM Sans", system-ui, sans-serif;--ui-font-mono: "JetBrains Mono", monospace;--ui-radius-card: 8px;--ui-radius-sm: 5px;--ui-blur: blur(24px) saturate(180%);--ui-transition: .22s cubic-bezier(.4, 0, .2, 1);--ui-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ui-modal-enter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ui-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.ui-dropdown-container{position:fixed;top:18px;right:20px;z-index:9999;animation:ui-fade-in .6s .3s ease-out backwards}.ui-dropdown-trigger{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;background:#16161dd1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--ui-text);font-family:var(--ui-font-body);font-size:12.5px;font-weight:500;cursor:pointer;transition:background var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition),opacity var(--ui-transition);opacity:.75;white-space:nowrap}.ui-dropdown-trigger:hover{background:#1e1e28e6;border-color:#ffffff2e;opacity:1}.ui-dropdown-trigger:focus-visible{outline:2px solid var(--ui-amber);outline-offset:3px;opacity:1}.ui-trigger-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--ui-amber) 0%,var(--ui-crimson) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-display);font-size:9px;font-weight:700;color:#fff;letter-spacing:.5px;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.ui-trigger-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}.ui-dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#121219e0;backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:5px;animation:ui-scale-in .2s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top right;box-shadow:0 24px 60px #000000a6,0 8px 20px #0006,0 0 0 .5px #ffffff0a inset}.ui-panel-current{display:flex;align-items:center;gap:10px;padding:9px 10px 10px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:5px}.ui-panel-current-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--ui-amber) 0%,var(--ui-crimson) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-display);font-size:12px;font-weight:700;color:#fff;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15)}.ui-panel-current-name{font-family:var(--ui-font-display);font-size:15px;font-weight:600;color:var(--ui-text);letter-spacing:.3px;line-height:1.2}.ui-panel-current-badge{font-family:var(--ui-font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ui-amber);margin-top:2px}.ui-panel-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:13.5px;font-weight:400;cursor:pointer;text-align:left;transition:background var(--ui-transition),color var(--ui-transition)}.ui-panel-item:hover{background:#ffffff0f;color:var(--ui-text)}.ui-panel-item:focus-visible{outline:2px solid var(--ui-amber);outline-offset:-2px}.ui-panel-item .ui-item-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e8a8498c,#c4442a8c);display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-display);font-size:10px;font-weight:700;color:#fffc;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.ui-panel-divider{height:1px;background:#ffffff12;margin:5px 0}.ui-panel-action{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-family:var(--ui-font-body);font-size:13px;cursor:pointer;text-align:left;transition:background var(--ui-transition),color var(--ui-transition)}.ui-panel-action:hover{background:#ffffff0d;color:var(--ui-text)}.ui-panel-action:focus-visible{outline:2px solid var(--ui-amber);outline-offset:-2px}.ui-panel-action svg{width:14px;height:14px;opacity:.6}.ui-selection-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ui-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;overflow-y:auto;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(232,168,73,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(196,68,42,.05) 0%,transparent 50%)}.ui-selection-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.ui-selection-header{text-align:center;margin-bottom:48px;position:relative;z-index:1;animation:ui-fade-up .5s ease-out forwards}.ui-selection-title{font-family:var(--ui-font-display);font-size:clamp(32px,5vw,54px);font-weight:700;color:var(--ui-text);letter-spacing:-.5px;line-height:1.1;margin-bottom:10px}.ui-selection-title span{color:var(--ui-amber)}.ui-selection-subtitle{font-family:var(--ui-font-body);font-size:15px;font-weight:300;color:var(--ui-text-muted);letter-spacing:.4px}.ui-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%;max-width:680px;position:relative;z-index:1}@media(min-width:480px){.ui-cards-grid{grid-template-columns:repeat(3,1fr)}}.ui-user-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px 20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);cursor:pointer;transition:transform var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition),background var(--ui-transition);animation:ui-fade-up .4s ease-out backwards;text-align:center;overflow:hidden}.ui-user-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#e8a84900,#c4442a00);transition:background var(--ui-transition);pointer-events:none}.ui-user-card:hover{transform:translateY(-4px);border-color:var(--ui-border-hover);background:var(--ui-surface-raised);box-shadow:0 12px 40px #00000080,0 0 0 1px #e8a84914}.ui-user-card:hover:before{background:linear-gradient(135deg,#e8a8490f,#c4442a08)}.ui-user-card:focus-visible{outline:2px solid var(--ui-amber);outline-offset:3px}.ui-card-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--ui-amber) 0%,var(--ui-crimson) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-display);font-size:28px;font-weight:700;color:#fff;letter-spacing:1px;flex-shrink:0;border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 20px #0006;transition:transform var(--ui-transition),box-shadow var(--ui-transition)}.ui-user-card:hover .ui-card-avatar{transform:scale(1.06);box-shadow:0 6px 28px #00000080,0 0 20px var(--ui-amber-glow)}.ui-card-avatar.ui-avatar-loading{background:linear-gradient(90deg,var(--ui-surface) 25%,var(--ui-surface-raised) 50%,var(--ui-surface) 75%);background-size:200% auto;animation:ui-shimmer 1.4s linear infinite}.ui-card-name{font-family:var(--ui-font-display);font-size:17px;font-weight:600;color:var(--ui-text);letter-spacing:.2px;line-height:1.2;transition:color var(--ui-transition)}.ui-user-card:hover .ui-card-name{color:var(--ui-amber)}.ui-card-label{font-family:var(--ui-font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ui-text-dim);transition:color var(--ui-transition)}.ui-user-card:hover .ui-card-label{color:var(--ui-amber);opacity:.8}.ui-user-card:nth-child(1){animation-delay:60ms}.ui-user-card:nth-child(2){animation-delay:.12s}.ui-user-card:nth-child(3){animation-delay:.18s}.ui-user-card:nth-child(4){animation-delay:.24s}.ui-user-card:nth-child(5){animation-delay:.3s}.ui-user-card:nth-child(6){animation-delay:.36s}.ui-user-card:nth-child(7){animation-delay:.42s}.ui-user-card:nth-child(8){animation-delay:.48s}.ui-user-card:nth-child(9){animation-delay:.54s}.ui-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px 20px;background:transparent;border:1px dashed rgba(255,255,255,.12);border-radius:var(--ui-radius-card);cursor:pointer;transition:border-color var(--ui-transition),background var(--ui-transition),transform var(--ui-transition);animation:ui-fade-up .4s ease-out backwards;min-height:160px}.ui-add-card:hover{border-color:var(--ui-amber);background:#e8a8490a;transform:translateY(-4px)}.ui-add-card:focus-visible{outline:2px solid var(--ui-amber);outline-offset:3px}.ui-add-icon{width:40px;height:40px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--ui-text-muted);transition:border-color var(--ui-transition),color var(--ui-transition)}.ui-add-card:hover .ui-add-icon{border-color:var(--ui-amber);color:var(--ui-amber)}.ui-add-icon svg{width:20px;height:20px}.ui-add-label{font-family:var(--ui-font-body);font-size:13px;font-weight:400;color:var(--ui-text-muted);transition:color var(--ui-transition)}.ui-add-card:hover .ui-add-label{color:var(--ui-amber)}.ui-create-form{margin-top:24px;width:100%;max-width:400px;position:relative;z-index:1;animation:ui-fade-up .5s .2s ease-out backwards}.ui-create-form-inner{display:flex;gap:10px;align-items:center;padding:14px 16px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-create-form-inner:focus-within{border-color:var(--ui-amber);box-shadow:0 0 0 3px var(--ui-amber-glow)}.ui-create-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--ui-font-body);font-size:14px;color:var(--ui-text);caret-color:var(--ui-amber)}.ui-create-input::placeholder{color:var(--ui-text-dim)}.ui-create-submit{padding:7px 18px;background:var(--ui-amber);border:none;border-radius:20px;font-family:var(--ui-font-body);font-size:13px;font-weight:600;color:#0d0d12;cursor:pointer;transition:background var(--ui-transition),transform var(--ui-transition),opacity var(--ui-transition);white-space:nowrap}.ui-create-submit:hover:not(:disabled){background:#f0b85a;transform:scale(1.03)}.ui-create-submit:active:not(:disabled){transform:scale(.97)}.ui-create-submit:disabled{opacity:.35;cursor:not-allowed}.ui-create-error{margin-top:8px;padding:8px 14px;background:#c4442a1f;border:1px solid rgba(196,68,42,.25);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-body);font-size:12.5px;color:#e86b5c;animation:ui-fade-up .2s ease-out}.ui-loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1;animation:ui-fade-in .3s ease-out}.ui-loading-spinner{width:32px;height:32px;border:2px solid var(--ui-border);border-top-color:var(--ui-amber);border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08080ebf;backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur);display:flex;align-items:center;justify-content:center;padding:24px;animation:ui-fade-in .2s ease-out}.ui-modal{width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;background:#121218f2;border:1px solid var(--ui-border);border-radius:16px;overflow:hidden;animation:ui-modal-enter .28s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 40px 100px #000000b3,0 0 0 1px #ffffff0a inset}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1px solid var(--ui-border);flex-shrink:0}.ui-modal-title{font-family:var(--ui-font-display);font-size:22px;font-weight:700;color:var(--ui-text);letter-spacing:.2px}.ui-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--ui-border);border-radius:50%;color:var(--ui-text-muted);cursor:pointer;transition:background var(--ui-transition),color var(--ui-transition),border-color var(--ui-transition);flex-shrink:0}.ui-modal-close:hover{background:#ffffff1a;color:var(--ui-text);border-color:var(--ui-border-hover)}.ui-modal-close:focus-visible{outline:2px solid var(--ui-amber);outline-offset:2px}.ui-modal-close svg{width:16px;height:16px}.ui-modal-body{flex:1;overflow-y:auto;padding:16px 24px 24px;scrollbar-width:thin;scrollbar-color:var(--ui-border-hover) transparent}.ui-modal-body::-webkit-scrollbar{width:4px}.ui-modal-body::-webkit-scrollbar-thumb{background:var(--ui-border-hover);border-radius:2px}.ui-user-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--ui-radius-card);border:1px solid transparent;transition:background var(--ui-transition),border-color var(--ui-transition);margin-bottom:6px}.ui-user-row:hover{background:#ffffff08;border-color:var(--ui-border)}.ui-user-row.ui-editing{background:#e8a8490a;border-color:#e8a84933}.ui-user-row.ui-deleting{background:#c4442a0f;border-color:#c4442a33}.ui-row-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e8a849b3,#c4442ab3);display:flex;align-items:center;justify-content:center;font-family:var(--ui-font-display);font-size:14px;font-weight:700;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.ui-row-info{flex:1;min-width:0}.ui-row-name{font-family:var(--ui-font-display);font-size:16px;font-weight:600;color:var(--ui-text);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-row-id{font-family:var(--ui-font-mono);font-size:10px;color:var(--ui-text-dim);letter-spacing:.5px;margin-top:2px}.ui-row-actions{display:flex;gap:6px;flex-shrink:0}.ui-row-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff0d;border:1px solid var(--ui-border);border-radius:16px;font-family:var(--ui-font-body);font-size:12px;font-weight:500;color:var(--ui-text-muted);cursor:pointer;transition:background var(--ui-transition),color var(--ui-transition),border-color var(--ui-transition)}.ui-row-btn:hover{background:#ffffff1a;color:var(--ui-text);border-color:var(--ui-border-hover)}.ui-row-btn:focus-visible{outline:2px solid var(--ui-amber);outline-offset:2px}.ui-row-btn.ui-danger:hover{background:#c4442a26;color:#e86b5c;border-color:#c4442a4d}.ui-row-btn svg{width:12px;height:12px}.ui-rename-form{flex:1;display:flex;gap:8px;align-items:center;min-width:0}.ui-rename-input{flex:1;min-width:0;padding:7px 12px;background:#ffffff12;border:1px solid var(--ui-amber);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-display);font-size:16px;font-weight:600;color:var(--ui-text);outline:none;caret-color:var(--ui-amber);box-shadow:0 0 0 3px var(--ui-amber-glow)}.ui-rename-input:focus{border-color:var(--ui-amber)}.ui-rename-save{padding:6px 14px;background:var(--ui-amber);border:none;border-radius:14px;font-family:var(--ui-font-body);font-size:12px;font-weight:600;color:#0d0d12;cursor:pointer;transition:background var(--ui-transition),transform var(--ui-transition);white-space:nowrap}.ui-rename-save:hover{background:#f0b85a;transform:scale(1.03)}.ui-rename-save:active{transform:scale(.97)}.ui-rename-cancel{padding:6px 12px;background:transparent;border:1px solid var(--ui-border);border-radius:14px;font-family:var(--ui-font-body);font-size:12px;color:var(--ui-text-muted);cursor:pointer;transition:background var(--ui-transition),color var(--ui-transition);white-space:nowrap}.ui-rename-cancel:hover{background:#ffffff12;color:var(--ui-text)}.ui-delete-confirm{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.ui-delete-warning{font-family:var(--ui-font-body);font-size:13px;color:#e86b5c;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-confirm-delete{padding:6px 14px;background:var(--ui-crimson);border:none;border-radius:14px;font-family:var(--ui-font-body);font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:background var(--ui-transition),transform var(--ui-transition);white-space:nowrap}.ui-confirm-delete:hover{background:#d4523a;transform:scale(1.03)}.ui-confirm-cancel{padding:6px 12px;background:transparent;border:1px solid var(--ui-border);border-radius:14px;font-family:var(--ui-font-body);font-size:12px;color:var(--ui-text-muted);cursor:pointer;transition:background var(--ui-transition),color var(--ui-transition);white-space:nowrap}.ui-confirm-cancel:hover{background:#ffffff12;color:var(--ui-text)}.ui-add-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--ui-border)}.ui-add-section-title{font-family:var(--ui-font-mono);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ui-text-dim);margin-bottom:6px}.ui-add-section-hint{font-size:12px;color:var(--ui-text-dim);margin-bottom:12px;line-height:1.4}.ui-add-form{display:flex;gap:10px;align-items:center}.ui-add-input{flex:1;padding:9px 14px;background:#ffffff0d;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-body);font-size:13.5px;color:var(--ui-text);outline:none;caret-color:var(--ui-amber);transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-add-input::placeholder{color:var(--ui-text-dim)}.ui-add-input:focus{border-color:var(--ui-amber);box-shadow:0 0 0 3px var(--ui-amber-glow)}.ui-add-submit{padding:9px 20px;background:var(--ui-amber);border:none;border-radius:20px;font-family:var(--ui-font-body);font-size:13px;font-weight:600;color:#0d0d12;cursor:pointer;transition:background var(--ui-transition),transform var(--ui-transition),opacity var(--ui-transition);white-space:nowrap}.ui-add-submit:hover:not(:disabled){background:#f0b85a;transform:scale(1.03)}.ui-add-submit:active:not(:disabled){transform:scale(.97)}.ui-add-submit:disabled{opacity:.35;cursor:not-allowed}.ui-add-error{margin-top:8px;padding:7px 12px;background:#c4442a1a;border:1px solid rgba(196,68,42,.2);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-body);font-size:12px;color:#e86b5c}.ui-operation-error{margin-bottom:12px;padding:8px 14px;background:#c4442a1a;border:1px solid rgba(196,68,42,.2);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-body);font-size:13px;color:#e86b5c}.cottage-t-editorial{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.cottage-t-strap{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--rule)}.cottage-t-numerals{font-family:var(--serif-display);font-weight:300;font-size:clamp(80px,9vw,132px);line-height:.9;letter-spacing:-.04em;padding:8px 0;display:flex;align-items:center;justify-content:center;gap:4px;font-variant-numeric:tabular-nums;font-feature-settings:"lnum" 1;flex:1}.cottage-t-mm,.cottage-t-ss{color:var(--ink)}.cottage-t-colon{color:var(--accent);font-style:italic;font-weight:400;transform:translateY(-.06em);padding:0 8px}.cottage-t-rule{height:1px;background:var(--rule);position:relative}.cottage-t-rule-fill{position:absolute;left:0;top:-1px;height:3px;background:var(--ink);transition:width 1s linear}.cottage-t-foot{display:flex;justify-content:space-between;padding-top:8px}.cottage-t-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--rule);margin-top:8px;position:relative}.cottage-t-controls .btn{padding:6px 12px;font-size:10px}.cottage-t-controls .btn.is-active{background:var(--ink);color:var(--paper)}.cottage-t-controls-mode{margin-left:auto;display:flex;gap:0;border:1px solid var(--rule)}.cottage-t-controls-mode button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-right:1px solid var(--rule);padding:4px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--serif-display);color:var(--ink)}.cottage-t-controls-mode button:last-child{border-right:0}.cottage-t-controls-mode button[data-active="1"]{background:var(--ink);color:var(--paper)}.cottage-t-cm-no{font-style:italic;font-size:12px}.cottage-t-cm-lbl{font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.cottage-t-settings-panel{position:absolute;top:-90px;left:0;right:0;background:var(--paper);border:1px solid var(--rule);padding:12px;display:flex;gap:12px;align-items:flex-end;z-index:10;box-shadow:0 8px 24px #00000014}.cottage-t-settings-panel label{display:flex;flex-direction:column;gap:4px;flex:1}.cottage-t-settings-panel input{font-family:var(--serif-text);font-size:14px;border:0;border-bottom:1px solid var(--rule);background:transparent;padding:4px 0;outline:none}.cottage-t-settings-panel input:focus{border-bottom-color:var(--ink)}.cottage-msg{padding-bottom:10px;border-bottom:1px dotted var(--rule)}.cottage-msg:last-child{border-bottom:0}.cottage-msg--new{animation:cottage-msg-fade .6s ease-out both}@keyframes cottage-msg-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.cottage-msg-byline{font-family:var(--serif-display);font-size:12px;color:var(--ink-2);padding-bottom:3px}.cottage-msg-byline em{font-style:italic;font-weight:500;color:var(--ink)}.cottage-msg-text{margin:0;font-family:var(--serif-text);font-size:14px;line-height:1.5;color:var(--ink)}.cottage-mention{background:#445e441f;color:var(--accent);padding:.05em .25em;border-radius:2px;font-weight:500}.cottage-msg-reactions{display:flex;gap:6px;flex-wrap:wrap;padding-top:6px}.cottage-reaction{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border:1px solid var(--rule);border-radius:999px;background:#fff3;font-family:var(--mono);font-size:9px;color:var(--ink-2);cursor:pointer}.cottage-reaction:hover{border-color:var(--ink);color:var(--ink)}.cottage-reaction.is-on{border-color:var(--ink);color:var(--ink);background:#fff6}.cottage-chat-error{padding:4px 8px;color:var(--accent-2);font-size:12px}.cottage-mention-input{position:relative;padding-top:10px;border-top:1px solid var(--rule);margin-top:8px}.cottage-mention-row{display:flex;align-items:center;gap:10px}.cottage-mention-quill{font-size:16px;color:var(--accent)}.cottage-mention-field{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid var(--rule);background:transparent;font-family:var(--serif-text);font-size:14px;padding:6px 0;color:var(--ink);outline:none}.cottage-mention-field:focus{border-bottom-color:var(--ink)}.cottage-mention-field::placeholder{color:var(--ink-3);font-style:italic}.cottage-mention-popover{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:var(--paper);border:1px solid var(--rule);padding:8px;box-shadow:0 8px 24px #00000014;max-height:220px;overflow:auto;z-index:5}.cottage-mention-popover-head{padding-bottom:6px;border-bottom:1px solid var(--rule)}.cottage-mention-row-item{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:6px 4px;cursor:pointer;background:transparent;border:0;width:100%;text-align:left;font-family:var(--serif-text);font-size:13px;color:var(--ink)}.cottage-mention-row-item:hover{background:var(--paper-2)}.cottage-mention-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--serif-display);font-style:italic;font-size:10px}.cottage-chat{display:flex;flex-direction:column;flex:1;min-height:0}.cottage-chat-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--rule)}.cottage-chat-body{flex:1;overflow-y:auto;padding:14px 4px 8px 0;display:flex;flex-direction:column;gap:12px;min-height:0}.cottage-chat-placeholder{font-family:var(--serif-display);font-style:italic;color:var(--ink-3);padding:12px 0}.cottage-tc{position:relative;display:grid;grid-template-columns:4px 22px 1fr auto;gap:8px;align-items:center;padding:8px 10px 8px 0;background:#ffffff73;border:1px solid var(--rule);box-shadow:1px 1px 0 var(--rule);cursor:pointer;transition:background .2s,opacity .2s,transform .12s;font-family:var(--serif-text);font-size:13px;color:var(--ink);line-height:1.35}.cottage-tc:hover{background:#ffffffb3;transform:translateY(-1px)}.cottage-tc-stripe{align-self:stretch;background:var(--owner-color);opacity:.55}.cottage-tc-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;font-family:var(--serif-display);font-style:italic;font-size:14px;color:var(--owner-color);text-align:center;opacity:.85;cursor:pointer;width:22px;height:22px}.cottage-tc-text{padding-right:4px}.cottage-tc-edit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;color:var(--ink-3);font-size:14px;padding:0 6px}.cottage-tc-edit-btn:hover{color:var(--ink)}.cottage-tc.is-done{opacity:.45}.cottage-tc.is-done .cottage-tc-text{text-decoration:line-through;text-decoration-thickness:.5px}.cottage-tc.is-current{background:var(--highlight)}.cottage-tc.is-current .cottage-tc-stripe{opacity:1}.cottage-tc--editing{display:block;padding:8px}.cottage-tc-edit{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cottage-tc-edit-input{flex:1;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid var(--rule);background:transparent;font-family:var(--serif-text);font-size:14px;outline:none;padding:4px 0}.cottage-tc-edit-input:focus{border-bottom-color:var(--ink)}.cottage-tc-delete{color:var(--accent-2);border-color:#a87a7e66}.cottage-todo{display:flex;flex-direction:column;flex:1;min-height:0}.cottage-todo-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--rule)}.cottage-todo-add{padding:10px 0;border-bottom:1px dotted var(--rule);display:flex;gap:8px;align-items:center}.cottage-todo-add-mark{color:var(--accent);font-family:var(--serif-display);font-size:16px}.cottage-todo-add input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-family:var(--serif-text);font-size:13px;padding:4px 0;color:var(--ink);outline:none;font-style:italic}.cottage-todo-add input::placeholder{color:var(--ink-3)}.cottage-todo-scroll{flex:1;overflow-y:auto;padding:12px 4px 12px 0;display:flex;flex-direction:column;gap:18px;min-height:0}.cottage-todo-group-head{display:grid;grid-template-columns:22px auto 1fr auto;gap:8px;align-items:center;padding-bottom:8px;border-bottom:.5px solid var(--rule);margin-bottom:8px}.cottage-todo-group.is-me .cottage-todo-group-head{border-bottom-color:var(--ink);border-bottom-width:1px}.cottage-todo-group-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--serif-display);font-style:italic;font-size:9.5px}.cottage-todo-group-name{font-family:var(--serif-display);font-size:14px;color:var(--ink)}.cottage-todo-group-name strong{font-weight:600;font-style:italic}.cottage-todo-group-foc{font-style:italic}.cottage-todo-group-count{font-family:var(--mono)}.cottage-todo-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cottage-audio{display:flex;flex-direction:column;flex:1;min-height:0}.cottage-audio-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--rule)}.cottage-audio-stopall{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--rule);padding:3px 8px;cursor:pointer;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.cottage-audio-stopall:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.cottage-audio-stopall:disabled{opacity:.4;cursor:default}.cottage-audio-list{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto;min-height:0}.cottage-atrack{display:grid;grid-template-columns:32px 1fr 110px;gap:12px;align-items:center;padding:6px 4px;border-bottom:1px dotted var(--rule)}.cottage-atrack:last-child{border-bottom:0}.cottage-atrack-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:50%;cursor:pointer;font-size:10px;display:grid;place-items:center;transition:background .15s,color .15s}.cottage-atrack-play:hover,.cottage-atrack.is-on .cottage-atrack-play{background:var(--ink);color:var(--paper)}.cottage-atrack-title{font-family:var(--serif-display);font-size:14px;font-style:italic;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cottage-atrack.is-on .cottage-atrack-title{color:var(--ink)}.cottage-atrack-sub{font-size:9.5px}.cottage-atrack-vol{display:grid;grid-template-columns:1fr 24px;gap:6px;align-items:center}.cottage-atrack-vol input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--rule);border-radius:2px;outline:none}.cottage-atrack-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--ink);cursor:pointer}.cottage-atrack-vol input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--ink);cursor:pointer;border:0}.cottage-pip-stage{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.cottage-pip-stage--polaroid{padding:10px 10px 32px;background:#fafaf2;box-shadow:inset 0 0 0 .5px var(--rule)}.cottage-pip-stage-fill{position:absolute;top:10px;right:10px;bottom:32px;left:10px;overflow:hidden;background:var(--paper-2)}.cottage-pip-video{width:100%;height:100%;object-fit:cover;display:block}.cottage-pip-off{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--serif-display);font-style:italic;color:var(--ink-3);font-size:12px}.cottage-pip-stage-byline{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-family:var(--hand);font-size:16px;color:var(--ink)}.cottage-pip{position:fixed;z-index:50;background:var(--paper);border:1px solid var(--ink);box-shadow:0 8px 28px #0000002e,0 1px #0000000f;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.cottage-pip-head{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 8px;background:var(--ink);color:var(--paper);cursor:grab}.cottage-pip-head:active{cursor:grabbing}.cottage-pip-grip{font-family:var(--mono);font-size:10px;opacity:.6;letter-spacing:-1px}.cottage-pip-title{color:var(--paper)}.cottage-pip-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--paper);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.cottage-pip-body{flex:1;position:relative;min-height:0;overflow:hidden;background:var(--paper-2)}.cottage-pip-foot{display:flex;gap:6px;align-items:center;padding:5px 8px;border-top:1px solid var(--rule)}.cottage-pip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--rule);padding:2px 8px;cursor:pointer;font-family:var(--mono);font-size:9px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}.cottage-pip-btn[data-on="1"]{color:var(--ink);border-color:var(--ink)}.cottage-pip-btn:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.cottage-pip-btn:disabled{opacity:.4;cursor:default}.cottage-pip-dim{margin-left:auto}.cottage-pip-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--ink-3) 50%,var(--ink-3) 60%,transparent 60%,transparent 70%,var(--ink-3) 70%,var(--ink-3) 80%,transparent 80%)}.cottage-pip-restore{position:fixed;right:24px;bottom:24px;z-index:50;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:0;padding:10px 14px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 4px 12px #0000002e}.cottage-pip-restore-dot{width:8px;height:8px;border-radius:50%;background:#c44;box-shadow:0 0 0 2px #c4444440}.cottage-audio-only{display:none}.cottage-filmstrip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.cottage-remote-pip{position:fixed;z-index:45;background:var(--paper);border:1px solid var(--ink);box-shadow:0 8px 28px #0000002e,0 1px #0000000f;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;pointer-events:auto}.cottage-remote-pip-head{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:6px 8px;background:var(--ink);color:var(--paper);cursor:grab}.cottage-remote-pip-head:active{cursor:grabbing}.cottage-remote-pip-title{color:var(--paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cottage-remote-pip-body{flex:1;position:relative;min-height:0;overflow:hidden;background:var(--paper-2)}.cottage-remote-pip-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--ink-3) 50%,var(--ink-3) 60%,transparent 60%,transparent 70%,var(--ink-3) 70%,var(--ink-3) 80%,transparent 80%)}.cottage-video-root{position:relative}.cottage-topbar{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px 32px 14px;border-bottom:1.5px solid var(--ink);background:var(--paper)}.cottage-masthead-h{font-family:var(--serif-display);font-weight:600;font-style:italic;font-size:32px;line-height:1;letter-spacing:-.015em;margin:0 0 6px;color:var(--ink)}.cottage-masthead-strap{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;color:var(--ink-2)}.cottage-topbar-right{display:flex;align-items:center;gap:22px}.cottage-topbar-members{list-style:none;margin:0;padding:0;display:flex;align-items:center}.cottage-topbar-av{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--paper);margin-left:-8px;font-family:var(--serif-display);font-style:italic;font-weight:500;font-size:11px;letter-spacing:.02em;display:grid;place-items:center;color:var(--paper);box-shadow:0 0 0 1px var(--rule);position:relative}.cottage-topbar-av:first-child{margin-left:0}.cottage-topbar-av-you{position:absolute;bottom:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:1.5px solid var(--paper);font-size:0}.cottage-topbar-actions{display:flex;align-items:center;gap:8px}.cottage-topbar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;border:1px solid var(--rule);color:var(--ink-2);font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px;border-radius:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.cottage-topbar-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cottage-topbar-btn--leave{color:var(--accent-2);border-color:#a87a7e73}.cottage-topbar-btn--leave:hover{background:var(--accent-2);color:var(--paper);border-color:var(--accent-2)}.cottage-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cottage-overlay-inkwash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;animation:cottage-inkwash-fade 1.3s ease both}@keyframes cottage-inkwash-fade{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.cottage-inkwash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper, #e8e6dd);animation:cottage-inkwash-bg 1.3s ease both}@keyframes cottage-inkwash-bg{0%{transform:translate(-100%);opacity:.92}to{transform:translate(0);opacity:0}}.cottage-inkwash-line{position:absolute;left:0;top:50%;width:100%;height:1.5px;background:var(--ink, #1f2420);transform-origin:left center;animation:cottage-inkwash-line 1.3s cubic-bezier(.6,.05,.4,1) both}@keyframes cottage-inkwash-line{0%{transform:scaleX(0)}40%{transform:scaleX(1)}to{transform:scaleX(1) translate(110%)}}.cottage-inkwash-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-160%);animation:cottage-inkwash-mark 1.3s ease both}@keyframes cottage-inkwash-mark{0%{opacity:0}30%{opacity:0}55%{opacity:1}85%{opacity:1}to{opacity:0}}.cottage-fireflies{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.cottage-firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:#fde68a;box-shadow:0 0 5px #f59e0b,0 0 14px #ea580cf2,0 0 30px #c2410ca6,0 0 56px #7c2d1259;animation:cottage-firefly-drift ease-in-out infinite}@keyframes cottage-firefly-drift{0%{transform:translate(0) scale(.55);opacity:0;animation-timing-function:ease-out}12%{opacity:.9;transform:translate(calc(var(--sway) * .5),-6vh) scale(1);animation-timing-function:ease-in-out}30%{transform:translate(calc(var(--sway) * .85),-15vh) scale(1.05);opacity:1;animation-timing-function:ease-in-out}48%{transform:translate(calc(var(--sway) * .25),-23vh) scale(.92);opacity:.6;animation-timing-function:ease-in-out}66%{transform:translate(calc(var(--sway) * -.3),-31vh) scale(1.05);opacity:1;animation-timing-function:ease-in-out}84%{transform:translate(calc(var(--sway) * .1),-38vh) scale(.9);opacity:.75;animation-timing-function:ease-in-out}to{transform:translate(var(--dx),-46vh) scale(.5);opacity:0;animation-timing-function:ease-in}}.cottage-leaves{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;overflow:hidden}.cottage-leaf{position:absolute;top:-30px;width:22px;height:11px;animation:cottage-leaf-fall linear infinite;transform-origin:center}@keyframes cottage-leaf-fall{0%{transform:translateY(-30px) rotate(var(--rot));opacity:.95}50%{transform:translate(var(--sway),50vh) rotate(calc(var(--rot) + 180deg))}to{transform:translate(calc(var(--sway) * -.3),110vh) rotate(calc(var(--rot) + 360deg));opacity:.7}}.cottage-room{--paper: #e8e6dd;--paper-2: #d6d2c4;--ink: #1f2420;--ink-2: #3e453e;--ink-3: #7a7e74;--rule: rgba(31, 36, 32, .18);--accent: #445e44;--accent-2: #a87a7e;--highlight: #dde0c8;--break-paper: #dedacb;--long-paper: #ddd5bc;--serif-display: "Newsreader", "EB Garamond", Georgia, serif;--serif-text: "Newsreader", "EB Garamond", Georgia, serif;--sans: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--hand: "Caveat", "Newsreader", cursive;background:var(--paper);color:var(--ink);font-family:var(--serif-text);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background 1.4s ease}.cottage-room[data-mode=break]{background:var(--break-paper)}.cottage-room[data-mode=long]{background:var(--long-paper)}.cottage-room .small-caps{font-family:var(--sans);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--ink-3)}.cottage-room .meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-3)}.cottage-room .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--rule);border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:#ffffff2e}.cottage-room .pull-quote{border-left:3px solid var(--accent);padding:8px 0 8px 14px;margin:4px 0 6px;font-family:var(--serif-display);font-style:italic;font-size:17px;line-height:1.45;color:var(--ink)}.cottage-room .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 16px;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;cursor:pointer;border-radius:0;transition:background .18s,color .18s}.cottage-room .btn:hover,.cottage-room .btn.solid{background:var(--ink);color:var(--paper)}.cottage-room .btn.solid:hover{background:var(--ink-2)}.cottage-room .btn.ghost{border-color:var(--rule);color:var(--ink-2)}.cottage-room .btn.ghost:hover{background:var(--paper-2);color:var(--ink)}.cottage-room .nice-scroll{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.cottage-room .nice-scroll::-webkit-scrollbar{width:6px}.cottage-room .nice-scroll::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.cottage-room .paper-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.13 0 0 0 0 0.11 0 0 0 0 0.08 0 0 0 0 0.07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.cottage-room{position:relative;min-height:100vh;overflow:hidden}.cottage-room .cottage-dash{position:relative;z-index:4;height:calc(100vh - 90px);padding:20px 32px 36px;display:grid;grid-template-columns:1.05fr 1.1fr .95fr;grid-template-rows:1fr 1fr;gap:20px;min-height:0}.cottage-card{position:relative;padding:18px 22px;background:#ffffff2e;border:1px solid var(--rule);display:flex;flex-direction:column;min-height:0;overflow:hidden}.cottage-card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:.5px solid var(--rule);opacity:.5}.cottage-card--timer{grid-column:1;grid-row:1}.cottage-card--chat{grid-column:2;grid-row:1 / 3}.cottage-card--todos{grid-column:3;grid-row:1 / 3}.cottage-card--audio{grid-column:1;grid-row:2}@keyframes cottage-modal-rise{0%{opacity:0;transform:translateY(16px) scale(.97) rotate(-.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes cottage-modal-deco-tl{0%{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(0 0% 0% 0)}}@keyframes cottage-modal-deco-br{0%{clip-path:inset(100% 0 0 100%)}to{clip-path:inset(0 0 0 0 0)}}.cottage-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1f242061;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .28s ease}.cottage-modal-backdrop.is-visible{opacity:1}.cottage-modal{position:relative;width:100%;max-width:440px;background:var(--paper);border:1px solid var(--rule);padding:32px 34px 28px;display:flex;flex-direction:column;gap:0;box-shadow:0 12px 40px #1f242021,0 2px 8px #1f24200f;transform:translateY(16px) scale(.97) rotate(-.5deg);transition:transform .32s cubic-bezier(.34,1.4,.64,1),opacity .28s ease;opacity:0}.cottage-modal.is-visible{transform:translateY(0) scale(1) rotate(0);opacity:1}.cottage-modal-deco{position:absolute;width:52px;height:52px;pointer-events:none}.cottage-modal-deco--tl{top:8px;left:8px;border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);clip-path:inset(0 100% 100% 0)}.cottage-modal-deco--br{bottom:8px;right:8px;border-bottom:1.5px solid var(--ink);border-right:1.5px solid var(--ink);clip-path:inset(100% 0 0 100%)}.cottage-modal.is-visible .cottage-modal-deco--tl{animation:cottage-modal-deco-tl .5s .1s ease both}.cottage-modal.is-visible .cottage-modal-deco--br{animation:cottage-modal-deco-br .5s .15s ease both}.cottage-modal-header{display:flex;flex-direction:column;gap:2px;padding-bottom:14px}.cottage-modal-eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--ink-3)}.cottage-modal-title{font-family:var(--hand);font-size:26px;font-weight:500;color:var(--ink);margin:0;line-height:1.2}.cottage-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--ink-3);padding:6px;transition:color .15s}.cottage-modal-close:hover{color:var(--ink)}.cottage-modal-rule{height:1px;background:var(--rule);margin-bottom:22px;transform:scaleX(0);transform-origin:left;transition:transform .4s .2s ease}.cottage-modal.is-visible .cottage-modal-rule{transform:scaleX(1)}.cottage-modal-field{margin-bottom:18px}.cottage-modal.is-visible .cottage-modal-field{animation:cottage-modal-field-in .3s ease both}.cottage-modal.is-visible .cottage-modal-field:nth-child(2){animation-delay:.06s}.cottage-modal.is-visible .cottage-modal-field:nth-child(3){animation-delay:.11s}.cottage-modal.is-visible .cottage-modal-field:nth-child(4){animation-delay:.16s}.cottage-modal.is-visible .cottage-modal-field:nth-child(5){animation-delay:.21s}.cottage-modal.is-visible .cottage-modal-field:nth-child(6){animation-delay:.26s}.cottage-modal.is-visible .cottage-modal-field:nth-child(7){animation-delay:.31s}@keyframes cottage-modal-field-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cottage-modal-field--danger{display:flex;flex-direction:column;gap:6px}.cottage-modal-field--row{display:flex;flex-direction:row;gap:10px;align-items:center}.cottage-modal-label{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--ink-3);margin-bottom:7px}.cottage-modal-input-row{display:flex;gap:8px;align-items:center}.cottage-modal-input{flex:1;font-family:var(--serif-text);font-size:15px;border:0;border-bottom:1.5px solid var(--rule);background:transparent;padding:5px 0;outline:none;color:var(--ink);transition:border-color .18s}.cottage-modal-input:focus{border-bottom-color:var(--ink)}.cottage-modal-theme-btn{align-self:flex-start}.cottage-modal-delete-btn{align-self:flex-start;color:var(--accent-2)!important;border-color:var(--accent-2)!important}.cottage-modal-delete-btn:hover{background:var(--accent-2)!important;color:var(--paper)!important}.cottage-modal-delete-btn:disabled{opacity:.45;cursor:not-allowed}.cottage-modal-delete-btn:disabled:hover{background:transparent;color:var(--accent-2)!important}.cottage-modal-hint{font-family:var(--sans);font-size:10px;letter-spacing:.05em;color:var(--ink-3);margin:0}.cottage-modal-delete-confirm-btn{background:var(--accent-2)!important;border-color:var(--accent-2)!important}.cottage-modal-delete-confirm-btn:hover{background:#8f6266!important}.cottage-modal-theme-picker{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}.theme-picker{display:flex;flex-direction:column;gap:12px}.theme-picker-title{font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--ink-3);margin:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:var(--paper);cursor:pointer;padding:0;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.theme-card:hover{border-color:var(--ink-3);box-shadow:0 2px 8px #1f242014}.theme-card.active{border-color:var(--ink);box-shadow:0 2px 12px #1f242026}.theme-preview{height:48px;display:flex;align-items:flex-end;padding:6px 8px;gap:4px}.swatch-row{display:flex;gap:3px;align-items:center}.swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(31,36,32,.15)}.theme-info{padding:6px 8px 8px;display:flex;flex-direction:column;gap:2px;text-align:left}.theme-info strong{font-family:var(--sans);font-size:10px;letter-spacing:.05em;font-weight:500;color:var(--ink)}.theme-info span{font-family:var(--serif-text);font-size:10px;color:var(--ink-3);line-height:1.3}.theme-reload-prompt{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--rule);background:var(--paper)}.theme-reload-prompt p{font-family:var(--serif-text);font-style:italic;font-size:12px;color:var(--ink);margin:0}.theme-reload-prompt button{font-size:10px;padding:5px 10px}.cottage-modal-delete-confirm-wrap{margin-top:-4px;margin-bottom:10px}.cottage-modal-delete-confirm{font-family:var(--serif-text);font-size:15px;font-style:italic;color:var(--ink);margin:0}@media(max-width:1024px){.cottage-room .cottage-dash{height:auto;grid-template-columns:1fr;grid-template-rows:auto}.cottage-card--timer,.cottage-card--chat,.cottage-card--todos,.cottage-card--audio{grid-column:1;grid-row:auto}}.cute-timer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.timer-gradient-circle{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffb7c5,#e8a0bf);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #e8a0bf66,inset 0 -4px 12px #0000001a,inset 0 4px 12px #ffffff4d;animation:gentlePulse 4s ease-in-out infinite}.timer-inner{width:220px;height:220px;border-radius:50%;background:linear-gradient(145deg,#fff5f7,#ffe4ec);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000014,inset 0 2px 8px #fffc}.timer-inner.running{animation:softBounce 1s ease-in-out infinite}.phase-label{font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:1.1rem;font-weight:600;color:#d8a0b0;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.timer-display{font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:4rem;font-weight:700;color:#5d4e60;text-shadow:2px 2px 0 #FFFFFF,-1px -1px 0 #FFFFFF,1px -1px 0 #FFFFFF,-1px 1px 0 #FFFFFF;letter-spacing:2px;line-height:1}.timer-display.ticking{animation:squish .3s ease-out}.crown-container{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:10;animation:floatCrown 2s ease-in-out infinite}.crown{width:60px;height:40px;filter:drop-shadow(0 2px 4px rgba(255,165,0,.4))}.star-burst{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none}.burst-star{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--color);border-radius:50%;animation:burstOut 1s ease-out forwards;--tx: calc(cos(var(--angle))*120px) ;--ty: calc(sin(var(--angle))*120px) }@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #e8a0bf66,inset 0 -4px 12px #0000001a,inset 0 4px 12px #ffffff4d}50%{transform:scale(1.02);box-shadow:0 12px 40px #e8a0bf80,inset 0 -4px 12px #0000001a,inset 0 4px 12px #ffffff4d}}@keyframes softBounce{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes squish{0%{transform:scale(1)}30%{transform:scale(.95,1.05)}60%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes floatCrown{0%,to{transform:translate(-50%) translateY(0) rotate(-5deg)}50%{transform:translate(-50%) translateY(-8px) rotate(5deg)}}@keyframes burstOut{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(0)}}.cute-timer-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px}.cute-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:80px;padding:14px 20px;border:none;border-radius:20px;font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000000d}.cute-btn:active{transform:scale(.95)}.play-pause-btn{background:linear-gradient(145deg,#ffb7c5,#e8a0bf);color:#5d4e60}.play-pause-btn:hover{background:linear-gradient(145deg,#ffc5d2,#f0b0cf)}.reset-btn{background:linear-gradient(145deg,#b8e6d4,#98d4c4);color:#4a6b5d}.reset-btn:hover{background:linear-gradient(145deg,#c8f0de,#a8e0d0)}.skip-btn{background:linear-gradient(145deg,#ffe5a0,#ffd166);color:#6b5d4a}.skip-btn:hover{background:linear-gradient(145deg,#ffedb0,#ffe082)}.btn-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.cute-btn.squishing{animation:cuteSquish .3s ease-out}@keyframes cuteSquish{0%{transform:scale(1)}30%{transform:scale(.9,1.1)}60%{transform:scale(1.1,.9)}80%{transform:scale(.98,1.02)}to{transform:scale(1)}}.cute-btn:active{animation:springBounce .4s ease-out}@keyframes springBounce{0%{transform:scale(.9)}50%{transform:scale(1.1)}70%{transform:scale(.97)}to{transform:scale(1)}}.break-label{font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.75rem;font-weight:600;color:#d8a0b0;text-transform:uppercase;letter-spacing:1px}.break-input{width:60px;padding:8px 12px;border:2px solid #E8A0BF;border-radius:12px;background:#fff5f7;font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#5d4e60;text-align:center;box-shadow:inset 0 2px 4px #0000000d}.break-input:focus{outline:none;border-color:#ffb7c5;box-shadow:inset 0 2px 4px #0000000d,0 0 0 3px #e8a0bf4d}@keyframes cuteJiggle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}@keyframes sendSquish{0%,to{transform:scale(1)}50%{transform:scale(.85,1.15)}}.cute-mention-input{position:relative;width:100%}.cute-mention-suggestions{position:absolute;bottom:100%;left:0;right:0;background:var(--cute-chat-surface, #FFFFFF);border-radius:15px;border:2px solid var(--cute-chat-mint, #7EC8A3);box-shadow:0 4px 20px #ff69b426;padding:8px;margin:0;list-style:none;max-height:150px;overflow-y:auto;z-index:10}.cute-mention-suggestions::-webkit-scrollbar{width:6px}.cute-mention-suggestions::-webkit-scrollbar-track{background:#7ec8a31a;border-radius:3px}.cute-mention-suggestions::-webkit-scrollbar-thumb{background:var(--cute-chat-mint, #7EC8A3);border-radius:3px}.cute-suggestion-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.cute-suggestion-btn:hover{background:linear-gradient(135deg,#ff8fab33,#7ec8a333);transform:scale(1.02)}.cute-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--cute-chat-primary, #FF8FAB),var(--cute-chat-secondary, #7EC8A3));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;box-shadow:0 2px 8px #ff69b433}.cute-suggestion-name{color:var(--cute-chat-text, #6B4E5C);font-family:Poppins,sans-serif;font-size:.9rem}.cute-input-wrapper{display:flex;gap:10px;align-items:center;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(126,200,163,.05) 10px,rgba(126,200,163,.05) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,143,171,.03) 10px,rgba(255,143,171,.03) 11px),var(--cute-chat-surface, #FFFFFF);border:3px solid transparent;border-image:repeating-linear-gradient(45deg,var(--cute-chat-primary, #FF8FAB),var(--cute-chat-secondary, #7EC8A3),var(--cute-chat-mint, #7EC8A3),var(--cute-chat-accent, #FFB6C1)) 1;border-radius:20px;padding:4px}.cute-input{flex:1;border:none;background:transparent;padding:10px 14px;font-family:Poppins,sans-serif;font-size:.95rem;color:var(--cute-chat-text, #6B4E5C);outline:none}.cute-input::placeholder{color:var(--cute-chat-text, #6B4E5C);opacity:.5}.cute-input.jiggle{animation:cuteJiggle .3s cubic-bezier(.34,1.56,.64,1)}.cute-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--cute-chat-primary, #FF8FAB),var(--cute-chat-secondary, #7EC8A3));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px #ff69b44d}.cute-send-btn:hover{transform:scale(1.1);box-shadow:0 5px 20px #ff69b466}.cute-send-btn:active{animation:sendSquish .2s cubic-bezier(.34,1.56,.64,1)}.cute-send-btn svg{margin-left:2px}@keyframes cuteBounceIn{0%{opacity:0;transform:translateY(20px) scale(.8)}50%{transform:translateY(-5px) scale(1.05)}70%{transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reactionBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cute-chat-message{position:relative;display:flex;align-items:flex-start;animation:cuteBounceIn .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.cute-chat-message:nth-child(1){animation-delay:0ms}.cute-chat-message:nth-child(2){animation-delay:50ms}.cute-chat-message:nth-child(3){animation-delay:.1s}.cute-chat-message:nth-child(4){animation-delay:.15s}.cute-chat-message:nth-child(5){animation-delay:.2s}.cute-chat-message:nth-child(n+6){animation-delay:.25s}.cute-chat-message.own{flex-direction:row-reverse}.cute-chat-message.other{flex-direction:row}.cute-message-panel-number{position:absolute;top:-8px;left:10px;background:var(--cute-chat-mint);color:#fff;font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:8px;opacity:.7}.cute-chat-message.own .cute-message-panel-number{left:auto;right:10px;background:var(--cute-chat-primary)}.cute-message-bubble{max-width:75%;background:var(--cute-chat-surface);border-radius:20px;padding:12px 16px;box-shadow:0 4px 15px #ff69b41a;border:2px solid transparent;background-image:linear-gradient(var(--cute-chat-surface),var(--cute-chat-surface)),linear-gradient(135deg,var(--cute-chat-primary),var(--cute-chat-secondary));background-origin:border-box;background-clip:padding-box,border-box}.cute-chat-message.own .cute-message-bubble{background-image:linear-gradient(var(--cute-chat-surface),var(--cute-chat-surface)),linear-gradient(135deg,var(--cute-chat-secondary),var(--cute-chat-primary))}.cute-message-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cute-message-username{font-weight:600;color:var(--cute-chat-primary);font-size:.85rem}.cute-chat-message.own .cute-message-username{color:var(--cute-chat-secondary)}.cute-message-time{font-size:.7rem;color:var(--cute-chat-text);opacity:.6}.cute-message-content{color:var(--cute-chat-text);font-size:.95rem;line-height:1.4;word-break:break-word}.cute-mention{background:linear-gradient(135deg,#ff8fab4d,#7ec8a34d);color:var(--cute-chat-text);padding:1px 4px;border-radius:6px;font-weight:500}.cute-message-reactions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.cute-reaction-btn{background:#fff8f0cc;border:1px solid rgba(126,200,163,.3);border-radius:12px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:3px;font-size:.85rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.cute-reaction-btn:hover{transform:scale(1.1);background:#ff8fab33;border-color:var(--cute-chat-primary)}.cute-reaction-btn.reacted{background:linear-gradient(135deg,#ff8fab4d,#7ec8a34d);border-color:var(--cute-chat-primary);animation:reactionBounce .3s cubic-bezier(.34,1.56,.64,1)}.cute-reaction-emoji{font-size:1rem}.cute-reaction-count{font-size:.75rem;font-weight:600;color:var(--cute-chat-text)}.cute-message-error{font-size:.75rem;color:#d63384;margin-bottom:4px}:root{--cute-chat-bg: #FFF8F0;--cute-chat-surface: #FFFFFF;--cute-chat-primary: #FF8FAB;--cute-chat-secondary: #7EC8A3;--cute-chat-accent: #FFB6C1;--cute-chat-mint: #7EC8A3;--cute-chat-text: #6B4E5C;--cute-chat-shadow: rgba(255, 105, 180, .15);--cute-chat-spring: cubic-bezier(.34, 1.56, .64, 1)}.cute-chat{background:var(--cute-chat-bg);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:400px;box-shadow:0 8px 30px var(--cute-chat-shadow)}.cute-chat-header{background:linear-gradient(135deg,var(--cute-chat-surface) 0%,#FFF 100%);border-top:4px solid var(--cute-chat-mint);padding:12px 20px;display:flex;align-items:center;justify-content:center}.cute-chat-title{font-family:Pacifico,cursive;color:var(--cute-chat-primary);font-size:1.3rem;animation:title-bounce 2s var(--cute-chat-spring) infinite}@keyframes title-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cute-chat-error{background:linear-gradient(135deg,#ffe4e1,#ffd1dc);color:#d63384;padding:8px 16px;font-size:.85rem;border-bottom:2px solid var(--cute-chat-primary)}.cute-chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;background:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(126,200,163,.03) 20px,rgba(126,200,163,.03) 21px)}.cute-chat-messages::-webkit-scrollbar{width:8px}.cute-chat-messages::-webkit-scrollbar-track{background:#7ec8a31a;border-radius:4px}.cute-chat-messages::-webkit-scrollbar-thumb{background:var(--cute-chat-mint);border-radius:4px}.cute-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--cute-chat-primary)}.cute-chat-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--cute-chat-text);opacity:.6;font-style:italic;text-align:center;padding:20px}.cute-chat-input{background:var(--cute-chat-surface);border-top:2px dashed rgba(126,200,163,.3);padding:12px}.cute-todo-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#fff,#fff5f7);border:2px solid #FFB7C5;border-radius:16px;box-shadow:0 2px 8px #ff8fab26,inset 0 1px 2px #fffc;animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--item-index, 0) * 80ms);transition:transform .2s,box-shadow .2s,opacity .4s}.cute-todo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff8fab40,inset 0 1px 2px #fffc}@keyframes bounceIn{0%{opacity:0;transform:translateY(-30px) scale(.8)}60%{transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.cute-todo-item.completed{opacity:.55;background:linear-gradient(135deg,#f0fff4,#e8f5e9);border-color:#7ec8a3;animation:happyBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes happyBounce{0%,to{transform:scale(1)}25%{transform:scale(1.15) rotate(-3deg)}50%{transform:scale(.95) rotate(2deg)}75%{transform:scale(1.08) rotate(-1deg)}}.cute-todo-checkbox{width:26px;height:26px;min-width:26px;border:2px solid #FF8FAB;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:0}.cute-todo-checkbox:hover{transform:scale(1.15);border-color:#7ec8a3;background:#e8f5e9}.cute-todo-checkbox:active{transform:scale(.9)}.cute-todo-checkbox svg{color:#7ec8a3;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.cute-todo-text{flex:1;font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.95rem;font-weight:600;color:#5d4e60;word-break:break-word}.cute-todo-username{font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.75rem;color:#d8a0b0;white-space:nowrap}.cute-todo-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s}.cute-todo-item:hover .cute-todo-actions{opacity:1}.cute-todo-edit-btn,.cute-todo-delete-btn{width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;padding:0}.cute-todo-edit-btn{background:#fff8e7;color:#e6a23c}.cute-todo-edit-btn:hover{background:#ffe4b5;transform:rotate(-5deg) scale(1.1)}.cute-todo-delete-btn{background:#ffe4ec;color:#ff8fab}.cute-todo-delete-btn:hover{background:#ffd4e0;transform:rotate(5deg) scale(1.1)}.cute-todo-edit-form{display:flex;align-items:center;gap:8px;flex:1}.cute-todo-edit-input{flex:1;padding:8px 12px;border:2px solid #7EC8A3;border-radius:12px;font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.9rem;color:#5d4e60;background:#fff;outline:none;animation:wobble .3s ease-in-out}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.cute-todo-edit-input:focus{box-shadow:0 0 0 3px #7ec8a34d}.cute-todo-save-btn,.cute-todo-cancel-btn{width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;padding:0}.cute-todo-save-btn{background:#e8f5e9;color:#7ec8a3}.cute-todo-save-btn:hover{background:#c8e6c9;transform:scale(1.15)}.cute-todo-cancel-btn{background:#ffe4ec;color:#ff8fab}.cute-todo-cancel-btn:hover{background:#ffd4e0;transform:scale(1.15)}.cute-clipboard{position:relative;background:linear-gradient(180deg,#fff8f0,#fff0e5);border-radius:16px;padding:28px 20px 20px;box-shadow:0 4px 20px #ff8fab33,0 2px 8px #0000000d;max-width:360px;margin:0 auto;border:3px solid #FF8FAB}.cute-clipboard:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:60px;height:24px;background:linear-gradient(180deg,#ffd4e0,#ffb7c5);border-radius:8px 8px 4px 4px;box-shadow:0 2px 8px #ff8fab66,inset 0 2px 4px #ffffff80}.cute-clipboard:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:40px;height:8px;background:linear-gradient(180deg,#7ec8a3,#5db380);border-radius:4px;box-shadow:0 1px 4px #00000026}.cute-clipboard-corner{position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,#FFE4EC 50%,#FFD4E0 70%,#FFB7C5 100%);border-bottom-left-radius:12px;box-shadow:-2px -2px 6px #ff8fab33}.cute-clipboard-header{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px dashed #FFB7C5}.cute-clipboard-title{font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;color:#5d4e60;text-shadow:1px 1px 0 #FFFFFF}.cute-todo-list-body{display:flex;flex-direction:column;gap:10px}.cute-todo-error{background:#ffe4ec;border:2px solid #FF8FAB;border-radius:8px;padding:8px 12px;font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.85rem;color:#d87093;margin-bottom:8px}.cute-todo-add-form{display:flex;gap:8px;margin-top:8px;padding-top:12px;border-top:2px dashed #FFB7C5}.cute-todo-input{flex:1;padding:10px 14px;border:2px solid #FFB7C5;border-radius:20px;background:#fff;font-family:Quicksand,Nunito,-apple-system,sans-serif;font-size:.9rem;color:#5d4e60;outline:none;transition:border-color .2s,box-shadow .2s}.cute-todo-input::placeholder{color:#d8a0b0}.cute-todo-input:focus{border-color:#7ec8a3;box-shadow:0 0 0 3px #7ec8a333}.cute-todo-add-btn{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#7ec8a3,#5db380);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #7ec8a366}.cute-todo-add-btn:hover{transform:scale(1.1) rotate(90deg)}.cute-todo-add-btn:active{transform:scale(.95) rotate(90deg)}.cute-bubble{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;overflow:hidden;cursor:grab;display:flex;flex-direction:column;border:3px solid transparent;background-clip:padding-box;position:relative;box-shadow:0 8px 32px #ff99cc4d,0 0 40px #ffb6d833,0 4px 16px #0000004d;transition:box-shadow .2s ease,border-color .2s ease}.cute-bubble:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:27px;background:linear-gradient(135deg,#f9c,#c9f,#9cf);z-index:-1;box-shadow:0 0 20px #ff99cc80,0 0 40px #cc99ff4d}.cute-bubble-dragging{cursor:grabbing;box-shadow:0 12px 48px #ff99cc80,0 0 60px #ffb6d866,0 8px 24px #0006}.cute-bubble-pinned{border-radius:0;cursor:default}.cute-bubble-pinned:before{border-radius:0}.cute-bubble-video{width:100%;height:100%;object-fit:cover}.cute-bubble-username{position:absolute;bottom:8px;left:8px;background:linear-gradient(135deg,#ff99cce6,#cc99ffe6);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px #f9c6}.cute-bubble-muted{position:absolute;bottom:8px;right:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:3px 8px;border-radius:10px;font-size:9px;font-weight:600;box-shadow:0 2px 8px #ff6b6b66}.cute-btn-pin{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ffffffe6,#ffe6f0e6);border:none;border-radius:10px;padding:5px 8px;font-size:12px;cursor:pointer;box-shadow:0 2px 8px #f9c6;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.cute-btn-pin:hover{transform:scale(1.15)}.cute-btn-pin:active{transform:scale(.9)}.cute-btn-unpin{background:linear-gradient(135deg,#ffe066,gold)}.cute-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,153,204,.6) 50%);border-bottom-right-radius:21px}.cute-bubble-trail{position:fixed;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fcd,#f9c);box-shadow:0 0 8px #ff99cc80;pointer-events:none;z-index:999}.cute-audio-player{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffe6f2,#fff0f7);padding:10px 16px;border-radius:20px;border:2px solid #ffccdd;box-shadow:0 4px 12px #ff99cc4d,0 0 16px #ffb6d833;min-width:80px}.cute-speaker{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#fff,#fff5f8);border-radius:50%;border:2px solid #ffccdd;box-shadow:0 2px 6px #ff99cc4d}.cute-speaker-icon{font-size:14px}.cute-speaker-bounce{animation:cute-bounce 1s ease-in-out infinite}@keyframes cute-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.cute-sound-waves{display:flex;align-items:flex-end;gap:3px;height:20px}.cute-wave{display:block;width:4px;background:linear-gradient(180deg,#f9c,#c9f);border-radius:2px;animation:cute-wave .6s ease-in-out infinite}.cute-wave-1{height:8px;animation-delay:0s}.cute-wave-2{height:14px;animation-delay:.15s}.cute-wave-3{height:10px;animation-delay:.3s}.cute-wave-paused{height:4px;background:#ddd;animation:none}@keyframes cute-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.6)}}.cute-video-overlay{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000}.cute-video-bubbles{display:flex;flex-direction:column;gap:10px}.cute-video-bubble-wrapper,.cute-peer-wrapper{border-radius:24px;overflow:visible}.cute-video-controls{display:flex;gap:8px;background:linear-gradient(135deg,#ffcce6,#ffe6f2);padding:10px 14px;border-radius:20px;border:3px solid #ff99cc;box-shadow:0 4px 15px #f9c6,0 0 20px #ffb6d84d,inset 0 1px #ffffff80;background-image:radial-gradient(circle,rgba(255,255,255,.8) 2px,transparent 2px);background-size:16px 16px;background-position:0 0,8px 8px}.cute-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1);font-family:inherit;box-shadow:0 4px 8px #00000026,inset 0 1px #fff6}.cute-btn:hover{transform:scale(1.05) translateY(-2px)}.cute-btn:active{transform:scale(.95);box-shadow:0 2px 4px #0003,inset 0 2px 4px #0000001a}.cute-btn-icon{font-size:16px}.cute-btn-label{color:#5c3d5e}.cute-btn-video{background:linear-gradient(180deg,#b8f0d8,#8ce0c4);border:2px solid #5dd9a5}.cute-btn-video.cute-btn-active{background:linear-gradient(180deg,#ffb3d9,#ff80bf);border-color:#ff66b2}.cute-btn-mute{background:linear-gradient(180deg,#cce0ff,#a6d1ff);border:2px solid #7bb8ff}.cute-btn-mute.cute-btn-muted{background:linear-gradient(180deg,#ffd9d9,#ffb3b3);border-color:#ff8080}.cute-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mf-timer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-family:Cinzel,Georgia,serif;padding:2.5rem;background:radial-gradient(ellipse at center,rgba(20,40,60,.8) 0%,transparent 70%),linear-gradient(to bottom,#0a1628,#061018);border-radius:16px;position:relative;overflow:hidden}.mf-timer-phase{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#64ffda;text-shadow:0 0 12px rgba(100,255,218,.6);z-index:2}.mf-timer-phase--work{color:#64ffda;text-shadow:0 0 12px rgba(100,255,218,.6)}.mf-timer-phase--break{color:#7b68ee;text-shadow:0 0 12px rgba(123,104,238,.6)}.mf-orb-container{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.mf-rune{position:absolute;font-size:1.2rem;color:#64ffda80;opacity:0;text-shadow:0 0 8px rgba(100,255,218,.4);pointer-events:none}.mf-orb-container--active .mf-rune{animation:mf-rune-float 4s ease-in-out infinite;opacity:1}@keyframes mf-rune-float{0%,to{transform:translateY(0) rotate(0);opacity:.3}25%{transform:translateY(-20px) rotate(90deg);opacity:.8}50%{transform:translateY(-10px) rotate(180deg);opacity:.5}75%{transform:translateY(-25px) rotate(270deg);opacity:.9}}.mf-rune--0{top:5px;left:50%;transform:translate(-50%);animation-delay:0s}.mf-rune--1{top:20%;right:10px;animation-delay:.25s}.mf-rune--2{top:50%;right:0;transform:translateY(-50%);animation-delay:.5s}.mf-rune--3{bottom:20%;right:10px;animation-delay:.75s}.mf-rune--4{bottom:5px;left:50%;transform:translate(-50%);animation-delay:1s}.mf-rune--5{bottom:20%;left:10px;animation-delay:1.25s}.mf-rune--6{top:50%;left:0;transform:translateY(-50%);animation-delay:1.5s}.mf-rune--7{top:20%;left:10px;animation-delay:1.75s}.mf-orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#96fff066,#64ffda33,#1e506466 60%,#0a1e32cc);box-shadow:0 0 30px #64ffda80,0 0 60px #64ffda4d,inset 0 0 30px #64ffda33,inset 0 -10px 30px #00325066;position:relative;transition:all .5s ease;z-index:1}.mf-orb--work{background:radial-gradient(circle at 35% 35%,#b4fff099,#64ffda66,#32968280 60%,#0a3c46e6);box-shadow:0 0 40px #64ffdab3,0 0 80px #64ffda66,0 0 120px #64ffda33,inset 0 0 40px #64ffda4d,inset 0 -15px 40px #00506480}.mf-orb--break{background:radial-gradient(circle at 35% 35%,#a096ff66,#7b68ee4d,#3c327866 60%,#0f0a28e6);box-shadow:0 0 25px #7b68ee80,0 0 50px #7b68ee4d,inset 0 0 25px #7b68ee33,inset 0 -10px 30px #1e145066}.mf-orb-inner{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 50%)}.mf-orb-shimmer{position:absolute;top:15%;left:20%;width:30%;height:20%;background:radial-gradient(ellipse,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;filter:blur(2px)}.mf-timer--cracking .mf-orb{animation:mf-orb-crack .6s ease-out forwards}@keyframes mf-orb-crack{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1)}20%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1.05)}30%{clip-path:polygon(45% 0,55% 0,55% 100%,45% 100%)}40%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,45% 30%,55% 35%,50% 50%,45% 65%,55% 70%)}50%{clip-path:polygon(45% 0,55% 0,55% 100%,45% 100%);transform:scale(1.02)}60%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1)}}.mf-timer-display{z-index:2}.mf-timer-digits{font-size:3rem;font-weight:700;color:#e0ffff;text-shadow:0 0 10px rgba(100,255,218,.8),0 0 20px rgba(100,255,218,.5),0 0 40px rgba(100,255,218,.3);font-variant-numeric:tabular-nums;letter-spacing:.1em}.mf-timer-controls{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:1.75rem;background:linear-gradient(to bottom,#14283ce6,#0a1423f2);border-radius:14px;border:1px solid rgba(100,255,218,.15);box-shadow:0 8px 32px #0006,inset 0 1px #64ffda1a}.mf-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;width:3.5rem;height:3.5rem;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(145deg,#1e3048,#152238,#0d1828);color:#64ffda;box-shadow:inset 0 2px 4px #ffffff14,inset 0 -3px 6px #0006,0 4px 12px #00000080,0 2px 4px #0000004d;border:1px solid rgba(100,255,218,.2);transition:all .25s ease;position:relative;overflow:hidden}.mf-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(100,255,218,0) 0%,transparent 70%);transition:all .35s ease}.mf-btn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:transparent;box-shadow:0 0 #64ffda00;transition:all .35s ease}.mf-btn:hover:before{background:radial-gradient(circle at center,rgba(100,255,218,.25) 0%,transparent 65%)}.mf-btn:hover:after{box-shadow:0 0 20px #64ffda66,0 0 40px #64ffda33}.mf-btn:hover{color:#a0ffee;border-color:#64ffda66;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -3px 6px #0006,0 0 15px #64ffda4d,0 6px 16px #00000080;transform:translateY(-1px)}.mf-btn:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #00000080,0 2px 4px #0000004d}.mf-btn-icon{width:1.4rem;height:1.4rem;position:relative;z-index:1;filter:drop-shadow(0 0 4px rgba(100,255,218,.5))}.mf-btn-rune{font-size:.7rem;color:#64ffda66;position:absolute;bottom:4px;left:50%;transform:translate(-50%);z-index:1;transition:all .25s ease}.mf-btn:hover .mf-btn-rune{color:#64ffdab3;text-shadow:0 0 6px rgba(100,255,218,.5)}.mf-btn--play{width:4.25rem;height:4.25rem;border-radius:50%}.mf-btn--play .mf-btn-icon{width:1.6rem;height:1.6rem}.mf-btn--reset{transition:all .25s ease,transform .5s cubic-bezier(.4,0,.2,1)}.mf-btn--reset:hover{transform:translateY(-1px) rotate(-20deg)}.mf-btn--reset:active{transform:rotate(-360deg)}.mf-btn--skip .mf-btn-icon{width:1.2rem;height:1.2rem}.mf-break-label{display:flex;align-items:center;gap:.5rem;margin-left:.5rem;font-family:Cinzel,Georgia,serif;font-size:.8rem;color:#64ffda99;letter-spacing:.05em}.mf-break-rune{font-size:1rem;color:#64ffda66;text-shadow:0 0 4px rgba(100,255,218,.3)}.mf-break-input{width:3.25rem;padding:.4rem .5rem;border:1px solid rgba(100,255,218,.2);border-radius:6px;background:linear-gradient(to bottom,#1a2a40,#0d1828);color:#64ffda;font-family:Cinzel,Georgia,serif;font-size:.85rem;text-align:center;box-shadow:inset 0 2px 4px #0000004d,0 1px #64ffda0d;transition:all .2s ease}.mf-break-input:focus{outline:none;border-color:#64ffda66;box-shadow:inset 0 2px 4px #0000004d,0 0 10px #64ffda33}.mf-break-input::-webkit-inner-spin-button,.mf-break-input::-webkit-outer-spin-button{opacity:1;filter:invert(.3) sepia(1) saturate(3) hue-rotate(160deg)}.midnight-mention-input{position:relative}.midnight-mention-suggestions{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.75rem;padding:0;list-style:none;background:linear-gradient(145deg,#0a1a0a,#051005);border:1px solid rgba(0,255,136,.3);border-radius:6px;box-shadow:0 -4px 20px #00ff8826,0 8px 32px #0009,inset 0 1px #00ff881a;overflow:hidden;z-index:10}.midnight-mention-suggestions li{margin:0}.midnight-mention-suggestions button{width:100%;padding:.625rem 1rem;background:transparent;border:none;color:#7acf7a;font-family:Cinzel,Times New Roman,serif;font-size:.9rem;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:.5rem}.midnight-mention-suggestions button:hover{background:#00ff881a;text-shadow:0 0 10px rgba(0,255,136,.5)}.midnight-suggestion-rune{color:#0f8;font-size:.8rem;text-shadow:0 0 8px #00ff88}.midnight-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0a1a0ae6;border:2px solid rgba(0,255,136,.25);border-radius:8px;box-shadow:inset 0 2px 8px #0006,0 0 15px #00ff881a;transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:visible}.midnight-input-wrapper:focus-within{border-color:#00ff8880;box-shadow:inset 0 2px 8px #0006,0 0 20px #00ff8840,0 0 40px #00ff881a}.midnight-input-wrapper--glow{animation:midnightGlowPulse .4s ease-out}@keyframes midnightGlowPulse{0%{box-shadow:inset 0 2px 8px #0006,0 0 15px #00ff881a}50%{box-shadow:inset 0 2px 8px #0006,0 0 30px #0f86}to{box-shadow:inset 0 2px 8px #0006,0 0 15px #00ff881a}}.midnight-input-runes{display:flex;gap:2px;opacity:.4;transition:opacity .3s ease}.midnight-input-wrapper:focus-within .midnight-input-runes{opacity:.7}.midnight-input-rune{font-size:.6rem;color:#0f8;text-shadow:0 0 6px #00ff88;animation:midnightRuneFloat 3s ease-in-out infinite}.midnight-input-rune:nth-child(2){animation-delay:.5s}.midnight-input-rune:nth-child(3){animation-delay:1s}@keyframes midnightRuneFloat{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-2px);opacity:.7}}.midnight-text-input{flex:1;padding:.5rem .75rem;background:transparent;border:none;outline:none;font-family:Cinzel,Times New Roman,serif;font-size:.95rem;color:#c8e6c8;caret-color:#0f8}.midnight-text-input::placeholder{color:#4a7a4a;font-style:italic;opacity:.7;text-shadow:0 0 8px rgba(0,255,136,.2)}.midnight-text-input:focus{background:#00280033}.midnight-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:linear-gradient(145deg,#1a3a1a,#0d1f0d);border:1px solid rgba(0,255,136,.3);border-radius:50%;color:#0f8;cursor:pointer;box-shadow:0 2px 4px #0000004d,inset 0 1px #00ff881a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.midnight-send-btn:hover{transform:scale(1.1);border-color:#0f89;box-shadow:0 4px 8px #0006,0 0 20px #00ff884d,inset 0 1px #0f83}.midnight-send-btn:active{transform:scale(.95)}.midnight-send-btn svg{filter:drop-shadow(0 0 4px rgba(0,255,136,.5))}.midnight-floating-runes{position:absolute;bottom:100%;left:0;right:0;height:30px;pointer-events:none;overflow:visible;margin-bottom:5px}.midnight-float-rune{position:absolute;font-size:.7rem;color:#0f8;text-shadow:0 0 8px #00ff88;opacity:0;animation:midnightFloatUp 2s ease-out infinite}@keyframes midnightFloatUp{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:.8}to{opacity:0;transform:translateY(-30px) rotate(20deg)}}.midnight-message{position:relative;padding:1.25rem 1.5rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#1e321ef2,#142314f2),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,255,136,.02) 2px,rgba(0,255,136,.02) 4px);border:1px solid rgba(0,255,136,.2);border-radius:4px;box-shadow:0 4px 20px #00000080,inset 0 1px #00ff881a,inset 0 -1px #0000004d;transform-origin:center;transition:transform .4s ease,box-shadow .4s ease}.midnight-message--materializing{animation:midnightMaterialize .8s ease-out forwards}@keyframes midnightMaterialize{0%{opacity:0;transform:scale(.3);filter:blur(10px) brightness(2)}50%{opacity:.7;filter:blur(5px) brightness(1.5)}70%{opacity:.9;filter:blur(2px) brightness(1.2)}to{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}}.midnight-message:hover{box-shadow:0 6px 30px #0f83,0 0 40px #00ff881a,inset 0 1px #0f83;transform:translateY(-2px)}.midnight-rune-circle{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .4s ease}.midnight-rune-circle--visible{opacity:1}.midnight-rune-svg{width:100%;height:100%;animation:midnightRuneRotate 20s linear infinite}@keyframes midnightRuneRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.midnight-message-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,136,.15)}.midnight-message-username{font-weight:600;color:#7acf7a;font-size:.95rem;text-shadow:0 0 10px rgba(0,255,136,.5);letter-spacing:.05em}.midnight-message-time{font-size:.7rem;color:#4a8a4a;letter-spacing:.1em;text-shadow:0 0 8px rgba(0,255,136,.3)}.midnight-message-content{flex:1;line-height:1.7;color:#c8e6c8;word-wrap:break-word;text-shadow:0 0 8px rgba(200,230,200,.3)}.midnight-mention{background:#00ff8826;color:#0f8;padding:.1em .4em;border-radius:3px;font-weight:600;cursor:default;text-shadow:0 0 12px rgba(0,255,136,.6);border:1px solid rgba(0,255,136,.2)}.midnight-reaction-orbit{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.midnight-reaction-orbit--active{animation:midnightOrbitBurst .6s ease-out}.midnight-orbit-rune{position:absolute;font-size:.8rem;color:#0f8;text-shadow:0 0 10px #00ff88;opacity:0}.midnight-reaction-orbit--active .midnight-orbit-rune{animation:midnightRuneOrbit .6s ease-out}.midnight-orbit-rune:nth-child(1){animation-delay:0ms}.midnight-orbit-rune:nth-child(2){animation-delay:.1s}.midnight-orbit-rune:nth-child(3){animation-delay:.2s}.midnight-orbit-rune:nth-child(4){animation-delay:.3s}@keyframes midnightRuneOrbit{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) translateY(-20px)}to{opacity:0;transform:translate(-50%,-50%) rotate(180deg) translateY(-60px)}}.midnight-message-reactions{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,255,136,.1);flex-wrap:wrap}.midnight-reaction-btn{display:flex;align-items:center;gap:.25rem;padding:.3rem .6rem;background:#00280066;border:1px solid rgba(0,255,136,.2);border-radius:12px;cursor:pointer;font-size:.9rem;transition:all .25s ease;position:relative;overflow:hidden}.midnight-reaction-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .4s ease}.midnight-reaction-btn:hover:before{left:100%}.midnight-reaction-btn:hover{background:#003c0080;border-color:#0f86;transform:scale(1.1);box-shadow:0 0 15px #00ff884d}.midnight-reaction-btn--reacted{background:#00ff8826;border-color:#00ff8880;box-shadow:0 0 10px #0f83}.midnight-reaction-btn--reacted:hover{background:#00ff8840}.midnight-reaction-glow{filter:drop-shadow(0 0 3px rgba(0,255,136,.5))}.midnight-reaction-btn:hover .midnight-reaction-glow{filter:drop-shadow(0 0 8px rgba(0,255,136,.8))}.midnight-reaction-count{font-size:.7rem;color:#7acf7a;font-weight:600;text-shadow:0 0 6px rgba(0,255,136,.5)}.chat-error{padding:.5rem;margin-bottom:.5rem;background:#5000004d;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#ff6b6b;font-size:.75rem;text-shadow:0 0 8px rgba(255,100,100,.3)}.midnight-chat{display:flex;flex-direction:column;height:100%;position:relative;font-family:Cinzel,Times New Roman,serif;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(20,40,20,.1) 2px,rgba(20,40,20,.1) 4px),repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(10,30,10,.15) 30px,rgba(10,30,10,.15) 32px),linear-gradient(180deg,#0a1a0a,#0d1f0d,#081508);border-radius:8px;overflow:hidden}.midnight-chat-owl{position:absolute;top:8px;right:12px;width:48px;height:48px;z-index:10;opacity:.6;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.midnight-chat-owl:hover{opacity:.9}.midnight-chat-owl--hooting{animation:midnightOwlHoot .6s ease-out;opacity:1}@keyframes midnightOwlHoot{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-5deg)}40%{transform:scale(1.15) rotate(5deg)}60%{transform:scale(1.1) rotate(-3deg)}80%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}.midnight-owl-svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(0,255,136,.3))}.midnight-chat-owl--hooting .midnight-owl-svg{filter:drop-shadow(0 0 12px rgba(0,255,136,.8))}.midnight-owl-iris{transition:fill .3s ease}.midnight-chat-owl--hooting .midnight-owl-iris{fill:#0f8}.midnight-owl-pupil{transition:r .3s ease}.midnight-chat-owl--hooting .midnight-owl-pupil{r:3}.midnight-owl-hoot{position:absolute;top:-8px;right:-8px;font-family:Uncial Antiqua,serif;font-size:.5rem;color:#0f8;opacity:0;text-shadow:0 0 8px #00ff88;transform:rotate(-15deg)}.midnight-chat-owl--hooting .midnight-owl-hoot{animation:midnightHootText .6s ease-out}@keyframes midnightHootText{0%{opacity:0;transform:rotate(-15deg) translateY(0)}30%{opacity:1}to{opacity:0;transform:rotate(-15deg) translateY(-10px)}}.midnight-chat-messages{flex:1;overflow-y:auto;padding:2rem 1.5rem;scroll-behavior:smooth}.midnight-chat-messages::-webkit-scrollbar{width:8px}.midnight-chat-messages::-webkit-scrollbar-track{background:#0014004d;border-radius:4px}.midnight-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a4a2a,#1a3a1a);border-radius:4px;border:1px solid rgba(0,255,136,.2)}.midnight-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a5a3a,#2a4a2a)}.chat-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#4a7a4a;font-style:italic;opacity:.7;font-family:Uncial Antiqua,serif;text-shadow:0 0 10px rgba(0,255,136,.3)}.chat-error{padding:.75rem 1rem;margin:.5rem 1rem;background:#5000004d;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#ff6b6b;font-size:.875rem;text-shadow:0 0 8px rgba(255,100,100,.3)}.midnight-chat-input{border-top:2px solid transparent;background:#050f05cc;padding:1rem;position:relative}.midnight-chat-input.vine-divider{border-image:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.4) 20%,rgba(0,255,136,.8) 50%,rgba(0,255,136,.4) 80%,transparent 100%) 1;box-shadow:0 -4px 20px #00ff881a,inset 0 4px 20px #00ff880d}.midnight-chat-input.vine-divider:before{content:"";position:absolute;top:-2px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#00ff88 20%,#00ff88 80%,transparent);box-shadow:0 0 10px #0f8,0 0 20px #00ff8880;animation:midnightVinePulse 3s ease-in-out infinite}@keyframes midnightVinePulse{0%,to{opacity:.6;box-shadow:0 0 10px #0f8,0 0 20px #00ff884d}50%{opacity:1;box-shadow:0 0 15px #0f8,0 0 30px #0f89}}.midnight-todo-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.75rem;background:#14281499;border:1px solid rgba(0,255,136,.15);border-radius:6px;transition:all .4s ease;overflow:hidden}.midnight-todo-item:not(.midnight-todo-completed){opacity:.7}.midnight-todo-item:not(.midnight-todo-completed):hover{opacity:1;border-color:#00ff884d;background:#143214b3}.midnight-todo-completed{opacity:1;border-color:#0f86;background:#003c004d;animation:midnightGlowPulse 2s ease-in-out infinite}@keyframes midnightGlowPulse{0%,to{box-shadow:0 0 8px #00ff884d,inset 0 0 5px #00ff881a;border-color:#00ff884d}50%{box-shadow:0 0 20px #00ff8880,inset 0 0 15px #0f83;border-color:#0f89}}.midnight-todo-sparkle{animation:midnightSparklePoof .6s ease-out}@keyframes midnightSparklePoof{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.95);box-shadow:0 0 30px #0f8c,0 0 60px #0f86}to{transform:scale(1)}}.midnight-sparkle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.midnight-sparkle-particle{position:absolute;font-size:1rem;color:#0f8;text-shadow:0 0 10px #00ff88,0 0 20px #00ff88;opacity:0}.midnight-todo-sparkle .midnight-sparkle-particle{animation:midnightSparkleBurst .6s ease-out forwards}.midnight-sparkle-particle:nth-child(1){animation-delay:0ms;transform:translate(-30px,-40px)}.midnight-sparkle-particle:nth-child(2){animation-delay:50ms;transform:translate(30px,-35px)}.midnight-sparkle-particle:nth-child(3){animation-delay:.1s;transform:translate(-35px,30px)}.midnight-sparkle-particle:nth-child(4){animation-delay:.15s;transform:translate(40px,25px)}.midnight-sparkle-particle:nth-child(5){animation-delay:75ms;transform:translateY(-45px)}@keyframes midnightSparkleBurst{0%{opacity:1;transform:translate(0) scale(.5)}50%{opacity:1}to{opacity:0;transform:inherit scale(1.5)}}.midnight-todo-dissolve{animation:midnightDissolve .5s ease-out forwards}@keyframes midnightDissolve{0%{opacity:1;transform:scale(1);filter:blur(0)}50%{opacity:.5;filter:blur(2px);box-shadow:0 0 30px #ff646480}to{opacity:0;transform:scale(.8) translateY(-20px);filter:blur(5px)}}.midnight-todo-checkbox{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#00280080;border:1px solid rgba(0,255,136,.3);border-radius:4px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.midnight-todo-checkbox:hover{border-color:#0f89;box-shadow:0 0 10px #00ff884d}.midnight-todo-checkbox-checked{background:#00640099;border-color:#0f8;box-shadow:0 0 15px #00ff8880}.midnight-rune-placeholder{font-size:.9rem;color:#00ff8880;text-shadow:0 0 5px rgba(0,255,136,.3)}.midnight-check-icon{width:18px;height:18px;color:#0f8;filter:drop-shadow(0 0 5px rgba(0,255,136,.8))}.midnight-todo-text{flex:1;color:#a8d5a8;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(168,213,168,.2);letter-spacing:.02em}.midnight-todo-text:hover{color:#c8e6c8;text-shadow:0 0 12px rgba(200,230,200,.4)}.midnight-todo-text-completed{color:#7acf7a;text-decoration:line-through;text-decoration-color:#00ff8880;text-shadow:0 0 10px rgba(122,207,122,.5)}.midnight-todo-username{font-size:.75rem;color:#4a8a4a;text-shadow:0 0 6px rgba(74,138,74,.3);white-space:nowrap}.midnight-todo-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;opacity:0;transition:all .3s ease;color:#7acf7a;border-radius:4px}.midnight-todo-item:hover .midnight-todo-edit-btn{opacity:.6}.midnight-todo-edit-btn:hover{opacity:1!important;background:#00500066;box-shadow:0 0 15px #0f86}.midnight-edit-icon{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(0,255,136,.5))}.midnight-todo-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;opacity:0;transition:all .3s ease;color:#aa6b6b;border-radius:4px}.midnight-todo-item:hover .midnight-todo-delete-btn{opacity:.6}.midnight-todo-delete-btn:hover{opacity:1!important;background:#50000066;color:#ff6b6b;box-shadow:0 0 15px #ff646466}.midnight-delete-icon{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(255,100,100,.5))}.midnight-todo-edit-form{display:flex;align-items:center;gap:.5rem;width:100%}.midnight-quill-icon{width:20px;height:20px;color:#0f8;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(0,255,136,.6));animation:midnightQuillGlow 1s ease-in-out infinite}@keyframes midnightQuillGlow{0%,to{filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}50%{filter:drop-shadow(0 0 15px rgba(0,255,136,.9))}}.midnight-todo-edit-input{flex:1;padding:.5rem .75rem;background:#00320099;border:1px solid rgba(0,255,136,.5);border-radius:4px;color:#c8e6c8;font-size:.9rem;font-family:inherit;box-shadow:0 0 15px #0f83,inset 0 0 10px #00ff880d}.midnight-todo-edit-input:focus{outline:none;border-color:#0f8c;box-shadow:0 0 20px #0f86,inset 0 0 15px #00ff881a}.midnight-todo-save-btn,.midnight-todo-cancel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(0,255,136,.3);border-radius:4px;cursor:pointer;transition:all .3s ease}.midnight-todo-save-btn{color:#7acf7a}.midnight-todo-save-btn:hover{background:#00500066;border-color:#0f89;box-shadow:0 0 15px #0f86}.midnight-todo-cancel-btn{color:#aa6b6b}.midnight-todo-cancel-btn:hover{background:#50000066;border-color:#ff646480;box-shadow:0 0 15px #ff646466}.midnight-save-icon,.midnight-cancel-icon{width:16px;height:16px}.midnight-todo-container{position:relative;padding:1.5rem;background:linear-gradient(135deg,#142314fa,#0f190ffa),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,255,136,.03) 3px,rgba(0,255,136,.03) 6px);border:1px solid rgba(0,255,136,.2);border-radius:8px;box-shadow:0 8px 32px #0009,inset 0 1px #00ff881a,inset 0 -2px #0000004d}.midnight-fairy-progress{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.midnight-fairy{width:60px;height:80px;margin-bottom:.5rem;animation:midnightFairyFloat 3s ease-in-out infinite}.midnight-fairy-svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}.midnight-fairy-halo{animation:midnightHaloPulse 2s ease-in-out infinite}@keyframes midnightHaloPulse{0%,to{opacity:.4;r:14}50%{opacity:.7;r:16}}.midnight-wing-left{transform-origin:center right;animation:midnightWingFlapLeft .2s ease-in-out infinite alternate}.midnight-wing-right{transform-origin:center left;animation:midnightWingFlapRight .2s ease-in-out infinite alternate}@keyframes midnightWingFlapLeft{0%{transform:rotate(-5deg) scaleY(1)}to{transform:rotate(5deg) scaleY(.9)}}@keyframes midnightWingFlapRight{0%{transform:rotate(5deg) scaleY(1)}to{transform:rotate(-5deg) scaleY(.9)}}.midnight-antenna-glow{animation:midnightAntennaGlow 1.5s ease-in-out infinite}@keyframes midnightAntennaGlow{0%,to{fill:#0f8;filter:drop-shadow(0 0 2px #00ff88)}50%{fill:#7acf7a;filter:drop-shadow(0 0 6px #00ff88)}}@keyframes midnightFairyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.midnight-progress-text{font-size:.8rem;color:#7acf7a;text-shadow:0 0 8px rgba(0,255,136,.5);letter-spacing:.1em;font-family:serif}.midnight-progress-bar{position:relative;height:6px;background:#00280080;border-radius:3px;margin-bottom:1.25rem;overflow:visible;border:1px solid rgba(0,255,136,.15)}.midnight-progress-fill{height:100%;background:linear-gradient(90deg,#0a5,#0f8);border-radius:3px;transition:width .5s ease;box-shadow:0 0 10px #00ff8880}.midnight-progress-glow{position:absolute;top:50%;width:12px;height:12px;background:#0f8;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #0f8,0 0 30px #00ff8880;transition:left .5s ease}.midnight-todo-scroll{max-height:300px;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:rgba(0,255,136,.3) transparent}.midnight-todo-scroll::-webkit-scrollbar{width:6px}.midnight-todo-scroll::-webkit-scrollbar-track{background:transparent}.midnight-todo-scroll::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.midnight-todo-scroll::-webkit-scrollbar-thumb:hover{background:#00ff8880}.midnight-todo-error{padding:.5rem;margin-bottom:1rem;background:#5000004d;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#ff6b6b;font-size:.75rem;text-shadow:0 0 8px rgba(255,100,100,.3)}.midnight-todo-form{display:flex;gap:.75rem;align-items:center}.midnight-todo-input{flex:1;padding:.75rem 1rem;background:#00280066;border:1px solid rgba(0,255,136,.2);border-radius:6px;color:#c8e6c8;font-size:.9rem;font-family:inherit;transition:all .3s ease;text-shadow:0 0 8px rgba(200,230,200,.3)}.midnight-todo-input::placeholder{color:#4a6a4a;text-shadow:none}.midnight-todo-input:focus{outline:none;border-color:#00ff8880;background:#00320066;box-shadow:0 0 15px #0f83,inset 0 0 10px #00ff880d}.midnight-todo-add-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#00500080;border:1px solid rgba(0,255,136,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;color:#0f8}.midnight-todo-add-btn:hover{background:#00780080;border-color:#0f89;transform:scale(1.05);box-shadow:0 0 20px #0f86}.midnight-todo-add-btn:active{transform:scale(.95)}.midnight-add-icon{width:20px;height:20px;filter:drop-shadow(0 0 4px rgba(0,255,136,.5))}.mf-magic-orb{position:fixed;background:radial-gradient(circle at 35% 35%,#64ffda26,#32968233,#143c5066 60%,#0a1e32e6);border-radius:50%;overflow:hidden;cursor:grab;z-index:100;display:flex;flex-direction:column;border:3px solid rgba(100,255,218,.4);box-shadow:0 0 30px #64ffda4d,0 0 60px #64ffda26,0 8px 32px #0009,inset 0 0 40px #64ffda1a,inset 0 -10px 30px #0032504d;transition:box-shadow .3s ease,border-color .3s ease}.mf-magic-orb:hover{box-shadow:0 0 40px #64ffda80,0 0 80px #64ffda40,0 8px 32px #0009,inset 0 0 50px #64ffda26,inset 0 -10px 30px #0032504d;border-color:#64ffda99}.mf-magic-orb.pinned{border-radius:0;cursor:default}.mf-mist-swirl{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 30%,rgba(100,255,218,.2) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(123,104,238,.15) 0%,transparent 50%);animation:mf-mist-rotate 12s linear infinite;pointer-events:none;z-index:1;opacity:.7}@keyframes mf-mist-rotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.05);opacity:.8}50%{transform:rotate(180deg) scale(1);opacity:.6}75%{transform:rotate(270deg) scale(1.03);opacity:.9}to{transform:rotate(360deg) scale(1);opacity:.7}}.mf-orb-video{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.mf-orb-video.mirrored{transform:scaleX(-1)}.mf-ghostly-label{position:absolute;bottom:12px;left:12px;background:linear-gradient(145deg,#143c50cc,#0a1e32e6);color:#a0ffea;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;font-family:Cinzel,Georgia,serif;border:1px solid rgba(100,255,218,.3);box-shadow:0 2px 8px #0006,0 0 12px #64ffda33,inset 0 1px 2px #64ffda1a;z-index:3;text-shadow:0 0 8px rgba(100,255,218,.5);letter-spacing:.05em}.mf-amber-pulse{position:absolute;bottom:12px;right:12px;width:28px;height:28px;z-index:3;display:flex;align-items:center;justify-content:center}.mf-pulse-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(255,183,77,.6);border-radius:50%;animation:mf-amber-pulse 1.5s ease-in-out infinite}.mf-pulse-core{width:12px;height:12px;background:radial-gradient(circle,#ffb74d,#ff8f00);border-radius:50%;box-shadow:0 0 8px #ffb74dcc,0 0 16px #ffb74d66}@keyframes mf-amber-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.2}}.mf-pin-button{position:absolute;top:8px;right:8px;background:linear-gradient(145deg,#143c50e6,#0a1e32f2);color:#64ffda;border:1px solid rgba(100,255,218,.4);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;font-family:Cinzel,Georgia,serif;cursor:pointer;z-index:3;box-shadow:0 2px 8px #0006,0 0 10px #64ffda26;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.mf-pin-button:hover{background:linear-gradient(145deg,#1e5064e6,#143246f2);border-color:#64ffdab3;box-shadow:0 2px 12px #0006,0 0 15px #64ffda4d}.mf-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;z-index:3;background:radial-gradient(circle at bottom right,#64ffda80,#3296824d);border-radius:50% 0;box-shadow:inset 1px 1px 3px #64ffda4d,inset -1px -1px 3px #0000004d}.mf-orb-runes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4}.mf-rune{position:absolute;font-size:.8rem;color:#64ffda66;text-shadow:0 0 6px rgba(100,255,218,.4);opacity:0;animation:mf-rune-float 6s ease-in-out infinite}.mf-rune-1{top:8%;left:50%;transform:translate(-50%);animation-delay:0s}.mf-rune-2{top:25%;right:5%;animation-delay:1.5s}.mf-rune-3{bottom:25%;right:8%;animation-delay:3s}.mf-rune-4{bottom:8%;left:50%;transform:translate(-50%);animation-delay:4.5s}@keyframes mf-rune-float{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-8px) rotate(180deg);opacity:.6}}.mf-spirit-flame{width:60px;height:90px;margin-top:10px;position:relative;display:flex;flex-direction:column;align-items:center}.mf-flame-container{position:relative;width:40px;height:60px;display:flex;align-items:center;justify-content:center}.mf-flame-outer{position:absolute;bottom:0;width:30px;height:50px;background:radial-gradient(ellipse at bottom center,rgba(100,255,218,.3) 0%,rgba(100,255,218,.1) 40%,transparent 70%);border-radius:50%/60% 60% 40% 40%;animation:mf-flame-dance .8s ease-in-out infinite alternate;filter:blur(2px)}.mf-flame-inner{position:absolute;bottom:5px;width:20px;height:38px;background:radial-gradient(ellipse at bottom center,rgba(160,255,230,.6) 0%,rgba(100,255,218,.3) 40%,transparent 70%);border-radius:50%/60% 60% 40% 40%;animation:mf-flame-dance .6s ease-in-out infinite alternate;animation-delay:.1s}.mf-flame-core{position:absolute;bottom:10px;width:12px;height:28px;background:radial-gradient(ellipse at bottom center,rgba(255,255,255,.9) 0%,rgba(200,255,240,.7) 30%,rgba(100,255,218,.4) 60%,transparent 80%);border-radius:50%/60% 60% 40% 40%;animation:mf-flame-dance .5s ease-in-out infinite alternate;animation-delay:.2s;box-shadow:0 0 10px #64ffdacc,0 0 20px #64ffda80,0 0 30px #64ffda4d}.mf-flame-glow{position:absolute;bottom:-5px;width:50px;height:50px;background:radial-gradient(circle,rgba(100,255,218,.3) 0%,rgba(100,255,218,.1) 30%,transparent 60%);border-radius:50%;animation:mf-glow-pulse 1s ease-in-out infinite alternate;pointer-events:none}@keyframes mf-flame-dance{0%{transform:scaleY(1) scaleX(1) translateY(0);border-radius:50%/60% 60% 40% 40%}25%{transform:scaleY(1.05) scaleX(.95) translateY(-2px);border-radius:45% 55% 50% 50%/55% 65% 40% 40%}50%{transform:scaleY(.95) scaleX(1.05) translateY(0);border-radius:55% 45% 50% 50%/65% 55% 40% 40%}75%{transform:scaleY(1.08) scaleX(.92) translateY(-3px);border-radius:48% 52% 50% 50%/58% 62% 40% 40%}to{transform:scaleY(1) scaleX(1) translateY(-1px);border-radius:50%/60% 60% 40% 40%}}@keyframes mf-glow-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.mf-wisps{position:absolute;top:0;left:0;right:0;bottom:20px;pointer-events:none}.mf-wisp{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(100,255,218,.8),transparent);border-radius:50%;animation:mf-wisp-float 3s ease-in-out infinite}.mf-wisp-1{left:20%;animation-delay:0s}.mf-wisp-2{left:50%;animation-delay:1s}.mf-wisp-3{left:80%;animation-delay:2s}@keyframes mf-wisp-float{0%,to{transform:translateY(0) translate(0);opacity:0}20%{opacity:.8}50%{transform:translateY(-30px) translate(5px);opacity:.6}80%{opacity:.3}}.mf-runic-base{position:absolute;bottom:0;width:50px;height:20px;background:linear-gradient(145deg,#1a3040,#0d2030);border:2px solid rgba(100,255,218,.4);border-radius:8px 8px 12px 12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080,inset 0 1px 3px #64ffda26,inset 0 -2px 4px #0000004d}.mf-base-rune{font-size:.9rem;color:#64ffda99;text-shadow:0 0 6px rgba(100,255,218,.5);animation:mf-rune-pulse 2s ease-in-out infinite}@keyframes mf-rune-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mf-video-overlay{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000}.mf-forest-frame{position:absolute;top:-30px;left:-40px;right:-40px;bottom:-20px;pointer-events:none;overflow:hidden}.mf-branch{position:absolute;width:80px;height:120px;opacity:.6}.mf-branch:before{content:"";position:absolute;background:linear-gradient(135deg,#1a3020,#0d1a10,#1a3020);border-radius:50% 0}.mf-branch-left{top:0;left:0;transform:rotate(-30deg)}.mf-branch-left:before{width:60px;height:100px;top:20px;left:0;box-shadow:inset 3px 3px 8px #64ffda26,inset -2px -2px 6px #0006}.mf-branch-right{top:0;right:0;transform:rotate(30deg) scaleX(-1)}.mf-branch-right:before{width:60px;height:100px;top:20px;right:0;box-shadow:inset 3px 3px 8px #64ffda26,inset -2px -2px 6px #0006}.mf-fog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 80%,rgba(100,255,218,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(123,104,238,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(20,60,80,.3) 0%,transparent 70%);animation:mf-fog-drift 8s ease-in-out infinite;pointer-events:none}@keyframes mf-fog-drift{0%,to{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.8;transform:translate(-5px) scale(1.02)}66%{opacity:.7;transform:translate(5px) scale(.98)}}.mf-video-bubbles{display:flex;flex-direction:column;gap:10px}.mf-video-preview{width:200px;height:150px;border-radius:50%;overflow:hidden}.mf-video-controls{display:flex;gap:8px;background:linear-gradient(145deg,#0d1a2a,#0a1520);padding:12px 16px;border-radius:20px;border:2px solid rgba(100,255,218,.3);box-shadow:0 0 20px #64ffda26,inset 0 1px 3px #64ffda1a,inset 0 -1px 3px #0000004d;position:relative}.mf-video-controls:before{content:"";position:absolute;top:-2px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,rgba(100,255,218,.5),transparent);border-radius:50%}.mf-bio-btn{background:linear-gradient(145deg,#1a3040,#0d2030);color:#64ffda;border:2px solid rgba(100,255,218,.4);border-radius:12px;padding:10px 16px;cursor:pointer;font-size:12px;font-weight:600;font-family:Cinzel,Georgia,serif;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006,inset 0 1px 2px #64ffda26;transition:all .3s ease}.mf-bio-btn:hover:not(:disabled){background:linear-gradient(145deg,#1a3a50,#0d2840);border-color:#64ffda99;box-shadow:0 4px 20px #64ffda4d,inset 0 1px 3px #64ffda33;transform:translateY(-1px)}.mf-bio-btn:active:not(:disabled){transform:scale(.97)}.mf-bio-btn:disabled{opacity:.4;cursor:not-allowed;color:#4a6080;border-color:#64ffda33}.mf-bio-btn.active{background:linear-gradient(145deg,#1a4a3a,#0d3028);border-color:#64ffdab3;color:#a0ffea;box-shadow:0 0 15px #64ffda66,inset 0 1px 3px #64ffda33}.mf-bio-btn.muted{color:#ffb74d;border-color:#ffb74d80;background:linear-gradient(145deg,#3a2a10,#2a1a08)}.mf-bio-btn.muted:hover:not(:disabled){border-color:#ffb74db3;box-shadow:0 4px 20px #ffb74d4d,inset 0 1px 3px #ffb74d33}.mf-btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(100,255,218,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.mf-bio-btn:hover:not(:disabled) .mf-btn-glow{opacity:1}.mf-bio-btn.active .mf-btn-glow{background:radial-gradient(circle,rgba(100,255,218,.25) 0%,transparent 60%);opacity:1}.mf-bio-btn.muted .mf-btn-glow{background:radial-gradient(circle,rgba(255,183,77,.2) 0%,transparent 60%)}.mf-btn-icon{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px currentColor)}.mf-btn-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;text-shadow:0 0 8px currentColor}.midnight-forest-room{--forest-bg: #0D1B2A;--forest-deep: #1B2838;--forest-glow: #64FFDA;--forest-glow-alt: #7B68EE;--forest-text: #E0E6ED;--forest-text-dim: #8B9CAF;--aurora-cyan: rgba(100, 255, 218, .4);--aurora-purple: rgba(123, 104, 238, .35);--aurora-green: rgba(100, 200, 150, .3);background:radial-gradient(ellipse at top,#1b2838,#0d1b2a,#050b14);min-height:100vh;color:var(--forest-text);font-family:Quicksand,sans-serif;position:relative;overflow:hidden}.midnight-forest-title{font-family:Cinzel,serif;color:var(--forest-glow);text-shadow:0 0 20px rgba(100,255,218,.5),0 0 40px rgba(100,255,218,.3);letter-spacing:2px}.forest-tree{position:fixed;bottom:20%;right:5%;cursor:pointer;z-index:10;transition:filter .3s ease}.forest-tree:hover{filter:brightness(1.2)}.tree-trunk{width:30px;height:80px;background:linear-gradient(90deg,#2d1b0e,#4a2c17,#2d1b0e);border-radius:5px;margin:0 auto;position:relative}.tree-crown{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:120px solid #1A3A2A;position:relative;top:-10px;left:-45px;filter:drop-shadow(0 0 10px rgba(100,255,218,.2))}.owl{position:absolute;top:-60px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.owl.visible{opacity:1;animation:owl-hoot .5s ease-out}.owl-body{width:40px;height:50px;background:radial-gradient(ellipse,#3d2b1f,#2a1f16);border-radius:50% 50% 45% 45%}.owl-eyes{display:flex;gap:8px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.owl-eye{width:14px;height:14px;background:radial-gradient(circle,gold,orange);border-radius:50%;box-shadow:0 0 10px #ffd700cc}@keyframes owl-hoot{0%{transform:translate(-50%) scale(.8)}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}.access-granted-banner.midnight-access{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:20px;animation:access-granted-appear .5s ease-out}.access-text{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:500;color:var(--forest-glow);text-shadow:0 0 30px var(--forest-glow),0 0 60px var(--forest-glow);letter-spacing:8px;animation:glow-pulse 1s ease-in-out infinite}.rune-circle{position:absolute;border:2px solid var(--forest-glow);border-radius:50%;opacity:.6;animation:rune-rotate 4s linear infinite}.rune-1{width:200px;height:200px;top:-100px;left:-100px}.rune-2{width:280px;height:280px;top:-140px;left:-140px;animation-direction:reverse;animation-duration:6s}.rune-3{width:360px;height:360px;top:-180px;left:-180px;animation-duration:8s;border-color:var(--forest-glow-alt)}@keyframes access-granted-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 30px var(--forest-glow),0 0 60px var(--forest-glow)}50%{text-shadow:0 0 50px var(--forest-glow),0 0 100px var(--forest-glow),0 0 150px var(--forest-glow)}}@keyframes rune-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deer-silhouette{position:fixed;top:30%;left:-200px;z-index:50;animation:deer-cross 5s linear forwards;opacity:.7}.deer-body{width:100px;height:50px;background:#1b2838;border-radius:30px 50px 20px 30px;box-shadow:0 0 30px #64ffda4d}.deer-head{width:30px;height:25px;background:#1b2838;border-radius:50% 50% 40% 40%;position:absolute;right:-25px;top:-15px;box-shadow:0 0 20px #64ffda4d}.deer-antler{position:absolute;width:4px;height:30px;background:#1b2838;border-radius:2px;right:-20px;box-shadow:0 0 15px #64ffda33}.deer-antler-left{top:-40px;transform:rotate(-20deg)}.deer-antler-right{top:-35px;right:-30px;transform:rotate(20deg)}@keyframes deer-cross{0%{left:-200px;opacity:0}10%{opacity:.7}90%{opacity:.7}to{left:calc(100vw + 200px);opacity:0}}.room-header{background:linear-gradient(180deg,#0d1b2af2,#0d1b2acc);border-bottom:1px solid rgba(100,255,218,.2);padding:16px 24px;position:relative;z-index:20}.leave-room-btn,.room-settings-btn{font-family:Quicksand,sans-serif;background:#64ffda1a;border:1px solid rgba(100,255,218,.3);color:var(--forest-glow);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.leave-room-btn:hover,.room-settings-btn:hover{background:#64ffda33;box-shadow:0 0 15px #64ffda4d}.timer-section{background:#1b283899;border:1px solid rgba(100,255,218,.15);border-radius:12px;padding:24px;margin:20px;box-shadow:0 0 30px #64ffda1a}.content-area{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:20px}.chat-section,.todo-section{background:#1b283880;border:1px solid rgba(100,255,218,.15);border-radius:12px;overflow:hidden}.members-section{background:#1b283866;border:1px solid rgba(100,255,218,.1);border-radius:8px;padding:12px}.members-list{list-style:none;padding:0;margin:0}.member-item{padding:4px 8px;color:var(--forest-text-dim)}.member-item:hover{color:var(--forest-glow)}@media(max-width:768px){.content-area{grid-template-columns:1fr}.forest-tree{display:none}.access-text{font-size:1.5rem;letter-spacing:4px}.rune-1{width:120px;height:120px;top:-60px;left:-60px}.rune-2{width:180px;height:180px;top:-90px;left:-90px}.rune-3{width:240px;height:240px;top:-120px;left:-120px}}:root{--sweet-timer-pink: #FF69B4;--sweet-timer-cyan: #40E0D0;--sweet-timer-yellow: #FFD700;--sweet-timer-red: #FF6B6B;--sweet-timer-mint: #98D8C8;--sweet-timer-lavender: #DDA0DD;--sweet-timer-orange: #FFB347;--sweet-timer-sky: #87CEEB;--sweet-timer-chocolate: #8B4513;--sweet-timer-vanilla: #FFF8DC;--sweet-timer-cream: #FFFDD0;--sweet-spring: cubic-bezier(.34, 1.56, .64, 1)}.sweet-timer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:320px}.sprinkles-ring{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none}.sprinkle-dot{position:absolute;top:50%;left:50%;width:8px;height:4px;background:var(--color);border-radius:2px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance));animation:sprinkle-float 3s ease-in-out infinite;animation-delay:calc(var(--angle) * .01s)}@keyframes sprinkle-float{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance)) translateY(0);opacity:1}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance)) translateY(-5px);opacity:.8}}.cupcake-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.cupcake-frosting{position:relative;width:200px;height:80px;background:linear-gradient(180deg,var(--sweet-timer-pink) 0%,#FF85C0 50%,#FFB6D9 100%);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;box-shadow:0 4px 20px #ff69b466,inset 0 -10px 20px #8b45131a,inset 0 10px 20px #ffffff4d;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;z-index:2}.cupcake-frosting:before{content:"";position:absolute;top:5px;left:10%;width:80%;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%);border-radius:50%}.frosting-drips{position:absolute;bottom:-5px;left:0;right:0;height:40px;pointer-events:none}.frosting-drip{position:absolute;bottom:0;left:var(--left);width:12px;height:var(--height);background:linear-gradient(180deg,var(--sweet-timer-pink) 0%,#FF85C0 100%);border-radius:0 0 50% 50%;animation:drip-down 2s ease-in-out infinite;animation-delay:var(--delay);transform-origin:top center}@keyframes drip-down{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.3);opacity:.8}}.candle-container{position:relative;display:flex;flex-direction:column;align-items:center;z-index:3}.candle-wick{width:3px;height:12px;background:linear-gradient(180deg,#4a3728,#2d1f14);border-radius:1px}.candle-flame{position:relative;width:16px;height:24px;margin-top:-2px}.flame-core{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10px;height:18px;background:linear-gradient(180deg,gold,orange,#ff6b00);border-radius:50%/60% 60% 40% 40%;animation:flame-inner .3s ease-in-out infinite alternate}.flame-outer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:22px;background:linear-gradient(180deg,#ffc83299,#ff963266);border-radius:50%/60% 60% 40% 40%;animation:flame-outer .5s ease-in-out infinite alternate}.flame-glow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:30px;height:30px;background:radial-gradient(circle,rgba(255,200,50,.4) 0%,transparent 70%);border-radius:50%;animation:glow-pulse 1s ease-in-out infinite}.candle-flame.flickering .flame-core{animation:flame-flicker .15s ease-in-out infinite alternate}.candle-flame.flickering .flame-outer{animation:flame-flicker-outer .2s ease-in-out infinite alternate}@keyframes flame-inner{0%{transform:translate(-50%) scaleY(1) scaleX(1)}to{transform:translate(-50%) scaleY(1.1) scaleX(.9)}}@keyframes flame-outer{0%{transform:translate(-50%) scaleY(1) scaleX(1);opacity:.6}to{transform:translate(-50%) scaleY(1.15) scaleX(.85);opacity:.4}}@keyframes flame-flicker{0%{transform:translate(-50%) scaleY(1) scaleX(1) rotate(-2deg)}50%{transform:translate(-50%) scaleY(1.2) scaleX(.8) rotate(2deg)}to{transform:translate(-50%) scaleY(.95) scaleX(1.05) rotate(-1deg)}}@keyframes flame-flicker-outer{0%{transform:translate(-50%) scaleY(1) scaleX(1);opacity:.6}50%{transform:translate(-50%) scaleY(1.3) scaleX(.7);opacity:.3}to{transform:translate(-50%) scaleY(.9) scaleX(1.1);opacity:.5}}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.1)}}.cupcake-wrapper-body{position:relative;width:180px;height:50px;background:var(--sweet-timer-cyan);border-radius:0 0 20px 20px;overflow:hidden;margin-top:-10px;box-shadow:0 4px 15px #40e0d04d}.wrapper-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,var(--sweet-timer-cyan) 0px,var(--sweet-timer-cyan) 15px,#36C9C6 15px,#36C9C6 18px,var(--sweet-timer-cyan) 18px,var(--sweet-timer-cyan) 33px,#2BB5AF 33px,#2BB5AF 36px);background-size:36px 100%;animation:stripes-scroll 8s linear infinite}@keyframes stripes-scroll{0%{background-position:0 0}to{background-position:36px 0}}.timer-inner{position:absolute;bottom:-60px;width:220px;padding:16px 20px;background:var(--sweet-timer-vanilla);border-radius:8px;box-shadow:0 4px 20px #8b451326,inset 0 2px 4px #fffc,inset 0 -2px 4px #8b45130d;display:flex;flex-direction:column;align-items:center;gap:4px}.timer-phase{font-family:Fredoka One,cursive;font-size:.9rem;color:var(--sweet-timer-chocolate);text-transform:uppercase;letter-spacing:2px;opacity:.7}.timer-display{display:flex;align-items:center;gap:2px}.digit{font-family:Fredoka One,cursive;font-size:3rem;color:var(--sweet-timer-chocolate);text-shadow:1px 1px 0 rgba(255,255,255,.8);line-height:1}.digit.colon{animation:colon-blink 1s ease-in-out infinite;margin:0 2px}@keyframes colon-blink{0%,to{opacity:1}50%{opacity:.3}}.timer-display.ticking .digit:not(.colon){animation:digit-bounce .3s ease-out}@keyframes digit-bounce{0%{transform:scale(1)}30%{transform:scale(.9,1.1)}60%{transform:scale(1.1,.9)}to{transform:scale(1)}}.sweet-timer.work-phase .cupcake-frosting{box-shadow:0 4px 20px #ff69b466,0 0 30px #ffd70033,inset 0 -10px 20px #8b45131a,inset 0 10px 20px #ffffff4d}.sweet-timer.break-phase .cupcake-frosting{background:linear-gradient(180deg,#ff9ec4,#ffb8d4,#ffd4e8);animation:frosting-melt 3s ease-in-out infinite}@keyframes frosting-melt{0%,to{transform:scaleY(1) scaleX(1);border-radius:50% 50% 40% 40%/60% 60% 40% 40%}50%{transform:scaleY(.95) scaleX(1.02);border-radius:45%/55% 55% 45% 45%}}.candy-explosion{position:absolute;top:50%;left:50%;width:350px;height:350px;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.explosion-candy{position:absolute;top:50%;left:50%;width:16px;height:16px;background:var(--color);border-radius:50%;animation:candy-burst 1s ease-out forwards;animation-delay:var(--delay);--tx: calc(cos(var(--angle))*150px) ;--ty: calc(sin(var(--angle))*150px) }@keyframes candy-burst{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1) rotate(0)}30%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--tx) * .3),calc(var(--ty) * .3)) scale(1.3) rotate(90deg)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(0) rotate(360deg)}}:root{--sweet-btn-pink: #FF69B4;--sweet-btn-cyan: #40E0D0;--sweet-btn-yellow: #FFD700;--sweet-btn-red: #FF6B6B;--sweet-btn-mint: #98D8C8;--sweet-btn-lavender: #DDA0DD;--sweet-btn-orange: #FFB347;--sweet-btn-chocolate: #8B4513;--sweet-btn-vanilla: #FFF8DC;--sweet-spring: cubic-bezier(.34, 1.56, .64, 1)}.sweet-timer-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:20px}.sweet-btn{position:relative;display:flex;flex-direction:column;align-items:center;min-width:90px;border:none;cursor:pointer;transition:transform .15s var(--sweet-spring);transform-origin:center bottom}.candy-top{width:50px;height:20px;border-radius:50% 50% 0 0;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.sprinkle{display:flex;gap:4px;position:absolute;bottom:2px}.sprinkle-dot{width:6px;height:3px;border-radius:2px;transform:rotate(calc(var(--i) * 30deg));animation:sprinkle-wiggle 2s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}.sprinkles-strawberry .sprinkle-dot{background:var(--sweet-btn-pink)}.sprinkles-strawberry .sprinkle-dot:nth-child(2),.sprinkles-strawberry .sprinkle-dot:nth-child(4){background:var(--sweet-btn-red)}.sprinkles-blueberry .sprinkle-dot{background:#6b5b95}.sprinkles-blueberry .sprinkle-dot:nth-child(2),.sprinkles-blueberry .sprinkle-dot:nth-child(4){background:var(--sweet-btn-lavender)}.sprinkles-candycane .sprinkle-dot{background:var(--sweet-btn-red)}.sprinkles-candycane .sprinkle-dot:nth-child(2),.sprinkles-candycane .sprinkle-dot:nth-child(4){background:#fff}@keyframes sprinkle-wiggle{0%,to{transform:rotate(calc(var(--i) * 30deg)) translateY(0)}50%{transform:rotate(calc(var(--i) * 30deg)) translateY(-2px)}}.candy-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 18px;border-radius:12px;font-family:Quicksand,sans-serif;font-weight:600;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000000d;transition:transform .15s var(--sweet-spring),box-shadow .15s ease}.strawberry-btn .candy-top{background:linear-gradient(180deg,#FFB6C1 0%,var(--sweet-btn-pink) 100%)}.strawberry-btn .candy-body{background:linear-gradient(145deg,var(--sweet-btn-pink) 0%,#E85A9A 100%);color:#fff}.blueberry-btn .candy-top{background:linear-gradient(180deg,#9b8dc8,#6b5b95)}.blueberry-btn .candy-body{background:linear-gradient(145deg,#7b6ba5,#5b4b85);color:#fff}.candycane-btn .candy-top{background:linear-gradient(180deg,#FFD1DC 0%,var(--sweet-btn-red) 100%)}.candycane-btn .candy-body{background:linear-gradient(145deg,var(--sweet-btn-red) 0%,#D84A5A 100%);color:#fff}.lollipop-btn .candy-top{background:conic-gradient(from 0deg,var(--sweet-btn-pink),white,var(--sweet-btn-pink),white,var(--sweet-btn-pink))}.lollipop-btn .candy-body{background:linear-gradient(145deg,var(--sweet-btn-lavender) 0%,#BA8FBA 100%);color:#fff}.btn-icon{font-size:1.4rem;line-height:1}.btn-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.sweet-btn.biting{animation:bite .4s var(--sweet-spring)}@keyframes bite{0%{transform:scale(1)}15%{transform:scale(1.1,.9) translateY(2px)}30%{transform:scale(.95,1.05) translateY(-2px)}50%{transform:scale(1.05,.95) translateY(1px)}70%{transform:scale(.98,1.02) translateY(0)}to{transform:scale(1)}}.candycane-btn.lollipop-melt{animation:lollipop-melt .6s var(--sweet-spring)}.candycane-btn.lollipop-melt .candy-top{animation:swirl-melt .6s ease-in-out}@keyframes lollipop-melt{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.15,.85) rotate(5deg)}60%{transform:scale(.9,1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes swirl-melt{0%{transform:rotate(0) scaleY(1)}30%{transform:rotate(180deg) scaleY(.5)}60%{transform:rotate(360deg) scaleY(.8)}to{transform:rotate(0) scaleY(1)}}.sweet-btn:hover .candy-body{transform:translateY(-2px);box-shadow:0 6px 16px #0003,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000000d}.strawberry-btn:hover .candy-body{background:linear-gradient(145deg,#ff79c0,#f06a9a)}.blueberry-btn:hover .candy-body{background:linear-gradient(145deg,#8b7bb5,#6b5ba5)}.candycane-btn:hover .candy-body{background:linear-gradient(145deg,#ff7a7a,#e86a6a)}.sweet-btn:active .candy-body{transform:translateY(2px) scale(.98);box-shadow:0 2px 8px #00000026,inset 0 2px 4px #ffffff4d,inset 0 -1px 2px #0000000d}.break-duration-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:8px}.break-label{font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;color:var(--sweet-btn-chocolate);text-transform:uppercase;letter-spacing:1px;opacity:.7}.break-input{width:60px;padding:10px 12px;border:2px solid var(--sweet-btn-pink);border-radius:12px;background:var(--sweet-btn-vanilla);font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:var(--sweet-btn-chocolate);text-align:center;box-shadow:inset 0 2px 4px #8b45131a;transition:border-color .2s ease,box-shadow .2s ease}.break-input:focus{outline:none;border-color:var(--sweet-btn-cyan);box-shadow:inset 0 2px 4px #8b45131a,0 0 0 3px #40e0d04d}.break-input::-webkit-outer-spin-button,.break-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.break-input[type=number]{-moz-appearance:textfield}@keyframes sweetJiggle{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px) rotate(-2deg)}40%{transform:translate(3px) rotate(2deg)}60%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}}@keyframes sendWobble{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes priceStrike{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.sweet-mention-input{position:relative;width:100%}.sweet-mention-suggestions{position:absolute;bottom:100%;left:0;right:0;background:var(--sweet-chat-surface);border-radius:15px 15px 5px 5px;border:3px solid var(--sweet-chat-primary);border-bottom:none;box-shadow:0 -4px 20px #ff69b433;padding:8px;margin:0;list-style:none;max-height:150px;overflow-y:auto;z-index:10}.sweet-mention-suggestions::-webkit-scrollbar{width:6px}.sweet-mention-suggestions::-webkit-scrollbar-track{background:#ff69b41a;border-radius:3px}.sweet-mention-suggestions::-webkit-scrollbar-thumb{background:var(--sweet-chat-primary);border-radius:3px}.sweet-suggestion-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.sweet-suggestion-btn:hover{background:linear-gradient(135deg,#ff69b426,#dda0dd26);transform:scale(1.03)}.sweet-suggestion-price{font-family:Fredoka One,cursive;color:#228b22;font-size:.75rem;text-decoration:line-through;opacity:.7;animation:priceStrike .3s ease-out}.sweet-suggestion-btn:hover .sweet-suggestion-price{opacity:1;text-decoration:none;color:var(--sweet-chat-primary)}.sweet-suggestion-name{color:var(--sweet-chat-text);font-family:Quicksand,sans-serif;font-weight:600;font-size:.9rem}.sweet-input-wrapper{display:flex;gap:10px;align-items:center;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(222,184,135,.3) 8px,rgba(222,184,135,.3) 9px),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(222,184,135,.3) 8px,rgba(222,184,135,.3) 9px),radial-gradient(circle at 10% 20%,var(--sweet-chat-primary) 2px,transparent 2px),radial-gradient(circle at 30% 60%,var(--sweet-chat-secondary) 2px,transparent 2px),radial-gradient(circle at 50% 30%,#FFD700 2px,transparent 2px),radial-gradient(circle at 70% 70%,var(--sweet-chat-accent) 2px,transparent 2px),radial-gradient(circle at 90% 40%,var(--sweet-chat-primary) 2px,transparent 2px),radial-gradient(circle at 20% 80%,var(--sweet-chat-secondary) 2px,transparent 2px),radial-gradient(circle at 80% 10%,#FFD700 2px,transparent 2px),var(--sweet-chat-surface);border:3px solid;border-image:linear-gradient(135deg,var(--sweet-chat-primary),var(--sweet-chat-secondary),var(--sweet-chat-accent),var(--sweet-chat-primary)) 1;border-radius:15px;padding:4px}.sweet-input-wrapper.jiggle{animation:sweetJiggle .3s cubic-bezier(.34,1.56,.64,1)}.sweet-input{flex:1;border:none;background:transparent;padding:10px 14px;font-family:Quicksand,sans-serif;font-size:.95rem;color:var(--sweet-chat-text);outline:none}.sweet-input::placeholder{color:var(--sweet-chat-text);opacity:.5}.sweet-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--sweet-chat-primary),var(--sweet-chat-secondary));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px #ff69b44d}.sweet-send-btn:hover{transform:scale(1.1);box-shadow:0 5px 20px #ff69b466;animation:sendWobble .4s ease-in-out}.sweet-send-btn:active{transform:scale(.95)}.sweet-send-btn svg{margin-left:2px}@keyframes candyPopIn{0%{opacity:0;transform:translateY(15px) rotate(-5deg) scale(.9)}60%{transform:translateY(-5px) rotate(2deg) scale(1.02)}80%{transform:translateY(2px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes reactionBounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes floatCandy{0%{opacity:0;transform:translateY(0) rotate(0) scale(.5)}20%{opacity:1;transform:translateY(-20px) rotate(90deg) scale(1)}40%{transform:translateY(-40px) rotate(180deg) scale(1.1)}60%{transform:translateY(-60px) rotate(270deg) scale(1)}80%{opacity:1;transform:translateY(-80px) rotate(360deg) scale(.9)}to{opacity:0;transform:translateY(-100px) rotate(450deg) scale(.5)}}.sweet-chat-message{position:relative;display:flex;animation:candyPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.sweet-chat-message:nth-child(1){animation-delay:0ms}.sweet-chat-message:nth-child(2){animation-delay:60ms}.sweet-chat-message:nth-child(3){animation-delay:.12s}.sweet-chat-message:nth-child(4){animation-delay:.18s}.sweet-chat-message:nth-child(5){animation-delay:.24s}.sweet-chat-message:nth-child(n+6){animation-delay:.3s}.sweet-chat-message.own{flex-direction:row-reverse}.sweet-chat-message.other{flex-direction:row}.sweet-floating-candy{position:absolute;top:-30px;left:50%;transform:translate(-50%);pointer-events:none;z-index:10}.sweet-candy{position:absolute;font-size:1.2rem;animation:floatCandy 2s ease-out forwards}.sweet-candy-1{left:-20px;animation-delay:0s}.sweet-candy-2{left:0;animation-delay:.2s}.sweet-candy-3{left:20px;animation-delay:.4s}.sweet-candy-wrapper{position:relative;max-width:80%;background:var(--sweet-chat-surface);border-radius:12px 12px 20px 20px;padding:10px 14px;box-shadow:0 4px 15px #ff69b41a;border:2px solid var(--sweet-chat-accent);border-top:none}.sweet-chat-message.own .sweet-candy-wrapper{border-radius:12px 12px 20px 20px;border-color:var(--sweet-chat-secondary);background:linear-gradient(135deg,var(--sweet-chat-surface) 0%,#FFF8F0 100%)}.sweet-timestamp-corner{position:absolute;top:0;right:-8px;background:linear-gradient(135deg,var(--sweet-chat-chocolate) 0%,#A0522D 100%);color:#fff;font-size:.65rem;padding:3px 8px;border-radius:0 8px;box-shadow:0 2px 6px #8b45134d}.sweet-timestamp{font-weight:600;font-size:.65rem}.sweet-chat-message.own .sweet-timestamp-corner{right:auto;left:-8px;border-radius:8px 0;background:linear-gradient(135deg,#A0522D 0%,var(--sweet-chat-chocolate) 100%)}.sweet-candy-content{padding-top:8px}.sweet-message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sweet-candy-label{background:linear-gradient(135deg,var(--sweet-chat-primary),var(--sweet-chat-secondary));color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:8px;min-width:18px;text-align:center}.sweet-chat-message.own .sweet-candy-label{background:linear-gradient(135deg,var(--sweet-chat-secondary),var(--sweet-chat-primary))}.sweet-message-username{font-weight:600;color:var(--sweet-chat-primary);font-size:.85rem}.sweet-chat-message.own .sweet-message-username{color:var(--sweet-chat-secondary)}.sweet-message-content{color:var(--sweet-chat-text);font-size:.95rem;line-height:1.4;word-break:break-word}.sweet-mention{background:linear-gradient(135deg,#ff69b440,#dda0dd40);color:var(--sweet-chat-text);padding:1px 4px;border-radius:6px;font-weight:500}.sweet-message-reactions{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.sweet-reaction-btn{background:#fff8f0e6;border:1px solid rgba(255,105,180,.2);border-radius:10px;padding:3px 7px;cursor:pointer;display:flex;align-items:center;gap:2px;font-size:.85rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.sweet-reaction-btn:hover{transform:scale(1.1);background:#ff8fab33;border-color:var(--sweet-chat-primary)}.sweet-reaction-btn.reacted{background:linear-gradient(135deg,#ff8fab4d,#dda0dd4d);border-color:var(--sweet-chat-primary);animation:reactionBounce .3s cubic-bezier(.34,1.56,.64,1)}.sweet-reaction-emoji{font-size:1rem}.sweet-reaction-count{font-size:.7rem;font-weight:600;color:var(--sweet-chat-text)}:root{--sweet-chat-bg: #FFF0F5;--sweet-chat-surface: #FFFFFF;--sweet-chat-primary: #FF69B4;--sweet-chat-secondary: #DDA0DD;--sweet-chat-accent: #FFB6C1;--sweet-chat-text: #6B4E5C;--sweet-chat-shadow: rgba(255, 105, 180, .15);--sweet-chat-ribbon: #40E0D0;--sweet-chat-chocolate: #8B4513;--sweet-chat-spring: cubic-bezier(.34, 1.56, .64, 1)}.sweet-chat{background:var(--sweet-chat-bg);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:400px;box-shadow:0 8px 30px var(--sweet-chat-shadow);position:relative}.sweet-chat-ribbon{height:24px;background:linear-gradient(180deg,var(--sweet-chat-ribbon) 0%,#36C9C6 100%);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.sweet-ribbon-string{width:3px;height:16px;background:linear-gradient(180deg,gold,orange);border-radius:2px;transform-origin:top center;animation:ribbon-dangle 2s ease-in-out infinite}.sweet-ribbon-string:nth-child(1){animation-delay:0s;transform:rotate(-15deg)}.sweet-ribbon-string:nth-child(2){animation-delay:.3s;transform:rotate(0);height:20px}.sweet-ribbon-string:nth-child(3){animation-delay:.6s;transform:rotate(15deg)}@keyframes ribbon-dangle{0%,to{transform:rotate(var(--rotation, 0deg)) translateY(0)}50%{transform:rotate(var(--rotation, 0deg)) translateY(3px)}}.sweet-chat-jar{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffffe6,#fff8f0e6);position:relative;overflow:hidden}.sweet-jar-label{font-family:Fredoka One,cursive;color:var(--sweet-chat-primary);font-size:1.2rem;text-align:center;padding:8px;background:linear-gradient(180deg,var(--sweet-chat-surface) 0%,transparent 100%)}.sweet-chat-error{background:linear-gradient(135deg,#ffe4e1,#ffd1dc);color:var(--sweet-chat-chocolate);padding:8px 16px;font-size:.85rem;border-bottom:2px solid var(--sweet-chat-primary)}.sweet-chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at 20% 30%,rgba(255,105,180,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(221,160,221,.05) 0%,transparent 50%),var(--sweet-chat-bg)}.sweet-chat-messages::-webkit-scrollbar{width:8px}.sweet-chat-messages::-webkit-scrollbar-track{background:#ff69b41a;border-radius:4px}.sweet-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sweet-chat-primary),var(--sweet-chat-secondary));border-radius:4px}.sweet-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--sweet-chat-secondary),var(--sweet-chat-primary))}.sweet-chat-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--sweet-chat-text);opacity:.6;font-style:italic;text-align:center;padding:20px}.sweet-chat-input{background:var(--sweet-chat-surface);border-top:2px dashed rgba(255,105,180,.2);padding:12px}:root{--sweet-item-pink: #FF69B4;--sweet-item-cyan: #40E0D0;--sweet-item-yellow: #FFD700;--sweet-item-red: #FF6B6B;--sweet-item-mint: #98D8C8;--sweet-item-lavender: #DDA0DD;--sweet-item-orange: #FFB347;--sweet-item-sky: #87CEEB;--sweet-item-chocolate: #8B4513;--sweet-item-vanilla: #FFF8DC;--sweet-item-cream: #FFFDD0;--sweet-item-strawberry: #FFB6C1;--sweet-spring: cubic-bezier(.34, 1.56, .64, 1)}.candy-piece{position:relative;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(145deg,#fff8f0,#ffe4d6);border-radius:16px;border:2px solid var(--sweet-item-strawberry);box-shadow:0 4px 12px #ff69b426,inset 0 1px 2px #fffc;transition:all .3s var(--sweet-spring);animation:candy-appear .4s var(--sweet-spring)}@keyframes candy-appear{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.candy-piece:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #ff69b440,inset 0 1px 2px #fffc}.candy-wrapper{display:flex;align-items:center;flex:1;min-width:0}.wrapper-left,.wrapper-right{width:24px;height:32px;background:linear-gradient(135deg,var(--sweet-item-pink) 0%,var(--sweet-item-strawberry) 50%,var(--sweet-item-pink) 100%);clip-path:polygon(100% 0%,100% 100%,0% 50%);transition:all .4s var(--sweet-spring)}.wrapper-left{clip-path:polygon(0% 0%,100% 50%,0% 100%);margin-right:-8px}.wrapper-right{clip-path:polygon(0% 0%,100% 50%,0% 100%);transform:scaleX(-1);margin-left:-8px}.wrapper-center{flex:1;min-width:0;padding:8px 16px;background:linear-gradient(180deg,var(--sweet-item-vanilla) 0%,var(--sweet-item-cream) 100%);border-radius:8px;box-shadow:inset 0 2px 4px #8b45131a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candy-name{font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;color:var(--sweet-item-chocolate);cursor:pointer;transition:all .3s ease;display:block;overflow:hidden;text-overflow:ellipsis}.candy-name:hover{color:var(--sweet-item-pink)}.candy-name.struck{text-decoration:line-through;color:var(--sweet-item-strawberry);opacity:.7}.candy-username{font-family:Quicksand,sans-serif;font-size:.75em;color:var(--sweet-item-lavender);font-weight:500;margin-left:auto;padding-right:8px}.whipped-cream-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg) scale(0);width:60px;height:60px;background:radial-gradient(ellipse at center,rgba(255,253,208,.95) 0%,rgba(255,245,220,.9) 40%,rgba(255,240,200,.85) 60%,transparent 70%);border-radius:50%;pointer-events:none;opacity:0;transition:all .4s var(--sweet-spring);z-index:10}.whipped-cream-stamp:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(255,200,150,.3) 0%,transparent 40%),conic-gradient(from 0deg,#fff5dc80,#fffc,#fff5dc80,#fffc,#fff5dc80 360deg);border-radius:50%;animation:stamp-appear .5s var(--sweet-spring)}@keyframes stamp-appear{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(-10deg)}to{transform:scale(1) rotate(-15deg);opacity:1}}.candy-piece.completed .whipped-cream-stamp{opacity:1;transform:translate(-50%,-50%) rotate(-15deg) scale(1)}.candy-piece.completed .whipped-cream-stamp:after{content:"DONE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka One,cursive;font-size:.65rem;color:var(--sweet-item-chocolate);opacity:.6;letter-spacing:1px}.candy-piece.unwrapping .wrapper-left{animation:unwrap-left .6s var(--sweet-spring) forwards}.candy-piece.unwrapping .wrapper-right{animation:unwrap-right .6s var(--sweet-spring) forwards}@keyframes unwrap-left{0%{transform:translate(0) rotate(0);opacity:1}50%{transform:translate(-15px) rotate(-45deg);opacity:.5}to{transform:translate(-25px) rotate(-90deg);opacity:0}}@keyframes unwrap-right{0%{transform:scaleX(-1) translate(0) rotate(0);opacity:1}50%{transform:scaleX(-1) translate(-15px) rotate(-45deg);opacity:.5}to{transform:scaleX(-1) translate(-25px) rotate(-90deg);opacity:0}}.candy-piece.unwrapping{animation:crinkle-fade .6s ease-out forwards}@keyframes crinkle-fade{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.05) rotate(2deg)}60%{opacity:.8;transform:scale(.95) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.candy-piece.melting{animation:candy-melt .5s ease-in forwards;pointer-events:none}@keyframes candy-melt{0%{transform:scaleY(1) scaleX(1);opacity:1;border-radius:16px}30%{transform:scaleY(1.1) scaleX(.9);border-radius:20px 20px 8px 8px}60%{transform:scaleY(.5) scaleX(1.2);border-radius:8px 8px 30px 30px;opacity:.7}to{transform:scaleY(0) scaleX(1.5);border-radius:50%/20px;opacity:0}}.candy-edit-btn{width:28px;height:28px;background:transparent;border:none;cursor:pointer;position:relative;opacity:.6;transition:all .3s var(--sweet-spring)}.candy-edit-btn:hover{opacity:1;transform:rotate(-15deg) scale(1.1)}.pencil-body{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:18px;background:repeating-linear-gradient(180deg,#ff6b6b,#ff6b6b 3px,#fff 3px,#fff 6px);border-radius:2px}.pencil-spiral{position:absolute;top:2px;left:50%;transform:translate(-50%) rotate(45deg);width:6px;height:6px;background:var(--sweet-item-chocolate);border-radius:50%;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.candy-delete-btn{width:24px;height:24px;background:linear-gradient(145deg,var(--sweet-item-red) 0%,#FF4757 100%);border:none;border-radius:50%;color:#fff;font-family:Fredoka One,cursive;font-size:.7rem;cursor:pointer;opacity:.6;transition:all .3s var(--sweet-spring);display:flex;align-items:center;justify-content:center}.candy-delete-btn:hover{opacity:1;transform:scale(1.2);box-shadow:0 4px 12px #ff6b6b66}.edit-candy-form{display:flex;align-items:center;gap:8px;width:100%}.candy-edit-input{flex:1;padding:8px 14px;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;color:var(--sweet-item-chocolate);background:var(--sweet-item-vanilla);border:2px solid var(--sweet-item-mint);border-radius:12px;outline:none;transition:all .3s var(--sweet-spring);box-shadow:inset 0 2px 4px #8b45131a}.candy-edit-input:focus{border-color:var(--sweet-item-cyan);box-shadow:inset 0 2px 4px #8b45131a,0 0 0 3px #40e0d033}.candy-save-btn{padding:8px 16px;font-family:Fredoka One,cursive;font-size:.8rem;color:#fff;background:linear-gradient(145deg,var(--sweet-item-mint) 0%,var(--sweet-item-cyan) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s var(--sweet-spring);box-shadow:0 4px 12px #98d8c84d}.candy-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #98d8c866}.candy-save-btn:active{transform:translateY(0)}.candy-cancel-btn{width:28px;height:28px;background:linear-gradient(145deg,#e0e0e0,silver);border:none;border-radius:50%;color:#666;font-family:Fredoka One,cursive;font-size:.7rem;cursor:pointer;transition:all .3s var(--sweet-spring);display:flex;align-items:center;justify-content:center}.candy-cancel-btn:hover{background:linear-gradient(145deg,var(--sweet-item-red) 0%,#FF4757 100%);color:#fff;transform:scale(1.1)}.candy-piece.completed{background:linear-gradient(145deg,#f5f5f5,#ebebeb);border-color:#ddd}.candy-piece.completed .wrapper-left,.candy-piece.completed .wrapper-right{opacity:.4}.candy-piece.completed .wrapper-center{background:linear-gradient(180deg,#f0f0f0,#e8e8e8)}:root{--sweet-todo-pink: #FF69B4;--sweet-todo-cyan: #40E0D0;--sweet-todo-yellow: #FFD700;--sweet-todo-red: #FF6B6B;--sweet-todo-mint: #98D8C8;--sweet-todo-lavender: #DDA0DD;--sweet-todo-orange: #FFB347;--sweet-todo-sky: #87CEEB;--sweet-todo-chocolate: #8B4513;--sweet-todo-vanilla: #FFF8DC;--sweet-todo-cream: #FFFDD0;--sweet-todo-strawberry: #FFB6C1;--sweet-spring: cubic-bezier(.34, 1.56, .64, 1)}.candy-box{background:linear-gradient(145deg,#fff0f5,#ffe4ec,#ffd1dc);border-radius:20px;padding:20px;box-shadow:0 8px 32px #ff69b433,inset 0 2px 4px #fffc,inset 0 -2px 4px #8b45130d;border:3px solid var(--sweet-todo-strawberry);position:relative;overflow:hidden}.candy-box:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--sweet-todo-pink) 0px,var(--sweet-todo-pink) 20px,var(--sweet-todo-strawberry) 20px,var(--sweet-todo-strawberry) 24px,transparent 24px,transparent 28px);border-bottom:2px dashed var(--sweet-todo-strawberry)}.sweet-tasks-header{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--sweet-todo-chocolate);text-align:center;margin:16px 0 20px;text-shadow:1px 1px 0 rgba(255,255,255,.8),-1px -1px 0 rgba(139,69,19,.1);position:relative}.sweet-tasks-header:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--sweet-todo-pink) 20%,var(--sweet-todo-strawberry) 50%,var(--sweet-todo-pink) 80%,transparent 100%);border-radius:2px}.candy-compartments{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:20px;padding:12px;background:#ffffff80;border-radius:12px;border:2px dashed var(--sweet-todo-strawberry)}.add-candy-form{display:flex;gap:10px;margin-top:16px;padding:12px;background:#fff9;border-radius:12px;border:2px dashed var(--sweet-todo-cyan)}.candy-input{flex:1;padding:10px 16px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:500;color:var(--sweet-todo-chocolate);background:var(--sweet-todo-vanilla);border:2px solid var(--sweet-todo-strawberry);border-radius:20px;outline:none;transition:all .3s var(--sweet-spring);box-shadow:inset 0 2px 4px #8b45131a}.candy-input::placeholder{color:var(--sweet-todo-strawberry);font-style:italic}.candy-input:focus{border-color:var(--sweet-todo-pink);box-shadow:inset 0 2px 4px #8b45131a,0 0 0 3px #ff69b433;transform:scale(1.02)}.add-candy-btn{padding:10px 20px;font-family:Fredoka One,cursive;font-size:.9rem;color:#fff;background:linear-gradient(145deg,var(--sweet-todo-pink) 0%,var(--sweet-todo-strawberry) 100%);border:none;border-radius:20px;cursor:pointer;transition:all .3s var(--sweet-spring);box-shadow:0 4px 12px #ff69b44d,inset 0 1px 2px #ffffff4d;position:relative;overflow:hidden}.add-candy-btn:before{content:"";position:absolute;top:2px;left:10%;width:80%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:50%}.add-candy-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #ff69b466,inset 0 1px 2px #ffffff4d}.add-candy-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #ff69b44d,inset 0 1px 2px #ffffff4d}.todo-error{padding:10px 16px;margin:10px 0;background:linear-gradient(145deg,#ffe4e4,#ffd1d1);border:2px solid var(--sweet-todo-red);border-radius:12px;color:var(--sweet-todo-red);font-family:Quicksand,sans-serif;font-weight:600;text-align:center;animation:error-shake .5s ease-in-out}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.sweet-gummy-bubble{position:fixed;background:linear-gradient(145deg,#ff85c0,#ff69b4 40%,#ff1493);cursor:grab;z-index:100;display:flex;flex-direction:column;overflow:visible;transition:filter .3s ease;animation:gummy-appear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes gummy-appear{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.sweet-gummy-bubble:before,.sweet-gummy-bubble:after{content:"";position:absolute;top:-12px;width:28px;height:28px;background:linear-gradient(145deg,#ff9ed2,#ff69b4,#ff1493);border-radius:50%/60% 60% 40% 40%;box-shadow:inset 2px 2px 6px #fff6,inset -2px -2px 6px #8b451326,0 2px 8px #ff69b466;z-index:1}.sweet-gummy-bubble:before{left:15px;transform:rotate(-15deg)}.sweet-gummy-bubble:after{right:15px;transform:rotate(15deg)}.sweet-gummy-bubble{border:none;box-shadow:0 0 0 4px #fff9,0 0 0 6px #ff69b44d,0 8px 32px #ff69b480,0 4px 16px #8b451333,inset 0 0 30px #fff3}.sweet-gummy-bubble .sugar-sparkles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;border-radius:inherit}.sparkle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#fff,#fff0 70%);border-radius:50%;animation:sparkle-twinkle 1.5s ease-in-out infinite}.sparkle:nth-child(1){top:10%;left:15%;animation-delay:0s}.sparkle:nth-child(2){top:20%;left:70%;animation-delay:.3s}.sparkle:nth-child(3){top:50%;left:85%;animation-delay:.6s}.sparkle:nth-child(4){top:75%;left:20%;animation-delay:.9s}.sparkle:nth-child(5){top:60%;left:50%;animation-delay:1.2s}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.sweet-gummy-bubble:hover{filter:brightness(1.08);box-shadow:0 0 0 4px #fffc,0 0 0 6px #ff69b466,0 0 40px #ff69b499,0 4px 16px #8b451333,inset 0 0 30px #ffffff4d}.sweet-gummy-bubble.dragging{cursor:grabbing;filter:brightness(1.1);box-shadow:0 0 0 4px #ffffffe6,0 0 0 6px #ff69b480,0 12px 48px #ff69b4b3,0 6px 24px #8b451340,inset 0 0 40px #fff6;animation:gummy-swish .3s ease-out}@keyframes gummy-swish{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.02)}50%{transform:rotate(3deg) scale(1.01)}75%{transform:rotate(-2deg) scale(1.005)}to{transform:rotate(0) scale(1)}}.sweet-gummy-bubble.pinned{cursor:default;border-radius:0;filter:brightness(1.05)}.sweet-gummy-bubble.pinned:before,.sweet-gummy-bubble.pinned:after{display:none}.sweet-gloss-overlay{position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#ffffff80,#fff3 40%,#fff0);pointer-events:none;z-index:2;border-radius:inherit}.sweet-video-element{width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.sweet-video-element.mirrored{transform:scaleX(-1)}.sweet-username-tag{position:absolute;bottom:10px;left:10px;background:linear-gradient(145deg,var(--sweet-cream) 0%,var(--sweet-vanilla) 100%);color:var(--sweet-chocolate);padding:5px 12px;border-radius:20px;font-family:Quicksand,sans-serif;font-size:11px;font-weight:700;border:3px solid var(--sweet-pink);box-shadow:0 3px 8px #8b451333,inset 0 1px 2px #fffc;z-index:3;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sweet-muted-badge{position:absolute;bottom:10px;right:10px;width:28px;height:28px;z-index:3;display:flex;align-items:center;justify-content:center}.sweet-muted-badge:before{content:"";position:absolute;width:20px;height:14px;background:linear-gradient(145deg,var(--sweet-red) 0%,#E55A5A 100%);border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 6px #0000004d,inset 0 1px 2px #fff6}.sweet-muted-badge:after{content:"×";position:absolute;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.sweet-pin-button{position:absolute;top:8px;right:8px;background:linear-gradient(145deg,var(--sweet-yellow) 0%,var(--sweet-orange) 100%);color:var(--sweet-chocolate);border:3px solid rgba(255,255,255,.8);border-radius:20px;padding:4px 10px;font-family:Quicksand,sans-serif;font-size:10px;font-weight:700;cursor:pointer;z-index:3;box-shadow:0 3px 8px #8b451340,inset 0 1px 3px #ffffff80;transition:all .2s ease}.sweet-pin-button:hover{transform:scale(1.08);box-shadow:0 4px 12px #ffb74780,inset 0 1px 3px #ffffff80}.sweet-pin-button:active{transform:scale(.95)}.sweet-resize-handle{position:absolute;bottom:0;right:0;width:24px;height:24px;cursor:se-resize;z-index:3;background:linear-gradient(135deg,var(--sweet-yellow) 0%,var(--sweet-orange) 100%);border-radius:50% 0;border:2px solid rgba(255,255,255,.8);box-shadow:inset 2px 2px 4px #fff6,inset -1px -1px 3px #8b451333}.sweet-resize-handle:hover{background:linear-gradient(135deg,#ffe066,#ffc870)}.sweet-lollipop{width:120px;margin-top:10px;position:relative;display:flex;flex-direction:column;align-items:center}.sweet-lollipop-stick{width:10px;height:50px;background:linear-gradient(90deg,#f5e6d3,#fff8dc,#f5e6d3);border-radius:0 0 5px 5px;box-shadow:2px 0 4px #8b45131a,-1px 0 2px #8b45130d;margin-top:-5px;z-index:0}.sweet-lollipop-head{position:relative;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0%,transparent 30%),conic-gradient(from 0deg,#ff69b4,#ffb6d9,#ff69b4,#ff1493,#ff69b4,#ffb6d9,#ff69b4,#ff1493,#ff69b4,#ffb6d9,#ff69b4,#ff1493,#ff69b4 360deg);box-shadow:0 4px 20px #ff69b480,0 2px 8px #8b451326,inset 0 0 30px #ffffff4d,inset 0 -5px 15px #8b45131a;display:flex;align-items:center;justify-content:center;z-index:1}.sweet-icing-drip{position:absolute;top:-8px;left:var(--drip-left, 20%);width:14px;height:var(--drip-height, 25px);background:linear-gradient(180deg,#FFFDD0 0%,#FFF8DC 50%,var(--sweet-pink) 100%);border-radius:0 0 50% 50%;opacity:.9;box-shadow:0 2px 4px #8b45131a}.sweet-icing-drip:nth-child(1){--drip-left: 15%;--drip-height: 20px;animation:icing-pulse 2s ease-in-out infinite}.sweet-icing-drip:nth-child(2){--drip-left: 40%;--drip-height: 30px;animation:icing-pulse 2s ease-in-out .4s infinite}.sweet-icing-drip:nth-child(3){--drip-left: 65%;--drip-height: 18px;animation:icing-pulse 2s ease-in-out .8s infinite}.sweet-icing-drip:nth-child(4){--drip-left: 80%;--drip-height: 24px;animation:icing-pulse 2s ease-in-out 1.2s infinite}@keyframes icing-pulse{0%,to{transform:scaleY(1);opacity:.9}50%{transform:scaleY(1.2);opacity:.7}}.sweet-sound-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;z-index:2}.sweet-wave-ring{position:absolute;border:3px solid var(--sweet-pink);border-radius:50%;opacity:0;animation:wave-expand 1.5s ease-out infinite}.sweet-wave-ring:nth-child(1){width:20px;height:20px;animation-delay:0s}.sweet-wave-ring:nth-child(2){width:35px;height:35px;animation-delay:.3s}.sweet-wave-ring:nth-child(3){width:50px;height:50px;animation-delay:.6s}@keyframes wave-expand{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.5);opacity:0}}.sweet-lollipop-center{width:30px;height:30px;background:linear-gradient(145deg,#fff,#ffe4f3);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff69b466,inset 0 1px 3px #fffc;z-index:3}.sweet-lollipop-icon{width:14px;height:14px;fill:var(--sweet-pink)}.sweet-lollipop-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,105,180,.2) 0%,transparent 60%);pointer-events:none;border-radius:50%;animation:lollipop-pulse 2s ease-in-out infinite}@keyframes lollipop-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}:root{--sweet-pink: #FF69B4;--sweet-cyan: #40E0D0;--sweet-yellow: #FFD700;--sweet-red: #FF6B6B;--sweet-mint: #98D8C8;--sweet-lavender: #DDA0DD;--sweet-orange: #FFB347;--sweet-chocolate: #8B4513;--sweet-vanilla: #FFF8DC;--sweet-cream: #FFFDD0}.sweet-video-overlay{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000}.sweet-video-bubbles{display:flex;flex-direction:column;gap:10px}.sweet-video-preview{width:240px;height:180px;border-radius:30px 30px 20px 20px;overflow:visible;position:relative}.sweet-video-controls{display:flex;gap:10px;background:linear-gradient(145deg,#ffb6d9,#ff85c0,#ff69b4);padding:12px 16px;border-radius:30px;border:4px solid rgba(255,255,255,.7);box-shadow:0 0 30px #ff69b466,0 4px 16px #8b451333,inset 0 2px 4px #fff6,inset 0 -2px 4px #8b45131a;position:relative}.sweet-candy-corner{position:absolute;width:40px;height:40px;pointer-events:none}.sweet-candy-corner.top-left{top:-15px;left:-15px}.sweet-candy-corner.top-right{top:-15px;right:-15px;transform:scaleX(-1)}.sweet-candy-corner.bottom-left{bottom:-15px;left:-15px;transform:scaleY(-1)}.sweet-candy-corner.bottom-right{bottom:-15px;right:-15px;transform:scale(-1)}.sweet-lollipop-deco{fill:var(--sweet-pink);opacity:.8}.sweet-gummy-deco{fill:var(--sweet-cyan);opacity:.7}.sweet-gloss-shine{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:150px;height:80px;background:radial-gradient(ellipse at center top,rgba(255,255,255,.5) 0%,transparent 70%);pointer-events:none;border-radius:50%;animation:gloss-shimmer 3s ease-in-out infinite}@keyframes gloss-shimmer{0%,to{opacity:.6;transform:translate(-50%) scaleX(1)}50%{opacity:.9;transform:translate(-50%) scaleX(1.1)}}.sweet-candy-button{background:linear-gradient(145deg,var(--sweet-yellow) 0%,var(--sweet-orange) 100%);color:var(--sweet-chocolate);border:3px solid rgba(255,255,255,.8);border-radius:25px;padding:10px 20px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px 12px #8b451340,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b45131a;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.sweet-candy-button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.sweet-candy-button:hover:not(:disabled){transform:scale(1.08) translateY(-2px);box-shadow:0 6px 20px #ffb74780,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #8b45131a}.sweet-candy-button:active:not(:disabled){transform:scale(.95)}.sweet-candy-button:disabled{opacity:.5;cursor:not-allowed}.sweet-candy-button.active{background:linear-gradient(145deg,var(--sweet-mint) 0%,#7BC9B8 100%);border-color:#ffffffe6}.sweet-candy-button.muted{background:linear-gradient(145deg,var(--sweet-red) 0%,#E55A5A 100%)}.sweet-button-indicator{width:10px;height:10px;border-radius:50%;background:#8b45134d;border:2px solid rgba(139,69,19,.4);box-shadow:inset 0 1px 2px #0003}.sweet-candy-button.active .sweet-button-indicator{background:radial-gradient(circle,#fff 0%,var(--sweet-mint) 100%);box-shadow:0 0 8px #98d8c8cc,inset 0 1px 2px #fffc}.sweet-candy-button.muted .sweet-button-indicator{background:radial-gradient(circle,#fff 0%,var(--sweet-red) 100%);box-shadow:0 0 8px #ff6b6bcc,inset 0 1px 2px #fffc}.sa-timer{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-family:Space Mono,monospace;position:relative}.sa-timer__mission-label{font-size:.875rem;font-weight:700;letter-spacing:.15em;color:#ff6b35;text-shadow:0 0 8px rgba(255,107,53,.6)}.sa-timer__display{position:relative;padding:1rem 1.5rem;background:#0a0e1a;border:1px solid #1a2540;border-radius:4px;overflow:hidden}.sa-timer__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;animation:sa-scanlines 8s linear infinite}@keyframes sa-scanlines{0%{background-position:0 0}to{background-position:0 100px}}.sa-timer__digits{font-size:3rem;font-weight:700;color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.8),0 0 20px rgba(0,229,255,.4),0 0 40px rgba(0,229,255,.2);letter-spacing:.1em;animation:sa-flicker 3s ease-in-out infinite}@keyframes sa-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.sa-timer__progress-track{width:100%;max-width:280px;height:6px;background:#1a2540;border-radius:3px;overflow:hidden}.sa-timer__progress-bar{height:100%;background:linear-gradient(90deg,#ff6b35,#ffb347);box-shadow:0 0 8px #ff6b3599,0 0 16px #ff6b354d;border-radius:3px;transition:width .1s linear}.sa-timer--flash .sa-timer__display{animation:sa-flash .5s ease-out}@keyframes sa-flash{0%{background:#0a0e1a;box-shadow:none}20%{background:#ff6b354d;box-shadow:0 0 30px #ff6b3580}to{background:#0a0e1a;box-shadow:none}}.sa-timer-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.sa-timer-controls__status-light{width:12px;height:12px;border-radius:50%;background:#1a1a2e;border:1px solid #2a2a4a;display:flex;align-items:center;justify-content:center}.sa-timer-controls__status-glow{width:8px;height:8px;border-radius:50%;background:#333;transition:background .3s,box-shadow .3s}.sa-timer-controls__status-glow--active{background:#0f8;box-shadow:0 0 6px #0f8c,0 0 12px #00ff8880,0 0 20px #00ff884d;animation:sa-status-pulse 1.5s ease-in-out infinite}@keyframes sa-status-pulse{0%,to{box-shadow:0 0 6px #0f8c,0 0 12px #00ff8880,0 0 20px #00ff884d}50%{box-shadow:0 0 8px #0f8,0 0 16px #00ff88b3,0 0 28px #0f86}}.sa-timer-controls__buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.sa-timer-controls__btn{background:#151925;border:1px solid #FF6B35;border-radius:4px;padding:.625rem 1.25rem;cursor:pointer;position:relative;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #0a0e1a,0 0 8px #ff6b3533}.sa-timer-controls__btn:hover{box-shadow:0 4px #0a0e1a,0 0 12px #ff6b3566}.sa-timer-controls__btn:active{transform:translateY(3px);box-shadow:0 1px #0a0e1a,0 0 4px #ff6b354d}.sa-timer-controls__label{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#ff6b35;text-shadow:0 0 6px rgba(255,107,53,.6)}.sa-timer-controls__btn:hover .sa-timer-controls__label{text-shadow:0 0 10px rgba(255,107,53,.9)}.sa-timer-controls__break-label{font-family:Space Mono,monospace;font-size:.75rem;color:#7a8599;display:flex;align-items:center;gap:.5rem}.sa-timer-controls__break-input{background:#0a0e1a;border:1px solid #2a3a5a;border-radius:3px;padding:.25rem .5rem;font-family:Space Mono,monospace;font-size:.75rem;color:#00e5ff;width:50px;text-align:center}.sa-timer-controls__break-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 6px #ff6b354d}.space-mention-input{position:relative}.space-mention-suggestions-wrapper{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;z-index:20}.space-radar{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 70%);border:1px solid rgba(0,255,136,.2);overflow:hidden}.space-radar:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,rgba(0,255,136,.8),transparent);transform-origin:left center;animation:spaceRadarSweep 2s linear infinite}@keyframes spaceRadarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-mention-suggestions{position:relative;margin:0;padding:.5rem 0;list-style:none;background:#000f00f2;border:1px solid rgba(0,255,136,.4);border-radius:3px;box-shadow:0 0 20px #00ff884d,inset 0 0 10px #00ff881a;min-width:180px;z-index:21;animation:spaceSuggestionsAppear .3s ease-out}@keyframes spaceSuggestionsAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.space-mention-suggestions li{margin:0}.space-mention-suggestions button{width:100%;padding:.5rem 1rem;background:transparent;border:none;color:#0f8;font-family:Courier New,Courier,monospace;font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.space-mention-suggestions button:hover{background:#00ff8826;text-shadow:0 0 8px rgba(0,255,136,.8)}.space-suggestion-icon{color:#00ff8880;animation:spaceBlink 1s step-end infinite}@keyframes spaceBlink{0%,to{opacity:1}50%{opacity:0}}.space-input-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#001400cc;border:1px solid rgba(0,255,136,.3);border-radius:3px;box-shadow:inset 0 0 10px #00ff881a,0 0 5px #00ff881a;transition:all .3s ease}.space-input-container:focus-within{border-color:#0f89;box-shadow:inset 0 0 15px #00ff8826,0 0 10px #0f83}.space-prompt{color:#0f8;font-family:Courier New,Courier,monospace;font-weight:700;text-shadow:0 0 6px rgba(0,255,136,.6)}.space-text-input{flex:1;padding:.25rem 0;background:transparent;border:none;outline:none;font-family:Courier New,Courier,monospace;font-size:.9rem;color:#0f8;caret-color:transparent;text-shadow:0 0 4px rgba(0,255,136,.4)}.space-text-input::placeholder{color:#0f86;font-style:normal;letter-spacing:.1em}.space-input-cursor{width:8px;height:16px;background:#0f8;animation:spaceCursorBlink .8s step-end infinite;box-shadow:0 0 8px #0f8c}.space-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#00ff8826;border:1px solid rgba(0,255,136,.4);border-radius:3px;color:#0f8;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;transition:all .2s ease}.space-send-btn:hover:not(:disabled){background:#00ff8840;box-shadow:0 0 12px #0f86;transform:scale(1.05)}.space-send-btn:active:not(:disabled){transform:scale(.95)}.space-send-icon{text-shadow:0 0 6px rgba(0,255,136,.8)}.space-transmit-text{animation:spaceTransmit .3s ease-out;text-shadow:0 0 10px rgba(0,255,136,1)}@keyframes spaceTransmit{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.space-mention-input--transmitting .space-input-container{animation:spaceTransmitFlash .3s ease-out;border-color:#0f8;box-shadow:0 0 20px #00ff8880,inset 0 0 20px #0f83}@keyframes spaceTransmitFlash{0%{background:#00ff884d}to{background:#001400cc}}.space-message{position:relative;padding:.75rem 1rem;margin-bottom:.75rem;background:#00140099;border:1px solid rgba(0,255,136,.2);border-radius:2px;cursor:pointer;transition:all .3s ease;font-family:Courier New,Courier,monospace}.space-message:hover{background:#001e00b3;border-color:#0f86;box-shadow:0 0 10px #0f83,inset 0 0 10px #00ff880d}.space-message--complete{animation:spaceMessageAppear .4s ease-out}@keyframes spaceMessageAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.space-message-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,136,.1)}.space-message-username{font-weight:700;color:#0f8;font-size:.85rem;text-shadow:0 0 6px rgba(0,255,136,.6);letter-spacing:.05em}.space-message-time{font-size:.65rem;color:#0f89;letter-spacing:.1em;text-transform:uppercase}.space-message-content{line-height:1.5;color:#0d7;word-wrap:break-word;min-height:1.5em}.space-message-display{color:#0f8;text-shadow:0 0 4px rgba(0,255,136,.4)}.space-message-cursor{display:inline-block;color:#0f8;animation:spaceCursorBlink .6s step-end infinite;text-shadow:0 0 8px rgba(0,255,136,.8)}@keyframes spaceCursorBlink{0%,to{opacity:1}50%{opacity:0}}.space-mention{background:transparent;color:#0fc;padding:.1em .2em;border:1px solid rgba(0,255,136,.3);border-radius:2px;font-weight:700;animation:spaceMentionBlink .3s ease-in-out 2;text-shadow:0 0 8px rgba(0,255,136,.8)}@keyframes spaceMentionBlink{0%,to{opacity:1;background:#0f83}50%{opacity:.3;background:transparent}}.space-message-detailed{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,255,136,.15);animation:spaceDetailedExpand .3s ease-out}@keyframes spaceDetailedExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.space-message-reactions{display:flex;gap:.5rem;flex-wrap:wrap}.space-reaction-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:2px;cursor:pointer;font-size:.85rem;color:#0f8;transition:all .2s ease}.space-reaction-btn:hover{background:#0f83;box-shadow:0 0 8px #00ff884d;transform:scale(1.05)}.space-reaction-btn--reacted{background:#00ff8840;border-color:#00ff8880;box-shadow:0 0 6px #00ff884d}.space-reaction-count{font-size:.7rem;color:#0f8c;font-weight:700}.space-detailed-label{margin-top:.5rem;font-size:.6rem;color:#0f86;letter-spacing:.2em;text-align:right}.space-detailed-hint{margin-top:.5rem;font-size:.6rem;color:#00ff884d;letter-spacing:.15em;text-align:center;opacity:0;transition:opacity .3s ease}.space-message:hover .space-detailed-hint{opacity:1}.chat-error{padding:.5rem;margin-bottom:.5rem;background:#ff00001a;border:1px solid rgba(255,68,68,.3);border-radius:2px;color:#f44;font-size:.7rem}.space-chat{display:flex;flex-direction:column;height:100%;position:relative;background:#0a0f0a;border:1px solid #00ff88;box-shadow:0 0 10px #00ff884d,inset 0 0 30px #00ff880d;border-radius:4px;overflow:hidden;font-family:Courier New,Courier,monospace}.space-chat-scanlines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);z-index:10}.space-chat-corner-decoration{position:absolute;width:12px;height:12px;border-color:#0f8;border-style:solid;z-index:5}.space-chat-corner-decoration.top-left{top:4px;left:4px;border-width:2px 0 0 2px}.space-chat-corner-decoration.top-right{top:4px;right:4px;border-width:2px 2px 0 0}.space-chat-corner-decoration.bottom-left{bottom:4px;left:4px;border-width:0 0 2px 2px}.space-chat-corner-decoration.bottom-right{bottom:4px;right:4px;border-width:0 2px 2px 0}.space-chat-messages{flex:1;overflow-y:auto;padding:2rem 1.5rem 1.5rem;background:radial-gradient(ellipse at center,rgba(0,255,136,.03) 0%,transparent 70%)}.space-chat-messages::-webkit-scrollbar{width:8px}.space-chat-messages::-webkit-scrollbar-track{background:#00ff881a;border-radius:2px}.space-chat-messages::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:2px;border:1px solid rgba(0,255,136,.2)}.space-chat-messages::-webkit-scrollbar-thumb:hover{background:#00ff8880}.chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem}.space-chat-placeholder-text{color:#0f8;font-size:.9rem;letter-spacing:.15em;text-shadow:0 0 8px rgba(0,255,136,.8);animation:spaceBlink 1.5s ease-in-out infinite}.space-chat-placeholder-subtext{color:#00ff8880;font-size:.7rem;letter-spacing:.1em}@keyframes spaceBlink{0%,to{opacity:1}50%{opacity:.5}}.chat-error{padding:.5rem 1rem;margin:.5rem;background:#ff00001a;border:1px solid rgba(255,68,68,.4);border-radius:2px;color:#f44;font-size:.75rem;text-shadow:0 0 4px rgba(255,68,68,.5)}.chat-input{border-top:1px solid rgba(0,255,136,.3);background:#000f00cc;padding:1rem}.space-chat-robot{position:absolute;bottom:60px;right:10px;width:48px;height:48px;z-index:8;pointer-events:none;filter:drop-shadow(0 0 6px rgba(0,255,136,.5))}.sa-bubble{background:#0a0a1a;border:1px solid #1a2a3a;border-radius:4px;overflow:hidden;cursor:grab;display:flex;flex-direction:column;position:relative;box-shadow:0 0 30px #00d4ff1a,0 4px 20px #00000080,inset 0 0 60px #00d4ff08;transition:box-shadow .2s ease}.sa-bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,212,255,.05) 0%,transparent 50%,rgba(0,255,136,.03) 100%);pointer-events:none}.sa-bubble-dragging{cursor:grabbing;box-shadow:0 0 40px #00d4ff4d,0 8px 32px #0009}.sa-bubble-pinned{border-radius:0;cursor:default}.sa-bubble-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.sa-hud-corner{position:absolute;width:16px;height:16px;border-color:#00d4ff;border-style:solid;border-width:0;opacity:.8}.sa-hud-tl{top:6px;left:6px;border-top-width:2px;border-left-width:2px}.sa-hud-tr{top:6px;right:6px;border-top-width:2px;border-right-width:2px}.sa-hud-bl{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px}.sa-hud-br{bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px}.sa-camera-label{position:absolute;top:8px;left:24px;display:flex;align-items:center;gap:5px;z-index:11;background:#0a0a1acc;padding:3px 8px;border-radius:2px;border:1px solid rgba(0,212,255,.3)}.sa-camera-indicator{width:6px;height:6px;background:#f44;border-radius:50%;box-shadow:0 0 6px #f44;animation:sa-rec-blink 1s ease-in-out infinite}@keyframes sa-rec-blink{0%,to{opacity:1}50%{opacity:.3}}.sa-camera-text{font-family:Orbitron,sans-serif;font-size:8px;font-weight:500;letter-spacing:1px;color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.5)}.sa-signal-indicator{position:absolute;top:8px;right:30px;display:flex;align-items:flex-end;gap:2px;z-index:11;background:#0a0a1acc;padding:4px 6px;border-radius:2px;border:1px solid rgba(0,255,136,.3)}.sa-signal-bar{display:block;width:3px;background:#0f8;border-radius:1px}.sa-signal-1{height:4px}.sa-signal-2{height:7px}.sa-signal-3{height:10px}.sa-signal-4{height:13px}.sa-bubble-video{width:100%;height:100%;object-fit:cover}.sa-bubble-username{position:absolute;bottom:10px;left:10px;background:linear-gradient(135deg,#0a0a1af2,#1a1a2ef2);color:#00d4ff;padding:4px 10px;border-radius:3px;font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 10px #00d4ff33;z-index:11}.sa-bubble-muted{position:absolute;bottom:10px;right:10px;background:linear-gradient(135deg,#ff4444e6,#c83232e6);color:#fff;padding:3px 8px;border-radius:3px;font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;letter-spacing:1px;box-shadow:0 0 10px #ff444480;z-index:11}.sa-btn-pin{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#0a0a1ae6,#1a1a2ee6);border:1px solid rgba(0,212,255,.5);border-radius:3px;padding:4px 8px;font-family:Space Mono,monospace;font-size:8px;font-weight:700;letter-spacing:1px;color:#00d4ff;cursor:pointer;transition:all .15s ease;z-index:12;box-shadow:0 0 8px #00d4ff33}.sa-btn-pin:hover{background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff66}.sa-btn-pin:active{transform:scale(.95)}.sa-btn-unpin{background:linear-gradient(135deg,#00ff884d,#00c86433);border-color:#0f8;color:#0f8;box-shadow:0 0 12px #00ff884d}.sa-resize-handle{position:absolute;bottom:0;right:0;width:18px;height:18px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(0,212,255,.4) 50%);border-bottom-right-radius:3px;z-index:12}.sa-resize-handle:hover{background:linear-gradient(135deg,transparent 50%,rgba(0,212,255,.7) 50%)}.sa-audio-player{display:flex;flex-direction:column;background:#0a0a1a;border:1px solid #00d4ff;border-radius:4px;overflow:hidden;min-width:140px;box-shadow:0 0 20px #00d4ff26,inset 0 0 30px #00d4ff08}.sa-audio-header{display:flex;align-items:center;gap:6px;padding:5px 10px;background:linear-gradient(180deg,#00d4ff1f,#00d4ff0a);border-bottom:1px solid rgba(0,212,255,.25)}.sa-audio-indicator{width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 6px #0f8;animation:sa-audio-pulse 1.2s ease-in-out infinite}@keyframes sa-audio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sa-audio-label{font-family:Orbitron,sans-serif;font-size:8px;font-weight:500;letter-spacing:1px;color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.4)}.sa-audio-content{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px}.sa-waveform{display:flex;align-items:center;gap:3px;height:24px}.sa-wave-bar{display:block;width:3px;height:4px;background:#00d4ff4d;border-radius:1px}.sa-waveform-active .sa-wave-bar{background:linear-gradient(180deg,#00d4ff,#0f8);box-shadow:0 0 6px #00d4ff80;animation:sa-wave .8s ease-in-out infinite}.sa-waveform-active .sa-wave-bar:nth-child(1){animation-delay:0s}.sa-waveform-active .sa-wave-bar:nth-child(2){animation-delay:.1s}.sa-waveform-active .sa-wave-bar:nth-child(3){animation-delay:.2s}.sa-waveform-active .sa-wave-bar:nth-child(4){animation-delay:.3s}.sa-waveform-active .sa-wave-bar:nth-child(5){animation-delay:.15s}.sa-waveform-active .sa-wave-bar:nth-child(6){animation-delay:.25s}.sa-waveform-active .sa-wave-bar:nth-child(7){animation-delay:.05s}.sa-waveform-active .sa-wave-bar:nth-child(8){animation-delay:.35s}@keyframes sa-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.2)}}.sa-speaker-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;color:#00d4ff;transition:all .2s ease}.sa-speaker-active{background:#00ff8826;border-color:#00ff8880;color:#0f8;box-shadow:0 0 12px #00ff884d}.sa-video-overlay{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000}.sa-video-bubbles{display:flex;flex-direction:column;gap:10px}.sa-video-bubble-wrapper,.sa-peer-wrapper{overflow:visible}.sa-video-controls{display:flex;gap:8px}.sa-controls-panel{background:#0a0a1a;border:1px solid #00d4ff;border-radius:4px;overflow:hidden;box-shadow:0 0 20px #00d4ff33,inset 0 0 30px #00d4ff0d}.sa-panel-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(180deg,#00d4ff26,#00d4ff0d);border-bottom:1px solid rgba(0,212,255,.3)}.sa-panel-indicator{width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:sa-blink 1.5s ease-in-out infinite}@keyframes sa-blink{0%,to{opacity:1}50%{opacity:.4}}.sa-panel-title{font-family:Orbitron,sans-serif;font-size:10px;font-weight:500;letter-spacing:2px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.sa-panel-buttons{display:flex;gap:8px;padding:10px 12px}.sa-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid;border-radius:3px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s ease;text-transform:uppercase}.sa-btn-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.sa-btn-label{color:inherit}.sa-btn-power{background:linear-gradient(180deg,#1a1a2e,#0a0a1a);border-color:#0f8;color:#0f8;box-shadow:0 0 10px #0f83}.sa-btn-power:hover{background:linear-gradient(180deg,#0f83,#00ff881a);box-shadow:0 0 20px #0f86}.sa-btn-power.sa-btn-active{background:linear-gradient(180deg,#ff6b35,#cc5529);border-color:#ff6b35;color:#fff;box-shadow:0 0 15px #ff6b3580}.sa-btn-power.sa-btn-active:hover{box-shadow:0 0 25px #ff6b35b3}.sa-btn-mic{background:linear-gradient(180deg,#1a1a2e,#0a0a1a);border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.sa-btn-mic:hover:not(:disabled){background:linear-gradient(180deg,#00d4ff33,#00d4ff1a);box-shadow:0 0 20px #00d4ff66}.sa-btn-mic.sa-btn-muted{background:linear-gradient(180deg,#2e1a1a,#1a0a0a);border-color:#f44;color:#f44;box-shadow:0 0 10px #f443}.sa-btn-mic.sa-btn-muted:hover:not(:disabled){background:linear-gradient(180deg,#f443,#ff44441a);box-shadow:0 0 20px #f446}.sa-btn:disabled{opacity:.4;cursor:not-allowed}.sa-btn:active:not(:disabled){transform:scale(.97)}