.clipboard-page{min-height:100dvh;padding:0 0 calc(80px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--text)}.clipboard-hero{text-align:center;padding:48px 0 32px}.clipboard-title{letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.clipboard-subtitle{color:var(--text-soft);max-width:480px;margin:0 auto 32px;font-size:1rem}.clipboard-basket-group{margin-bottom:20px}.clipboard-section-label{letter-spacing:.11em;text-transform:uppercase;color:var(--text-soft);margin:0 0 10px;font-size:.7rem;font-weight:600;line-height:1.25;display:block}.clipboard-basket{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px;min-height:72px;margin-bottom:0;padding:18px 20px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.clipboard-basket--empty{justify-content:center;align-items:center;min-height:88px}[data-theme=dark] .clipboard-basket{box-shadow:0 1px 4px #0006}.clipboard-empty-hint{color:var(--text-soft);text-align:center;max-width:26rem;margin:0 auto;font-size:.9rem;line-height:1.45}.basket-pill{background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:9999px;align-items:center;gap:7px;padding:8px 14px;font-size:1.25rem;line-height:1;transition:background .18s,border-color .18s,transform .15s;display:inline-flex;position:relative}.basket-pill:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.basket-pill:active{transform:translateY(0)}[data-theme=dark] .basket-pill:hover{background:#ef44441f;border-color:#f8717173}.basket-pill-remove{color:var(--text-soft);opacity:.85;margin-left:0;font-size:.68rem;line-height:1}.clipboard-preview-group{margin-bottom:28px}.clipboard-preview{background:var(--surface-hover);border:1px solid var(--border);letter-spacing:.06em;word-break:break-all;box-sizing:border-box;border-radius:14px;align-items:center;min-height:3.5rem;padding:1rem 1.25rem;font-size:clamp(1.2rem,3.8vw,1.45rem);line-height:1.75;display:flex;box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .clipboard-preview{box-shadow:inset 0 2px 14px #00000061}.clipboard-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.clipboard-action-ghost{cursor:pointer;min-height:44px;color:var(--text-soft);border:1px solid var(--border);box-sizing:border-box;background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.clipboard-action-ghost:hover:not(:disabled){color:var(--text);background:#0000000f}.clipboard-action-ghost:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .clipboard-action-ghost:hover:not(:disabled){background:#ffffff14}.clipboard-copy-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:13px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}[data-theme=dark] .clipboard-copy-btn{color:#fff;background:#2563eb}[data-theme=dark] .clipboard-copy-btn:hover{opacity:1;background:#1d4ed8;box-shadow:0 8px 24px -6px #2563eb73}.clipboard-copy-btn:hover{opacity:.88}.clipboard-copy-btn.copied{color:#fff;background:#22c55e}.clipboard-clear-btn{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;background:var(--surface);border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:13px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.clipboard-clear-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.clipboard-search-wrap{margin-bottom:20px}.clipboard-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,5.5rem),1fr));gap:10px;width:100%;min-width:0;display:grid}.clipboard-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:12px;flex-direction:column;align-items:stretch;min-width:0;max-width:100%;padding:16px clamp(6px,2vw,8px) 12px;transition:all .18s;display:flex}.clipboard-card:hover{border-color:#4285f4;transform:translateY(-3px);box-shadow:0 6px 16px -4px #4285f433}.clipboard-card.in-basket{background:#22c55e0d;border-color:#22c55e}.clipboard-card-emoji{align-self:center;margin-bottom:6px;font-size:2rem}.clipboard-card-name{color:var(--text-soft);text-align:left;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;width:100%;font-size:.65rem;font-weight:500;overflow:hidden}.clipboard-page .category-tabs-container{margin-top:4px;margin-bottom:20px}@media (max-width:1024px){.clipboard-clear-btn{box-sizing:border-box;flex:100%;width:100%;max-width:100%}}@media (max-width:768px){.clipboard-hero{padding:36px 0 28px}.clipboard-subtitle{margin-bottom:28px}.clipboard-basket:not(.clipboard-basket--empty){--basket-chip-gap:8px;gap:var(--basket-chip-gap)}.clipboard-basket:not(.clipboard-basket--empty) .basket-pill{min-width:calc((100% - 3 * var(--basket-chip-gap)) / 4);box-sizing:border-box;flex:1 1 0;justify-content:center;max-width:100%}}@media (max-width:480px){.clipboard-hero{padding:28px 0 22px}.clipboard-basket-group{margin-bottom:16px}.clipboard-section-label{letter-spacing:.1em;margin-bottom:8px;font-size:.65rem}.clipboard-basket{border-radius:12px;gap:8px;padding:14px 16px}.clipboard-basket--empty{min-height:76px}.basket-pill{padding:7px 12px;font-size:1.15rem}.clipboard-preview-group{margin-bottom:22px}.clipboard-preview{border-radius:12px;min-height:3rem;padding:.875rem 1rem;font-size:1.12rem;line-height:1.65}.clipboard-actions{gap:8px;margin-bottom:24px}.clipboard-copy-btn{gap:6px;min-width:0;min-height:40px;padding:10px 14px;font-size:.82rem}.clipboard-copy-btn svg{flex-shrink:0;width:15px;height:15px}.clipboard-action-ghost{gap:5px;min-height:40px;padding:8px 12px;font-size:.78rem}.clipboard-action-ghost svg{flex-shrink:0;width:14px;height:14px}.clipboard-clear-btn{min-height:40px;padding:10px 14px;font-size:.8rem}.clipboard-clear-btn svg{flex-shrink:0;width:14px;height:14px}.clipboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.clipboard-card{padding:12px 6px 10px}.clipboard-card-emoji{font-size:1.8rem}}