.np-dock{z-index:60;left:max(.625rem, env(safe-area-inset-left));right:max(.625rem, env(safe-area-inset-right));bottom:calc(var(--tabbar-total,0px) + env(safe-area-inset-bottom,0px) + 5.75rem);position:fixed}.np-sheet{max-height:min(34rem, calc(100dvh - var(--tabbar-total,0px) - env(safe-area-inset-bottom,0px) - 5.25rem));background:#fff;border:1px solid #0f3d361f;border-radius:1.25rem;flex-direction:column;animation:.62s cubic-bezier(.16,1,.3,1) both np-rise;display:flex;overflow:hidden;box-shadow:0 18px 50px #0f3d362e}.np-header{color:#fff;background:radial-gradient(90px 60px at 12% 0,#e7c27a52,#0000 70%),linear-gradient(145deg,#0f3d36 0%,#0f766e 62%,#115e59 100%);align-items:center;gap:.625rem;padding:.75rem .75rem .75rem .875rem;display:flex}.np-mark{flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative}.np-mark-face{background:#ffffff29;border-radius:.85rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative}.np-mark-face svg,.np-primary svg,.np-close svg{width:1.125rem;height:1.125rem}.np-mark-face svg{color:#e7c27a}.np-title{font-size:.9375rem;font-weight:650;line-height:1.2}.np-sub{color:#f0fdfae6;margin-top:.125rem;font-size:.75rem;line-height:1.35}.np-close{color:#ffffffdb;border-radius:.75rem;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.np-close:hover{background:#ffffff1a}.np-scroll{flex:auto;min-height:0;padding:.75rem;overflow:auto}.np-footer{background:#fff;border-top:1px solid #f5f5f4;flex:none;padding:.65rem .75rem .75rem}.np-section-choice{text-align:left;background:#fff;border:1px solid #e7e5e4;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:3rem;padding:.55rem .75rem;display:flex}.np-section-choice.is-on{background:#f0fdfa;border-color:#0f766e}.np-section-choice:disabled{opacity:.6}.np-section-choice-name{color:#1c1917;font-size:.875rem;font-weight:700;display:block}.np-section-choice-meta{color:#78716c;margin-top:.1rem;font-size:.75rem;display:block}.np-section-choice-mark{letter-spacing:.04em;text-transform:uppercase;color:#0f766e;font-size:.75rem;font-weight:800}.np-reasons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.np-reason{text-align:center;background:#fafaf9;border-radius:.8rem;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:.45rem .25rem;display:flex}.np-reason-icon{color:#0f766e;background:#f0fdfa;border-radius:.55rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;position:relative}.np-board{flex-direction:column;gap:.55rem;display:flex}.np-focus{gap:.3rem;display:flex}.np-focus button{color:#57534e;background:#fff;border:1px solid #e7e5e4;border-radius:999px;flex:1;min-height:2rem;padding:.2rem .4rem;font-size:.6875rem;font-weight:700}.np-focus button.is-on{color:#115e59;background:#f0fdfa;border-color:#0f766e}.np-section{flex-direction:column;gap:.3rem;display:flex}.np-section-label{letter-spacing:.06em;text-transform:uppercase;color:#a8a29e;margin:0;font-size:.625rem;font-weight:800}.np-empty{color:#57534e;background:#fafaf9;border-radius:.75rem;margin:0;padding:.6rem .7rem;font-size:.75rem}.np-reason.has-stamp .np-reason-detail,.np-reason.is-gated .np-reason-detail{display:block}.np-reason-detail.is-plan{color:#b45309;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.np-reason-detail.is-role{color:#9f1239;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.np-reason-detail.is-yours{color:#0f766e;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.np-reason-detail.is-branch{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.np-reason-icon svg{width:.95rem;height:.95rem}.np-reason-label{color:#1c1917;font-size:.6875rem;font-weight:650;line-height:1.25;display:block}.np-reason-detail{display:none}.np-reason.is-gated{opacity:.72}.np-reason.is-gated .np-reason-icon{color:#a8a29e;background:#f5f5f4}.np-reason.is-gated .np-reason-detail{letter-spacing:.04em;text-transform:uppercase;color:#b45309;margin-top:.1rem;font-size:.625rem;font-weight:700;display:block}.np-sound-block{flex-direction:column;gap:.3rem;min-width:0;display:flex;position:relative}.np-sound-label{letter-spacing:.04em;text-transform:uppercase;color:#78716c;font-size:.6875rem;font-weight:650}.np-tone-row{gap:.375rem;min-width:0;display:flex}.np-tone-trigger{text-align:left;background:#fff;border:1px solid #d6d3d1;border-radius:.85rem;flex:1;align-items:center;gap:.5rem;min-width:0;min-height:2.75rem;padding:.35rem .6rem;display:flex;box-shadow:inset 0 1px #ffffffb3}.np-tone-trigger.is-open,.np-tone-trigger:focus-visible{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e29}.np-tone-copy{flex:1;align-items:baseline;gap:.4rem;min-width:0;display:flex}.np-tone-name{color:#1c1917;font-size:.875rem;font-weight:650}.np-tone-detail{color:#78716c;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.np-tone-chevron{color:#0f766e;flex:none;width:1rem;height:1rem;transition:transform .16s}.np-tone-trigger.is-open .np-tone-chevron{transform:rotate(180deg)}.np-tone-play{color:#0f766e;background:#fafaf9;border:1px solid #d6d3d1;border-radius:.85rem;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.np-tone-play svg{width:1.05rem;height:1.05rem}.np-tone-play:hover,.np-tone-trigger:hover{border-color:#0f766e}.np-tone-backdrop{z-index:80;background:0 0;border:0;position:fixed;inset:0}.np-tone-menu{z-index:81;background:#fff;border:1px solid #0f3d3624;border-radius:.9rem;padding:.3rem;position:fixed;overflow:auto;box-shadow:0 16px 40px #0f3d3633}.np-tone-option{border-radius:.7rem;align-items:center;gap:.2rem;width:100%;padding:.15rem;display:flex}.np-tone-option-play{color:#0f766e;background:#f5f5f4;border:0;border-radius:.6rem;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.np-tone-option-play svg{width:1rem;height:1rem}.np-tone-option.is-playing .np-tone-option-play{background:#ccfbf1}.np-tone-option-choose{text-align:left;background:0 0;border:0;border-radius:.6rem;flex:1;align-items:center;gap:.5rem;min-width:0;min-height:2.5rem;padding:.2rem .35rem;display:flex}.np-tone-option.is-selected{background:#f0fdfa}.np-tone-option:hover,.np-tone-option:focus-visible{background:#f5f5f4}.np-tone-option.is-selected:hover,.np-tone-option.is-selected:focus-visible{background:#e6f7f4}.np-tone-option-name{color:#1c1917;font-size:.875rem;font-weight:650}.np-tone-option-detail{color:#78716c;flex:1;font-size:.75rem}.np-tone-option svg,.np-tone-check-slot{color:#0f766e;flex:none;width:.95rem;height:.95rem}.np-note{color:#78350f;background:#fffbeb;border-radius:.75rem;padding:.5rem .75rem;font-size:.8125rem}.np-actions{background:#fff;flex-direction:column;gap:.5rem;padding:.65rem 0 0;display:flex}.np-action-row{gap:.5rem;display:flex}.np-primary,.np-secondary{border-radius:.85rem;flex:1;justify-content:center;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .75rem;font-size:.875rem;font-weight:650;display:inline-flex}.np-primary{color:#fff;background:#0f766e}.np-primary:hover{background:#115e59}.np-primary:disabled{opacity:.6}.np-secondary{color:#44403c;background:#f5f5f4}.np-secondary:hover{background:#e7e5e4}.np-links{text-align:center;color:#78716c;margin:0;font-size:.75rem}.np-links a{color:#115e59;text-underline-offset:3px;font-weight:650}.np-links a:hover{text-decoration:underline}.np-spin{animation:.8s linear infinite np-spin}.np-bell{transform-origin:50% 8%;animation:1.15s cubic-bezier(.36,.07,.19,.97) .28s both np-swing}.np-ring{border:1px solid #e7c27a8c;border-radius:999px;animation:2.4s ease-out infinite np-ring;position:absolute;inset:0}.np-ring-delay{animation-delay:.8s}.np-row{animation:.48s both np-row}.np-row:first-child{animation-delay:.12s}.np-row:nth-child(2){animation-delay:.2s}.np-row:nth-child(3){animation-delay:.28s}.np-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.np-bars span{background:#c4a574;border-radius:999px;width:3px;height:3px;display:block}.np-tone-trigger .np-bars span,.np-tone-option.is-selected .np-bars span{background:#0f766e}.np-bars.is-playing span{animation:.7s ease-in-out infinite np-bar}.np-bars span:nth-child(2){animation-delay:80ms}.np-bars span:nth-child(3){animation-delay:.16s}.np-bars span:nth-child(4){animation-delay:.24s}.np-bars span:nth-child(5){animation-delay:.12s}.np-check{animation:.45s cubic-bezier(.16,1,.3,1) both np-check}@keyframes np-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes np-swing{0%{transform:rotate(0)}14%{transform:rotate(16deg)}28%{transform:rotate(-13deg)}42%{transform:rotate(9deg)}56%{transform:rotate(-5deg)}70%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes np-ring{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.55)}}@keyframes np-row{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes np-bar{0%,to{height:3px}50%{height:12px}}@keyframes np-check{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes np-spin{to{transform:rotate(360deg)}}@media (width<=639px){.np-tone-trigger .np-tone-detail{display:none}}@media (width<=399px){.np-dock{left:max(.375rem, env(safe-area-inset-left));right:max(.375rem, env(safe-area-inset-right))}.np-reason-label{font-size:.625rem}.np-primary,.np-secondary{padding-inline:.4rem;font-size:.8125rem}}@media (width>=640px){.np-header{gap:.75rem;padding:1rem}.np-mark,.np-mark-face{width:2.75rem;height:2.75rem}.np-title{font-size:1rem}.np-sub{font-size:.8125rem}.np-scroll{padding:1rem}.np-footer{padding:.75rem 1rem 1rem}.np-reason-detail{display:block}.np-reason{padding:.5rem .35rem}.np-reason-icon{width:2rem;height:2rem}.np-reason-label{font-size:.875rem}.np-reason-detail{color:#78716c;font-size:.75rem;display:block}.np-footer .np-actions{margin:0;padding:.65rem 0 0}}@media (width>=768px){.np-dock{width:26rem;left:auto;right:max(1.5rem, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom,0px) + 6.25rem)}}@media (height<=640px){.np-header{padding-block:.5rem}.np-sub{display:none}}@media (prefers-reduced-motion:reduce){.np-sheet,.np-bell,.np-ring,.np-row,.np-bars.is-playing span,.np-check,.np-spin{animation:none}}
