.obrity{position:relative;aspect-ratio:1 / 1.05;background:var(--n-950);border-radius:var(--r-xl);padding:24px;box-shadow:var(--s-xl);color:var(--n-0);overflow:hidden}.obrity:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--p-500),transparent)}.ob-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ob-bar .dots{display:flex;gap:6px}.ob-bar .dots span{width:10px;height:10px;border-radius:50%;background:#ffffff26}.ob-bar .dots span:first-child{background:#ff5f56}.ob-bar .dots span:nth-child(2){background:#ffbd2e}.ob-bar .dots span:nth-child(3){background:#27c93f}.ob-bar .url{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:#ffffff0d;padding:6px 14px;border-radius:var(--r-full)}.ob-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ob-head h4{color:var(--text-on-inverse);font-size:18px;margin:0 0 4px}.ob-head .meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.ob-badge{padding:4px 10px;background:#22c55e26;color:var(--p-300);border-radius:var(--r-full);font-size:11px;font-weight:600;display:inline-flex;gap:6px;align-items:center;flex-shrink:0}.ob-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--p-500);box-shadow:0 0 0 3px #22c55e4d;animation:pulse 2s infinite}.ob-prog{background:#ffffff0a;border-radius:var(--r-md);padding:16px;margin-bottom:14px;border:1px solid rgba(255,255,255,.06)}.ob-prog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ob-prog-head span:first-child{font-size:12px;color:var(--text-on-inverse-muted)}.ob-prog-head span:last-child{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--p-300)}.ob-bar2{height:6px;background:#ffffff0f;border-radius:var(--r-full);overflow:hidden}.ob-bar2>div,.ob-bar2-fill{height:100%;background:linear-gradient(90deg,var(--p-500),var(--p-300));border-radius:var(--r-full)}.ob-bar2-fill{width:0;transition:width 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--ob-delay, .38s)}.obrity.reveal-blur.in .ob-bar2-fill{width:var(--ob-w, 82%)}.obrity.obrity--static .ob-bar2-fill,.provider-obrity .obrity .ob-bar2-fill{width:var(--ob-w, 82%);transition:none}.obrity .ob-stagger{opacity:0;transform:translateY(12px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:var(--ob-delay, 0ms)}.obrity.reveal-blur.in .ob-stagger{opacity:1;transform:none}.obrity.obrity--static .ob-stagger{opacity:1;transform:none;transition:none}.ob-list{display:flex;flex-direction:column;gap:8px}.ob-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.05);font-size:12px}.ob-item .check{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;border-radius:4px}.ob-item.done .check{background:var(--p-600);color:var(--n-0);border-radius:4px}.ob-item.now .check{background:var(--p-500);color:var(--n-0);position:relative;overflow:visible}.ob-item.now .check:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bg-surface);box-shadow:0 0 8px #ffffff80}.ob-item.now .check:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;border-right-color:var(--p-500);animation:spin .9s linear infinite}.ob-item.todo .check{background:#ffffff14}.ob-item span{color:var(--text-on-inverse-muted);flex:1;min-width:0}.ob-item.done span{color:var(--n-0);text-decoration:line-through;opacity:.6}.ob-item time{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;flex-shrink:0}.ob-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.ob-photo{aspect-ratio:1;border-radius:var(--r-sm);background:linear-gradient(135deg,#6a5141,#3a2e25);position:relative;overflow:hidden}.ob-photo:nth-child(2){background:linear-gradient(135deg,#b8b2a7,#4a4640)}.ob-photo:nth-child(3){background:linear-gradient(135deg,#8aa098,#3d5046)}.ob-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 50%),linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3))}.ob-photo .time{position:absolute;bottom:4px;left:4px;right:4px;font-family:var(--font-mono);font-size:9px;color:var(--n-0);text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}@media (prefers-reduced-motion: reduce){.obrity .ob-stagger{opacity:1!important;transform:none!important;transition:none!important}.obrity .ob-bar2-fill{width:var(--ob-w, 82%)!important;transition:none!important}.ob-item.now .check:after{animation:none}}