.ih-join{margin-top:16px}.ih-join input{display:block;margin:8px 0}.ih-notice{padding:14px;background:#fff2ef;color:#9d3022;display:flex;justify-content:space-between;gap:14px;margin:8px 0}.ih-notice button{background:transparent;color:inherit;padding:0 6px;flex:none}.ih-success{background:#e8f7ef;color:#196343;padding:12px}.ih-course-notice{flex-basis:100%;background:var(--paper);padding:0 0 12px}.ih-course-notice .ih-notice{margin-top:0}.ih-join{max-width:760px;padding:28px;overflow:hidden}.ih-join>header:empty{display:none}.ih-scan-start{text-align:center;max-width:460px;margin:12px auto}.ih-scan-start h2{font-size:26px;margin:20px 0 8px}.ih-scan-start>p{color:#647d88;margin-bottom:24px}.ih-scan-start>.qr-illustration{margin:0 auto}.ih-scan-start>.scanner{max-width:400px;margin:16px auto}.ih-scan-start>button:not(.ih-manual-link){min-width:220px;min-height:48px}.ih-join .ih-manual-link{display:block;width:auto;margin:18px auto 0;background:transparent;border:0;color:#b7441d;text-decoration:underline;padding:8px;box-shadow:none;font-size:14px}.ih-manual{text-align:left;border-top:1px solid #dce6e6;margin-top:18px;padding-top:20px}.ih-manual input{width:100%;margin:8px 0 16px}.ih-manual button{width:100%}.ih-found h2{font-size:clamp(23px,3vw,30px);line-height:1.3;margin:8px 0 14px;overflow-wrap:anywhere}.ih-found>p:last-child{color:#647d88;margin:20px 0}.ih-reference{display:inline-block;background:#edf4f4;color:#315564;border-radius:7px;padding:7px 12px;font-size:14px}.ih-join-details{display:grid;gap:20px;background:#f5f9f8;border:1px solid #dce6e6;border-radius:14px;padding:22px;margin:24px 0}.ih-join-details dt{font-size:13px;color:#647d88;margin-bottom:6px}.ih-join-details dd{margin:0;font-size:16px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.ih-join-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px}.ih-join-actions button{min-height:48px}.ih-join .ih-notice{margin:0 0 20px;text-align:left;border-radius:10px}@media(max-width:600px){.ih-join{padding:20px}.ih-join-actions{flex-direction:column}.ih-join-actions button{width:100%}.ih-join-details{padding:18px}.ih-scan-start>button:not(.ih-manual-link){width:100%;min-width:0}}.my-coffee{margin:20px 0}.my-coffee-entry{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:1px solid #d6e2e5;border-radius:12px;background:#fff;color:#173447;margin:10px 0;cursor:pointer}.my-coffee-entry>img{width:44px;height:44px;object-fit:contain}.my-coffee-entry>span:first-of-type{display:grid;gap:5px;flex:1 1}.my-coffee-entry small{color:#647e89}.my-coffee-entry.is-ready{background:#e7f5ed;border-color:#8fc8aa}.my-coffee-dialog{width:min(680px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0 0 0 auto;padding:0;border:0;background:#f5f8f7;color:#173447;box-sizing:border-box}.my-coffee-dialog[open]{display:flex;flex-direction:column}.my-coffee-dialog::backdrop{background:#0b263b80}.my-coffee-dialog>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 24px;background:#fff;flex-shrink:0;border-bottom:1px solid #dbe4e6}.my-coffee-dialog h2{margin:4px 0;font-size:25px}.my-coffee-dialog header small{color:#b44520;font-weight:700}.my-coffee-dialog header>button{border:0;background:transparent;font-size:28px;color:#526d79}.my-coffee-body{flex:1 1;min-height:0;overflow:auto;padding:24px}.my-coffee-dialog footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;background:white;border-top:1px solid #dbe4e6;flex-shrink:0}.my-coffee-dialog button{min-height:44px;cursor:pointer;font:inherit}.my-coffee-dialog footer button,.my-coffee-options button{border:1px solid #cad8dc;border-radius:9px;padding:10px 20px;background:white;color:#173447}.my-coffee-dialog button.primary{background:#f45b29;color:white;border-color:#f45b29}.my-coffee-dialog button:disabled{opacity:.5;cursor:not-allowed}.my-coffee-menu{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.my-coffee-menu button{display:grid;gap:10px;padding:12px;background:white;border:2px solid #dbe4e6;border-radius:12px;text-align:left;color:#173447}.my-coffee-menu img,.my-coffee-no-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:7px;background:#f1f4f3}.my-coffee-no-photo{display:grid;place-items:center;font-size:38px}.my-coffee-menu .selected,.my-coffee-options .selected{border-color:#e65a2a;background:#fff4ed}.my-coffee-menu small{color:#607b85}.my-coffee-options{display:flex;gap:12px}.my-coffee-timing{color:#607b85;font-size:14px}.my-coffee-closed,.my-coffee-confirm{padding:16px;border-radius:10px;background:#fff1e8;margin-top:20px}.my-coffee-receipt{padding:24px;background:white;border:1px solid #dbe4e6;border-radius:14px}.my-coffee-receipt.is-ready{background:#e7f5ed;border-color:#8fc8aa}.my-coffee-receipt h3{font-size:25px}.my-coffee-receipt small{display:block;margin-top:24px;color:#607b85}.coffee-inline-error{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-basis:100%;padding:14px;background:#fff0ec;color:#a63721;border-radius:9px;margin:8px 0}.coffee-inline-error button{border:0;background:transparent;color:inherit;font-size:22px}.my-coffee-dialog button:focus-visible,.my-coffee-entry:focus-visible{outline:3px solid #006dcc;outline-offset:2px}@media(max-width:480px){.my-coffee-body{padding:18px}.my-coffee-entry{flex-wrap:wrap}.my-coffee-dialog>header{padding:18px}}.course-list>article.course-card{cursor:default}.course-list>article.course-card:hover{transform:none}.course-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;grid-column:1/-1}.course-card-actions .my-coffee{margin:0;padding:0}.course-card-actions button{min-height:44px}.coffee-entry-button{border:1px solid #c6d6dc;background:#fff;color:#17384a}.coffee-entry-button:hover{background:#edf4f6}.coffee-test-note{padding:12px;background:#f0f4f5;border-radius:8px;color:#17384a}@media(max-width:600px){.course-card-actions{gap:8px}.course-card-actions button{padding:0 14px;font-size:14px}}.my-coffee-welcome h3{margin:0 0 8px;font-size:22px}.my-coffee-welcome p{margin:0 0 20px;line-height:1.6;color:#526d79}.my-coffee-receipt .coffee-order-heading{margin:0 0 20px;font-size:20px}.coffee-order-status{display:inline-block;padding:7px 12px;border-radius:20px;background:#edf3f5;font-size:13px;font-weight:700}.is-ready .coffee-order-status{background:#d0ebdc;color:#216342}.my-coffee-options{flex-wrap:wrap}article.up-card{cursor:default}article.up-card:hover{transform:none}.up-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.up-card-actions .my-coffee{margin:0}.up-card-actions .up-open{border:0;background:#ef5b2a;color:white;min-height:44px;padding:10px 16px}.up-card-actions .coffee-entry-button{min-height:44px;padding:10px 16px;font-size:14px}.up-card-bottom{flex-wrap:wrap;gap:14px}.up-card:after,.up-card:before{pointer-events:none}.coffee-temperature-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:16px;color:#173447;background:#fff;box-shadow:0 20px 70px #0b263b40}.coffee-temperature-dialog[open]{display:flex;flex-direction:column}.coffee-temperature-dialog::backdrop{background:#0b263b80}.coffee-temperature-dialog>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid #dbe4e6;flex-shrink:0}.coffee-temperature-body{padding:24px;overflow:auto;min-height:0}.coffee-temperature-body p{margin:0 0 18px}.coffee-temperature-body .my-coffee-options{flex-wrap:nowrap}.coffee-temperature-body .my-coffee-options button{flex:1 1;min-height:60px;font-size:18px}.coffee-temperature-dialog footer{flex-wrap:wrap}.my-coffee-dialog header>button,.my-coffee-dialog header>button:active,.my-coffee-dialog header>button:focus,.my-coffee-dialog header>button:hover{box-shadow:none;text-shadow:none;filter:none;background:transparent}.my-coffee-dialog header>button:focus:not(:focus-visible){outline:none;box-shadow:none}.coffee-temperature-heading:focus{outline:none}.coffee-menu-description{display:block;color:#526d79;font-size:14px;font-weight:400;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.my-coffee-menu button{align-content:start;min-width:0}.coffee-inline-success{width:100%;padding:12px 16px;border:1px solid #a1d0b3;border-radius:8px;background:#eaf8ef;color:#1c6b47;margin-top:8px}.my-coffee-dialog header>button[aria-label^=Close],.my-coffee-dialog header>button[aria-label^=Close]:is(:hover,:active,:focus,:focus-visible){border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;filter:none;text-shadow:none}.my-coffee-dialog header>button[aria-label^=Close]:focus-visible{text-decoration:underline;text-underline-offset:5px}.coffee-drawer-heading:focus{outline:none}.up-preview{min-height:100vh;background:radial-gradient(ellipse at 90% 10%,#ffeadb80,transparent 45%),#f5f6f3;color:var(--ink)}.up-header{height:88px;background:var(--ink);padding:0 max(28px,calc((100vw - 1040px)/2));display:flex;justify-content:space-between;align-items:center}.up-header img{width:150px;height:56px;object-fit:contain;object-position:left center}.up-avatar{width:42px;height:42px;display:grid;place-items:center;background:#ffffff17;border:1px solid #ffffff38;border-radius:50%;color:white;font-weight:700}.up-preview-controls{max-width:1040px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;border-bottom:1px solid var(--line)}.up-preview-controls>span{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:700}.up-preview-controls>div{display:flex;gap:5px;flex-wrap:wrap}.up-preview-controls button{min-height:34px;padding:6px 12px;font-size:12px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px}.up-preview-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.up-main{max-width:1040px;margin:auto;padding:48px 28px 80px}.up-heading{margin-bottom:30px}.up-heading>p{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--orange-dark);margin:0 0 10px}.up-heading h1{font-size:44px;letter-spacing:-1.8px;line-height:1.1;margin:0 0 12px}.up-heading>span{font-size:16px;color:var(--muted)}.up-cards{display:grid;gap:24px}.up-card{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;padding:0;text-align:left;color:var(--ink);border:1px solid #dce4e0;background:#fffdfa;border-radius:22px;box-shadow:0 10px 30px #17384a08;transition:border-color .2s,box-shadow .2s,transform .2s}.up-card:before{content:"";position:absolute;z-index:-1;right:-65px;top:-100px;width:300px;height:300px;border:40px solid #f1ece440;border-radius:50%;pointer-events:none}.up-card:hover{background:#fffdfa;border-color:#e9ac88;box-shadow:0 14px 35px #17384a10;transform:translateY(-2px);color:var(--ink)}.up-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.up-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:24px 30px 0}.up-status{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;background:#fff0e4;color:#a3441d;padding:8px 12px;border-radius:30px}.up-status i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.up-reference{font-size:11px;letter-spacing:.07em;color:var(--muted);font-weight:400}.up-status.is-today{background:#e9f4ed;color:#236344}.up-status.is-today i{background:#36865c}.up-card-main{gap:28px;padding:30px}.up-card-main,.up-date{display:flex;align-items:center}.up-date{flex:0 0 100px;width:100px;min-height:120px;border:1px solid #ead8cb;border-radius:13px;background:#fff4ea;flex-direction:column;justify-content:center;gap:3px;color:#b54721}.up-date>span{font-size:12px;letter-spacing:.2em;font-weight:800}.up-date strong{font-size:48px;line-height:1.05;letter-spacing:-2px;font-weight:500}.up-date small{font-size:11px;font-weight:400;color:#9d7059}.up-course{min-width:0}.up-course h2{font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.7px;font-weight:700;margin:0 0 14px;max-width:650px}.up-training-date{font-size:16px;font-weight:500;margin:0 0 10px}.up-venue{display:flex;align-items:flex-start;gap:7px;font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);margin:0}.up-venue svg{width:18px;height:20px;flex-shrink:0}.up-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e8ece6;margin:0 30px;padding:18px 0}.up-card-bottom>span:first-child{color:var(--muted);font-size:13px;font-weight:400}.up-open{display:flex;align-items:center;gap:26px;white-space:nowrap;min-height:45px;padding:0 18px;background:var(--orange);color:white;border-radius:9px;font-size:14px}.up-open>span{font-size:22px;font-weight:400}.up-card:hover .up-open{background:var(--orange-dark)}.up-add{display:block;margin:26px auto 0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;min-height:44px}.up-add:hover{color:var(--orange-dark);background:#fff0e4}.up-modal{position:fixed;inset:0;z-index:100;background:#17384a80;display:grid;place-items:center;padding:24px}.up-modal section{max-width:430px;border-radius:20px;padding:28px;background:white}.up-modal p:not(.eyebrow){color:var(--muted);line-height:1.6}.up-modal button{margin-top:10px}@media(max-width:600px){.up-header{height:70px;padding:0 22px}.up-header img{width:128px;height:45px}.up-preview-controls{padding:14px 20px;align-items:flex-start;flex-direction:column;gap:9px}.up-preview-controls button{font-size:11px;padding:6px 10px}.up-main{padding:30px 20px 50px}.up-heading{margin-bottom:24px}.up-heading h1{font-size:36px}.up-heading>span{font-size:14px}.up-card{border-radius:18px}.up-card-top{padding:20px 18px 0;gap:8px}.up-reference{font-size:10px}.up-status{font-size:11px;padding:7px 9px}.up-card-main{gap:16px;padding:24px 18px;align-items:flex-start}.up-date{flex-basis:68px;width:68px;min-height:96px;border-radius:10px}.up-date strong{font-size:36px}.up-date small,.up-date>span{font-size:10px}.up-course h2{font-size:22px;letter-spacing:-.4px;margin-bottom:12px}.up-training-date{font-size:14px}.up-venue{font-size:12px;gap:4px}.up-venue svg{width:15px;height:18px}.up-card-bottom{margin:0 18px;padding:15px 0;justify-content:flex-end}.up-card-bottom>span:first-child{display:none}.up-open{min-height:44px;font-size:13px;gap:20px}.up-card:before{width:180px;height:180px;top:-50px}}@media(prefers-reduced-motion:reduce){.up-card{transition:none}.up-card:hover{transform:none}}.up-history-card .up-status{background:#edf1f0;color:#5e747c}.up-history-card .up-status i{background:#84949a}.up-history-card .up-date{background:#f2f5f3;border-color:#dce4df;color:var(--ink)}.up-history-card .up-date small{color:var(--muted)}.up-history-card .up-open{background:transparent;color:var(--ink);border:1px solid #b9cbca}.up-history-card:hover .up-open{background:var(--ink);color:#fff;border-color:var(--ink)}.up-history-backdrop{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;background:#17384a70}.up-history-drawer{width:min(590px,100%);height:100dvh;overflow-y:auto;background:#fffdfa;padding:32px;box-shadow:-15px 0 60px #17384a20}.up-history-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.up-history-drawer h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}.up-history-ref{font-size:12px;color:var(--muted)}.up-history-close{min-height:36px;flex:0 0 36px;padding:0;background:transparent;color:var(--muted);font-size:28px;line-height:1}.up-history-close:hover{background:#edf1f0;color:var(--ink)}.up-history-info{display:grid;gap:20px;padding:26px 0;margin:6px 0 22px;border-bottom:1px solid var(--line)}.up-history-info>div{display:grid;grid-template-columns:120px 1fr;gap:16px;font-size:14px;line-height:1.5}.up-history-info span{color:var(--muted)}.up-history-info strong{font-weight:600}.up-history-drawer .course-progress-wrap{margin:0 0 26px}.up-history-records h3{font-size:16px;margin:0 0 14px}.up-history-records{display:grid;gap:10px}.up-history-records>button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;min-height:76px;text-align:left;background:white;color:var(--ink);border:1px solid var(--line);border-radius:12px;font-weight:400}.up-history-records>button:hover{background:#f0f5f2;border-color:#9ab4ad}.up-history-records strong{display:block;font-size:15px;font-weight:600}.up-history-records small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.up-history-records>button>span:last-child{font-size:23px}.up-record-preview{padding:16px;margin-top:16px;border-left:3px solid var(--orange);background:#fff1e5;font-size:14px;line-height:1.5}.up-record-preview p{margin-bottom:0}.up-history-drawer button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:600px){.up-history-drawer{padding:24px 20px}.up-history-drawer h2{font-size:25px}.up-history-info>div{grid-template-columns:100px 1fr;gap:12px}.up-history-records>button{padding:16px}}.course-drawer:has(>.course-progress-loading)>:not(header):not(.course-progress-loading){display:none!important}.course-progress-loading{padding:20px 0}.course-loading-label{display:block;color:var(--muted);font-size:14px;margin-bottom:18px}.course-loading-block{padding:22px;border:1px solid var(--line);border-radius:14px;display:grid;gap:18px}.course-loading-block i,.course-loading-tools i{display:block;background:#e8eeeb;border-radius:7px;min-height:14px;animation:course-loading-pulse 1.5s ease-in-out infinite}.course-loading-block i:first-child{width:55%;height:20px}.course-loading-block i:last-child{height:38px}.course-loading-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.course-loading-tools i{height:76px}@keyframes course-loading-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.course-loading-block i,.course-loading-tools i{animation:none}}.up-card.up-card-loading{position:relative;min-height:220px;pointer-events:none}.up-card.up-card-loading>*{visibility:hidden}.up-card.up-card-loading:before{content:"";position:absolute;inset:24px;border-radius:10px;background:linear-gradient(#e7eeee 0 0) 0 0/36% 16px no-repeat,linear-gradient(#e7eeee 0 0) 0 44px/82% 24px no-repeat,linear-gradient(#e7eeee 0 0) 0 88px/55% 16px no-repeat,linear-gradient(#e7eeee 0 0) 100% 100%/190px 42px no-repeat}.up-card.up-card-loading:after{content:"Loading course…";position:absolute;left:24px;bottom:24px;font-size:13px;color:#617b85}