/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-app);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#1a1a1a;--color-ink-muted:#6b6864;--color-surface:#fff;--color-surface-sunken:#f6f5f3;--color-line:#e5e3df;--color-line-strong:#cfccc6;--color-accent:#146b4a;--color-accent-strong:#0f5238;--color-accent-wash:#e8f3ee;--color-roast-blonde:#d9a441;--color-roast-medium:#a4642a;--color-roast-dark:#4a2b1a;--color-roast-1:#dcb469;--color-roast-2:#c9963f;--color-roast-3:#b1762c;--color-roast-4:#8f5525;--color-roast-5:#663a20;--color-roast-6:#3f261a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-36{height:calc(var(--spacing) * 36)}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-full{min-height:100%}.w-24{width:calc(var(--spacing) * 24)}.w-\[8\.5rem\]{width:8.5rem}.w-\[9\.5rem\]{width:9.5rem}.w-full{width:100%}.w-max{width:max-content}.max-w-\[9\.5rem\]{max-width:9.5rem}.max-w-\[18rem\]{max-width:18rem}.min-w-0{min-width:0}.min-w-\[8\.5rem\]{min-width:8.5rem}.min-w-\[9\.5rem\]{min-width:9.5rem}.min-w-\[12rem\]{min-width:12rem}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-\[5\.5rem_1fr\]{grid-template-columns:5.5rem 1fr}.grid-cols-subgrid{grid-template-columns:subgrid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-accent{border-color:var(--color-accent)}.border-line{border-color:var(--color-line)}.border-line-strong{border-color:var(--color-line-strong)}.border-l-roast-medium{border-left-color:var(--color-roast-medium)}.bg-\[\#f5f9fd\]{background-color:#f5f9fd}.bg-accent{background-color:var(--color-accent)}.bg-accent-wash{background-color:var(--color-accent-wash)}.bg-line{background-color:var(--color-line)}.bg-roast-1{background-color:var(--color-roast-1)}.bg-roast-2{background-color:var(--color-roast-2)}.bg-roast-3{background-color:var(--color-roast-3)}.bg-roast-4{background-color:var(--color-roast-4)}.bg-roast-5{background-color:var(--color-roast-5)}.bg-roast-6{background-color:var(--color-roast-6)}.bg-roast-blonde{background-color:var(--color-roast-blonde)}.bg-roast-dark{background-color:var(--color-roast-dark)}.bg-roast-medium{background-color:var(--color-roast-medium)}.bg-surface{background-color:var(--color-surface)}.bg-surface-sunken{background-color:var(--color-surface-sunken)}.object-contain{object-fit:contain}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#3f2a12\]{color:#3f2a12}.text-accent-strong{color:var(--color-accent-strong)}.text-ink{color:var(--color-ink)}.text-ink-muted{color:var(--color-ink-muted)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}:root{--font-app:"Hiragino Sans", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif}html,body,#root{height:100%}body{background-color:var(--color-surface-sunken);color:var(--color-ink);font-family:var(--font-app);-webkit-tap-highlight-color:transparent;margin:0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.flip-scene{perspective:1600px}.flip-inner{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.flip-inner.is-flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden}.flip-face-back{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.study-page{--color-accent:#305fa2;--color-accent-strong:#284f86;--color-accent-wash:#e7f1fb;width:100%;max-width:760px;margin:auto;padding:24px 20px 32px;color:#3e3e3e;font-family:var(--font-app)}.study-page-heading{margin-bottom:28px}.study-page-heading>p{font-size:11px;font-weight:800;color:#305fa2;letter-spacing:.12em;margin:0 0 6px}.study-page-heading>h1{font-size:27px;line-height:1.45;font-weight:850;margin:0}.study-rainbow{display:block;margin-top:13px;width:135px;height:5px;background:repeating-linear-gradient(90deg,#e8d45b 0,#e8d45b 22px,#68bd79 22px,#68bd79 39px,#6cb7e5 39px,#6cb7e5 75px,#db639e 75px,#db639e 90px)}.study-heading{font-size:19px;line-height:1.5;font-weight:800;margin:26px 0 12px}.study-panel{background:#fff;border:2px solid #50545b;border-radius:18px;padding:20px;margin-bottom:16px}.study-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border:0;border-radius:30px;background:#305fa2;color:#fff;font-weight:750;font-size:16px;padding:12px 20px;cursor:pointer}.study-primary:disabled{opacity:.5;cursor:default}.study-choice{display:block;position:relative;width:100%;border:2px solid #50545b;border-radius:14px;background:#fff;padding:18px 18px 18px 24px;text-align:left;cursor:pointer;overflow:hidden;min-height:64px}.study-choice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--choice-color,#6cb7e5)}.study-muted{font-size:13px;line-height:1.8;color:#65666b}.study-progress{height:9px;border-radius:20px;overflow:hidden;background:#e5edf3}.study-progress>span,.study-progress>div{display:block;height:100%;background:var(--choice-color,#68bd79);border-radius:20px}.study-page button,.study-page summary,.study-page a{touch-action:manipulation}.study-page button:focus-visible,.study-page summary:focus-visible,.study-page a:focus-visible{outline:3px solid #305fa2;outline-offset:3px}.study-page summary{min-height:44px;cursor:pointer;padding:10px 0}.study-page button:hover{filter:brightness(.97)}.study-detail{max-width:960px}.study-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.study-back{display:flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:46px;border:2px solid #50545b;border-radius:50%;background:#fff;color:#305fa2;font-size:24px;cursor:pointer}.study-detail-header h1{font-size:23px;line-height:1.45;font-weight:850;overflow-wrap:anywhere}.study-filter{border:2px solid #9abbd9;background:#f6faff;border-radius:16px;padding:0 16px;margin-top:20px}.study-switch{display:flex;padding:4px;border:1px solid #b8cbde;border-radius:30px;background:#eaf2f9;margin:20px 0 14px;width:fit-content}.study-switch button{min-height:42px;border:0;border-radius:25px;padding:8px 22px;background:transparent;color:#305fa2;font-weight:700;cursor:pointer}.study-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #304f6b20}.study-mobile-records{display:grid;gap:14px}.study-record{border:2px solid #50545b;border-radius:15px;background:#fff;overflow:hidden}.study-record h2{border-left:7px solid #6cb7e5;padding:14px 16px;background:#edf5fb;font-size:16px;line-height:1.6;font-weight:800}.study-record:nth-child(3n+2) h2{border-color:#68bd79;background:#f1f9ef}.study-record:nth-child(3n) h2{border-color:#db639e;background:#fcf1f7}.study-record dl{padding:4px 16px 10px}.study-record dl>div{display:grid;grid-template-columns:minmax(72px,30%) minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #e3e8ee}.study-record dl>div:last-child{border:0}.study-record dt{font-size:12px;line-height:1.7;color:#666}.study-record dd{font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-line}.study-sticky-action{position:sticky;bottom:-1px;background:linear-gradient(transparent,#f5f9fd 16%);padding:16px 0 4px;margin-top:12px;z-index:5}.study-empty{padding:25px;text-align:center;background:#fff;border:2px dashed #b3c7db;border-radius:15px}.study-table-hint{font-size:12px;color:#65666b;margin-bottom:8px}.study-session{--color-accent:#305fa2;--color-accent-strong:#284f86;--color-accent-wash:#e7f1fb;display:flex;flex-direction:column;width:100%;max-width:600px;height:100%;min-height:0;margin:auto;padding:0 16px 12px;color:#3e3e3e}.study-session-header{display:flex;align-items:center;gap:12px;padding:12px 0}.study-session-header>span:nth-child(2){flex:1;min-width:0;font-size:13px;line-height:1.5;font-weight:700}.study-session-header>span:last-child{flex-shrink:0;border-radius:20px;background:#e6eff8;padding:5px 10px;font-size:12px;color:#305fa2}.study-session-card{flex:1;min-height:0;margin-top:14px}.study-session-actions{flex-shrink:0;padding-top:12px;background:#f5f9fd}.study-rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.study-rating{min-height:54px;border:2px solid currentColor;border-radius:15px;font-size:15px;font-weight:800;cursor:pointer}.study-rating.again{color:#925032;background:#fff1e9}.study-rating.hard{color:#846012;background:#fff7d9}.study-rating.good{color:#24683b;background:#eaf7e9}.study-rating.easy{color:#305fa2;background:#e8f2ff}.study-flip-inner{min-height:0!important}.study-session .flip-face{border:2px solid #4e5661;border-radius:20px;box-shadow:0 4px #d9e5ef;padding:20px;overflow-y:auto}.study-session .flip-face:not(.flip-face-back){justify-content:safe center}.study-session .flip-face>span:nth-child(2){font-size:clamp(22px,5.6vw,29px)}.study-session .flip-face-back h2{font-size:21px;overflow-wrap:anywhere}.study-session .flip-face-back h2+span{font-size:11px;padding:4px 8px}.study-session .flip-face-back [class*=grid-cols-]{grid-template-columns:4.5rem minmax(0,1fr)}.study-session .flip-face-back dd{overflow-wrap:anywhere}.study-complete{text-align:center;max-width:520px}.study-complete-medal{font-size:50px;display:grid;place-items:center;background:#fff3b6;border:3px solid #e5c650;width:90px;height:90px;border-radius:50%;margin:12px auto 20px;color:#9c711f}.study-complete-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.study-complete-stats>div{border:2px solid #50545b;border-radius:16px;background:#fff;padding:18px 12px}.study-complete-stats strong{display:block;font-size:30px;color:#305fa2}@media(min-width:768px){.study-mobile-records{grid-template-columns:1fr 1fr}.study-page{padding-top:32px}.study-page-heading>h1{font-size:30px}}@media(max-width:360px){.study-page{padding-left:14px;padding-right:14px}.study-detail-header h1{font-size:20px}.study-session{padding-left:12px;padding-right:12px}.study-session .flip-face{padding:16px}.study-session-header{gap:7px}.study-rating{min-height:50px}}@media(max-height:600px){.study-session-header{padding:6px 0}.study-session-card{margin-top:8px}.study-session-actions{padding-top:8px}.study-rating{min-height:44px}.study-session .flip-face{padding:14px}}@media(prefers-reduced-motion:reduce){.study-session *{transition:none!important;animation:none!important}}.study-panel--exam{background:#fff9e6;border-color:#ccb65c;position:relative}.study-label{font-size:12px;font-weight:700;line-height:1.7}.study-exam-days{font-size:30px;font-weight:850;line-height:1.5;margin:5px 0}.study-primary--hero{border:2px solid #284f86;border-radius:20px;display:flex;flex-direction:column;gap:4px;padding:22px;background:#305fa2;box-shadow:0 4px #c2d8ec;text-align:center}.study-primary-kicker{font-size:14px}.study-primary--hero>strong{font-size:48px;line-height:1.25}.study-primary--hero>strong small{font-size:20px;margin-left:6px}.study-primary-action{font-size:17px;padding-top:5px}.study-primary-action b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#305fa2;margin-left:10px}.study-primary-note{font-size:11px;font-weight:400;margin-top:5px}.study-panel--complete{text-align:center;background:#f2faef;border-color:#78a875}.study-panel--complete h2{font-size:19px;font-weight:800}.study-complete-mark{font-size:36px;color:#3f8956}.study-section{margin-top:28px}.study-progress-row+.study-progress-row{margin-top:24px}.study-progress-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:14px}.study-progress-label>span{font-size:12px;color:#666}.study-progress-track{height:10px;overflow:hidden;border-radius:20px;background:#e5edf3;margin-top:10px}.study-progress-track>span{display:block;height:100%;background:#6fb786;border-radius:20px}.study-progress-row:nth-child(2) .study-progress-track>span{background:#6cb7e5}.study-progress-value{display:block;text-align:right;font-size:12px;color:#305fa2;font-weight:750;margin-top:5px}.study-help-text,.study-page-lead,.study-group-description{font-size:13px;line-height:1.8;color:#666}.study-help-text{margin-top:14px}.study-group-description{margin-top:-6px;margin-bottom:14px}.study-choice--deck{display:flex;align-items:center;gap:12px}.study-choice--deck>span:nth-child(2){flex:1;min-width:0}.study-choice--deck strong{display:block;font-size:15px}.study-choice--deck small{display:block;font-size:12px;color:#666;line-height:1.7;margin-top:3px}.study-choice-icon{font-size:30px;color:#4c88b9}.study-choice--deck>b{color:#305fa2}.study-about{border-top:1px solid #b8cbde;margin-top:28px;font-size:13px;color:#666;line-height:1.8}.study-about summary{font-weight:700;color:#305fa2}.study-about p{margin:10px 0}.study-deck-list{list-style:none;display:grid;gap:14px;padding:0}.study-deck-card{display:flex;align-items:flex-start;gap:12px;padding:17px 13px 17px 19px}.study-deck-copy{flex:1;min-width:0}.study-deck-copy>strong{display:block;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.study-deck-copy>small{display:block;font-size:12px;color:#65666b;line-height:1.8;margin-top:5px}.study-deck-number{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#f4dce9;color:#77435b;font-size:14px;font-weight:800;margin-top:2px}.study-deck-number--2{background:#f9efb9;color:#76621f}.study-deck-number--3{background:#dceffa;color:#32637e}.study-deck-number--4{background:#e4f2da;color:#426430}.study-deck-number--5{background:#dce5f6;color:#35567f}.study-deck-number--6{background:#fbe7d2;color:#85532b}.study-deck-due{font-size:12px;white-space:nowrap;color:#305fa2;border-radius:15px;background:#e7f1fb;padding:3px 7px;font-weight:750;flex-shrink:0;margin-top:4px}.study-deck-meter{display:flex;align-items:center;gap:10px;margin-top:12px}.study-deck-meter>span{height:7px;flex:1;overflow:hidden;border-radius:10px;background:#e7edf2}.study-deck-meter i{display:block;height:100%;border-radius:10px;background:#6fb786}.study-deck-meter em{font-size:11px;font-style:normal;color:#52687e}.study-reset{margin-top:32px;padding-top:8px;border-top:1px solid #b8cbde}.study-reset ul{list-style:none;padding:0;margin-top:12px}.study-reset li{border-bottom:1px solid #dae2e9}.study-reset li>button{min-height:56px;padding:12px 0;text-align:left;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;background:none;font-size:13px;cursor:pointer}.study-reset li>button span{font-size:11px;white-space:nowrap;text-decoration:underline;color:#8c4b36}.study-reset-confirm{padding:16px;border:1px solid #d8ae9e;border-radius:12px;background:#fff5ef;font-size:13px}.study-reset-confirm>div{display:flex;gap:10px;margin-top:12px}.study-reset-confirm button{flex:1;min-height:46px;border:1px solid #afc2d4;border-radius:24px;background:#fff;cursor:pointer}.study-reset-confirm button:last-child{background:#925032;border-color:#925032;color:#fff}@media(max-width:360px){.study-deck-number{display:none}.study-deck-card{gap:8px}.study-primary-note{font-size:10px}}@media(min-width:768px){.study-deck-list{grid-template-columns:1fr 1fr}.study-deck-card{height:100%}}.atlas{color:#25384a}.atlas-intro{line-height:1.9;margin:0 0 20px}.atlas h2{font-size:21px;font-weight:800;margin:24px 0 12px}.atlas-tabs{display:flex;background:#e5eff9;border:2px solid #305fa2;border-radius:18px;padding:5px;gap:4px}.atlas-tabs button{flex:1;min-height:48px;border-radius:12px;font-weight:700;font-size:14px}.atlas-tabs button[aria-pressed=true]{background:#305fa2;color:#fff}.atlas button{cursor:pointer}.atlas button:focus-visible,.atlas-scroll:focus-visible{outline:3px solid #e07a42;outline-offset:3px}.atlas-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.atlas-switch{display:flex;border:1px solid #7793b2;border-radius:12px;overflow:hidden}.atlas-switch button{padding:10px 14px;min-height:44px;font-size:13px}.atlas-switch button[aria-pressed=true]{background:#305fa2;color:#fff}.atlas-note{font-size:13px;line-height:1.9;color:#536579}.atlas-scroll-hint{font-size:12px;color:#305fa2;margin:12px 0}.atlas-scroll{overflow-x:auto;border:2px solid #30445b;border-radius:18px;background:#fff}.atlas-map{display:grid;grid-template-columns:34px repeat(3,1fr);grid-template-rows:48px repeat(3,auto);min-width:660px;gap:5px;padding:8px}.atlas-x{grid-column:2/5;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f9d979,#ad637d);padding:8px;font-size:12px;color:#352727;border-radius:6px}.atlas-y{grid-row:2/5;display:flex;flex-direction:column;align-items:center;justify-content:space-between;writing-mode:vertical-rl;padding:12px 6px;background:linear-gradient(#e0cebf,#9d7968);border-radius:6px;font-size:13px}.atlas-cell{padding:12px 6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:8px;min-height:210px}.atlas-col-0{background:#fff4d6}.atlas-col-1{background:#f9e8d5}.atlas-col-2{background:#f3dfe7}.atlas-row-2{box-shadow:inset 0 0 0 1000px #76502d0b}.atlas-coffee{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:16px 10px;border:1px solid #d4e0ec;border-radius:18px;background:#fff;min-width:0;transition:box-shadow .15s}.atlas-coffee:hover{box-shadow:0 3px 12px #305fa22b}.atlas-coffee img{width:78px;height:117px;object-fit:contain}.atlas-coffee strong{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.atlas-coffee small{font-size:11px;line-height:1.6;color:#536579}.atlas-compact{padding:8px 2px;border:0;background:transparent;border-radius:8px;gap:5px}.atlas-compact:only-child{grid-column:1/-1}.atlas-compact img{width:60px;height:90px}.atlas-compact strong{font-size:11px}.atlas-roast{font-size:10px;padding:3px 8px;border-radius:20px;white-space:nowrap}.atlas-blonde{background:#ffefc1;color:#77540a}.atlas-medium{background:#f2ddc8;color:#754324}.atlas-dark{background:#e9d4e0;color:#6e3257}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.atlas-group-list h3{font-size:20px;font-weight:800;margin:24px 0 8px}.atlas-group-list h4{font-weight:700;margin:18px 0 10px;color:#305fa2}.atlas-source-note{padding:14px;background:#edf3f9;border-radius:14px;margin-top:16px}.atlas-belt{margin:18px 0;background:#f4f2ea;border-radius:18px;overflow:hidden;border:1px solid #d5ded4}.atlas-belt img{display:block;width:100%;height:auto}.atlas-belt figcaption{font-size:11px;text-align:center;padding:8px;color:#536579}.atlas-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.atlas-filters button{min-height:44px;border:1px solid #a9bdd0;border-radius:24px;padding:9px 14px;background:#fff;font-size:13px}.atlas-filters button[aria-pressed=true]{background:#305fa2;color:#fff;border-color:#305fa2}.atlas-count{font-size:13px;font-weight:700;margin:16px 0}.atlas-study{width:100%;margin:24px 0}.atlas-source{font-size:11px;line-height:1.9;color:#64748b;margin-bottom:24px}.atlas a,.atlas-detail a{text-decoration:underline;color:#305fa2}.atlas-dialog{margin:auto;border:2px solid #30445b;border-radius:24px;padding:0;width:min(520px,calc(100% - 24px));max-height:85dvh;overflow:auto;color:#25384a;background:#fff}.atlas-dialog::backdrop{background:#172f4f80}.atlas-detail{padding:22px}.atlas-close{display:block;margin-left:auto;min-height:44px;padding:8px 12px;background:#edf3f9;border-radius:12px;cursor:pointer}.atlas-detail>img{width:100px;height:150px;object-fit:contain;margin:0 auto 16px;display:block}.atlas-detail h2{font-size:22px;font-weight:800;line-height:1.5;margin-bottom:12px}.atlas-detail>p{font-size:14px;line-height:1.8}.atlas-detail dl{margin:20px 0}.atlas-detail dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-bottom:1px solid #e3ebf2;padding:12px 0;font-size:13px}.atlas-detail dt{color:#60758a}.atlas-detail dd{font-weight:600}.atlas-detail .study-primary{width:100%;margin-bottom:12px}@media(max-width:540px){.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atlas h2{font-size:19px}.atlas-intro{font-size:14px}.atlas-detail{padding:18px}}.coffee-guide{color:#25384a}.coffee-guide-lead{font-size:15px;line-height:1.9;margin:0 0 18px}.coffee-guide-tabs{display:flex;gap:4px;padding:5px;background:#e5eff9;border:2px solid #305fa2;border-radius:18px;overflow-x:auto;scrollbar-width:thin}.coffee-guide-tabs button{flex:0 0 max-content;min-width:96px;min-height:48px;border:0;border-radius:12px;background:transparent;color:#305fa2;font-weight:800;font-size:13px;cursor:pointer}.coffee-guide-tabs button[aria-pressed=true]{background:#305fa2;color:#fff}.coffee-guide h2{font-size:21px;line-height:1.5;font-weight:850;margin:26px 0 8px}.coffee-guide h3{font-weight:800}.coffee-guide-note{font-size:13px;line-height:1.8;color:#536579;margin:0 0 15px}.coffee-guide button{cursor:pointer}.coffee-guide button:focus-visible,.coffee-guide a:focus-visible,.coffee-guide select:focus-visible{outline:3px solid #e07a42;outline-offset:3px}.coffee-guide-package{position:relative;display:grid;grid-template-columns:1fr minmax(110px,142px) 1fr;align-items:center;width:100%;min-height:245px;padding:15px 8px 34px;border:2px solid #31535e;border-radius:20px;background:#fbf9ef;overflow:hidden}.coffee-guide-package:after{content:"";position:absolute;inset:auto 12% 17px;background:linear-gradient(90deg,transparent,#6cb7e5,transparent);height:3px}.coffee-guide-package img{width:100%;height:205px;object-fit:contain;grid-column:2}.coffee-guide-callout{font-size:12px;line-height:1.65;color:#25484a;text-align:left}.coffee-guide-callout b{font-size:14px}.coffee-guide-callout--right{text-align:right}.coffee-guide-package small{position:absolute;bottom:7px;left:0;right:0;color:#305fa2;font-size:11px;font-weight:800}.coffee-guide-concepts{display:grid;gap:10px;margin:16px 0 24px}.coffee-guide-concepts article{display:grid;grid-template-columns:36px 1fr;column-gap:8px;padding:13px;border:1px solid #b8cbde;border-radius:15px;background:#fff}.coffee-guide-concepts span{grid-row:1/3;font-size:24px;text-align:center;color:#4b8b85}.coffee-guide-concepts h3{font-size:15px}.coffee-guide-concepts p{font-size:12px;line-height:1.7;color:#536579;margin-top:4px}.coffee-guide-subtitle{font-size:17px;margin:24px 0 10px}.coffee-guide-select{display:grid;gap:5px;font-size:12px;font-weight:800;color:#536579}.coffee-guide-select select{min-height:48px;border:2px solid #7c99b6;border-radius:12px;background:#fff;padding:0 12px;font:inherit;color:#25384a}.coffee-guide-profile{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;margin-top:14px;padding:15px;border:2px solid #415967;border-radius:18px;background:#fff}.coffee-guide-profile>img{width:100%;height:156px;object-fit:contain}.coffee-guide-profile h3{font-size:15px;line-height:1.55}.coffee-guide-profile>div>p{font-size:12px;line-height:1.6;color:#536579;margin:5px 0 13px}.coffee-guide-profile .study-primary{min-height:45px;margin-top:12px;padding:9px;font-size:13px}.coffee-guide-level{margin-top:10px}.coffee-guide-level>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px}.coffee-guide-level>div:first-child span{color:#536579}.coffee-guide-level-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:5px}.coffee-guide-level-bar span{padding:4px 1px;border-radius:4px;background:#e8eef2;text-align:center;font-size:10px;color:#60758a}.coffee-guide-level-bar .is-active{background:#4e8d88;color:#fff;font-weight:800}.coffee-guide-roast{margin-top:12px}.coffee-guide-roast>div{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:3px}.coffee-guide-roast>div span{min-height:22px;display:grid;place-items:center;border-radius:4px 4px 2px 2px;background:#f6dc94;color:#674c2b;font-size:10px}.coffee-guide-roast>div span:nth-child(2){background:#e8b46e}.coffee-guide-roast>div span:nth-child(3){background:#cf8651}.coffee-guide-roast>div span:nth-child(4){background:#aa6947;color:#fff}.coffee-guide-roast>div span:nth-child(5){background:#784934;color:#fff}.coffee-guide-roast>div span:nth-child(6){background:#422d28;color:#fff}.coffee-guide-roast>div .is-current{min-height:30px;font-weight:850}.coffee-guide-roast p{display:flex;justify-content:space-between;margin-top:3px;color:#60758a;font-size:10px}.coffee-guide-small-note{font-size:11px;line-height:1.75;color:#60758a;margin-top:13px}.coffee-guide-choice{position:relative;margin-top:14px;padding:17px 16px;border:2px solid #415967;border-radius:18px;background:#fff;overflow:hidden}.coffee-guide-choice h3{font-size:17px;margin-left:34px}.coffee-guide-choice p{font-size:13px;line-height:1.8;margin-top:9px}.coffee-guide-choice button:not(.study-primary){min-height:43px;margin-top:12px;border:1px solid #6486a7;border-radius:22px;padding:8px 13px;background:#eff6fd;color:#305fa2;font-size:13px;font-weight:800}.coffee-guide-number{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#6cb7e5;color:#fff;font-size:13px;font-weight:850}.coffee-guide-choice--origin{padding-bottom:0}.coffee-guide-choice--origin>div{position:relative;z-index:1}.coffee-guide-choice--origin img{display:block;width:calc(100% + 32px);height:auto;margin:10px -16px 0}.coffee-guide-type-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.coffee-guide-type-counts button{display:flex;min-height:92px!important;flex-direction:column;align-items:flex-start;justify-content:center;margin:0!important;border-radius:12px!important;background:#f4f8eb!important;color:#406434!important}.coffee-guide-type-counts button:last-child{background:#fff5e9!important;color:#825a31!important}.coffee-guide-type-counts b{font-size:14px}.coffee-guide-type-counts span{font-size:11px;line-height:1.5;margin-top:6px;text-align:left}.coffee-guide-map-button{margin-top:18px}.coffee-guide-basics{display:grid;gap:10px;list-style:none;padding:0;margin:15px 0}.coffee-guide-basics li{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:14px;border:2px solid #415967;border-radius:15px;background:#fff}.coffee-guide-basics li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6f2ed;color:#2c726a;font-size:20px}.coffee-guide-basics h3{font-size:16px}.coffee-guide-basics p{font-size:13px;line-height:1.7;margin-top:3px}.coffee-guide-calculator{padding:17px;border:2px solid #c29b4f;border-radius:18px;background:#fff9e7}.coffee-guide-calculator h3{font-size:17px}.coffee-guide-calculator>div{display:flex;gap:6px;margin-top:12px}.coffee-guide-calculator button{flex:1;min-height:42px;border:1px solid #c3a35e;border-radius:9px;background:#fff;color:#6a5324;font-weight:800}.coffee-guide-calculator button[aria-pressed=true]{background:#b88330;color:#fff;border-color:#9f7128}.coffee-guide-calculator p{font-size:17px;margin-top:14px}.coffee-guide-calculator small{font-size:11px;color:#6e6657}.coffee-guide-source{margin:28px 0 12px;color:#60758a;font-size:11px;line-height:1.8}.coffee-guide-source a{color:#305fa2;text-decoration:underline}.coffee-guide-dialog{width:min(590px,calc(100% - 24px));max-height:86dvh;margin:auto;padding:0;border:2px solid #31535e;border-radius:22px;color:#25384a;background:#fff}.coffee-guide-dialog::backdrop{background:#172f4f80}.coffee-guide-dialog-inner{padding:18px}.coffee-guide-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.coffee-guide-dialog-actions h2{margin:0;font-size:20px}.coffee-guide-dialog-actions button,.coffee-guide-zoom-actions button{min-height:40px;border:1px solid #7793b2;border-radius:9px;background:#fff;padding:6px 10px;font-weight:800}.coffee-guide-zoom-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}.coffee-guide-zoom-actions span{min-width:44px;text-align:center;font-size:12px}.coffee-guide-diagram{position:relative;min-height:330px;overflow:auto;border-radius:16px;background:#fbf9ef;text-align:center}.coffee-guide-diagram img{display:block;width:160px;height:240px;object-fit:contain;margin:44px auto;transform:scale(var(--guide-zoom));transform-origin:center;transition:transform .15s}.coffee-guide-diagram-label{position:absolute;display:block;width:84px;padding:7px;border:1px solid #4e7774;border-radius:8px;background:#eff8f5;color:#25484a;font-size:11px;font-weight:800;text-align:left}.coffee-guide-diagram-label--one{top:26px;left:10px}.coffee-guide-diagram-label--two{right:10px;top:122px}.coffee-guide-diagram-label--three{right:10px;bottom:28px}.coffee-guide-dialog-copy{display:grid;gap:8px;margin-top:14px;font-size:12px;line-height:1.7}.coffee-guide-dialog-copy p{padding:10px;border-radius:9px;background:#f4f8fb}@media(min-width:640px){.coffee-guide-concepts{grid-template-columns:repeat(3,1fr)}.coffee-guide-concepts article{display:block}.coffee-guide-concepts span{display:block}.coffee-guide-profile{grid-template-columns:150px minmax(0,1fr)}.coffee-guide-profile>img{height:225px}.coffee-guide-package{grid-template-columns:1fr 170px 1fr}.coffee-guide-package img{height:255px}}@media(max-width:370px){.coffee-guide-profile{grid-template-columns:84px minmax(0,1fr)}.coffee-guide-profile>img{height:126px}.coffee-guide-tabs button{font-size:11px}.coffee-guide-callout{font-size:10px}.coffee-guide-package{grid-template-columns:1fr 100px 1fr}}.coffee-guide-package{display:block;min-height:0;padding:12px 8px 30px;background:#fff}.coffee-guide-package img{width:100%;height:auto;display:block}.coffee-guide-reference-image{display:block;width:100%;height:auto;margin:16px 0;border-radius:12px;background:#fff}.coffee-guide-diagram{min-height:0;background:#fff;max-height:55dvh;overflow:auto;text-align:left}.coffee-guide-diagram img{display:block;max-width:none;height:auto;margin:0;transform:none;transition:none}.coffee-guide-dialog{overflow:auto}.coffee-guide-dialog-actions button,.coffee-guide-zoom-actions button{min-width:44px;min-height:44px}.coffee-guide-dialog button:focus-visible,.coffee-guide-diagram:focus-visible{outline:3px solid #305fa2;outline-offset:2px}.coffee-guide-small-note{font-size:12px;line-height:1.8;color:#536579;margin-top:12px}.coffee-guide-small-note a{color:#305fa2;text-decoration:underline}.coffee-guide-calculator button{min-height:44px}.coffee-guide-package-scroll{display:block}.coffee-guide-choice img.coffee-guide-reference-image{width:100%;height:auto;max-height:none;object-fit:contain}.coffee-guide-timeline{display:grid;gap:0;list-style:none;padding:0;margin:12px 0 22px}.coffee-guide-timeline li{display:grid;grid-template-columns:38px 1fr;gap:10px;position:relative;padding:0 0 16px}.coffee-guide-timeline li:not(:last-child):before{content:"";position:absolute;top:34px;bottom:0;left:18px;width:2px;background:#a9cfcc}.coffee-guide-timeline li>span{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:2px solid #397d78;border-radius:50%;background:#eff8f5;color:#27645f;font-size:13px;font-weight:850}.coffee-guide-timeline li>div{padding:9px 11px;border:1px solid #b8d5d2;border-radius:12px;background:#fff}.coffee-guide-timeline b{font-size:14px}.coffee-guide-timeline p{margin-top:3px;color:#536579;font-size:12px;line-height:1.6}.coffee-guide-cherry{position:relative;width:min(100%,280px);aspect-ratio:1;margin:12px auto 15px;border:14px solid #bc4a42;border-radius:50%;background:#ee8472;box-shadow:inset 0 0 0 14px #f2b25e,inset 0 0 0 28px #f6db9b,inset 0 0 0 42px #e8f0d8,inset 0 0 0 56px #d2dfc8}.coffee-guide-cherry:before{content:"";position:absolute;top:-28px;left:50%;width:32px;height:42px;border-radius:50% 50% 4px;background:#4e8d58;transform:rotate(28deg)}.coffee-guide-cherry span{position:absolute;display:grid;place-items:center;border-radius:50%;text-align:center;font-size:10px;font-weight:850;line-height:1.2}.coffee-guide-cherry-skin{top:13%;left:5%;color:#fff}.coffee-guide-cherry-pulp{top:22%;right:6%;color:#71452d}.coffee-guide-cherry-mucilage{bottom:15%;left:6%;color:#77562e}.coffee-guide-cherry-parchment{bottom:4%;right:24%;color:#536650}.coffee-guide-cherry-silver{top:39%;left:26%;width:64px;height:64px;background:#eef2e7;color:#607168}.coffee-guide-cherry-bean{top:50%;left:50%;width:46px;height:58px;background:#7eae72;color:#fff;transform:translate(-50%,-50%)}.coffee-guide-layer-table{display:grid;margin-bottom:22px;border:1px solid #bdd2d1;border-radius:14px;overflow:hidden}.coffee-guide-layer-table>div{display:grid;grid-template-columns:102px 1fr;border-top:1px solid #d8e3e1;font-size:12px}.coffee-guide-layer-table>div:first-child{border-top:0}.coffee-guide-layer-table b{padding:9px;background:#eff8f5;color:#27645f}.coffee-guide-layer-table span{padding:9px;color:#536579}.coffee-guide-process-grid,.coffee-guide-variety-grid{display:grid;gap:9px}.coffee-guide-process-grid article,.coffee-guide-variety-grid article{padding:14px;border:2px solid #415967;border-radius:15px;background:#fff}.coffee-guide-process-grid article:nth-child(2){border-color:#c29b4f;background:#fffaf0}.coffee-guide-process-grid article:nth-child(3){border-color:#8a694f;background:#faf4ef}.coffee-guide-process-grid span,.coffee-guide-variety-grid span{display:inline-block;padding:4px 8px;border-radius:99px;background:#e5f2ef;color:#286b65;font-size:11px;font-weight:850}.coffee-guide-process-grid h4,.coffee-guide-variety-grid h4{margin-top:8px;font-size:16px;font-weight:850}.coffee-guide-process-grid p,.coffee-guide-variety-grid p{margin-top:5px;color:#536579;font-size:12px;line-height:1.7}.coffee-guide-roast-journey{position:relative;margin:12px 0 22px;padding:18px 8px 7px;border:2px solid #684c3d;border-radius:17px;background:linear-gradient(180deg,#fff7e4,#f5e0bd)}.coffee-guide-roast-track{position:absolute;left:9%;right:9%;top:51px;height:5px;border-radius:99px;background:linear-gradient(90deg,#dda85b,#b6673d,#744332,#332522)}.coffee-guide-roast-journey ol{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:relative;list-style:none;padding:0;margin:0}.coffee-guide-roast-journey li{display:grid;grid-template-rows:40px 47px auto;min-width:0;text-align:center}.coffee-guide-roast-journey li:before{content:"";justify-self:center;width:13px;height:13px;margin-top:28px;border:3px solid white;border-radius:50%;background:#a05f39;box-shadow:0 0 0 2px #8b5a40}.coffee-guide-roast-journey span{font-size:9px;line-height:1.4;color:#654732}.coffee-guide-roast-journey strong{font-size:12px;line-height:1.3;color:#533426}.coffee-guide-roast-journey p{font-size:10px;line-height:1.45;color:#6b5546}.coffee-guide-tasting{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:12px 0}.coffee-guide-tasting li{min-height:132px;padding:12px;border:1px solid #b8cbde;border-radius:14px;background:#fff}.coffee-guide-tasting span{display:grid;place-items:center;width:26px;height:26px;margin-bottom:8px;border-radius:50%;background:#305fa2;color:#fff;font-size:12px;font-weight:850}.coffee-guide-tasting b{font-size:13px}.coffee-guide-tasting p{margin-top:5px;color:#536579;font-size:11px;line-height:1.6}.coffee-guide-compare-tip{padding:14px;border:2px solid #8cb8d6;border-radius:16px;background:#eff8fd}.coffee-guide-compare-tip>b{font-size:14px;color:#275a8b}.coffee-guide-compare-tip p{margin-top:5px;color:#536579;font-size:12px;line-height:1.7}.coffee-guide-compare-tip>div{display:grid;gap:7px;margin-top:11px}.coffee-guide-compare-tip button{min-height:42px;border:1px solid #6486a7;border-radius:22px;background:#fff;color:#305fa2;font-size:12px;font-weight:800}@media(min-width:640px){.coffee-guide-process-grid,.coffee-guide-variety-grid{grid-template-columns:repeat(3,1fr)}.coffee-guide-variety-grid{grid-template-columns:repeat(2,1fr)}.coffee-guide-tasting{grid-template-columns:repeat(4,1fr)}.coffee-guide-tasting li{min-height:145px}.coffee-guide-compare-tip>div{grid-template-columns:1fr 1fr}}.coffee-guide-sense-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 22px}.coffee-guide-sense-grid article{display:grid;grid-template-columns:32px 1fr;gap:8px;min-height:130px;padding:12px;border:1px solid #c7d7e5;border-radius:14px;background:#fff}.coffee-guide-sense-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f2ef;color:#286b65;font-size:12px;font-weight:850}.coffee-guide-sense-grid h4{font-size:14px;font-weight:850}.coffee-guide-sense-grid p{margin-top:4px;color:#536579;font-size:11px;line-height:1.6}.coffee-guide-sense-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.coffee-guide-sense-tags b{padding:3px 6px;border-radius:99px;background:#f5ead5;color:#73502b;font-size:9px}.coffee-guide-sense-scale{display:flex;align-items:center;gap:5px;margin-top:11px;color:#60758a;font-size:9px}.coffee-guide-sense-scale i{display:block;height:7px;flex:1;border-radius:99px;background:linear-gradient(90deg,#dbe8ef,#f1bb65,#d76d58)}.coffee-guide-sense-scale--body i{background:linear-gradient(90deg,#dce9ef,#b58c68,#593b35)}@media(min-width:640px){.coffee-guide-sense-grid{grid-template-columns:repeat(4,1fr)}.coffee-guide-sense-grid article{display:block}.coffee-guide-sense-icon{margin-bottom:8px}}.coffee-guide-roast-curve{margin:0 0 22px;padding:12px 13px 10px;border:1px solid #d9c4a3;border-radius:15px;background:#fffdf7}.coffee-guide-roast-curve svg{display:block;width:100%;height:auto;overflow:visible;color:#725e4b;font-size:8px}.coffee-guide-roast-curve-grid{fill:none;stroke:#d8cdbd;stroke-width:1}.coffee-guide-roast-curve-acidity,.coffee-guide-roast-curve-body{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.coffee-guide-roast-curve-acidity{stroke:#d16f5b}.coffee-guide-roast-curve-body{stroke:#5d7da3}.coffee-guide-roast-curve figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;color:#6b6258;font-size:10px;line-height:1.5}.coffee-guide-roast-curve figcaption span{display:inline-flex;align-items:center;gap:4px;font-weight:800}.coffee-guide-roast-curve figcaption span:last-child{font-weight:400}.coffee-guide-roast-curve figcaption i{display:inline-block;width:16px;height:3px;border-radius:2px}.coffee-guide-legend-acidity{background:#d16f5b}.coffee-guide-legend-body{background:#5d7da3}.coffee-guide-tasting-notes{margin-top:4px}.coffee-guide-tasting-notes h2{margin-top:26px}.coffee-guide-note-form{display:grid;gap:12px}.coffee-guide-note-form>label,.coffee-guide-note-form fieldset{display:grid;gap:6px}.coffee-guide-note-form label>span,.coffee-guide-note-form legend{font-size:12px;font-weight:800;color:#536579}.coffee-guide-note-form select,.coffee-guide-note-form textarea{width:100%;border:2px solid #7c99b6;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;color:#25384a}.coffee-guide-note-form textarea{resize:vertical;line-height:1.6}.coffee-guide-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coffee-guide-note-form fieldset{min-width:0;margin:0;padding:10px;border:1px solid #b8cbde;border-radius:13px;background:#fff}.coffee-guide-note-form fieldset>div{display:flex;gap:5px}.coffee-guide-note-form fieldset button,.coffee-guide-note-flavors button{min-height:40px;border:1px solid #7c99b6;border-radius:9px;background:#f7fbff;color:#305fa2;padding:7px 8px;font-size:11px;font-weight:800;cursor:pointer}.coffee-guide-note-form fieldset button[aria-pressed=true],.coffee-guide-note-flavors button[aria-pressed=true]{background:#305fa2;border-color:#305fa2;color:#fff}.coffee-guide-note-flavors>div{display:flex;flex-wrap:wrap;gap:6px}.coffee-guide-note-save{min-height:48px;margin-top:2px}.coffee-guide-note-saved{min-height:20px;margin:0;color:#27715e;font-size:12px;font-weight:800}.coffee-guide-note-history{margin-top:20px}.coffee-guide-note-history .coffee-guide-subtitle{margin-top:0}.coffee-guide-note-empty{padding:15px;border:1px dashed #b8cbde;border-radius:13px;background:#f7fbff;color:#536579;font-size:12px;line-height:1.7}.coffee-guide-note-card{display:grid;gap:8px;margin-top:9px;padding:13px;border:1px solid #b8cbde;border-radius:14px;background:#fff}.coffee-guide-note-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.coffee-guide-note-card h4{font-size:15px;font-weight:850}.coffee-guide-note-card time{display:block;margin-top:2px;color:#718398;font-size:10px}.coffee-guide-note-card-head button{border:0;background:transparent;color:#305fa2;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.coffee-guide-note-card-meta{color:#536579;font-size:11px;line-height:1.5}.coffee-guide-note-card-flavors{padding:7px 9px;border-radius:8px;background:#e8f3ee;color:#286b65;font-size:11px;font-weight:800}.coffee-guide-note-card-memo{padding-top:7px;border-top:1px solid #e5eaf0;color:#25384a;font-size:12px;line-height:1.6;white-space:pre-line}@media(min-width:640px){.coffee-guide-note-form{grid-template-columns:1fr 1fr}.coffee-guide-note-form>label:first-child{grid-column:1}.coffee-guide-note-form>label:nth-child(2){grid-column:2}.coffee-guide-note-fields,.coffee-guide-note-flavors,.coffee-guide-note-form>label:nth-of-type(3),.coffee-guide-note-save,.coffee-guide-note-saved{grid-column:1/-1}.coffee-guide-note-history{max-width:640px}}@media(min-width:371px)and (max-width:639px){.coffee-guide-tabs{overflow-x:visible}.coffee-guide-tabs button{min-width:0;flex:1 1 auto;padding-inline:3px;font-size:12px;white-space:nowrap}}.coffee-guide-origin-figure{margin:12px 0 0}.coffee-guide-origin-figure .coffee-guide-reference-image{margin:0;border-radius:12px}.coffee-guide-origin-figure figcaption{display:grid;gap:3px;padding:10px 11px;border:1px solid #d9e3eb;border-top:0;border-radius:0 0 12px 12px;background:#f7fbff;color:#536579;font-size:11px;line-height:1.6}.coffee-guide-origin-figure figcaption small{margin-top:3px;color:#718398;font-size:10px}.manabi-more{padding-top:40px!important}.manabi-more-summary{position:relative;display:flex;align-items:center;gap:8px;max-width:960px;margin:auto;padding:16px 50px 16px 18px;border:2px solid #3e3e3e;border-radius:15px;background:#fff;font-size:16px;font-weight:850;cursor:pointer;list-style:none}.manabi-more-summary::-webkit-details-marker{display:none}.manabi-more-summary small{display:block;margin-left:auto;color:#687889;font-size:11px;font-weight:500}.manabi-more-summary>b{position:absolute;right:16px;color:#305fa2;font-size:22px}.manabi-more[open] .manabi-more-summary>b{transform:rotate(45deg)}.manabi-more-body{max-width:960px;margin:auto}.manabi-more-body .manabi-themes,.manabi-more-body .manabi-keywords{padding-top:34px}.manabi-more-body .manabi-section-title{margin-bottom:24px}.coffee-guide-extraction-grid{display:grid;gap:9px}.coffee-guide-extraction-grid article{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px;border:1px solid #b8cbde;border-radius:14px;background:#fff}.coffee-guide-extraction-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8f3ee;color:#276d61;font-size:22px;font-weight:850}.coffee-guide-extraction-grid h4{font-size:15px;font-weight:850}.coffee-guide-extraction-grid p{margin-top:3px;color:#536579;font-size:12px;line-height:1.6}.coffee-guide-extraction-grid small{display:block;margin-top:5px;color:#718398;font-size:11px}.coffee-guide-freshness-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coffee-guide-freshness-grid article{display:grid;gap:3px;padding:12px;border:1px solid #d9c4a3;border-radius:12px;background:#fffdf7}.coffee-guide-freshness-grid b{font-size:14px;color:#684c3d}.coffee-guide-freshness-grid span{font-size:11px;color:#6b6258}@media(min-width:640px){.coffee-guide-extraction-grid{grid-template-columns:repeat(3,1fr)}.coffee-guide-extraction-grid article{display:block}.coffee-guide-extraction-icon{margin-bottom:8px}}.coffee-guide-roast>div .is-current{background:#305fa2!important;color:#fff!important}.coffee-guide-origin-figure figcaption small{color:#536579}.browse-simple-page{--browse-ink:#192332;--browse-muted:#657080;--browse-indigo:#4563ed;--browse-mint:#b9f0d5;--browse-line:#e2e6eb;min-height:100%;padding:26px 16px 56px;background:#f6f7fb;color:var(--browse-ink);font-family:var(--font-app)}.browse-simple-page *{box-sizing:border-box}.browse-simple-page button,.browse-simple-page input{font:inherit}.browse-simple-page button{cursor:pointer}.browse-simple-page button:focus-visible,.browse-simple-page input:focus-visible,.browse-simple-page summary:focus-visible{outline:3px solid var(--browse-indigo);outline-offset:3px}.browse-simple-header,.browse-simple-search,.browse-simple-section,.browse-simple-themes{width:min(100%,720px);margin-inline:auto}.browse-simple-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 29px}.browse-simple-header p,.browse-simple-search-copy p,.browse-simple-heading p{margin:0;color:var(--browse-muted);font-size:10px;font-weight:750;letter-spacing:.12em}.browse-simple-header h1{margin:4px 0 0;font-size:31px;line-height:1.05;letter-spacing:.045em}.browse-simple-header nav{display:flex;gap:7px}.browse-simple-header nav button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--browse-line);border-radius:10px;background:#fff;padding:8px 9px;color:#405067;font-size:11px;font-weight:700}.browse-simple-header nav svg{width:16px;height:16px;color:var(--browse-indigo)}.browse-simple-search{border:1px solid var(--browse-line);border-radius:20px;background:#fff;padding:20px;box-shadow:0 8px 22px #1c294009}.browse-simple-search-copy{margin-bottom:16px}.browse-simple-search-copy h2{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.browse-simple-search form{display:flex;gap:8px;padding:4px;border:1px solid #d7dce4;border-radius:12px;background:#fbfcfd}.browse-simple-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:9px 8px;color:var(--browse-ink);font-size:14px}.browse-simple-search input::placeholder{color:#8a94a3}.browse-simple-search form button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:9px;background:var(--browse-indigo);padding:9px 11px;color:#fff;font-size:12px;font-weight:750}.browse-simple-search form .browse-simple-arrow{color:#fff;font-size:15px}.browse-simple-results{margin-top:15px}.browse-simple-results>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.browse-simple-results p{margin:0}.browse-simple-results>div button{border:0;background:transparent;color:var(--browse-indigo);font-size:12px;text-decoration:underline}.browse-simple-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid #edf0f3;background:#fff;padding:13px 2px;text-align:left;color:var(--browse-ink)}.browse-simple-result strong,.browse-simple-result small{display:block}.browse-simple-result strong{font-size:14px}.browse-simple-result small{margin-top:3px;color:var(--browse-muted);font-size:11px;line-height:1.45}.browse-simple-arrow{flex:none;color:var(--browse-indigo);font-size:19px;line-height:1}.browse-simple-empty{padding:15px 0;color:var(--browse-muted);font-size:13px}.browse-simple-section{padding-top:38px}.browse-simple-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}.browse-simple-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}.browse-simple-entry-grid,.browse-simple-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.browse-simple-entry{position:relative;min-height:148px;overflow:hidden;border:1px solid var(--browse-line);border-radius:18px;padding:17px 52px 16px 16px;text-align:left;color:var(--browse-ink);transition:border-color .16s,transform .16s,box-shadow .16s}.browse-simple-entry:hover,.browse-simple-tool-grid button:hover{border-color:#bfc8d4;box-shadow:0 8px 20px #1c294011;transform:translateY(-1px)}.browse-simple-entry.coral{background:#fff}.browse-simple-entry.lemon{background:#f4fff9}.browse-simple-entry.coral:before,.browse-simple-entry.lemon:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--browse-indigo)}.browse-simple-entry.lemon:before{background:#5ebd91}.browse-simple-entry small,.browse-simple-entry strong{display:block}.browse-simple-entry small{color:var(--browse-muted);font-size:10px;line-height:1.45}.browse-simple-entry strong{margin-top:6px;font-size:18px;line-height:1.28;letter-spacing:-.02em}.browse-simple-entry img{position:absolute;right:7px;bottom:8px;width:54px;height:80px;object-fit:contain;mix-blend-mode:multiply}.browse-simple-entry .browse-simple-arrow{position:absolute;top:12px;right:12px;font-size:15px}.browse-simple-tools{padding-top:42px}.browse-simple-tool-grid button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:94px;border:1px solid var(--browse-line);border-radius:16px;background:#fff;padding:13px;text-align:left;color:var(--browse-ink);transition:border-color .16s,transform .16s,box-shadow .16s}.browse-simple-tool-grid button>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf0ff;color:var(--browse-indigo)}.browse-simple-tool-grid button+button>span{background:#e9faf1;color:#269465}.browse-simple-tool-grid svg{width:19px;height:19px}.browse-simple-tool-grid strong{font-size:13px}.browse-simple-tool-grid small{grid-column:2/4;color:var(--browse-muted);font-size:10px}.browse-simple-tool-grid .browse-simple-arrow{grid-column:3;grid-row:1;font-size:16px}.browse-simple-themes{margin-top:38px;border:1px solid var(--browse-line);border-radius:16px;background:#fff;overflow:hidden}.browse-simple-themes summary{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;cursor:pointer;list-style:none}.browse-simple-themes summary::-webkit-details-marker{display:none}.browse-simple-themes summary small,.browse-simple-themes summary strong{display:block}.browse-simple-themes summary small{color:var(--browse-muted);font-size:10px;font-weight:750;letter-spacing:.1em}.browse-simple-themes summary strong{margin-top:3px;font-size:15px}.browse-simple-themes summary b{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--browse-line);border-radius:50%;color:var(--browse-indigo);font-size:18px;font-weight:400}.browse-simple-themes[open] summary{border-bottom:1px solid var(--browse-line)}.browse-simple-themes[open] summary b{transform:rotate(45deg)}.browse-simple-theme-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--browse-line)}.browse-simple-theme-list button{display:flex;align-items:center;justify-content:space-between;gap:7px;border:0;background:#fff;padding:13px;text-align:left;color:var(--browse-ink);font-size:12px}.browse-simple-theme-list button:hover{background:#f8f9fc}.browse-simple-theme-list .browse-simple-arrow{font-size:15px}.browse-simple-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:600px){.browse-simple-page{padding-top:36px}.browse-simple-header h1{font-size:36px}.browse-simple-search{padding:26px}.browse-simple-search-copy h2{font-size:24px}.browse-simple-entry{min-height:164px;padding:20px 73px 20px 20px}.browse-simple-entry strong{font-size:21px}.browse-simple-entry img{right:13px;width:67px;height:96px}.browse-simple-tool-grid button{min-height:105px;padding:17px}}@media(max-width:359px){.browse-simple-page{padding-inline:12px}.browse-simple-header{gap:8px}.browse-simple-header h1{font-size:27px}.browse-simple-header nav button{padding:7px}.browse-simple-header nav span{display:none}.browse-simple-search{padding:16px}.browse-simple-search-copy h2{font-size:18px}.browse-simple-entry{min-height:142px;padding-left:13px;padding-right:42px}.browse-simple-entry strong{font-size:16px}.browse-simple-entry img{width:47px;height:68px;right:4px}.browse-simple-tool-grid button{padding:10px;grid-template-columns:30px 1fr auto}.browse-simple-tool-grid button>span{width:30px;height:30px}.browse-simple-theme-list button{padding:11px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.browse-simple-page *{transition:none!important}}.browse-simple-entry strong{white-space:pre-line}@media(max-width:359px){.browse-simple-entry strong{font-size:16px;letter-spacing:-.04em}}.browse-simple-page{position:relative;isolation:isolate;font-family:var(--font-app);background:radial-gradient(circle at 4% -4%,#e7ebff 0,transparent 30%),radial-gradient(circle at 96% 30%,#e3f8ef 0,transparent 26%),#f6f7fb}.browse-simple-header{padding-top:9px}.browse-simple-header p{display:inline-flex;align-items:center;gap:7px;color:#5265e7;font-weight:850;letter-spacing:.16em}.browse-simple-header p:before{content:"";width:8px;height:8px;border-radius:3px;background:#5265e7;box-shadow:0 0 0 4px #e5e9ff}.browse-simple-header h1{font-size:38px;font-weight:850;letter-spacing:-.06em}.browse-simple-search{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#aab8ff,#c7f0dc) border-box;box-shadow:0 14px 35px #344fdc12;padding:25px 24px}.browse-simple-search-copy h2{font-size:24px;font-weight:800;letter-spacing:-.045em}.browse-simple-search form{border:1px solid #cdd5e6;border-radius:15px;background:#f9faff;box-shadow:inset 0 1px 2px #21376b0a}.browse-simple-search input{font-size:15px}.browse-simple-search form button{border-radius:11px;background:linear-gradient(135deg,#4e60ed,#6a78ff);box-shadow:0 5px 13px #4e60ed35;padding:11px 14px;font-size:13px}.browse-simple-search form button:hover{background:linear-gradient(135deg,#3c50e5,#5c6df6);transform:translateY(-1px)}.browse-simple-section{padding-top:47px}.browse-simple-heading{margin-bottom:17px}.browse-simple-heading h2{font-size:20px;font-weight:820;letter-spacing:-.045em}.browse-simple-heading h2:before{content:"✦";display:inline-block;margin-right:8px;color:#5265e7;font-size:14px;transform:translateY(-1px)}.browse-simple-entry-grid,.browse-simple-tool-grid{gap:14px}.browse-simple-entry{min-height:174px;border:1px solid transparent;border-radius:22px;padding:19px 76px 18px 19px;background:linear-gradient(135deg,#fff,#f1f3ff) padding-box,linear-gradient(135deg,#d8defd,#e4e8f2) border-box;box-shadow:0 9px 22px #1d2f7c0b;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.browse-simple-entry.lemon{background:linear-gradient(135deg,#f9fffc,#e9fbf2) padding-box,linear-gradient(135deg,#d4f0e2,#dfece6) border-box}.browse-simple-entry:hover,.browse-simple-tool-grid button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #1d2f7c18}.browse-simple-entry:before{width:4px;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#5265e7,#8da0ff)}.browse-simple-entry.lemon:before{background:linear-gradient(180deg,#40b987,#a1e4c4)}.browse-simple-entry small{font-size:11px;font-weight:650}.browse-simple-entry strong{font-size:20px;font-weight:850;letter-spacing:-.045em}.browse-simple-entry img{right:13px;bottom:12px;width:70px;height:104px;filter:drop-shadow(0 7px 8px #1d2f7c16)}.browse-simple-entry .browse-simple-arrow{top:15px;right:15px;color:#5265e7;font-size:18px}.browse-simple-tools{padding-top:50px}.browse-simple-tool-grid button{min-height:108px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#d8defd,#dceee7) border-box;box-shadow:0 8px 20px #1d2f7c0a;padding:15px}.browse-simple-tool-grid button>span{width:42px;height:42px;border-radius:13px;background:#edf0ff;box-shadow:0 0 0 5px #f7f8ff;color:#5265e7}.browse-simple-tool-grid button+button>span{background:#e5faef;box-shadow:0 0 0 5px #f8fffb;color:#27a16b}.browse-simple-tool-grid strong{font-size:15px;font-weight:820}.browse-simple-tool-grid small{font-size:11px}.browse-simple-tool-grid .browse-simple-arrow{color:#5265e7}.browse-simple-themes{margin-top:42px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#dae0ff,#d6f0e2) border-box;box-shadow:0 8px 20px #1d2f7c0a}.browse-simple-themes summary{padding:17px 18px}.browse-simple-themes summary strong{font-size:16px;font-weight:820}.browse-simple-themes summary b{color:#5265e7}.browse-simple-theme-list button{font-size:13px}.browse-simple-theme-list button:hover{background:#f2f4ff}@media(min-width:600px){.browse-simple-header h1{font-size:42px}.browse-simple-search{padding:30px}.browse-simple-search-copy h2{font-size:27px}.browse-simple-entry{min-height:188px;padding:23px 91px 22px 22px}.browse-simple-entry strong{font-size:23px}.browse-simple-entry img{right:16px;width:80px;height:118px}.browse-simple-tool-grid button{min-height:118px;padding:18px}.browse-simple-tool-grid button>span{width:48px;height:48px}.browse-simple-tool-grid strong{font-size:17px}}@media(max-width:359px){.browse-simple-header h1{font-size:30px}.browse-simple-search-copy h2{font-size:19px}.browse-simple-entry{min-height:148px;padding-right:48px}.browse-simple-entry strong{font-size:17px}.browse-simple-entry img{right:6px;width:51px;height:75px}.browse-simple-tool-grid button>span{width:34px;height:34px}}.browse-simple-entry{padding-right:18px}.browse-simple-entry strong{max-width:calc(100% - 14px)}.browse-simple-entry img{right:11px;bottom:10px;width:64px;height:94px;opacity:.88}@media(min-width:600px){.browse-simple-entry{padding-right:22px}.browse-simple-entry strong{max-width:calc(100% - 20px)}.browse-simple-entry img{right:16px;width:80px;height:118px}}@media(max-width:359px){.browse-simple-entry{padding-right:15px}.browse-simple-entry strong{max-width:calc(100% - 8px)}.browse-simple-entry img{right:5px;width:51px;height:75px}}@media(min-width:900px){.browse-simple-header,.browse-simple-search,.browse-simple-section,.browse-simple-themes{width:min(100%,960px)}.browse-simple-section{padding-top:56px}.browse-simple-entry-grid,.browse-simple-tool-grid{gap:18px}.browse-simple-entry{min-height:196px}.browse-simple-entry img{width:92px;height:136px}}.data-table-shell{border-color:#dfe5ef;border-radius:20px;background:#fff;box-shadow:0 6px 20px #1923320a;scrollbar-color:#9eafd0 #eef1f6}.data-table{min-width:760px;font-size:13px}.data-table thead tr{background:#192332;color:#fff;border:0}.data-table thead th{padding:13px 14px;border-color:#3b4a63;color:#fff;font-size:12px;letter-spacing:.02em;white-space:nowrap}.data-table thead .data-table__first{background:#192332;color:#fff;border-color:#3b4a63}.data-table tbody tr{border-color:#edf0f4;background:#fff;transition:background .15s ease}.data-table tbody tr:nth-child(2n){background:#fafbfe}.data-table tbody tr:hover{background:#f1f4ff}.data-table tbody th,.data-table tbody td{padding:14px;font-size:13px;line-height:1.6;border-color:#edf0f4;vertical-align:top}.data-table tbody th.data-table__first{background:inherit;color:#192332;font-weight:750}.data-table tbody tr:hover .data-table__first{background:#f1f4ff}.data-table tbody td{color:#344156}.study-detail--master{padding-bottom:92px}.study-detail--master .study-table-hint{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 10px;border-radius:999px;background:#edf0ff;color:#52658a;font-size:11px}.study-detail--master .study-table-hint:first-letter{color:#4563ed}@media(max-width:600px){.data-table{min-width:720px}.data-table thead th{padding:12px;font-size:11px}.data-table tbody th,.data-table tbody td{padding:12px;font-size:12px}}.study-detail--master .study-detail-header{margin:0 0 18px;padding:20px 18px;border-radius:24px;background:linear-gradient(135deg,#192332,#2e446b);color:#fff;box-shadow:0 12px 26px #1923321c}.study-detail--master .study-detail-header h1{color:#fff}.study-detail--master .study-detail-header .study-back{border:0;background:#fff;color:#192332}.study-detail--master>p.text-sm{color:#5f6b7d}.study-detail--master .study-filter{border-color:#dfe5ef;background:#fff;box-shadow:0 5px 18px #1c294008}.study-detail--master .study-filter summary{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#192332}.master-record-grid{display:grid;gap:16px}.master-record{overflow:hidden;border:1px solid #e1e6ef;border-radius:22px;background:#fff;box-shadow:0 5px 18px #1923320a}.master-record-header{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#eef2ff}.master-record--blonde .master-record-header{background:#f7f2e5}.master-record--dark .master-record-header{background:#f3edf2}.master-record-index{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#dce4ff;color:#3348b3;font-size:11px;font-weight:800;letter-spacing:.04em}.master-record--blonde .master-record-index{background:#f1ddb0;color:#6b5017}.master-record--dark .master-record-index{background:#e5cede;color:#654055}.master-record-header h2{margin:0;color:#192332;font-size:16px;line-height:1.45;letter-spacing:-.02em}.master-record-header p{margin:4px 0 0;color:#556273;font-size:11px;line-height:1.5}.master-record-content{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px 18px 18px}.master-record-content>img{width:76px;height:114px;object-fit:contain;align-self:start}.master-record-content dl{margin:0}.master-record-content dl>div{display:grid;grid-template-columns:minmax(70px,34%) minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid #edf0f4}.master-record-content dl>div:last-child{border-bottom:0}.master-record-content dt{color:#677385;font-size:11px;line-height:1.55}.master-record-content dd{margin:0;color:#192332;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}@media(min-width:768px){.master-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-record-content{grid-template-columns:82px minmax(0,1fr);padding:16px 20px 20px}.master-record-content>img{width:82px;height:124px}}@media(max-width:420px){.master-record-content{grid-template-columns:64px minmax(0,1fr);gap:10px;padding-inline:14px}.master-record-content>img{width:64px;height:100px}.master-record-header{padding-inline:14px}.master-record-header h2{font-size:15px}.master-record-content dl>div{grid-template-columns:minmax(58px,34%) minmax(0,1fr);gap:6px}}.study-detail--master .study-filter summary:after{content:"＋";display:grid;place-items:center;width:26px;height:26px;border:1px solid #dfe5ef;border-radius:50%;color:#4563ed;font-size:17px;font-weight:400;line-height:1}.study-detail--master .study-filter[open] summary:after{transform:rotate(45deg)}.study-detail--master>p.mt-3.text-sm.font-semibold.text-ink{display:inline-flex;align-items:center;margin-top:14px;padding:5px 10px;border-radius:999px;background:#edf0ff;color:#3d55c4;font-size:12px}.coffee-app .ba-home{max-width:1060px;margin:auto;padding:42px 36px 48px;color:#24352b}.ba-home-heading{margin-bottom:30px}.ba-home-heading>p{margin:0 0 10px;color:#4c7d33;letter-spacing:.12em;font-size:12px;font-weight:800}.ba-home-heading h1{margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:850;line-height:1.5;letter-spacing:-.035em}.ba-home-heading>span{display:block;margin-top:8px;color:#6c776e;font-size:14px}.ba-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:28px;align-items:start}.ba-home-main,.ba-home-aside{min-width:0}.ba-home-aside{display:grid;gap:20px}.ba-next{overflow:hidden;border:2px solid #bbd7a8;border-radius:22px;background:#fff;box-shadow:0 4px #e0ebd9}.ba-next-banner{display:flex;align-items:center;gap:8px;padding:15px 22px;background:#72ba3c;color:#183908;font-size:14px;font-weight:850}.ba-next-banner>span:first-child{font-size:23px;line-height:1}.ba-next-banner>span:last-child{margin-left:auto;font-size:11px;padding:4px 8px;border:1px solid #487e2780;border-radius:7px;white-space:nowrap}.ba-next-content{display:flex;align-items:center;min-height:228px;padding:20px 24px 12px;gap:4px}.ba-next-content>div{flex:1;min-width:0}.ba-next-kicker{color:#527645!important;font-size:12px!important;font-weight:800}.ba-next h2{margin:9px 0 10px;font-size:25px;line-height:1.5;font-weight:850;letter-spacing:-.025em}.ba-next-content p{margin:0;color:#6b786b;font-size:14px;line-height:1.8}.ba-coffee-art{width:148px;flex-shrink:0;transform:rotate(-4deg)}.coffee-app .ba-primary{display:flex;align-items:center;justify-content:center;gap:18px;width:calc(100% - 48px);min-height:52px;margin:4px 24px 28px;padding:12px 18px;border:2px solid #6eb335;border-radius:14px;background:#80ce40;color:#19390b;box-shadow:0 4px #589526;font:inherit;font-size:15px;font-weight:850;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.coffee-app .ba-primary:active{transform:translateY(4px);box-shadow:none}.ba-primary>span{font-size:20px}.ba-study-options{margin-top:32px}.ba-study-options h2{font-size:18px;font-weight:800;margin:0 0 16px}.coffee-app .ba-action{display:flex;align-items:center;gap:17px;width:100%;min-height:96px;margin:0 0 15px;padding:18px 20px;border:2px solid #dfe5db;border-radius:18px;box-shadow:0 3px #dfe5db;background:#fff;color:#24352b;text-align:left;font:inherit;cursor:pointer}.ba-action>span:nth-child(2){flex:1;min-width:0}.ba-action strong{display:block;font-size:16px;font-weight:800}.ba-action small{display:block;margin-top:6px;color:#6c776e;font-size:13px;line-height:1.6}.ba-action-arrow{font-size:28px;color:#90a186}.ba-action-icon{display:grid;place-items:center;flex:0 0 48px;height:52px;border-radius:15px;background:#e8f4fe;color:#2696c8}.ba-action-icon svg{width:31px;height:31px}.ba-action-icon--cards{color:#aa7931;background:#fff2d7}.ba-action-icon--review{color:#9b69b8;background:#f5eafd}.ba-action-icon--new{color:#598732;background:#eef8dc}.coffee-app .ba-action:active{transform:translateY(3px);box-shadow:none}.ba-summary{padding:23px 21px;border:2px solid #e1e6dd;border-radius:20px;background:#fff}.ba-summary h2{margin:0;font-size:17px;font-weight:800}.ba-summary-title{display:flex;gap:10px;align-items:center}.ba-summary-symbol{display:grid;place-items:center;width:31px;height:31px;background:#fff0d4;color:#b47c23;border-radius:10px;font-size:25px}.ba-summary-number{font-size:42px;line-height:1.25;font-weight:850;margin:20px 0 3px;letter-spacing:-.03em}.ba-summary-number>span{font-size:16px;font-weight:650;color:#819079;letter-spacing:0}.ba-summary-caption{font-size:12px;color:#70806a;margin:0 0 18px}.ba-meter{height:15px;overflow:hidden;background:#eaf0e5;border-radius:20px}.ba-meter>span{display:block;height:100%;border-radius:inherit;background:#83c846;box-shadow:inset 0 4px #a7de70;transition:width .3s}.ba-week-total{font-size:12px;color:#75816e;margin:12px 0 18px}.ba-week-total strong{font-size:25px;color:#34492d;margin-right:3px}.ba-week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;text-align:center}.ba-week-track{height:64px;display:flex;align-items:end;justify-content:center}.ba-week-chart i{display:block;background:#b7d88f;width:16px;border-radius:7px}.ba-week-chart>div:last-child i{background:#80c83e}.ba-week-chart span{display:grid;place-items:center;width:24px;height:24px;margin:8px auto 0;font-size:11px;color:#718166;border-radius:50%}.ba-week-chart .is-today{background:#edf6df;color:#3c7024;font-weight:850}.ba-week-note{padding-top:14px;border-top:1px solid #e7ecdf;margin:18px 0 0;font-size:12px;color:#798572}@media(hover:hover){.coffee-app .ba-primary:hover{background:#8bd84b}.coffee-app .ba-action:hover{background:#f8fcf3;border-color:#a6c791;box-shadow:0 3px #a6c791}}@media(max-width:1100px){.ba-home-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.ba-coffee-art{width:112px}.ba-next-content{padding-inline:20px}.ba-next h2{font-size:23px}}@media(max-width:900px){.ba-home-layout{grid-template-columns:1fr}.ba-home-aside{grid-template-columns:1fr 1fr}.ba-coffee-art{width:150px}.ba-next-content{min-height:210px}.ba-summary{padding:20px}.ba-week-total{margin-bottom:10px}}@media(max-width:600px){.coffee-app .ba-home{padding:24px 20px 28px}.ba-home-heading{margin-bottom:23px}.ba-home-heading h1{font-size:24px;max-width:290px}.ba-home-heading>span{font-size:13px}.ba-home-layout{gap:26px}.ba-next-banner{padding:14px 18px}.ba-next-content{min-height:208px;padding:19px 17px 12px}.ba-next h2{font-size:22px}.ba-next-content p{font-size:13px}.ba-next-kicker{font-size:11px!important}.ba-coffee-art{width:112px;margin-right:-10px}.coffee-app .ba-primary{width:calc(100% - 36px);margin:4px 18px 23px;font-size:14px}.ba-study-options{margin-top:28px}.ba-study-options h2{font-size:17px}.coffee-app .ba-action{padding:16px;gap:13px;min-height:90px}.ba-action strong{font-size:15px}.ba-action small{font-size:12px}.ba-action-icon{flex-basis:43px;height:46px}.ba-home-aside{grid-template-columns:1fr}.ba-summary{padding:22px}.ba-week-chart{max-width:320px;margin:auto}.ba-summary-number{margin-top:15px}.ba-summary-caption{margin-bottom:14px}}@media(max-width:359px){.coffee-app .ba-home{padding-inline:15px}.ba-coffee-art{width:83px}.ba-next h2{font-size:20px}.ba-action-icon{flex-basis:36px}.ba-action strong{font-size:14px}}.coffee-app .study-session.study-session{--color-accent:#78c928;--color-accent-strong:#244810;--color-accent-wash:#edf8e3;color:#24352b}.coffee-app .study-session .study-session-header{gap:10px;padding:14px 0 12px}.coffee-app .study-session .study-session-header>span:nth-child(2){color:#526257;font-weight:750}.coffee-app .study-session .study-session-header>span:last-child{border:1px solid #c8d8c4;background:#f1f8ed;color:#365c1b;font-weight:800}.coffee-app .study-session .study-pause{border:1px solid #bdcabe;border-radius:12px;background:#fff;color:#24352b;font-weight:800}.coffee-app .study-session [role=progressbar]{height:14px!important;border:2px solid #d9e5d8;background:#edf3eb!important}.coffee-app .study-session [role=progressbar]>div{background:#78c928!important}.coffee-app .study-session .study-session-card{margin-top:18px}.coffee-app .study-session.study-session .flip-face{border:2px solid #9eb1a0;border-bottom:5px solid #748b77;border-radius:22px;background:#fff;box-shadow:none;color:#24352b}.coffee-app .study-session.study-session .flip-face-back{background:#f7faf5}.coffee-app .study-session .flip-face .text-ink{color:#24352b}.coffee-app .study-session .flip-face .text-ink-muted{color:#607066}.coffee-app .study-session .study-session-actions{background:#f7faf5;padding-top:14px}.coffee-app .study-session .study-primary{min-height:54px;border:2px solid #4f9e14;border-bottom-width:5px;border-radius:16px;background:#78c928;box-shadow:none;color:#244810;font-weight:850}.coffee-app .study-session .study-primary:hover{background:#8bd83a}.coffee-app .study-session .study-primary:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px}.coffee-app .study-session .study-rating-help{color:#526257;font-weight:700}.coffee-app .study-session .study-rating-grid{gap:10px}.coffee-app .study-session .study-rating{min-height:62px;border-width:2px;border-bottom-width:4px;border-radius:15px;box-shadow:none;font-weight:850}.coffee-app .study-session .study-rating small{color:currentColor;font-weight:650;opacity:.8}.coffee-app .study-session .study-rating:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.coffee-app .study-session .study-rating.again{border-color:#db7765;background:#fff1ed;color:#8b3429}.coffee-app .study-session .study-rating.hard{border-color:#d4a348;background:#fff8e6;color:#775710}.coffee-app .study-session .study-rating.good{border-color:#72af3c;background:#eff9e8;color:#315d15}.coffee-app .study-session .study-rating.easy{border-color:#4d9bd1;background:#edf7ff;color:#1d5d93}.coffee-app .study-session button:focus-visible,.coffee-app .study-session a:focus-visible{outline:3px solid #347bba;outline-offset:3px}@media(max-width:360px){.coffee-app .study-session .study-rating{min-height:57px;font-size:13px}.coffee-app .study-session .study-rating small{font-size:10px}}@media(prefers-reduced-motion:reduce){.coffee-app .study-session .study-primary,.coffee-app .study-session .study-rating{transition:none}}.quiz-screen{margin-top:18px}.quiz-exit{display:inline-flex;align-items:center;gap:7px;min-height:48px;border:1px solid var(--app-line, #b8cbde);border-radius:13px;background:#fff;color:var(--app-ink, #305fa2);padding:10px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.quiz-exit span{color:var(--app-muted, #65666b);font-size:11px;font-weight:600}.quiz-error{margin:14px 0 0;border-left:4px solid #b54638;background:#fff1ed;padding:11px 13px;color:#762e26;font-size:13px;line-height:1.6}.quiz-question{margin-top:22px}.quiz-progress-label{display:flex;justify-content:space-between;gap:12px;color:var(--app-ink, #3e3e3e);font-size:13px;font-weight:750}.quiz-progress-label span:last-child{color:var(--app-muted, #65666b);font-size:12px;font-weight:600}.quiz-progress{height:8px;overflow:hidden;margin-top:9px;border-radius:99px;background:#dfe9ee}.quiz-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#367dc2,#2c9d93);transition:width .2s ease}.quiz-instruction{margin:-4px 0 15px;color:var(--app-muted, #65666b);font-size:13px;line-height:1.7}.quiz-choices{display:grid;gap:10px}.coffee-app .quiz-choice{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 15px!important;font-size:15px;line-height:1.5}.quiz-choice-letter{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #aab8c7;border-radius:50%;color:#45576b;font-size:12px;font-weight:800}.quiz-choice-text{flex:1;min-width:0;overflow-wrap:anywhere}.quiz-choice-result{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:12px;font-weight:800}.quiz-choice.is-correct{border:2px solid #26775f!important;background:#eaf7f1!important;color:#164b3c}.quiz-choice.is-correct .quiz-choice-letter{border-color:currentColor;background:#26775f;color:#fff}.quiz-choice.is-incorrect{border:2px solid #b64a3a!important;background:#fff0ec!important;color:#7c3027}.quiz-choice.is-incorrect .quiz-choice-letter{border-color:currentColor;background:#b64a3a;color:#fff}.quiz-feedback{margin-top:20px;scroll-margin-top:16px}.quiz-feedback:focus{outline:none}.quiz-feedback:focus-visible{outline:3px solid #305fa2;outline-offset:4px}.quiz-feedback.is-correct{border-color:#26775f;background:#f3fbf7}.quiz-feedback.is-incorrect{border-color:#b64a3a;background:#fff7f4}.quiz-feedback-title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:850}.quiz-feedback-title span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#526071;color:#fff;font-size:16px}.quiz-feedback.is-correct .quiz-feedback-title{color:#1b6852}.quiz-feedback.is-incorrect .quiz-feedback-title{color:#923a2f}.quiz-feedback-detail{margin:14px 0 0;color:#63312c;font-size:13px;line-height:1.7}.quiz-answer-label{margin:16px 0 3px;color:var(--app-muted, #65666b);font-size:12px;font-weight:700}.quiz-answer{margin:0;font-size:16px;font-weight:800;line-height:1.6}.quiz-source{display:inline-flex;min-height:48px;align-items:center;margin:10px 0 8px;color:#215c9e;font-size:13px;font-weight:700}.quiz-feedback .study-primary{margin-top:8px}.quiz-complete{margin-top:22px;text-align:center;padding:28px 20px!important}.quiz-complete-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:#e3f5ee;color:#1c795d;font-size:32px;font-weight:850}.quiz-kicker{margin:0;color:#287060;font-size:12px;font-weight:800;letter-spacing:.08em}.quiz-complete h2{margin:6px 0 0;font-size:22px}.quiz-score{display:flex;justify-content:center;align-items:baseline;margin:11px 0 14px;color:var(--app-ink, #305fa2)}.quiz-score strong{font-size:38px;line-height:1}.quiz-score span{font-size:16px;font-weight:750}.quiz-complete .study-muted{margin-bottom:20px;text-align:left}@media(max-width:380px){.coffee-app .quiz-choice{gap:9px;padding-inline:12px!important}.quiz-choice-result{font-size:11px}.quiz-progress-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.quiz-progress span{transition:none}}.quiz-feedback.is-correct .quiz-feedback-title span{background:#1b6852}.quiz-feedback.is-incorrect .quiz-feedback-title span{background:#923a2f}.coffee-app .quiz-screen{--lesson-ink:#24352b;--lesson-muted:#607066;--lesson-line:#b8c8ba;--lesson-green:#78c928;--lesson-green-dark:#4f9e14;--lesson-green-text:#244810;--lesson-red:#d84b43;--lesson-red-wash:#fff0ee;margin-top:14px;color:var(--lesson-ink)}.coffee-app .quiz-exit{min-height:44px;border:1px solid #cbd6cc;border-radius:12px;background:#fff;color:var(--lesson-ink);padding:8px 12px;font-weight:750}.coffee-app .quiz-exit span{color:var(--lesson-muted);font-weight:650}.coffee-app .quiz-error{border:2px solid var(--lesson-red);border-radius:12px;background:var(--lesson-red-wash);color:#7e2d28}.coffee-app .quiz-question{margin-top:20px}.coffee-app .quiz-progress-label{color:var(--lesson-ink);font-size:12px;font-weight:800;letter-spacing:.02em}.coffee-app .quiz-progress-label span:last-child{color:var(--lesson-muted);font-weight:650}.coffee-app .quiz-progress{height:16px;margin-top:8px;border:2px solid #d9e5d8;background:#edf3eb}.coffee-app .quiz-progress span{background:var(--lesson-green)}.coffee-app .quiz-question .study-heading{max-width:31rem;margin:clamp(30px,8vh,62px) auto 0;color:var(--lesson-ink);font-size:clamp(22px,5.6vw,29px);font-weight:850;letter-spacing:-.035em;line-height:1.38;text-align:center}.coffee-app .quiz-instruction{margin:10px auto 22px;color:var(--lesson-muted);text-align:center}.coffee-app .quiz-choices{gap:12px}.coffee-app .quiz-choice{min-height:66px;border:2px solid var(--lesson-line)!important;border-bottom-width:5px!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;color:var(--lesson-ink)!important;padding:12px 15px 9px!important}.coffee-app .quiz-choice:not(:disabled):hover{border-color:#77937c!important}.coffee-app .quiz-choice:not(:disabled):active{transform:translateY(3px);border-bottom-width:2px!important}.coffee-app .quiz-choice-letter{flex-basis:29px;width:29px;height:29px;border:2px solid #8da18f;color:#48614d;font-weight:850}.coffee-app .quiz-choice-result{font-weight:850}.coffee-app .quiz-choice.is-correct{border-color:#5ba51e!important;background:#effbe5!important;color:#244810!important}.coffee-app .quiz-choice.is-correct .quiz-choice-letter{border-color:#5ba51e;background:var(--lesson-green);color:var(--lesson-green-text)}.coffee-app .quiz-choice.is-incorrect{border-color:var(--lesson-red)!important;background:var(--lesson-red-wash)!important;color:#7e2d28!important}.coffee-app .quiz-choice.is-incorrect .quiz-choice-letter{border-color:var(--lesson-red);background:var(--lesson-red);color:#fff}.coffee-app .quiz-feedback{margin-top:22px;border:2px solid #86ba58!important;border-radius:18px!important;background:#f7faf5!important;box-shadow:none!important}.coffee-app .quiz-feedback:focus-visible{outline:3px solid #347bba;outline-offset:4px}.coffee-app .quiz-feedback.is-correct{border-color:#86ba58!important;background:#f7faf5!important}.coffee-app .quiz-feedback.is-incorrect{border-color:#e88781!important;background:#fff7f5!important}.coffee-app .quiz-feedback-title{color:var(--lesson-green-text);font-size:19px;font-weight:850}.coffee-app .quiz-feedback-title span{width:29px;height:29px;background:var(--lesson-green);color:var(--lesson-green-text);font-weight:900}.coffee-app .quiz-feedback.is-incorrect .quiz-feedback-title{color:#8b312b}.coffee-app .quiz-feedback.is-incorrect .quiz-feedback-title span{background:var(--lesson-red);color:#fff}.coffee-app .quiz-feedback-detail{color:#7e2d28}.coffee-app .quiz-answer-label{color:var(--lesson-muted);font-weight:750}.coffee-app .quiz-answer{color:var(--lesson-ink);font-size:17px;font-weight:850}.coffee-app .quiz-source{min-height:44px;color:#21629c;font-weight:750}.coffee-app .quiz-feedback .study-primary,.coffee-app .quiz-complete .study-primary{min-height:54px;border:2px solid var(--lesson-green-dark);border-bottom-width:5px;border-radius:16px;background:var(--lesson-green);box-shadow:none;color:var(--lesson-green-text);font-weight:850}.coffee-app .quiz-feedback .study-primary:hover,.coffee-app .quiz-complete .study-primary:hover{background:#8bd83a}.coffee-app .quiz-feedback .study-primary:active:not(:disabled),.coffee-app .quiz-complete .study-primary:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px}.coffee-app .quiz-complete{margin-top:28px;border:2px solid #b7d69d!important;border-radius:20px!important;background:#f7faf5!important}.coffee-app .quiz-complete-icon{border:2px solid #5ba51e;background:var(--lesson-green);color:var(--lesson-green-text);font-weight:900}.coffee-app .quiz-kicker{color:#4f7d2b;font-weight:850}.coffee-app .quiz-complete h2,.coffee-app .quiz-score{color:var(--lesson-ink)}.coffee-app .quiz-complete .study-muted{color:var(--lesson-muted)}.coffee-app .quiz-screen button:focus-visible,.coffee-app .quiz-screen a:focus-visible{outline:3px solid #347bba;outline-offset:3px}@media(max-width:380px){.coffee-app .quiz-question .study-heading{margin-top:26px;font-size:21px}.coffee-app .quiz-choice{min-height:62px}.coffee-app .quiz-progress-label{font-size:11px}}.coffee-app .records-page{--records-ink:#24352b;--records-green:#3d771b;--records-lime:#78c928;--records-line:#dce5da;--records-pale:#f7faf5;color:var(--records-ink)}.coffee-app .records-page .study-page-heading{margin-bottom:8px}.coffee-app .records-page .study-page-heading>p,.coffee-app .records-page .study-heading{color:var(--records-ink)}.coffee-app .records-page .study-page-heading>p,.records-section-heading>div>p{color:var(--records-green);font-weight:900;letter-spacing:.12em}.records-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;color:#5d6c61;font-size:13px;line-height:1.7}.records-intro p{margin:0}.records-intro span,.records-section-heading>span{flex:0 0 auto;border:2px solid var(--records-line);border-bottom-width:3px;border-radius:999px;padding:5px 9px;color:#527047;font-size:11px;font-weight:800}.records-period{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border:2px solid var(--records-line);border-bottom-width:3px;border-radius:16px;background:#edf3eb}.records-period button{min-height:42px;border:0;border-radius:11px;background:transparent;color:#557051;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.records-period button[aria-pressed=true]{background:#fff;color:var(--records-ink);box-shadow:0 3px #c4d2c1}.records-period-note{margin:9px 0 0;color:#667668;font-size:12px;text-align:right}.records-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0 10px}.records-stat{min-height:148px;border:2px solid var(--records-line);border-bottom-width:4px;border-radius:18px;padding:13px 10px;background:#fff;text-align:center}.records-stat-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 8px;border-radius:13px;background:#e9f6da;color:var(--records-green)}.records-stat--answers .records-stat-icon{background:#ecf4e7}.records-stat--accuracy .records-stat-icon{background:#f5f1d9;color:#7a781f}.records-stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.records-stat-name{display:block;min-height:34px;color:#5c6d5d;font-size:11px;font-weight:800;line-height:1.45}.records-stat strong{display:block;color:var(--records-ink);font-size:clamp(22px,7vw,30px);line-height:1.1;font-weight:900;letter-spacing:-.04em}.records-stat strong small,.records-stat>small{color:#5d6c61;font-size:11px;letter-spacing:0;font-weight:750}.records-stat>small{display:block;margin-top:5px}.records-definition{margin:0;color:#657565;font-size:11px;line-height:1.7}.records-section{margin-top:28px}.records-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.records-section-heading>div>p{margin:0 0 3px;font-size:10px}.records-section-heading .study-heading{margin:0;font-size:19px}.records-chart-card{border:2px solid var(--records-line);border-bottom-width:4px;border-radius:20px;padding:18px 14px 14px;background:#fff}.records-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px;height:174px;padding-top:8px}.records-chart-day{display:grid;grid-template-rows:18px 1fr 16px;align-items:end;min-width:0;text-align:center}.records-chart-day b{color:var(--records-green);font-size:11px}.records-chart-bar-wrap{display:flex;align-items:end;justify-content:center;height:122px;margin:4px 0;border-bottom:2px solid #e4ece1}.records-chart-bar-wrap i{display:block;width:min(28px,78%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#9fdd50,#599d24)}.records-chart-day small{color:#657565;font-size:10px;white-space:nowrap}.records-chart-empty{display:grid;gap:5px;padding:25px 12px;border:2px dashed #cbd9c7;border-radius:15px;background:var(--records-pale);text-align:center;color:#5d6c61;font-size:12px;line-height:1.7}.records-chart-empty strong{color:var(--records-ink);font-size:14px}.records-empty{padding:18px;border:2px dashed #cbd9c7;border-radius:16px;background:var(--records-pale);color:#607060;font-size:13px;line-height:1.8}.records-topics{display:grid;gap:10px}.records-topic{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;width:100%;border:2px solid var(--records-line);border-bottom-width:4px;border-radius:17px;padding:15px 15px 13px;background:#fff;color:var(--records-ink);text-align:left;cursor:pointer}.records-topic-copy strong{display:block;font-size:15px;line-height:1.45}.records-topic-copy small{display:block;margin-top:4px;color:#607060;font-size:11px;line-height:1.55}.records-topic>b{align-self:center;color:var(--records-green);font-size:16px}.records-topic-meter{grid-column:1/-1;height:8px;overflow:hidden;border-radius:10px;background:#e6eee3}.records-topic-meter i{display:block;height:100%;border-radius:inherit;background:var(--records-lime)}.records-topic-action{grid-column:1/-1;color:var(--records-green);font-size:12px;font-weight:850}.records-topic-action em{margin-left:4px;font-size:15px;font-style:normal}.records-details{margin-top:29px;border-top:2px solid var(--records-line)}.records-detail{border-bottom:2px solid var(--records-line);background:#fff}.records-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:9px 4px;color:var(--records-ink);font-weight:850;list-style:none}.records-detail summary::-webkit-details-marker{display:none}.records-detail summary b{color:var(--records-green);font-size:20px;transition:transform .16s ease}.records-detail[open] summary b{transform:rotate(180deg)}.records-detail-body{padding:0 4px 19px;color:#5a6b5d;font-size:13px;line-height:1.8}.records-detail-body p{margin:0 0 12px}.records-ratings{color:var(--records-ink)}.records-ratings b{color:var(--records-green)}.records-ratings span{color:#9aab98;padding:0 4px}.records-history{display:grid;gap:0;list-style:none;margin:0;padding:0}.records-history li{padding:13px 0;border-top:1px solid #e6ede4;color:#5b6c5d;font-size:12px}.records-history strong,.records-history small,.records-history span{display:block}.records-history strong{color:var(--records-ink);font-size:13px}.records-history small{color:#778577;font-size:11px}.records-more,.records-action,.records-text-button{min-height:44px;border-radius:13px;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.records-more{width:100%;margin-top:12px;border:2px solid var(--records-line);border-bottom-width:3px;background:#fff;color:var(--records-green)}.records-notes,.records-notes .coffee-guide{padding-bottom:8px}.records-account form{display:grid;gap:8px}.records-account label{display:grid;gap:4px;color:var(--records-ink);font-size:12px;font-weight:800}.records-account input{min-height:46px;border:2px solid var(--records-line);border-radius:12px;padding:8px 10px;color:var(--records-ink);font:inherit}.records-action{width:100%;border:2px solid #568e22;border-bottom-width:4px;background:var(--records-lime);color:#23351f}.records-action:disabled{opacity:.55;cursor:default}.records-action--secondary{margin-top:9px;border-color:var(--records-line);background:#fff;color:var(--records-green)}.records-text-button{padding:0;border:0;background:transparent;color:#567254;text-decoration:underline}.coffee-app .records-page button:focus-visible,.coffee-app .records-page summary:focus-visible,.coffee-app .records-page input:focus-visible{outline:3px solid var(--records-lime);outline-offset:3px}.coffee-app .records-page button:hover{filter:none}.coffee-app .records-page .records-topic:hover,.coffee-app .records-page .records-more:hover{border-color:#b9cfb4;background:#fbfdf9}@media(min-width:640px){.records-summary{gap:12px}.records-stat{padding:17px 13px}.records-chart-card{padding:20px}.records-chart{gap:12px}.records-topics{grid-template-columns:1fr 1fr}.records-topic{height:100%;align-content:start}}@media(max-width:360px){.records-summary{gap:6px}.records-stat{min-height:140px;padding-inline:6px;border-radius:15px}.records-stat-icon{width:32px;height:32px}.records-stat-name{font-size:10px}.records-chart{gap:4px}.records-chart-day small{font-size:9px}.records-period button{font-size:12px}}@media(prefers-reduced-motion:reduce){.records-detail summary b{transition:none}}.learning-stack{display:grid;gap:12px}.learning-stack .study-panel{margin:0}.learning-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.learning-stat{background:#fff;border:1px solid #c4d7e6;border-radius:16px;padding:16px 8px;text-align:center}.learning-stat strong{display:block;font-size:25px;color:#305fa2}.learning-stat span,.learning-stat small{display:block;font-size:12px}.learning-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:150px;margin:20px 0}.learning-day{text-align:center;font-size:11px}.learning-day i{display:block;width:70%;margin:6px auto;background:#83c3d7;border-radius:6px 6px 0 0;min-height:3px}.learning-history{list-style:none;padding:0}.learning-history li{padding:14px 0;border-bottom:1px solid #d8e3ed;font-size:14px}.learning-history small{display:block;color:#666;font-size:12px}.learning-account input{display:block;width:100%;min-height:46px;background:#fff;border:1px solid #9bb6cd;border-radius:8px;padding:10px;margin:6px 0 12px}.learning-account button{min-height:44px}.learning-account label{font-size:13px}.learning-back{display:block;max-width:760px;width:100%;margin:auto;padding:12px 20px 0}.learning-back button{min-height:44px;color:#305fa2;text-decoration:underline}.learning-stat strong,.learning-history strong{overflow-wrap:anywhere}.coffee-app{--app-bg:#f6f7fb;--app-ink:#192332;--app-muted:#677385;--app-accent:#4563ed;--app-line:#e5e9f0;background:var(--app-bg);color:var(--app-ink);font-family:var(--font-app);-webkit-font-smoothing:antialiased}.coffee-app button,.coffee-app a{-webkit-tap-highlight-color:transparent}.coffee-app button{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.coffee-app button:active:not(:disabled){transform:translateY(1px)}.coffee-app :focus-visible{outline:3px solid #4563ed;outline-offset:4px}.coffee-app .study-page{font-family:var(--font-app);color:var(--app-ink);padding:32px 22px 36px;max-width:760px;--color-accent:#4563ed;--color-accent-strong:#324aca;--color-accent-wash:#edf0ff}.coffee-app .study-page-heading{margin-bottom:24px}.coffee-app .study-page-heading>p{color:#69758b;font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:9px}.coffee-app .study-page-heading>h1{font-size:29px;font-weight:800;letter-spacing:-.045em;line-height:1.4}.coffee-app .study-heading{font-size:17px;letter-spacing:-.02em;margin:28px 0 14px;font-weight:750}.coffee-app .study-page-lead,.coffee-app .study-muted,.coffee-app .study-help-text{color:var(--app-muted);line-height:1.8}.coffee-app .study-panel{border:1px solid var(--app-line);border-radius:20px;background:#fff;box-shadow:0 3px 14px #18283f03;padding:22px}.coffee-app .study-primary{border:0;border-radius:14px;background:var(--app-accent);box-shadow:0 5px 14px #4563ed15;min-height:52px;font-size:14px;font-weight:700;letter-spacing:.01em}.coffee-app .study-primary:hover{background:#3654df;filter:none}.coffee-app .study-choice{border:1px solid var(--app-line);border-radius:17px;padding:18px 20px;background:#fff;color:var(--app-ink);box-shadow:0 2px 8px #19233202}.coffee-app .study-choice:before{display:none}.coffee-app .study-choice:hover{border-color:#b9c4f8;filter:none;box-shadow:0 5px 18px #233f8110}.coffee-app .study-choice:disabled{cursor:default}.coffee-app .study-about{border-color:var(--app-line);color:var(--app-muted);margin-top:22px;padding-top:8px;font-size:12px}.coffee-app .study-about summary{font-weight:650;color:#42506a;min-height:48px}.coffee-app .study-back{width:42px;min-width:42px;height:42px;border:1px solid var(--app-line);color:var(--app-ink);font-size:22px;background:#fff}.coffee-app .learning-back{padding:12px 22px 0}.coffee-app .learning-back button{font-size:12px;font-weight:650;color:#677385;text-decoration:none}.coffee-app .study-detail-header h1{font-size:23px;letter-spacing:-.03em}.coffee-app .study-record{border:1px solid var(--app-line);border-radius:18px}.coffee-app .study-record h2{border-left:0;background:#eff2fb;padding:16px 18px;font-size:15px}.coffee-app .study-record:nth-child(3n+2) h2{background:#eef6f2}.coffee-app .study-record:nth-child(3n) h2{background:#f6f2eb}.coffee-app .study-record dl>div{border-color:#eef0f4}.coffee-app .study-filter{background:#fff;border:1px solid var(--app-line);border-radius:16px}.coffee-app .study-switch{border:1px solid var(--app-line);background:#ebedf4}.coffee-app .study-switch button{color:#556175;font-size:13px}.coffee-app .study-switch button[aria-pressed=true]{color:#192332}.coffee-app .study-progress{background:#edf0f5;height:6px}.coffee-app .study-progress>span{background:#728de9}.coffee-app .study-sticky-action{background:linear-gradient(transparent,#f6f7fb 16%)}.coffee-app .study-deck-card{height:100%;padding:18px 16px;gap:12px}.coffee-app .study-deck-number{width:32px;height:32px;border-radius:10px;background:#edf0ff;color:#4563ed;font-size:12px}.coffee-app .study-deck-number--2,.coffee-app .study-deck-number--5{background:#edf6f1;color:#377660}.coffee-app .study-deck-number--3,.coffee-app .study-deck-number--6{background:#f7f1e6;color:#8b6c35}.coffee-app .study-deck-copy>strong{font-size:14px}.coffee-app .study-deck-copy>small{font-size:11px;color:#677385}.coffee-app .study-deck-due{background:none;color:#4563ed;font-size:11px}.coffee-app .study-session{color:var(--app-ink);max-width:640px;padding:0 18px 14px;--color-accent:#4563ed}.coffee-app .study-session-header{padding:16px 0}.coffee-app .study-session-header>span:nth-child(2){color:#68758a;font-size:12px}.coffee-app .study-session-header>span:last-child{background:#e9edf9;color:#4563ed;font-weight:700}.coffee-app .study-session .flip-face{border:1px solid #e0e5ee;border-radius:24px;box-shadow:0 8px 30px #18243a07;padding:26px}.coffee-app .study-session-card{margin-top:20px}.coffee-app .study-session-actions{background:var(--app-bg);padding-top:16px}.coffee-app .study-rating{border-width:1px;border-radius:13px;min-height:50px;font-size:13px;font-weight:700}.coffee-app .study-rating.again{background:#fff3ee;color:#a85836;border-color:#f1d8ca}.coffee-app .study-rating.hard{background:#fff8e8;color:#8b681f;border-color:#eedfb8}.coffee-app .study-rating.good{background:#eaf5ee;color:#2f7353;border-color:#c9e5d5}.coffee-app .study-rating.easy{background:#edf0ff;color:#4563ed;border-color:#d4dcff}.coffee-app .study-complete-stats>div{border:1px solid var(--app-line);border-radius:20px}.coffee-app .study-complete-mark{color:#4563ed}.coffee-app .study-complete-stats p.text-2xl{font-size:36px;font-weight:750;color:#192332}.coffee-app .study-session .flip-face-back h2{font-size:21px;letter-spacing:-.03em}.app-bottom-nav{flex-shrink:0;background:#ffffffed;border-top:1px solid #e8ebf2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.app-bottom-nav ul{display:flex;max-width:600px;margin:auto;padding:8px 24px 10px;gap:10px;list-style:none}.app-bottom-nav li{flex:1}.app-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:56px;border-radius:14px;border:0;background:none;font-size:10px;font-weight:650;color:#7b8597;cursor:pointer}.app-bottom-nav button.is-active{color:#4563ed}.app-nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:10px}.is-active .app-nav-icon{background:#edf0ff}.app-bottom-nav svg{width:22px;height:22px;stroke-width:1.8}.coffee-app .coffee-guide{color:var(--app-ink)}.coffee-app .coffee-guide-tabs button{border-radius:10px;font-size:12px}.coffee-app .coffee-guide-profile,.coffee-app .coffee-guide-choice,.coffee-app .coffee-guide-note-card{border-color:var(--app-line);border-width:1px;border-radius:20px}.coffee-app .coffee-guide-choice{background:#fff}.coffee-app .coffee-guide-package{border:1px solid var(--app-line)}.coffee-app .learning-account input{border-color:var(--app-line);border-radius:12px}.coffee-app .study-empty{border:1px dashed #cbd4e4;border-radius:18px;font-size:13px;line-height:1.8}@media(min-width:768px){.coffee-app .study-page{padding:40px 30px 48px}.coffee-app .study-page-heading>h1{font-size:34px}.coffee-app .study-session{padding-top:12px}.app-bottom-nav ul{max-width:600px}}@media(max-width:360px){.coffee-app .study-page{padding:26px 16px 30px}.coffee-app .study-page-heading>h1{font-size:27px}.coffee-app .study-session{padding-inline:12px}.coffee-app .study-session .flip-face{padding:20px}.app-bottom-nav ul{padding-inline:16px}.coffee-app .study-choice{padding:16px}.coffee-app .study-rating{font-size:12px}}@media(prefers-reduced-motion:reduce){.coffee-app *{transition:none!important;animation:none!important}}.coffee-app .home-study__header>span{color:#5c6878}.coffee-app .home-activity small{color:#5e6a7b}.coffee-app .home-activity__bars span{color:#526071;font-size:10px}.coffee-app .home-options small{color:#5f6a7a}.coffee-app .app-bottom-nav button{color:#5f6b7d}.coffee-app .learning-back button{color:#526071}.coffee-app .study-page-heading>p{color:#5a6678}.coffee-app .atlas-source{color:#566477}.coffee-app .study-muted,.coffee-app .study-page-lead,.coffee-app .study-help-text{color:#5f6b7d}.coffee-app .coffee-guide-level-bar span{color:#536579}.coffee-app .coffee-guide-source{color:#566477}.coffee-app .app-bottom-nav{border-top:0;background:transparent;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.coffee-app .app-bottom-nav ul{width:min(100%,440px);border:1px solid #dfe5f0;border-radius:24px;background:#ffffffeb;box-shadow:0 10px 28px #182a4b18,0 1px 3px #182a4b0d;padding:6px 8px;gap:4px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.coffee-app .app-bottom-nav button{min-height:50px;border-radius:16px;font-size:10px}.coffee-app .app-bottom-nav button.is-active{color:#4563ed}.coffee-app .app-bottom-nav .is-active .app-nav-icon{background:linear-gradient(145deg,#5068ef,#7185ff);color:#fff;box-shadow:0 5px 12px #5068ef38}@media(min-width:768px){.coffee-app .app-bottom-nav{padding-inline:18px}}.coffee-app .app-bottom-nav button{min-height:56px;font-size:12px;gap:3px}.coffee-app .app-bottom-nav button.is-active{background:#edf0ff;font-weight:800}.coffee-app button{touch-action:manipulation}.coffee-app button:disabled{cursor:default}.coffee-app .study-pause{width:auto;min-width:56px;height:44px;border-radius:12px;padding:0 12px;font-size:13px;font-weight:700}.coffee-app .study-rating-help{font-size:13px;text-align:center;color:#526071;margin:0 0 8px}.coffee-app .study-rating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;font-size:14px}.coffee-app .study-rating small{font-size:11px;font-weight:500}.coffee-app .study-session-actions{padding-bottom:env(safe-area-inset-bottom)}@media(max-height:650px){.coffee-app .study-session{min-height:540px}.coffee-app .study-rating{min-height:56px}}.coffee-app>main{background:radial-gradient(circle at 88% 0%,#eef1ff 0,transparent 24%),var(--app-bg)}.coffee-app .home-study{padding-bottom:104px;background:transparent}.coffee-app .home-activity{border:1px solid #e1e6ef;box-shadow:0 4px 16px #19233206}.coffee-app .home-progress{border:1px solid #d8ede0;background:linear-gradient(145deg,#edf9f1,#e5f3ea)}.coffee-app .home-progress__meter{height:8px}.coffee-app .home-progress__meter i{background:linear-gradient(90deg,#6bc79a,#4563ed)}.coffee-app .home-options button{box-shadow:0 3px 10px #19233204}.coffee-app .home-options button:active{box-shadow:0 1px 4px #1923320d}.coffee-app .browse-simple-search form button{min-height:42px;justify-content:center}.coffee-app .browse-simple-entry,.coffee-app .browse-simple-tool-grid button,.coffee-app .browse-simple-themes{box-shadow:0 4px 14px #19233205}.coffee-app .study-page{padding-bottom:104px}.coffee-app .learning-stat{background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 4px 14px #29436608}.learning-chart-empty{display:grid;gap:6px;margin:16px 0 8px;padding:22px 18px;border:1px dashed #becfe1;border-radius:18px;background:#fff;text-align:center;color:#526071}.learning-chart-empty strong{color:#26364c;font-size:14px}.learning-chart-empty span{font-size:12px;line-height:1.7}.learning-day i{background:linear-gradient(#83c3d7,#4563ed)}@media(max-width:360px){.coffee-app .home-study,.coffee-app .study-page{padding-bottom:96px}}.coffee-app{--app-bg:#fbfcf9;--app-ink:#24352b;--app-muted:#667367;--app-accent:#579d2b;--app-line:#dfe6d9;font-family:var(--font-app);background:var(--app-bg)}.coffee-app>main{background:var(--app-bg)}.coffee-app :focus-visible{outline:3px solid #267caa;outline-offset:4px}.coffee-app .study-page{--color-accent:#78c928;--color-accent-strong:#3c771b;--color-accent-wash:#eff7e8}.coffee-app .study-page-heading>p{color:#5d7c4c;font-size:12px;letter-spacing:.05em}.coffee-app .study-panel{border:2px solid var(--app-line);box-shadow:none}.coffee-app .study-primary{background:#80ce40;color:#19390b;border:2px solid #6eb335;border-radius:14px;box-shadow:0 4px #589526;font-weight:800;min-height:52px}.coffee-app .study-primary:active:not(:disabled){transform:translateY(4px);box-shadow:none}.coffee-app .study-primary:disabled{background:#e8ede3;color:#819077;border-color:#dce3d7;box-shadow:none}.coffee-app .study-choice{border:2px solid var(--app-line);box-shadow:0 3px 0 var(--app-line);border-radius:16px}.coffee-app .study-choice:active:not(:disabled){transform:translateY(3px);box-shadow:none}.coffee-app .study-deck-number{background:#eef7e4;color:#4c7c2f}.coffee-app .study-deck-due{color:#427b25}.coffee-app .study-back{border-width:2px;box-shadow:0 2px #dfe6d9}.coffee-app .study-progress{background:#e7eedf;height:14px;border-radius:14px}.coffee-app .study-progress>span{background:#80c840;border-radius:inherit;box-shadow:inset 0 4px #abe174}.coffee-app .study-about{border-color:#dfe6d9}.coffee-app .study-about summary{color:#42583a}.coffee-app{width:100%;max-width:520px;margin-inline:auto;border-inline:1px solid #e5eadf}body{background:#eef2e9}.coffee-app .app-bottom-nav{border-top:2px solid #e2e9db;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0 0 env(safe-area-inset-bottom)}.coffee-app .app-bottom-nav ul{width:100%;max-width:none;padding:8px 18px 10px;gap:12px;border:0;border-radius:0;box-shadow:none;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.coffee-app .app-bottom-nav button{min-height:57px;color:#6f7b66;font-size:12px;border:2px solid transparent;border-radius:14px;gap:4px;font-weight:800}.coffee-app .app-bottom-nav button.is-active{background:#f0f8e8;color:#427c25;border-color:#c8e3b1;box-shadow:none}.coffee-app .app-bottom-nav .app-nav-icon{width:32px;height:26px;border-radius:7px;background:none}.coffee-app .app-bottom-nav .is-active .app-nav-icon{background:none;color:#427c25;box-shadow:none}.coffee-app .app-bottom-nav svg{width:25px;height:25px;stroke-width:2.2}@media(hover:hover){.coffee-app .study-primary:hover:not(:disabled){background:#8bd84b;color:#19390b}.coffee-app .study-choice:hover:not(:disabled){background:#f7fbf1;border-color:#b1cb9c;box-shadow:0 3px #b1cb9c}.coffee-app .app-bottom-nav button:hover{background:#f3f7ee}}.coffee-app .ba-home{padding:24px 20px 28px}.coffee-app .ba-home-layout,.coffee-app .ba-home-aside{grid-template-columns:1fr}.coffee-app .ba-home-heading h1{font-size:24px;max-width:290px}.coffee-app .ba-next-content{min-height:176px;padding:19px 17px 12px}.coffee-app .ba-coffee-art{width:112px;margin-right:-10px}.coffee-app .ba-next h2{font-size:22px}.coffee-app .study-page{padding:28px 20px 32px}.coffee-app .study-page-heading>h1{font-size:28px}.coffee-app .records-topics{grid-template-columns:1fr}.coffee-app .records-page .records-section-heading .study-heading{margin:0;font-size:19px}.coffee-app .records-page .records-stat-name{font-size:12px;min-height:36px}.coffee-app .records-page .records-definition{font-size:12px}.coffee-app .records-page .records-intro{flex-direction:column;gap:10px}.coffee-app .records-page .records-intro>span{align-self:flex-start}.coffee-app .records-page .records-period button{min-height:44px}.coffee-app .quiz-page{padding-top:20px}.coffee-app .quiz-page .study-page-heading{margin-bottom:12px}.coffee-app .quiz-page .study-page-heading>p{font-size:11px;margin-bottom:5px}.coffee-app .quiz-page .study-page-heading>h1{font-size:24px}.coffee-app .quiz-page .quiz-screen{margin-top:0}.coffee-app .quiz-page .quiz-exit{min-height:44px;padding:6px 10px}.coffee-app .quiz-page .quiz-question{margin-top:16px}.coffee-app .quiz-page .quiz-question .study-heading{margin-top:30px;font-size:23px;line-height:1.5;text-wrap:pretty}.coffee-app .quiz-page .quiz-instruction{font-size:12px;margin-bottom:20px}.coffee-app .records-page button:focus-visible,.coffee-app .records-page summary:focus-visible,.coffee-app .records-page input:focus-visible{outline-color:#267caa}.coffee-app .study-session .bg-accent.text-white,.coffee-app .study-page .bg-accent.text-white{color:#244810}@media(max-width:359px){.coffee-app .ba-home,.coffee-app .study-page{padding-inline:15px}.coffee-app .ba-coffee-art{width:83px}.coffee-app .ba-next h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.coffee-app *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}