.copylist-container{display:flex;gap:20px;align-items:flex-start}.copylist-sidebar{display:flex;flex-direction:column;gap:8px;padding:20px 15px;background:#f8f9fa;border-radius:8px;position:sticky;top:70px;width:240px;flex-shrink:0;box-shadow:0 2px 4px #0000001a;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden}.copylist-sidebar:before{content:"カテゴリ";display:block;font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 5px}.copylist-category-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;text-decoration:none;color:#495057;font-size:14px;transition:all .2s ease;white-space:normal;box-sizing:border-box}.copylist-category-link:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.copylist-category-link.active{background:var(--accent);color:#fff!important;border-color:var(--accent)}.copylist-category-link.active span{color:#fff!important}.copylist-category-icon{font-size:18px;flex-shrink:0}.copylist-main{flex:1;min-width:0}.copylist-search-section{margin-bottom:20px;position:sticky;top:70px;z-index:10;padding:15px 0}.copylist-search-input{width:100%;padding:12px 20px;font-size:16px;border:1px solid #ccc;border-radius:25px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.copylist-search-input:focus{border-color:var(--accent)}.copylist-section{margin-bottom:50px;scroll-margin-top:150px}.copylist-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px 0;border-bottom:2px solid #e9ecef}.copylist-section-icon{font-size:32px}.copylist-section-title{font-size:24px;font-weight:700;color:#333}.copylist-section-cta{margin-left:auto;font-size:13px;color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0}.copylist-section-cta:hover{text-decoration:underline}.copylist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.copylist-wide .copylist-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.copylist-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.copylist-item:hover{background:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.copylist-char{font-size:32px;line-height:1.3;display:block;margin-bottom:8px;word-break:keep-all;overflow-wrap:anywhere}.copylist-wide .copylist-char{font-size:18px}.copylist-name{font-size:11px;color:#666;word-break:break-all;line-height:1.2}.copylist-detail-link{position:absolute;top:4px;right:6px;font-size:12px;color:#adb5bd;text-decoration:none;opacity:0;transition:opacity .15s ease;line-height:1;padding:2px}.copylist-item:hover .copylist-detail-link{opacity:1}.copylist-detail-link:hover{color:var(--accent)}@media (hover: none){.copylist-detail-link{opacity:.5}}.copylist-item.copied{background:#d4edda;border-color:#28a745}.copylist-item.copied:after{content:"コピー済み";position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;animation:copylistFadeInOut 2s ease;z-index:5}@keyframes copylistFadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.copylist-no-results{text-align:center;padding:40px;color:#666;display:none}.copylist-count{display:inline-block;margin-top:8px;font-size:.82rem;color:#94a3b8}.copylist-recent .copylist-section-header{border-bottom-color:#ffe0b2}.copylist-recent-clear{margin-left:auto;font-size:12px;color:#adb5bd;background:none;border:1px solid #e9ecef;border-radius:6px;padding:3px 10px;cursor:pointer}.copylist-recent-clear:hover{color:var(--accent);border-color:var(--accent)}.copylist-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#1e293b;color:#fff;padding:12px 22px;border-radius:10px;font-size:.92rem;box-shadow:0 8px 24px #00000040;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000}.copylist-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1024px){.copylist-container{flex-direction:column}.copylist-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap;max-height:none;overflow-y:visible}.copylist-category-link{width:auto;padding:8px 16px;border-radius:20px}.copylist-search-section{position:static}.copylist-section{scroll-margin-top:20px}}@media (max-width: 480px){.copylist-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.copylist-wide .copylist-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.copylist-char{font-size:28px}.copylist-wide .copylist-char{font-size:15px}}