.pk-page{padding-bottom:24px}.pk-section{margin:18px 12px 0}.pk-section-title{font-size:13px;font-weight:700;color:var(--text-muted);margin:0 0 10px;padding-left:4px;letter-spacing:-.005em}.pk-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.pk-tool-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;aspect-ratio:1 / 1;padding:12px 4px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background .15s,transform .1s;position:relative;text-align:center}.pk-tool-card:hover:not(:disabled),.pk-tool-card:focus-visible{background:var(--bg-card-hover)}.pk-tool-card:active:not(:disabled){transform:scale(.96)}.pk-tool-card--disabled{cursor:not-allowed;opacity:.55}.pk-tool-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);flex-shrink:0}.my-tool-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--bg-card-hover);border:1px solid var(--border);color:var(--text);margin-bottom:6px}.pk-tool-label{font-size:12.5px;font-weight:500;color:var(--text);line-height:1.2;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pk-tool-soon{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;padding:2px 5px;border-radius:999px;background:var(--text-dim);color:var(--bg-card);letter-spacing:.02em}@media(max-width:360px){.pk-section{margin:18px 8px 0}.pk-tool-icon-wrap{width:42px;height:42px;border-radius:12px}.pk-tool-label{font-size:11.5px}.pk-tool-card{padding:10px 2px;gap:6px}}@media(min-width:768px){.pk-section{max-width:720px;margin-left:auto;margin-right:auto}}.attendance-mini{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 12px 0;padding:18px 18px 18px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:left;width:calc(100% - 24px);font-family:inherit;position:relative;overflow:hidden}.attendance-mini:hover,.attendance-mini:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--text-dim)}.attendance-mini:active{transform:translateY(0)}.attendance-mini:disabled{cursor:default;opacity:.6}.attendance-mini-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.attendance-mini-title{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.015em;line-height:1.2}.attendance-mini-sub{font-size:13px;color:var(--text-muted);line-height:1.45}.attendance-mini-streak{color:var(--green);font-weight:800}.attendance-mini-illust{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 22%,transparent),color-mix(in srgb,var(--info) 18%,transparent));color:var(--green);flex-shrink:0;transition:transform .3s,background .2s,box-shadow .2s}.attendance-mini:hover .attendance-mini-illust{transform:rotate(-4deg) scale(1.04)}.attendance-mini.is-done .attendance-mini-illust{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 26%,transparent),color-mix(in srgb,var(--gold) 14%,transparent));color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 14%,transparent)}.attendance-mini-sparkle{position:absolute;top:-5px;right:-5px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px color-mix(in srgb,var(--gold) 50%,transparent);animation:sparkle-pulse 1.6s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(max-width:360px){.attendance-mini{margin:14px 8px 0;padding:14px 14px 14px 18px;width:calc(100% - 16px)}.attendance-mini-title{font-size:15.5px}.attendance-mini-sub{font-size:12px}.attendance-mini-illust{width:54px;height:54px;border-radius:16px}}