.annotated-root .app-shell{min-height:100vh;display:flex}.annotated-root .app-main{flex-direction:column;flex:1;min-width:0;display:flex}.annotated-root .app-content{flex:1;min-width:0}.annotated-root .card{box-shadow:var(--shadow-sm);transition:box-shadow var(--duration) var(--ease);background:#fff;border-radius:12px}.annotated-root .card:hover{box-shadow:var(--shadow-md)}.annotated-root .toast{background:var(--graphite-900);color:#fff;font-family:var(--font-sans);z-index:200;box-shadow:var(--shadow-lg);animation:annotated-toast-in .32s var(--ease);border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes annotated-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes annotated-toast-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes annotated-toast-out{0%{opacity:1}to{opacity:0}}@media (max-width:1024px){.annotated-root .app-shell{flex-direction:column}.annotated-root .app-shell>aside{display:none}.annotated-root .app-main{width:100%}}@media (max-width:768px){.annotated-root .app-shell{flex-direction:column}.annotated-root .app-shell>aside{display:none}.annotated-root .mobile-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-subtle);padding:8px 0 env(safe-area-inset-bottom,8px);z-index:50;background:#f4efe6f2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.annotated-root .mobile-tabs button{color:var(--graphite-600);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:10px;display:flex}.annotated-root .mobile-tabs button.active{color:var(--red-pencil)}}.annotated-root .feed-card-animate{opacity:0;animation:feed-card-in .4s var(--ease) forwards;transform:translateY(12px)}@keyframes feed-card-in{to{opacity:1;transform:translateY(0)}}.annotated-root .heart-pulse{animation:heart-pulse .3s var(--ease)}@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.annotated-root .margin-slide-in{opacity:0;animation:margin-in .4s var(--ease) forwards;transform:translate(20px)}@keyframes margin-in{to{opacity:1;transform:translate(0)}}.annotated-root .page-fade{animation:page-fade .2s var(--ease)}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@media (min-width:769px){.annotated-root .mobile-tabs{display:none}}[data-theme=dark] .annotated-root .card{background:var(--bg-raised)}[data-theme=dark] .annotated-root .app-shell>aside{background:var(--paper-50);border-right-color:var(--border-subtle)}[data-theme=dark] .annotated-root .mobile-tabs{border-top-color:var(--border-subtle);background:#1a1815f2}[data-theme=dark] .annotated-root input,[data-theme=dark] .annotated-root textarea,[data-theme=dark] .annotated-root select{background:var(--paper-200);color:var(--fg);border-color:var(--border)}[data-theme=dark] .annotated-root input::placeholder,[data-theme=dark] .annotated-root textarea::placeholder{color:var(--fg-tertiary)}