:root{--card-primary:#3b82f6;--card-primary-dark:#2563eb;--card-primary-darker:#1e40af;--card-primary-light:#60a5fa;--card-primary-lighter:#93bbfc;--card-bg-gradient:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,251,255,.88) 25%,rgba(240,247,255,.85) 50%,rgba(232,243,255,.88) 75%,hsla(0,0%,100%,.95));--card-bg-hover:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,252,255,.92) 25%,rgba(243,248,255,.9) 50%,rgba(236,245,255,.92) 75%,hsla(0,0%,100%,.98));--card-text:#475569;--card-text-light:#94a3b8;--card-padding:32px;--card-radius:24px;--section-gap:20px;--card-transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);--card-transition-fast:all 0.3s ease;--card-shadow:0 0 0 0.5px hsla(0,0%,100%,.9),0 0 0 1px rgba(59,130,246,.12),0 2px 4px rgba(59,130,246,.08),0 8px 16px rgba(30,58,138,.12),0 20px 40px rgba(30,58,138,.15),0 40px 80px rgba(30,58,138,.18),inset 0 2px 4px hsla(0,0%,100%,.98),inset 0 -1px 2px rgba(59,130,246,.08);--card-shadow-hover:0 0 0 0.5px hsla(0,0%,100%,.95),0 0 0 1.5px rgba(59,130,246,.18),0 4px 8px rgba(59,130,246,.12),0 12px 24px rgba(30,58,138,.16),0 30px 60px rgba(30,58,138,.2),0 60px 120px rgba(30,58,138,.25),inset 0 3px 6px #fff,inset 0 -2px 4px rgba(59,130,246,.12)}.medical-record-animation{box-sizing:border-box;display:flex;justify-content:center;margin-top:50px;padding:0 20px;perspective:1200px;position:relative;width:100%}.medical-record-animation:after{background:radial-gradient(ellipse at center,rgba(59,130,246,.25) 0,rgba(59,130,246,.1) 40%,transparent 70%);bottom:-30px;content:"";filter:blur(25px);height:30px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .6s ease;width:450px;z-index:-1}.medical-record-animation:hover:after{opacity:.8}.record-card{backdrop-filter:blur(40px) saturate(1.5) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.5) brightness(1.05);background:var(--card-bg-gradient),linear-gradient(125deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.2) 40%,hsla(0,0%,100%,.1) 100%);background-blend-mode:overlay,normal;border:none;border-radius:var(--card-radius);box-shadow:var(--card-shadow);max-width:480px;overflow:hidden;padding:var(--card-padding);position:relative;transform-style:preserve-3d;transition:var(--card-transition);width:100%;will-change:transform}.record-card:before{background:radial-gradient(ellipse at 30% 0,hsla(0,0%,100%,.5) 0,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(59,130,246,.1) 0,transparent 50%),linear-gradient(180deg,hsla(0,0%,100%,.2),transparent 50%,rgba(59,130,246,.05));inset:0;z-index:1}.record-card:after,.record-card:before{content:"";mix-blend-mode:overlay;pointer-events:none;position:absolute}.record-card:after{background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.7) 45%,hsla(0,0%,100%,.5) 50%,transparent 60%);inset:-100%;transform:rotate(45deg) translateY(100%);transition:transform .8s cubic-bezier(.4,0,.2,1);z-index:2}.record-card:hover{background:var(--card-bg-hover),linear-gradient(125deg,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.15) 100%);background-blend-mode:overlay,normal;box-shadow:var(--card-shadow-hover);transform:rotateX(-8deg) rotateY(5deg) translateZ(30px) scale(1.03)}.record-card:hover:after{transform:rotate(45deg) translateY(-100%)}.record-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;position:relative;z-index:2}.record-header:after{background:linear-gradient(90deg,transparent,rgba(59,130,246,.15) 10%,rgba(59,130,246,.15) 90%,transparent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.record-title{background:linear-gradient(135deg,var(--card-primary-darker) 0,var(--card-primary-dark) 50%,var(--card-primary) 100%);-webkit-background-clip:text;font-size:17px;font-weight:600;-webkit-text-fill-color:transparent;animation:shimmerText 3s ease-in-out infinite;background-clip:text;background-size:200% 200%;font-family:Noto Sans JP,sans-serif;letter-spacing:.03em}.record-date,.record-title{position:relative;z-index:2}.record-date{color:var(--card-text-light);font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em}.record-content{display:flex;flex-direction:column;gap:var(--section-gap);position:relative;z-index:2}.record-section{align-items:flex-start;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);background:linear-gradient(135deg,hsla(0,0%,100%,.4),rgba(248,250,255,.2));border:none;border-radius:12px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.6),inset 0 -1px 1px rgba(59,130,246,.05),0 2px 4px rgba(0,0,0,.04);display:flex;gap:16px;padding:14px;position:relative;transition:var(--card-transition-fast)}.record-section:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.5),rgba(250,252,255,.3));box-shadow:inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -1px 2px rgba(59,130,246,.08),0 4px 8px rgba(59,130,246,.15),0 8px 16px rgba(30,58,138,.1);transform:translateX(4px) translateY(-2px)}.section-label{align-items:center;background:linear-gradient(145deg,rgba(96,165,250,.9),rgba(59,130,246,.95) 45%,rgba(37,99,235,.95) 50%,rgba(30,64,175,.9)),linear-gradient(180deg,hsla(0,0%,100%,.2) 0,transparent 50%,rgba(0,0,0,.1));background-blend-mode:normal,overlay;border-radius:10px;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.4),inset 0 -2px 4px rgba(30,58,138,.4),inset 0 0 0 1px hsla(0,0%,100%,.1),0 4px 8px rgba(59,130,246,.3),0 8px 16px rgba(30,58,138,.2);color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700;height:32px;justify-content:center;overflow:hidden;position:relative;text-shadow:0 1px 2px rgba(30,58,138,.4),0 0 4px hsla(0,0%,100%,.2);transition:var(--card-transition-fast);width:32px}.section-label:before{background:linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.2) 50%,transparent);border-radius:10px 10px 0 0;content:"";height:45%;left:0;mix-blend-mode:overlay;pointer-events:none;position:absolute;right:0;top:0}.typing-text{flex:1;font-family:Noto Sans JP,sans-serif;font-size:13px;letter-spacing:.02em;line-height:1.7;position:relative}.typing-text:after{color:var(--card-text);content:attr(data-text);display:block;font-weight:400}@keyframes shimmerText{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(10px)}}body.is-scrolling .record-card,body.is-scrolling .record-section,body.is-scrolling .section-label{animation-play-state:paused!important;transition:none!important}@media (max-width:1024px){:root{--card-padding:28px 24px}.medical-record-animation{margin-top:50px;padding:0 20px}.record-card{max-width:500px}}@media (max-width:768px){:root{--card-padding:24px 20px;--card-radius:20px;--section-gap:20px}.medical-record-animation{margin-top:40px;padding:0 16px;perspective:none}.record-card{margin:0 auto;max-width:calc(100% - 32px);transform:none!important}.record-card:hover{box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.01),0 8px 16px rgba(0,0,0,.02),0 16px 32px rgba(0,0,0,.03);transform:none!important}.record-header{margin-bottom:24px;padding-bottom:20px}.record-section{border-radius:12px;gap:16px;padding:12px}.record-section:hover{transform:translateX(2px)}.section-label{border-radius:8px;font-size:13px;height:32px;width:32px}.typing-text{font-size:13px;line-height:1.7}}@media (max-width:480px){:root{--card-padding:20px 16px;--card-radius:16px;--section-gap:16px}.medical-record-animation{margin-top:30px;padding:0 12px}.record-card{max-width:calc(100% - 24px)}.record-header{margin-bottom:20px;padding-bottom:16px}.record-title{font-size:16px}.record-date{font-size:11px}.record-section{border-radius:10px;gap:14px;padding:10px}.section-label{border-radius:6px;font-size:12px;font-weight:600;height:28px;width:28px}.typing-text{font-size:12px;line-height:1.6}}@media (max-width:360px){:root{--card-padding:16px 14px;--section-gap:16px}.medical-record-animation{margin-top:24px;padding:0 8px}.record-card{max-width:calc(100% - 16px)}.record-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:16px;padding-bottom:14px}.record-title{font-size:15px}.record-section{align-items:flex-start;flex-direction:column;gap:8px;padding:8px}.section-label{border-radius:4px;padding:4px 10px;width:auto}}@media (hover:none) and (pointer:coarse){.record-card{transform:none!important}.record-card:after{display:none}.record-section{padding:14px;-webkit-tap-highlight-color:rgba(59,130,246,.1);touch-action:manipulation}.record-section:active{background:linear-gradient(135deg,rgba(248,250,255,.9),rgba(240,247,255,.6))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.record-card:after{display:none}}