@import"//fonts.googleapis.com/css?family=Engagement";:root{--primary-color: #3498db;--secondary-color: #2c3e50;--background-color: #f8f9fa;--text-color: #333;--light-gray: #e9ecef;--dark-gray: #6c757d;--border-radius: 4px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{margin:0;background-color:var(--background-color);color:var(--text-color);font-family:Arial,Helvetica Neue,BIZ UDPGothic,Meiryo,Hiragino Kaku Gothic Pro,sans-serif;line-height:1.7rem}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;margin-top:60px}button{border-radius:12px;border:2px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--primary-color);color:var(--primary-color);cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}h2,h3,h4{opacity:0;transform:translateY(20px)}h2{font-size:clamp(2rem,5vw,3.2em);line-height:1.1;text-align:center}h2.section-title{font-size:clamp(2rem,5vw,3.2em);line-height:1.1;text-align:center;margin-bottom:2rem;opacity:1;transform:none}h2 span{display:inline-block;opacity:0;animation:dropAnimation .8s cubic-bezier(.25,.46,.45,.94) forwards}h2 span:nth-child(1){animation-delay:.1s}h2 span:nth-child(2){animation-delay:.2s}h2 span:nth-child(3){animation-delay:.3s}h2 span:nth-child(4){animation-delay:.4s}h2 span:nth-child(5){animation-delay:.5s}h2 span:nth-child(6){animation-delay:.6s}h2 span:nth-child(7){animation-delay:.7s}h2 span:nth-child(8){animation-delay:.8s}h2 span:nth-child(9){animation-delay:.9s}h2 span:nth-child(10){animation-delay:1s}h3{font-size:clamp(1.2rem,3vw,1.5em);padding:.5rem 0;margin:0;line-height:1.2;animation:slideFadeIn 1s ease forwards;animation-delay:.4s}h4{font-size:clamp(1rem,2.5vw,1.2em);padding:.5rem 0;margin:0;color:var(--primary-color);line-height:1.2;animation:slideFadeIn 1s ease forwards;animation-delay:.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropAnimation{0%{opacity:0;transform:translateY(-100px) scaleX(1)}45%{opacity:1;transform:translateY(0) scaleX(1)}65%{transform:translateY(-20px) scaleX(.9)}85%{transform:translateY(0) scaleX(1.1)}to{transform:translateY(0) scaleX(1)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-50px)}60%{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drop-animation{display:inline-block;opacity:0;transform:translateY(-50px);animation:dropIn .8s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--char-index) * .1s)}.content{width:96vw;margin:0vh 2vw 0 2vw;padding:4vh 0 0;opacity:0;transform:translateY(30px);animation:fadeIn 1.2s ease forwards;animation-delay:.5s}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.title-container{color:#fff}.title{font-size:2.8rem;position:relative;z-index:1001;font-family:Engagement,sans-serif;text-align:center;margin:0;padding:1.5rem}.subtitle{font-size:1.5rem;opacity:.8;position:relative;z-index:1}@media(max-width:768px){.title{font-size:1.8rem}.subtitle{font-size:1rem}}.section-title{margin-bottom:3rem;color:var(--secondary-color);position:relative}.section-title:after{content:"";display:block;width:30vw;height:3px;background:var(--primary-color);margin:1rem auto;transform:scaleX(0);transform-origin:left;animation:lineExtend .8s ease forwards;animation-delay:1s}@keyframes lineExtend{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.footer{padding:2rem}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.blog-item{padding:20px;border:1px solid #ddd;border-radius:8px;transition:background-color .3s ease}.blog-item:hover{background-color:#f9f9f9}.blog-item h3{font-size:1.2em;margin-bottom:10px}.blog-item p{color:#666}.social-share{margin:1rem 0}.share-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.share-button{padding:.5rem 1rem;border-radius:4px;color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .3s}.share-button:hover{opacity:.8}.share-button.twitter{background-color:#1da1f2}.share-button.facebook{background-color:#1877f2}.share-button.line{background-color:#00b900}.share-button.linkedin{background-color:#0a66c2}.blog-footer-navigation{padding:2rem;background:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:center}.footer-nav-section{flex:1;padding:1rem;background:(var(--background-color))}.footer-nav-section h2{font-size:1.5rem;padding:0;margin:0;color:#333;opacity:1}.footer-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:2rem;max-width:90vw;width:100%;padding:0 1rem}@media(max-width:768px){.footer-nav-grid{grid-template-columns:1fr}}.footer-nav-section h3{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #3498db;padding-bottom:.5rem}.footer-nav-section ul{list-style:none;padding:0}.footer-nav-section li{margin-bottom:.5rem}.footer-nav-section a{color:#666;text-decoration:none;transition:color .3s}.footer-nav-section a:hover{color:#3498db}.tag-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.tag-button{padding:.25rem .75rem;background:#e9ecef;border-radius:15px;font-size:.9rem;color:#666;text-decoration:none;transition:all .3s}.tag-button:hover,.tag-button.active{background:#3498db;color:#fff}.copyright{font-size:1.4rem;padding:1rem}.site-map{margin-bottom:1.5rem;text-align:center}.site-map ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;padding:0;margin:0}.site-map a{color:#3498db;text-decoration:none;font-weight:700;transition:color .2s}.site-map a:hover{color:#217dbb}.site-map-list{list-style:none;padding:0;margin:2rem auto;max-width:400px}.site-map-list li{margin:1rem 0;font-size:1.1rem}.site-map-list a{color:#3498db;text-decoration:none;font-weight:700;transition:color .2s}.site-map-list a:hover{color:#217dbb}.site-map-desc{margin-left:.5em;color:#888;font-size:.95em}.navigation{flex-grow:1;display:flex;justify-content:flex-end}.tabs{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto}.tabs li{margin:0}.tabs li a{display:block;padding:1.5rem 2rem;text-decoration:none;color:var(--dark-gray);border-bottom:3px solid transparent;transition:all .3s ease,color .3s ease,border-bottom-color .3s ease}.tabs li.active a{color:var(--primary-color);border-bottom-color:var(--primary-color);transition:all .3s ease,color .3s ease,border-bottom-color .3s ease}.tabs li a:hover{color:var(--primary-color);text-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer}.hamburger-menu{display:none;background:none;border:none}@media(max-width:768px){.hamburger-menu{display:block;font-size:24px;cursor:pointer}.tabs{display:none;flex-direction:column;position:absolute;left:0;right:0;box-shadow:0 2px 4px #0000001a;background-color:var(--background-color)}.tabs.open{display:flex;justify-content:flex-end;background-color:var(--background-color)}.tabs li{margin:10px 0}.tabs li.active a{color:var(--primary-color);border-bottom-color:var(--primary-color);transition:all .3s ease,color .3s ease,border-bottom-color .3s ease}}.details-button{margin-top:1rem;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.project-details{margin:1.5rem 0;padding:.5rem 1rem;border:1px solid var(--light-gray);border-radius:8px;background-color:var(--background-color)}.project-details h4{color:#2c3e50;margin-bottom:1rem}.project-details dt{font-weight:700;margin-bottom:.5rem;color:var(--secondary-color)}.project-details dd{margin-left:0;margin-bottom:1.5rem}.project-info{margin-top:1rem;border-top:1px dotted rgb(0 0 0 / .3)}.career-details{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a}.details-header{margin-bottom:2rem;position:relative}.back-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem}.projects-list>div:first-child{margin-top:1rem}.projects-list{display:flex;flex-direction:column;gap:0rem;border-top:1px solid #eee;animation:slideDown .3s ease-out;transition:all .3s ease;position:relative;z-index:1}.timeline{position:relative;padding:2rem 0;margin:0}@keyframes lineGrow{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}.timeline:before{content:"";position:absolute;top:35px;bottom:0;left:14vw;width:3px;background:linear-gradient(to bottom,rgb(162 215 249),transparent);transform-origin:top;animation:lineGrow 1.5s ease-out forwards}.timeline-marker{position:absolute;left:calc(14vw - 8px);width:16px;height:16px;border-radius:50%;background:var(--primary-color);border:3px solid white;box-shadow:0 0 10px #0000004d;transition:all .3s ease;z-index:2}.timeline-item:hover .timeline-marker{transform:scale(1.3);border-color:#ffc400}.timeline-item{display:flex;align-items:flex-start;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .6s ease}.timeline-item-visible{opacity:1;transform:translateY(0)}.timeline-info{width:13vw;padding-right:2rem;flex-shrink:0;font-size:1.2rem}.timeline-content{flex-grow:1;background:#fff;border-radius:8px;padding:1.5rem;margin-left:2rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;max-height:auto;overflow:visible;margin-bottom:1rem}.timeline-content:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.timeline-content.expanded{background:#fff;scroll-margin-top:2rem;overflow-y:auto;z-index:2;margin:1rem 0;padding:2rem;box-shadow:0 4px 12px #0000001a}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.timeline-title{flex:1}.toggle-icon{font-size:1.5rem;font-weight:700;color:var(--primary-color);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f0f0;transition:all .3s ease}.toggle-icon:hover{background:var(--primary-color);color:#fff}.toggle-icon.open{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay,.modal-content,.modal-close{display:none}@media screen and (max-width:768px){.timeline-marker{display:none}.timeline:before{display:none;left:20px}.timeline-item{flex-direction:column}.timeline-info{width:100%;padding-right:0;margin-bottom:1rem}.timeline-content{margin-left:0;padding:1rem}.timeline-content.expanded{padding:1rem}.project-details{padding:1rem;margin:1rem 0}}.animation-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,#b0e2ff,#98d8f0 60%,#3498db);overflow:hidden;animation:skyAnimation 15s infinite}.animation-background:before,.animation-background:after{content:"";position:absolute;width:300vw;height:300vh;top:-150vh;left:-150vw;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M30,50 a20,20 0 0,1 40,0 a15,15 0 0,1 30,0 a10,10 0 0,1 20,0 q10,0 20,-5 t20,-5 t20,5 t20,5' /%3E%3C/svg%3E");background-size:40% 40%;opacity:.15;animation:cloudMove 120s linear infinite}.animation-background:after{opacity:.1;background-size:30% 30%;animation:cloudMove 80s linear infinite;animation-delay:-40s;top:-100vh}@keyframes cloudMove{0%{transform:translate(-33.33%) translateY(0)}to{transform:translate(33.33%) translateY(0)}}@keyframes skyAnimation{0%,to{background:linear-gradient(to bottom,#87ceeb,#b0e2ff,#98d8f0 60%,#3498db)}50%{background:linear-gradient(to bottom,#b0e2ff,#98d8f0,#3498db 60%,#2980b9)}}.slot-char{display:inline-block;opacity:0;transform:translateY(20px);margin:0 2px}.slot-char.visible,.subtitle-char.visible{animation:slotMachine .1s ease-out forwards}@keyframes slotMachine{0%{opacity:0;transform:translateY(20px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.hero-section{position:relative;height:100vh;width:100%;overflow:hidden;background:transparent}@media(max-width:768px){.hero-buttons{flex-direction:column;gap:2vh}}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.hero-nav{position:fixed;top:2rem;right:2rem;z-index:2}.hero-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem}.hero-nav button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8em 1.5em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hero-nav button:hover{background:#fff3;transform:translateY(-3px)}@media(max-width:768px){.hero-nav{bottom:2rem;top:auto;right:50%;transform:translate(50%)}.hero-nav ul{flex-wrap:wrap;justify-content:center}}.hero-buttons{display:flex;flex-direction:row;gap:2vw;justify-content:center;align-items:center;padding:0 1rem}@media(max-width:768px){.hero-buttons{flex-direction:column;gap:2vh}.animated-link{width:200px;text-align:center;font-size:1.2rem;padding:.8rem 1rem}}.animated-link{width:200px;text-align:center;font-size:1.2rem;padding:.8rem 1rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.animated-link:hover{transform:translateY(-3px);text-shadow:4px 4px 8px rgba(0,0,0,.5)}.animated-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#3498db;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.animated-link:hover:after{transform:scaleX(1);transform-origin:left}.hero-title,.hero-subtitle{font-family:Engagement,Times New Roman,serif;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:2rem;margin-bottom:1rem;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-title{font-size:10rem;font-weight:700;line-height:1.1;margin-bottom:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.hero-title{font-size:3.5rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.2rem;margin-bottom:.5rem}}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.download-button{background-color:var(--primary-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:999px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.download-button:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.download-button:active{transform:translateY(0);box-shadow:none}.skill-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.skill-category{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:3rem}.skill-category h3{color:var(--secondary-color);margin-bottom:1.5rem;border-bottom:1px solid var(--light-gray);padding-bottom:.5rem}.skill-item{margin-bottom:1.5rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:700}.skill-experience{color:var(--dark-gray)}.skill-bar{position:relative;background-color:#e0e0e0;border-radius:25px;overflow:hidden;height:20px;margin:10px 0}.skill-bar-fill{background-color:#76c7c0;height:100%;width:0;transition:width 1.5s ease-in-out}.skill-description{font-size:.85rem;color:var(--dark-gray);margin-top:.5rem}@media(max-width:768px){.skill-categories{grid-template-columns:1fr}}@media(max-width:480px){.section-header{flex-direction:column;align-items:flex-start}.download-button{width:100%;text-align:center}}.profile-card{background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;padding:2rem}.profile-heading{color:var(--primary-color);margin-bottom:1.5rem}.profile-item{margin-bottom:2rem}.profile-item h4{color:var(--secondary-color);border-left:3px solid var(--primary-color);padding-left:1rem}.pr-content{background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;padding:2rem}.pr-item{margin-bottom:2rem}.pr-item h3{color:var(--primary-color);margin-bottom:1rem}.social-links{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.social-links a{color:var(--primary-color);font-size:1.5rem;transition:transform .3s ease,color .3s ease}.social-links a:hover{transform:translateY(-3px);color:var(--secondary-color)}.blog-meta{margin:1rem 0}.blog-meta dl{display:grid;gap:3px;grid-template-columns:4rem 1fr}.blog-meta dl dt{font-weight:700;color:#333;font-size:1.1rem;margin-bottom:.5rem}.blog-meta time{color:#666}.tag{background:#eee;padding:.2rem .8rem;border-radius:4px;font-size:.9em;color:#666}.blog-item{padding:1.5rem;border:1px solid #eee;border-radius:8px;margin-bottom:1.5rem;transition:box-shadow .3s ease}.blog-item p{font-size:1.2rem;margin-bottom:.5rem;background-color:#f9f9f9;padding:1rem;border-radius:8px;color:#333;line-height:1.6;font-weight:400}.blog-item:hover{box-shadow:0 2px 15px #0000001a}.blog-item a{text-decoration:none;color:inherit}.blog-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.blog-filters h3{font-size:1.1rem;margin-bottom:.5rem}.blog-filters ul{list-style:none;padding:0;margin:0}.blog-filters li{margin-bottom:.5rem}.blog-filters a{color:#3498db;text-decoration:none}.blog-filters a:hover{text-decoration:underline}.archives ul{list-style:none;padding:0;margin:0}.archives li{margin-bottom:.5rem}.archives a{text-decoration:none;color:#666;transition:color .3s ease}.archives a:hover{color:#3498db}.categories,.tags{flex:1}.blog-navigation{margin-bottom:2rem}.back-to-list{display:inline-flex;align-items:center;padding:.5rem 1rem;color:#666;text-decoration:none;border:1px solid #ddd;border-radius:4px;transition:all .3s ease}.back-to-list:hover{background:#f5f5f5;color:#333}.tag-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-button{display:inline-block;padding:.3rem .8rem;background:#f0f0f0;color:#666;border-radius:20px;text-decoration:none;font-size:.9rem;transition:all .3s ease}.tag-button:hover{background:#e0e0e0;color:#333}.tag-button.active{background:#3498db;color:#fff}.blog-post{max-width:90vw;margin:0 auto;padding:2vw 1rem}.blog-post-header{margin-bottom:2rem}.blog-post-meta{color:#666;margin:1rem 0;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.category{background:#3498db;color:#fff;padding:.2rem .8rem;border-radius:4px}.tag{background:#eee;padding:.2rem .8rem;border-radius:4px;font-size:.9em}.blog-post-content{line-height:1.8}.blog-post-content strong{color:#2980b9}pre,code{font-family:Fira Code,monospace;font-size:15px;line-height:1.6;background-color:#2e3440;color:#d8dee9;padding:1em;border-radius:8px;overflow-x:auto;display:block}.keyword{color:#81a1c1}.string{color:#a3be8c}.comment{color:#616e88;font-style:italic}.function{color:#88c0d0}.blog-post-content h2{font-size:clamp(1.2rem,4vw,2.2em);line-height:1.1;text-align:left;color:#000;opacity:1}.workpage-hero{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#222;position:relative}.workpage-lead{margin:1.5rem auto 2.5rem;max-width:680px;text-align:center;color:#555;line-height:1.8}.workpage-cards-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start;padding:3rem 0}.workpage-card{background:#fff;border-radius:1.2rem;box-shadow:0 4px 24px #0000001a;overflow:hidden;width:32vw;min-width:320px;max-width:420px;display:flex;flex-direction:column;margin-bottom:2rem;transition:transform .2s,box-shadow .2s}.workpage-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 32px #0000002e}.workpage-card-link{display:block;color:inherit;text-decoration:none;height:100%}.workpage-card-image{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center}.workpage-card-placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#f5f5f5,#f5f5f5 12px,#e8e8e8 12px,#e8e8e8 24px);color:#999;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.workpage-card-content{padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.workpage-card-title{font-size:1.5rem;font-weight:700;color:#222;margin:0 0 .5rem}.workpage-card-desc{font-size:1rem;color:#444;white-space:pre-line}.workpage-card-link-label{font-size:.95rem;font-weight:600;color:#0d6efd;display:inline-flex;align-items:center;gap:.35rem}.workpage-card-link-label:after{content:"↗";font-size:.85rem}.workpage-card-url{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;flex-wrap:wrap}.workpage-card-url code{background:#f5f5f5;border-radius:.5rem;padding:.35rem .5rem;font-size:.95rem;color:#222;word-break:break-all}.workpage-copy-button{border:1px solid #0d6efd;background:#0d6efd;color:#fff;padding:.4rem .9rem;border-radius:999px;font-size:.9rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.workpage-copy-button:hover{background:#0b5ed7;border-color:#0b5ed7}.workpage-copy-button:disabled{background:#e6e6e6;border-color:#ccc;color:#666;cursor:not-allowed}.workpage-card-note{margin:0 1.5rem 1.5rem;font-size:.9rem;line-height:1.6;color:#666}@media(max-width:900px){.workpage-card{width:90vw;min-width:unset;max-width:unset}.workpage-cards-container{flex-direction:column;align-items:center}}