.notification-bell{position:relative;background:transparent;padding:8px 12px;cursor:pointer;display:flex;align-items:center}.notification-badge{position:absolute;top:-4px;right:-4px;background:#d84315;color:#fff;padding:2px 6px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.notification-icon{font-size:20px;display:inline-block;transform-origin:top center}.notification-bell:hover .notification-icon{animation:bell-swing .75s cubic-bezier(.36,0,.66,-.56)}@keyframes bell-swing{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(9deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(3deg)}60%{transform:rotate(-1deg)}70%,to{transform:rotate(0)}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-accent)}.header-title{font-size:1.75rem;margin:0;font-family:Righteous,sans-serif}.notification-toggle{font-size:1.5rem;padding:8px 16px;background:transparent;min-height:auto}.notification-toggle:hover{background:var(--color-accent)}.notification-item{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);width:100%;text-align:left}.notification-item.unread{background:#fff;border-width:2px}.notification-item.read{background:#fff;opacity:.7}.notification-item:hover,.notification-item:focus{border-color:var(--color-accent);outline:none;opacity:1}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@view-transition{navigation: auto;}::view-transition-old(root){animation:slide-out .3s ease-out}::view-transition-new(root){animation:slide-in .3s ease-out}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--color-bg: #faf8f5;--color-bg-secondary: #f5f5f5;--color-text: #3e2723;--color-text-light: #6d4c41;--color-border: #d7ccc8;--color-idle: #9e9e9e;--color-running: #ff6f00;--color-done: #66bb6a;--color-accent: #d84315;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #ef5350;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--radius: 12px;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;padding:var(--spacing-md);min-height:100vh}#app{max-width:600px;margin:0 auto}h1{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md)}h2{font-size:1.5rem;font-weight:500;margin-bottom:var(--spacing-sm)}button{font-family:inherit;font-size:1rem;padding:12px 24px;border:none;border-radius:var(--radius);background:var(--color-accent);color:#fff;cursor:pointer;transition:opacity var(--transition);min-height:48px}button:hover{opacity:.9}button:active{opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}.error{background:#ef5350;color:#fff;padding:var(--spacing-sm);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.garage-opening{animation:garage-lift .6s ease-in-out}@keyframes garage-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shake{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.vibrate{animation:vibrate .5s ease-in-out infinite}@keyframes vibrate{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-2deg)}50%{transform:translate(2px,1px) rotate(2deg)}75%{transform:translate(-1px,2px) rotate(-1deg)}}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}dialog::backdrop{background:#00000080}@media (max-width: 480px){dialog{max-width:95%;width:95%;padding:var(--spacing-md)}}.home-grid{display:grid;grid-template-columns:repeat(2,1fr)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width: 768px){:root{--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px}body{padding:var(--spacing-sm)}.section-content{grid-template-columns:1fr}}@media (max-width: 480px){.home-grid,.filter-grid{grid-template-columns:1fr}}.profile-button{padding:4px 12px 4px 4px}@media (max-width: 768px){.hide-on-mobile{display:none}.profile-button{padding:4px}}.mention{background-color:#d84315;color:#fff;padding:2px 6px;border-radius:6px;font-weight:500;white-space:nowrap;cursor:default}.tippy-box{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;padding:4px;min-width:200px;max-height:300px;overflow-y:auto}.mention-list{display:flex;flex-direction:column;gap:2px}.mention-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:8px;background:#fff;color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--transition);width:100%;min-height:auto}.mention-item:hover,.mention-item.is-selected{background:var(--color-bg-secondary)}.mention-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mention-item-name{font-weight:500;font-size:14px;color:var(--color-text)}.mention-item-email{font-size:12px;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.markdown-content h1{font-size:1.5rem;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-text)}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{font-size:1.25rem;font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.markdown-content h3{font-size:1.125rem;font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text)}.markdown-content p{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--color-text)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}.markdown-content li{margin-bottom:8px;line-height:1.6}.markdown-content strong{font-weight:600;color:var(--color-text)}.markdown-content em{font-style:italic}.markdown-content code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;color:var(--color-accent)}.markdown-content pre{background:var(--color-bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius);overflow-x:auto;margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.markdown-content pre code{background:none;padding:0;color:var(--color-text)}.markdown-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-sm);margin:var(--spacing-md) 0;color:var(--color-text-light);font-style:italic}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.markdown-content a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition)}.markdown-content a:hover{opacity:.8}