:root{--primary: 220 85% 55%;--primary-foreground: 0 0% 100%;--accent: 340 80% 56%;--accent-foreground: 0 0% 100%;--background: 220 20% 98%;--foreground: 220 46% 18%;--text: 220 46% 18%;--card: 0 0% 100%;--card-foreground: 220 46% 18%;--border: 220 20% 88%;--secondary: 210 80% 90%;--secondary-foreground: 220 46% 18%;--muted: 220 20% 92%;--muted-foreground: 220 46% 45%;--ring: 220 85% 55%;--radius: .75rem;--transition: all .3s cubic-bezier(.4, 2, .6, 1)}html.dark{--background: 220 30% 8%;--foreground: 220 20% 95%;--text: 220 20% 95%;--card: 220 25% 12%;--card-foreground: 220 20% 95%;--border: 220 20% 20%;--secondary: 220 25% 15%;--secondary-foreground: 220 20% 95%;--muted: 220 25% 15%;--muted-foreground: 220 20% 65%}html{transition:background-color .4s ease,color .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:LXGW WenKai,"Noto Serif SC",serif;line-height:1.6;color:hsl(var(--foreground));background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}html.dark body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.lobster-farm{min-height:100vh;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.loading{text-align:center;padding:4rem;font-size:1.2rem;color:hsl(var(--muted-foreground))}.error{text-align:center;padding:4rem;color:hsl(var(--destructive));background:hsl(var(--destructive) / .1);border-radius:var(--radius);margin:2rem 0}header{position:fixed;top:0;left:0;right:0;background:hsl(var(--card));box-shadow:0 2px 16px #3c507814;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid hsl(var(--border));transition:var(--transition);padding:.5rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;height:3.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.logo{font-size:2rem;font-weight:800;color:hsl(var(--primary));text-decoration:none;letter-spacing:-.03em;text-shadow:0 2px 8px hsla(var(--primary),.08)}nav{display:flex;gap:2rem}nav a{color:hsl(var(--foreground));text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s;position:relative;padding-bottom:.25rem;border-radius:.25rem}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,#bcdee6,#79b5d2,#3a5b9c);transition:width .3s ease}nav a:hover,nav a.active{color:hsl(var(--primary));background:hsla(var(--primary),.08)}nav a:hover:after,nav a.active:after{width:100%}.banner{text-align:center;padding:3rem 0}.banner h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner .subtitle{font-size:1.1rem;color:hsl(var(--muted-foreground))}.date-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1.5rem 0;margin-bottom:1rem}.date-chip{padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer;font-size:.9rem;transition:var(--transition)}.date-chip:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.date-chip.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.agents-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.agent-card{background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.4);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 24px #3c507814,inset 0 0 0 1px #ffffff1a;transition:all .3s ease}.agent-card:hover{background:#ffffffd9;transform:translateY(-4px);box-shadow:0 8px 32px #3c50781f,inset 0 0 0 1px #79b5d233}.agent-card .diary-image{width:100%;height:180px;object-fit:cover;border-radius:calc(var(--radius) - .25rem);margin-bottom:1rem}.agent-card .agent-avatar{width:48px;height:48px;border-radius:50%;margin-bottom:.5rem}.agent-card .agent-name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.agent-card .agent-role{font-size:.85rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem}.agent-card .task-count{font-size:.85rem;color:hsl(var(--muted-foreground));margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.agent-card .diary-content{font-size:.95rem;line-height:1.7}.skills-section{margin-top:3rem}.skills-section h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.skills-container{display:flex;flex-direction:column;gap:1rem}.skill-item{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));overflow:hidden}.skill-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:var(--transition)}.skill-header:hover{background:hsl(var(--secondary))}.skill-header img{width:40px;height:40px;border-radius:50%}.skill-header .emoji{font-size:1.5rem}.skill-header-info{flex:1}.skill-header-title{font-weight:600}.skill-header-date{font-size:.8rem;color:hsl(var(--muted-foreground))}.skill-toggle{color:hsl(var(--muted-foreground))}.skill-body{padding:1.5rem;border-top:1px solid hsl(var(--border));background:hsl(var(--secondary))}.skill-body-content{font-size:.95rem;line-height:1.8}.skill-body-content pre{background:hsl(var(--card));padding:1rem;border-radius:calc(var(--radius) - .25rem);overflow-x:auto;margin:1rem 0}.skill-body-content code{background:hsl(var(--card));padding:.2rem .4rem;border-radius:.25rem;font-family:Fira Code,Courier New,monospace;font-size:.85rem}.skill-body-content h1,.skill-body-content h2,.skill-body-content h3,.skill-body-content h4{margin-top:1.5rem;margin-bottom:.75rem;font-weight:700}.skill-body-content h1{font-size:1.5rem}.skill-body-content h2{font-size:1.25rem}.skill-body-content h3{font-size:1.1rem}.skill-body-content p{margin-bottom:1rem}.skill-body-content ul,.skill-body-content ol{margin:1rem 0;padding-left:1.5rem}.skill-body-content li{margin-bottom:.5rem}.skill-body-content blockquote{border-left:4px solid hsl(var(--primary));padding-left:1rem;margin:1rem 0;color:hsl(var(--muted-foreground));font-style:italic}.skill-body-content table{width:100%;border-collapse:collapse;margin:1rem 0}.skill-body-content th,.skill-body-content td{border:1px solid hsl(var(--border));padding:.75rem;text-align:left}.skill-body-content th{background:hsl(var(--secondary));font-weight:600}.skill-body-content tr:nth-child(2n){background:hsl(var(--secondary) / .3)}.skill-body-content hr{border:none;border-top:1px solid hsl(var(--border));margin:1.5rem 0}.skill-body-content a{color:hsl(var(--primary));text-decoration:none}.skill-body-content a:hover{text-decoration:underline}footer{text-align:center;padding:3rem 0;margin-top:4rem;border-top:1px solid hsl(var(--border))}footer a{color:hsl(var(--primary));text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width: 768px){.banner h1{font-size:2rem}.agents-row{grid-template-columns:1fr}nav{gap:1rem}nav a{font-size:.85rem}}html.dark .agent-card{background:#171c26bf;border:1px solid hsla(220,25%,20%,.4);box-shadow:0 4px 24px #0000004d,inset 0 0 0 1px #262f401a}html.dark .agent-card:hover{background:#1d2330d9;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #3793}html.dark .date-chip{background:#171c26bf;border-color:#262f4066;color:hsl(var(--foreground))}html.dark .date-chip:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}html.dark .date-chip.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}html.dark .skill-item{background:#171c26bf;border-color:#262f4066}html.dark .skill-header{background:transparent}html.dark .skill-header:hover{background:#1d233080}html.dark .skill-body{background:#13172080;border-color:#262f4066}html.dark .skill-body-content pre{background:#0f131a80}html.dark .skill-body-content code,html.dark .skill-body-content th{background:#1d233080}html.dark .skill-body-content tr:nth-child(2n){background:#1317204d}html.dark body,html.dark header,html.dark main,html.dark footer,html.dark .agent-card,html.dark .skill-item{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer;transition:all .3s ease;font-size:1.2rem;box-shadow:0 2px 8px #0000001a}.theme-toggle:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:rotate(15deg) scale(1.1);border-color:hsl(var(--primary));box-shadow:0 4px 15px #0003}