.pack-home{color:#0d274a;background:#faf7ec;min-height:100dvh;font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif}.pack-home-shell{width:min(100% - 32px,448px);margin:0 auto;padding:24px 0 56px}.pack-home-header{border-bottom:4px solid #0d274a2e;margin-bottom:24px;padding-bottom:18px}.pack-home-header h1{letter-spacing:.06em;margin:0;font-size:21px;font-weight:800}.pack-home .pack-create-button,.pack-create-dialog .pack-create-button{color:#fffdf5;background:#0d274a;border:2px solid #0d274a;border-radius:7px;gap:10px;min-height:56px;font-size:16px;font-weight:800}.pack-home .pack-create-button{width:100%}.pack-home .pack-create-button svg{color:#ed9b54}.pack-create-button-placeholder{justify-content:center;align-items:center;width:100%;display:flex}.pack-create-plus{color:#ed9b54;font-size:25px;font-weight:500;line-height:1}.pack-home-tabs{width:100%}.pack-home-tab-list{background:#fffdf5;border:2px solid #0d274a;border-radius:9px;grid-template-columns:1fr 1fr;width:100%;height:50px;margin-bottom:12px;padding:4px;display:grid}.pack-home-tab{color:#64748b;border-radius:6px;min-height:38px;font-size:16px;font-weight:800}.pack-home-tab[data-state=active]{color:#fffdf5;box-shadow:none;background:#0d274a}.pack-home-tab-placeholder-active{color:#fffdf5;background:#0d274a;justify-content:center;align-items:center;display:flex}.pack-home-tab-list>span:not(.pack-home-tab-placeholder-active){justify-content:center;align-items:center;display:flex}.pack-home-tab-content{margin-top:0}.pack-home-list{gap:20px;margin-top:12px;display:grid}.pack-home-card{color:#0d274a;align-items:stretch;gap:12px;min-height:108px;font-size:17px;font-weight:800;line-height:1.6;text-decoration:none;display:flex}.pack-home-card svg{flex:none}.pack-home-card-link{min-width:0;color:inherit;flex:1;align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.pack-share-actions{color:#0d274a;flex:none;grid-template-rows:1fr 1fr;width:64px;min-height:108px;display:grid;overflow:hidden}.pack-home .pack-card-menu{color:#0d274a;background:#fffdf5;border:2px solid #0d274a;border-radius:9px;flex:none;width:52px;min-height:108px;box-shadow:4px 4px #0d274a}.pack-home .pack-share-action{width:100%;height:100%;min-height:52px;color:inherit;border-radius:0}.pack-home .pack-share-open{border-bottom:1px solid #0d274a6b}.pack-home .pack-share-copy{border-top:1px solid #0d274a6b}.pack-home-card-link,.pack-share-actions{background:#fffdf5;border:2px solid #0d274a;border-radius:9px;transition:transform .12s,box-shadow .12s;box-shadow:4px 4px #0d274a}.pack-home-card-link:hover,.pack-home .pack-share-action:hover{background:#fff0de}.pack-home-card-link:active{transform:translate(2px,2px);box-shadow:2px 2px #0d274a}.pack-home .pack-share-action:active{transform:translateY(2px);box-shadow:inset 0 3px #0d274a33}.pack-home-card-link:focus-visible,.pack-home .pack-share-action:focus-visible{outline-offset:-4px;outline:3px solid #ed9b54}.pack-home-card span{overflow-wrap:anywhere;min-width:0}.pack-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.pack-tool-row{min-width:0;position:relative}.pack-tool-card{color:#0d274a;background:#fffdf5;border:2px solid #0d274a;border-radius:8px;align-items:center;width:100%;min-width:0;min-height:62px;padding:10px 44px 10px 12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #0d274a}.pack-home .pack-tool-menu{z-index:1;width:36px;height:auto;box-shadow:none;color:#0d274a;background:0 0;border:0;border-radius:6px;position:absolute;top:3px;bottom:3px;right:3px}.pack-home .pack-tool-menu:hover{background:#ffe6c8}.pack-tool-card:hover{background:#fff0de}.pack-tool-card:active{transform:translate(2px,2px);box-shadow:1px 1px #0d274a}.pack-tool-card:focus-visible{outline-offset:3px;outline:3px solid #ed9b54}.pack-tool-copy{gap:2px;min-width:0;display:grid}.pack-tool-copy strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.pack-tool-copy small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.pack-home-empty{color:#64748b;text-align:center}.pack-home-skeleton-list{gap:20px;display:grid}.pack-home-skeleton-row{align-items:stretch;gap:12px;min-height:108px;display:flex}.pack-home-skeleton-card,.pack-home-skeleton-share,.pack-home-skeleton-menu,.pack-tool-skeleton-card{background:#fffdf5;border:2px solid #0d274a73;border-radius:9px;box-shadow:4px 4px #0d274a73}.pack-home-skeleton-card{flex:1;align-items:center;gap:16px;padding:20px;display:flex}.pack-home-skeleton-share{width:64px}.pack-home-skeleton-menu{width:52px}.pack-home-skeleton-icon{background:#0d274a1f;border-radius:7px;width:28px;height:28px}.pack-home-skeleton-line,.pack-tool-skeleton-line,.pack-tool-skeleton-subline{background:#0d274a1f;border-radius:999px;display:block}.pack-home-skeleton-line{width:min(58%,180px);height:17px}.pack-tool-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pack-tool-list>.pack-tool-skeleton-grid{grid-column:1/-1}.pack-tool-skeleton-card{align-content:center;gap:7px;min-height:62px;padding:10px 44px 10px 12px;display:grid;box-shadow:3px 3px #0d274a73}.pack-tool-skeleton-line{width:72%;height:13px}.pack-tool-skeleton-subline{width:48%;height:10px}.pack-create-dialog{color:#0d274a;background:#fffdf5;border:2px solid #0d274a;border-radius:9px}@media (width<=380px){.pack-home-card-link{gap:10px;padding:16px}.pack-share-actions{width:56px}.pack-home .pack-card-menu{width:46px}.pack-tool-list{gap:10px}.pack-tool-card{min-height:58px;padding:9px 38px 9px 12px}.pack-home .pack-tool-menu{width:32px}.pack-tool-copy strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.pack-home-card-link,.pack-share-actions,.pack-tool-card{transition:none}}