:root{--color-gold:#a58822;--color-gold-soft:#fcefc8;--color-gold-line:#ddcea9;--color-text:#6e6e6e;--color-heading:#555656;--color-page:#f7f7f7;--color-beige:#ebe5d5;--color-card:#fff;--dashboard-inline-padding:clamp(16px, 6.933vw, 26px);--shadow-card:0 1px 6px #5f4f2a24;--shadow-card-gold:1px 2px 0 #a588226b, 0 1px 6px #5f4f2a1f;--footer-height:76px;--footer-safe-height:calc(var(--footer-height) + env(safe-area-inset-bottom));color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e9e5df;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,-apple-system,BlinkMacSystemFont,Yu Gothic,YuGothic,Meiryo,sans-serif;font-size:17px}*{box-sizing:border-box}html,body,#root{min-height:100svh}html{overscroll-behavior-y:none}body{overscroll-behavior-y:none;min-width:320px;margin:0}body.is-line-client,body.is-line-client #root{height:100svh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.phone-frame{background:var(--color-page);width:min(100%,430px);min-height:100svh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #0000000a}body.is-line-client .phone-frame{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100svh;min-height:0;overflow-y:auto}.header-logo{z-index:2;background:#fff;place-items:center;height:68px;display:grid;position:relative}.brand-logo{width:clamp(144px,45vw,169px);height:auto;display:block}.dashboard-page{background:var(--color-page);padding-bottom:0}.dashboard-page--state{min-height:calc(100svh - 68px);padding:28px var(--dashboard-inline-padding) calc(var(--footer-safe-height) + 28px);align-items:center;display:grid}.dashboard-state-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #cdb5725c;border-radius:16px;padding:24px 20px}.dashboard-state-card h1{color:var(--color-heading);text-align:center;font-size:20px}.dashboard-state-card .button{margin-top:18px}.reservation-area{padding:17px var(--dashboard-inline-padding) 10px;background:var(--color-beige);z-index:1;position:relative}.reservation-area:after{background:var(--color-beige);content:"";border-radius:0 0 50% 50%/0 0 100% 100%;height:58px;position:absolute;bottom:-28px;left:-12%;right:-12%}.reservation-area>*{z-index:1;position:relative}.content-area{padding:24px var(--dashboard-inline-padding) 0}.content-area--courses{margin-top:0;padding-top:53px;padding-bottom:22px;position:relative}.content-area--cards{padding-top:31px;padding-bottom:calc(var(--footer-safe-height) + 31px);background:#fff}.section-title{width:fit-content;color:var(--color-heading);letter-spacing:.02em;justify-content:center;align-items:center;margin:0 auto 16px;padding:0 4px;font-size:21px;font-weight:700;line-height:24px;display:flex;position:relative}.section-title:after{z-index:0;background:var(--color-gold-line);content:"";height:6px;position:absolute;bottom:-1px;left:0;right:0}.section-title>span{z-index:1;position:relative}.section-title__icon{width:30px;height:24px;color:var(--color-gold-line);place-items:center;margin-right:5px;font-size:21px;line-height:1;display:inline-grid}.section-title__icon img{width:auto;max-width:30px;height:auto;max-height:26px;display:block}.appointment-card,.course-card,.linked-clinic-card{background:var(--color-card);box-shadow:var(--shadow-card);border:1px solid #ddcea9b8;border-radius:10px}.appointment-card{min-height:130px;box-shadow:var(--shadow-card-gold);border:0;padding:15px 18px 16px}.appointment-card__date{color:var(--color-heading);text-align:center;margin:0;font-size:18px;line-height:24px}.appointment-card__clinic-row{border-top:1px solid var(--color-gold);border-bottom:1px solid var(--color-gold);grid-template-columns:1fr auto;align-items:center;min-height:40px;margin-top:7px;display:grid;position:relative}.appointment-card__clinic{color:var(--color-heading);text-align:center;grid-column:1/-1;margin:0;padding:5px 64px;font-size:18px;font-weight:700;line-height:24px}.map-pill{min-width:58px;height:25px;color:var(--color-gold);background:var(--color-gold-soft);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:inline-flex;position:absolute;right:0}.appointment-card__items{color:var(--color-text);gap:0;margin:10px 0 0;padding:0;font-size:14px;font-weight:400;line-height:20px;list-style:none;display:grid}.appointment-card__items li{padding-left:23px;position:relative}.appointment-card__items li+li{margin-top:6px}.appointment-card__items li:before{background:var(--color-gold);content:"";border-radius:1px;width:10px;height:10px;position:absolute;top:5px;left:6px;transform:rotate(45deg)}.appointment-card--empty{align-content:center;justify-items:center;gap:27px;min-height:202px;padding:31px 18px 30px;display:grid}.appointment-card--empty p{color:var(--color-heading);margin:0;font-size:16px;font-weight:700}.web-reserve-button{color:#fff;background:var(--color-gold);border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:267px;min-height:46px;margin-top:0;font-size:16px;font-weight:700;display:inline-flex}.course-list{gap:10px;display:grid}.course-card{min-height:96px;box-shadow:var(--shadow-card-gold);border:0;padding:10px 19px 11px}.course-card__clinic,.course-card__name{margin:0}.course-card__clinic{color:var(--color-text);font-size:16px;font-weight:700;line-height:22px}.course-card__name{color:var(--color-text);margin-top:6px;padding-left:22px;font-size:14px;font-weight:400;line-height:20px;position:relative}.course-card__name:before{background:var(--color-gold);content:"";border-radius:1px;width:10px;height:10px;position:absolute;top:5px;left:5px;transform:rotate(45deg)}.course-card__meta{color:var(--color-gold);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-left:22px;font-size:14px;font-weight:400;line-height:20px;display:flex}.remaining-pill{min-width:73px;height:22px;color:var(--color-gold);background:var(--color-gold-soft);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0 12px;display:inline-flex}.remaining-pill__label,.course-card__expires-label{color:#606060}.course-card__expires{white-space:nowrap}.clinic-card-list{gap:10px;display:grid}.linked-clinic-card{background:radial-gradient(circle at 0 0,#fcefc89e,#0000 43%),linear-gradient(135deg,#fffdf8 0%,#fff 54%,#fffdf8 100%);min-height:132px;padding:20px 20px 18px}.linked-clinic-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.linked-clinic-card__clinic{color:var(--color-gold);font-size:20px;font-weight:700;line-height:1.2}.linked-clinic-card__brand{aspect-ratio:1232/197;transform-origin:100%;background:#8b8b8b;flex:none;width:80px;margin-top:1px;display:block;-webkit-mask:url(/takasu-clinic-logo.svg) 50%/contain no-repeat;mask:url(/takasu-clinic-logo.svg) 50%/contain no-repeat}.linked-clinic-card__number{color:var(--color-gold);text-align:right;letter-spacing:.03em;margin:48px 0 0;font-size:20px;font-weight:600;line-height:1}.add-clinic-button{width:min(100%,267px);height:43px;color:var(--color-text);background:#fff;border:1px solid #a8a8a8;border-radius:19px;justify-content:center;align-items:center;margin:19px auto 0;padding:0 18px;font-size:16px;font-weight:400;display:flex;position:relative;box-shadow:0 1px 4px #0000001a}.add-clinic-button span{color:var(--color-text);margin:0;font-size:16px;font-weight:400;position:absolute;left:20px}.footer-nav{z-index:10;width:min(100%,430px);height:var(--footer-safe-height);padding:8px 0 calc(5px + env(safe-area-inset-bottom));background:var(--color-gold);grid-template-columns:repeat(3,minmax(0,89px));justify-content:center;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.footer-nav__item{color:#fff;text-align:center;background:0 0;border:0;place-items:center;gap:2px;min-width:0;font-size:11px;font-weight:500;line-height:16px;display:grid}.footer-nav__icon{color:#fff;place-items:center;width:38px;height:33px;font-size:34px;font-weight:400;line-height:1;display:grid}.footer-nav__icon img{filter:brightness(0)invert();width:auto;max-width:28px;height:auto;max-height:28px;display:block}.modal-backdrop{z-index:20;padding:118px 30px var(--footer-safe-height);background:#0000008a;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;width:min(100%,370px);padding:23px 31px;position:relative;box-shadow:0 4px 14px #0003}.modal-close{color:#9d9d9d;background:#fff;border:1px solid #d8d8d8;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;font-size:24px;font-weight:400;line-height:1;display:grid;position:absolute;top:-16px;right:-16px;box-shadow:0 2px 5px #0000001a}.modal-title{color:#777;text-align:center;margin:0 0 18px;font-size:16px;font-weight:800;line-height:1.4}.modal-list{gap:10px;display:grid}.modal-clinic-button{color:#fff;background:var(--color-gold);border-radius:999px;place-items:center;min-height:45px;font-size:17px;font-weight:800;display:grid}.modal-bottom-close{color:#fff;background:0 0;border:0;font-size:17px;font-weight:800;position:absolute;bottom:-37px;right:11px}.miniapp-state{background:#fff;place-items:center;width:min(100%,430px);min-height:100svh;margin:0 auto;padding:24px;display:grid}.miniapp-state--error{align-content:center;gap:16px}.miniapp-state .loading-spinner{margin:0 auto}.miniapp-state .form-error{width:100%;margin:0}.app-shell{background:#fff;width:min(100%,430px);min-height:100svh;margin:0 auto;padding:24px 18px 40px}.phone-frame .app-shell{width:100%;min-height:auto}.phone-frame--connect{background:var(--color-page)}.app-shell--connect{background:var(--color-page);padding:0}h1,p{margin-top:0}h1{color:#333;margin-bottom:12px;font-size:26px;line-height:1.3}.text-muted{color:var(--color-text);font-size:16px;line-height:1.75}.connect-page{background:var(--color-page);min-height:calc(100svh - 68px)}.connect-hero{padding:17px var(--dashboard-inline-padding) 78px;background:var(--color-beige);position:relative}.connect-hero:after{background:var(--color-beige);content:"";border-radius:0 0 50% 50%/0 0 100% 100%;height:58px;position:absolute;bottom:-28px;left:-12%;right:-12%}.connect-hero>*{z-index:1;position:relative}.connect-hero__title{margin-bottom:16px}.connect-hero__icon svg{width:25px;height:25px;fill:var(--color-gold);display:block}.connect-hero__card,.connect-form,.clinic-option,.connect-status-card{box-shadow:var(--shadow-card-gold);background:#fff;border-radius:10px}.connect-hero__card{text-align:center;min-height:60px;padding:17px 20px 16px}.connect-hero__description{color:var(--color-heading);margin:0;font-size:15px;font-weight:700;line-height:1.7}.connect-hero__notice{color:#606060;background:var(--color-gold-soft);border-radius:999px;justify-content:center;align-items:center;min-height:24px;margin:12px 0 0;padding:3px 14px;font-size:12px;font-weight:400;line-height:1.4;display:inline-flex}.connect-hero__error.form-error{text-align:left;margin:14px 0 0}.connect-page__content{z-index:2;padding:0 var(--dashboard-inline-padding) 48px;margin-top:-34px;position:relative}.connect-form{padding:20px;display:block}.form-field{color:var(--color-heading);margin-top:16px;font-size:14px;font-weight:700;display:block}.form-field span{margin-bottom:8px;display:block}.form-field input{border:1px solid var(--color-gold-line);color:#222;-webkit-text-fill-color:#222;background:#fff;border-radius:10px;width:100%;min-height:50px;padding:0 14px;font-size:16px}.form-field input::placeholder{color:#9b9b9b;-webkit-text-fill-color:#9b9b9b}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:700;display:inline-flex}.button--primary{color:#fff;background:var(--color-gold)}.button--full{width:100%}.button:disabled{cursor:not-allowed;color:#fff;opacity:1;background:#b8b8b8;border-color:#d6d6d6}.button--primary.button--submitting:disabled{cursor:progress;background:var(--color-gold);border-color:#0000}.button--submitting{pointer-events:none}.connect-form .button{min-height:46px;margin-top:24px;font-size:16px}.privacy-policy{margin-top:22px;margin-bottom:24px}.privacy-policy h3{color:var(--color-heading);margin:0;font-size:14px;font-weight:700;line-height:1.5}.privacy-policy__content{height:clamp(128px,37vw,160px);color:var(--color-text);-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #cdcdcd;border-radius:8px;margin-top:8px;padding:12px;font-size:12px;line-height:1.8;overflow-y:auto}.privacy-policy__content-title{font-weight:700}.privacy-policy__content a{color:var(--color-gold);overflow-wrap:anywhere;text-decoration:underline}.privacy-policy__content::-webkit-scrollbar{width:8px}.privacy-policy__content::-webkit-scrollbar-thumb{background-color:#cdcdcd;border-radius:6px}.privacy-policy__content::-webkit-scrollbar-track{background:#fff;border:1px solid #cdcdcd;border-radius:6px}@media (width<=340px){.header-logo{height:58px}.brand-logo{width:45vw}.reservation-area,.content-area{padding-left:16px;padding-right:16px}.section-title{font-size:18px}.appointment-card__date,.appointment-card__clinic{font-size:16px}.linked-clinic-card{min-height:96px}.linked-clinic-card__number{margin-top:32px;font-size:16px}}.clinic-list{gap:12px;display:grid}.clinic-option{min-height:66px;color:var(--color-gold);grid-template-columns:1fr auto;align-items:center;padding:0 20px;font-size:18px;font-weight:700;line-height:1;display:grid}.clinic-option__arrow{background:var(--color-gold-soft);border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.clinic-option__arrow svg{fill:none;width:9px;height:14px;stroke:var(--color-gold);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.selected-clinic{border:1px solid var(--color-gold-line);background:#fffdf8;border-radius:10px;margin-bottom:18px;padding:13px 14px;display:block}.selected-clinic span{color:var(--color-gold);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.selected-clinic strong{color:var(--color-gold);font-size:20px}.connect-empty-card,.connect-status-card{color:var(--color-heading);text-align:center;padding:20px;font-size:14px;font-weight:700;line-height:1.7}.connect-status-card strong{margin-bottom:16px;display:block}.form-error{color:#9b1c1c;background:#fff1f1;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.6}.loading-spinner{color:var(--color-text);justify-items:center;gap:10px;margin:18px auto 0;font-size:13px;font-weight:700;line-height:1.5;display:grid}.loading-spinner--inline{color:inherit;font-size:inherit;align-items:center;gap:8px;margin:0;line-height:1;display:inline-flex}.loading-spinner__icon{place-items:center;width:40px;height:40px;display:inline-grid;position:relative}.loading-spinner--small .loading-spinner__icon{width:18px;height:18px}.loading-spinner__image{width:100%;height:100%;display:block}.loading-spinner__image--dark{display:none}.loading-spinner__label{display:inline-block}@media (prefers-color-scheme:dark){.loading-spinner__image--light{display:none}.loading-spinner__image--dark{display:block}}