.ip{position:relative;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;width:100%;max-width:560px;margin:18px auto 6px;padding:14px 14px 12px;border-radius:18px;text-align:left;font-family:var(--font-body,"Barlow",sans-serif);color:#fff4e4;background:linear-gradient(135deg,rgba(255,210,63,.14),rgba(255,122,89,.1));border:1px solid rgba(255,210,63,.38);animation:ip-in .35s ease-out both}.ip-icon{flex:none;width:48px;height:48px;border-radius:12px;box-shadow:0 3px 0 rgba(0,0,0,.3)}.ip-text{flex:1 1 210px;display:grid;grid-gap:2px;gap:2px;min-width:0}.ip-text>b{font-family:var(--font-display,"Lilita One",sans-serif);font-weight:400;font-size:1.12rem;letter-spacing:.01em;color:#ffd23f;line-height:1.15}.ip-text span{font-size:.92rem;line-height:1.35;color:rgba(255,244,228,.86)}.ip-text span b{color:#fff4e4}.ip-share{display:inline-block;vertical-align:-3px;margin:0 1px;color:#5fb6ff}.ip-actions{flex:0 0 auto;margin-left:auto;display:flex;gap:8px;justify-content:flex-end}.ip-add,.ip-later{font:inherit;font-weight:800;min-height:44px;padding:8px 18px;border-radius:12px;cursor:pointer;touch-action:manipulation}.ip-add{border:0;background:#ffd23f;color:#140f2e;box-shadow:0 4px 0 #c9960f;font-family:var(--font-display,"Lilita One",sans-serif);font-weight:400;font-size:1.05rem;letter-spacing:.02em}.ip-add:active{transform:translateY(2px);box-shadow:0 2px 0 #c9960f}.ip-later{border:1px solid rgba(255,244,228,.28);background:transparent;color:rgba(255,244,228,.86)}.ip-later:hover{background:rgba(255,255,255,.06)}.ip-add:focus-visible,.ip-later:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}@keyframes ip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ip{animation:none}}