/*! 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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-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-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-lg:32rem;--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)}}@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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){appearance:button}::file-selector-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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-dvh{min-height:100dvh}.max-w-lg{max-width:var(--container-lg)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.px-4{padding-inline:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.whitespace-pre-wrap{white-space:pre-wrap}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-sans:"Noto Sans JP", sans-serif;--font-display:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-serif:"Noto Serif JP", "Zen Kaku Gothic New", serif;--bg:#ece8e3;--card:#fff;--surface:#f3f0eb;--surface-2:#e8e2da;--ink:#1c1917;--muted:#6b6560;--line:#ddd6ce;--accent:#c45a1a;--accent-soft:#fdf0e8;--gold:#c45a1a;--danger:#b42318;--shadow:0 4px 24px #1c19170f;--shadow-lg:0 12px 40px #1c19171a;--btn-shadow:0 4px 14px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--btn-shadow:0 4px 14px color-mix(in srgb, var(--accent) 28%, transparent)}}:root{--shell-glow-1:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--shell-glow-1:color-mix(in srgb, var(--accent) 12%, transparent)}}:root{--shell-glow-2:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--shell-glow-2:color-mix(in srgb, var(--ink) 8%, transparent)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;padding-bottom:env(safe-area-inset-bottom);margin:0}html.is-android body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}html.is-android input,html.is-android textarea{-webkit-user-select:text;user-select:text}.app-shell{background:radial-gradient(100% 60% at 0% 0%, var(--shell-glow-1), transparent 50%), radial-gradient(80% 50% at 100% 10%, var(--shell-glow-2), transparent 45%), linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%)}button,input,textarea,select{font:inherit}.page-header{margin-bottom:1.5rem}.page-header-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.page-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.68rem;font-weight:700}.youtube-link{max-width:5.6rem;color:inherit;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;transition:transform .12s;display:inline-flex}.youtube-link:hover{transform:translateY(-1px)}.youtube-link:active{transform:scale(.97)}.youtube-link-icon{object-fit:cover;border:2px solid var(--line);background:var(--card);width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border-radius:999px;transition:border-color .15s,box-shadow .15s;display:block}.youtube-link:hover .youtube-link-icon{border-color:#c4302b8c;box-shadow:0 0 0 3px #c4302b1f}.youtube-link-label{justify-content:center;align-items:center;gap:.15rem;max-width:100%;display:inline-flex}.youtube-mark{color:#c4302b;flex-shrink:0;width:.72rem;height:.72rem}.youtube-link-name{text-align:left;color:var(--muted);letter-spacing:-.02em;font-size:.58rem;font-weight:700;line-height:1.2}.page-title-row{align-items:baseline;gap:.65rem;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.35rem 0 0;font-size:2rem;font-weight:700;line-height:1.15}.page-level{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:999px;margin-top:.35rem;padding:.2rem .55rem;font-size:1rem;font-weight:700}.page-desc{color:var(--muted);margin:.6rem 0 0;font-size:.875rem;line-height:1.65}.mt-4{margin-top:1rem}.panel-toggle-btn{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.65rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.panel-toggle-btn.is-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.panel-toggle-btn.is-active{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.panel-toggle-btn.is-active{background:var(--accent-soft);color:var(--accent)}.panel-toggle-badge{background:var(--accent);color:#fff;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.record-form-panel{margin-top:-.15rem;margin-bottom:1rem}.search-panel-head-actions{align-items:center;gap:.5rem;display:flex}.search-form-hint{background:var(--surface);color:var(--muted);text-align:center;border-radius:.75rem;padding:.75rem .85rem;font-size:.78rem;line-height:1.55}.search-panel{margin-top:-.5rem;margin-bottom:1rem}.search-panel-body{gap:.65rem}.search-count{color:var(--muted);background:var(--surface);border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.rating-filter{flex-wrap:wrap;gap:.35rem;display:flex}.rating-filter-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.rating-filter-btn.is-active{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.rating-filter-btn.is-active{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.rating-filter-btn.is-active{color:var(--accent)}.rating-filter-btn:not(:first-child).is-active{color:#f59e0b}.prep-time-filter{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.chip-filter{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.category-filter{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.category-filter--all{grid-template-columns:repeat(5,1fr)}.category-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:.65rem;padding:.5rem .25rem;font-size:.72rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.category-btn.is-active{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.category-btn.is-active{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.category-btn.is-active{color:var(--accent)}.category-badge{color:var(--accent);background:#ffffffeb;border-radius:999px;padding:.2rem .45rem;font-size:.65rem;font-weight:800}.tag-select{flex-wrap:wrap;gap:.4rem;display:flex}.tag-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s}.tag-btn.is-active{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tag-btn.is-active{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}}.tag-btn.is-active{color:var(--accent)}.tag-custom{flex:12rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;display:grid}.tag-list{flex-wrap:wrap;gap:.35rem;display:flex}.tag-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.slider-field{flex-direction:column;gap:.55rem;display:flex}.slider-field-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.slider-value{color:var(--accent);letter-spacing:.01em;font-size:1.15rem;font-weight:800}.slider-value.is-unset{color:var(--muted);font-size:.9rem;font-weight:700}.slider-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.2rem .35rem;font-size:.72rem;font-weight:700}.slider-quick{flex-wrap:wrap;gap:.35rem;display:flex}.slider-input{width:100%;accent-color:var(--accent);cursor:pointer;height:1.5rem}.slider-ends{color:var(--muted);justify-content:space-between;font-size:.68rem;font-weight:600;display:flex}.slider-hint{color:var(--accent);margin:0;font-size:.75rem;font-weight:700}.seasoning-rows{flex-direction:column;gap:.55rem;margin-top:.35rem;display:flex}.seasoning-empty{color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.seasoning-combo{border:1px solid var(--line);background:#fff;border-radius:.85rem;flex-direction:column;gap:.4rem;padding:.45rem;display:flex}.seasoning-combo-main{grid-template-columns:6.4rem minmax(0,1fr) 2rem;align-items:center;gap:.4rem;display:grid}.seasoning-row{grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:.4rem;min-height:2.4rem;display:grid}.seasoning-custom{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;display:grid}.seasoning-row-remove{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:#fff;border-radius:.55rem;font-size:1.05rem;line-height:1}.seasoning-add{border:1px dashed var(--accent);width:100%}@supports (color:color-mix(in lab, red, red)){.seasoning-add{border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--line))}}.seasoning-add{background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:.75rem;padding:.7rem .8rem;font-size:.82rem;font-weight:800}.mini-vertical{border:1px solid var(--line);background:#fff;border-radius:.7rem;height:6.6rem;position:relative;overflow:hidden}.mini-vertical-highlight{background:var(--accent-soft);border:1px solid var(--accent);border-radius:.5rem;height:1.85rem;margin-top:-.925rem;position:absolute;top:50%;left:.2rem;right:.2rem}@supports (color:color-mix(in lab, red, red)){.mini-vertical-highlight{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.mini-vertical-highlight{pointer-events:none;z-index:0}.mini-vertical-scroll{z-index:1;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none;height:100%;position:relative;overflow:hidden auto}.mini-vertical-scroll::-webkit-scrollbar{display:none}.mini-vertical-spacer{pointer-events:none;height:calc(50% - .925rem)}.mini-vertical-item{width:100%;height:1.85rem;color:var(--muted);cursor:pointer;scroll-snap-align:center;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.mini-vertical-item.is-active{color:var(--accent);font-size:.8rem;font-weight:800}.seasoning-row-tag{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .35rem;font-size:.72rem;font-weight:800;line-height:1.1;transition:background .15s,border-color .15s,color .15s}.seasoning-row-tag.is-active{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.seasoning-row-tag.is-active{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}}.seasoning-row-tag.is-active{color:var(--accent)}.seasoning-row-idle{color:var(--muted);padding-left:.25rem;font-size:.68rem;font-weight:600}.mini-amount-edit{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;min-width:0;display:grid}.mini-amount-edit--custom{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.mini-amount-custom{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;display:grid}.mini-amount-locked{border:1px solid var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;min-height:2.35rem;padding:0 .15rem 0 .65rem;display:grid}@supports (color:color-mix(in lab, red, red)){.mini-amount-locked{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.mini-amount-locked{background:var(--accent-soft);border-radius:.7rem}.mini-amount-locked-value{color:var(--accent);font-size:.9rem;font-weight:800}.mini-amount-action{border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:.55rem;padding:.45rem .55rem;font-size:.7rem;font-weight:800}.mini-amount-action.is-confirm{background:var(--accent);border-color:var(--accent);color:#fff}.mini-amount{border:1px solid var(--line);background:#fff;border-radius:.7rem;min-width:0;height:2.35rem;position:relative;overflow:hidden}.mini-amount-highlight{background:var(--accent-soft);border:1px solid var(--accent);border-radius:.5rem;width:3.4rem;margin-left:-1.7rem;position:absolute;top:.2rem;bottom:.2rem;left:50%}@supports (color:color-mix(in lab, red, red)){.mini-amount-highlight{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.mini-amount-highlight{pointer-events:none;z-index:0}.mini-amount-scroll{z-index:1;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;height:100%;display:flex;position:relative;overflow:auto hidden}.mini-amount-scroll::-webkit-scrollbar{display:none}.mini-amount-spacer{pointer-events:none;flex:0 0 calc(50% - 1.7rem)}.mini-amount-item{color:var(--muted);cursor:pointer;scroll-snap-align:center;background:0 0;border:none;flex:0 0 3.4rem;font-size:.78rem;font-weight:700}.mini-amount-item.is-active{color:var(--accent);font-size:.85rem;font-weight:800}.mini-amount--labels .mini-amount-highlight{width:5.1rem;margin-left:-2.55rem}.mini-amount--labels .mini-amount-spacer{flex:0 0 calc(50% - 2.55rem)}.mini-amount--labels .mini-amount-item{white-space:nowrap;text-overflow:clip;letter-spacing:-.03em;flex:0 0 5.1rem;padding:0 .1rem;font-size:.62rem;line-height:1.1;overflow:hidden}.mini-amount--labels .mini-amount-item.is-active{font-size:.68rem}.chip-filter .prep-time-btn{white-space:nowrap;letter-spacing:-.02em;padding:.5rem .15rem;font-size:.62rem}.temp-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.3rem;display:grid}.temp-range-part{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem;min-width:0;display:grid}.temp-range-part .mini-amount-edit{min-width:0}.temp-range-unit{color:var(--muted);padding-right:.05rem;font-size:.8rem;font-weight:800}.temp-range-sep{color:var(--ink);padding:0 .05rem;font-size:1rem;font-weight:800}.temp-range-part .mini-amount-action{padding:.35rem;font-size:.62rem}.temp-range-part .mini-amount-locked{min-height:2.2rem;padding-left:.4rem}.temp-range-part .mini-amount-locked-value{font-size:.78rem}.temp-range-part .mini-amount{height:2.2rem}.seasoning-amount-panel{flex-direction:column;gap:.85rem;margin-top:.35rem;display:flex}.seasoning-amount-block{border:1px solid var(--line);background:#ffffffb8;border-radius:.9rem;flex-direction:column;gap:.4rem;padding:.7rem .75rem;display:flex}.seasoning-amount-sublabel{margin-top:.35rem}.seasoning-amount-empty{color:var(--muted);margin:.35rem 0 0;font-size:.78rem;font-weight:600}.scroll-picker-wrap{border:1px solid var(--line);background:linear-gradient(#faf7f2 0%,#fff 40% 60%,#faf7f2 100%);border-radius:.85rem;height:9.5rem;position:relative;overflow:hidden}.scroll-picker{overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;outline:none;height:100%;overflow-y:auto}.scroll-picker-spacer{pointer-events:none;flex-shrink:0;height:calc(50% - 1.15rem)}.scroll-picker-item{width:100%;height:2.3rem;color:var(--muted);cursor:pointer;scroll-snap-align:center;background:0 0;border:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:color .12s,transform .12s;display:flex}.scroll-picker-item.is-active{color:var(--accent);font-size:1.15rem;font-weight:800;transform:scale(1.04)}.scroll-picker-highlight{border:1px solid var(--accent);border-radius:.65rem;height:2.3rem;margin-top:-1.15rem;position:absolute;top:50%;left:.55rem;right:.55rem}@supports (color:color-mix(in lab, red, red)){.scroll-picker-highlight{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.scroll-picker-highlight{background:var(--accent-soft);pointer-events:none;z-index:0}.scroll-picker-fade{z-index:1;pointer-events:none;height:2.2rem;position:absolute;left:0;right:0}.scroll-picker-fade--top{background:linear-gradient(#faf7f2f2,#0000);top:0}.scroll-picker-fade--bottom{background:linear-gradient(#0000,#faf7f2f2);bottom:0}.scroll-picker-item,.scroll-picker{z-index:1;position:relative}.prep-time-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:.65rem;padding:.5rem .25rem;font-size:.72rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.prep-time-btn.is-active{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.prep-time-btn.is-active{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.prep-time-btn.is-active{color:var(--accent)}.panel{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:1.25rem;overflow:hidden}.record-form-panel.panel{overflow:visible}.record-form-panel .panel-head{border-radius:1.25rem 1.25rem 0 0}.panel-head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--surface) 0%, var(--card) 100%);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem;display:flex}.panel-title{font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:700}.panel-head-actions{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.copy-log{position:relative}.copy-search{z-index:40;justify-content:center;align-items:flex-start;padding:4.5rem 1rem 1.5rem;display:flex;position:fixed;inset:0}.copy-search-backdrop{background:#1c191773;position:absolute;inset:0}.copy-search-panel{z-index:1;flex-direction:column;width:min(28rem,100%);max-height:calc(100dvh - 6rem);display:flex;position:relative;overflow:hidden}.copy-search-body{flex-direction:column;gap:.65rem;min-height:0;padding:.9rem 1.05rem 1.05rem;display:flex}.copy-search-count{color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.recipe-web-search{flex-direction:column;gap:.3rem;display:flex}.recipe-web-search-btn{width:100%}.recipe-web-search-note{color:var(--muted);margin:0;font-size:.68rem;line-height:1.45}.copy-search-empty{text-align:center;color:var(--muted);margin:0;padding:1.4rem .75rem;font-size:.82rem}.copy-search-list{flex-direction:column;gap:.2rem;min-height:0;max-height:22rem;display:flex;overflow:auto}.copy-log-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.65rem;grid-template-columns:2.4rem 1fr;align-items:center;gap:.55rem;width:100%;padding:.4rem;display:grid}.copy-log-item:hover{background:var(--accent-soft)}.copy-log-thumb{object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:.45rem;width:2.4rem;height:2.4rem}.copy-log-thumb--empty{justify-content:center;align-items:center;font-size:.85rem;display:flex}.copy-log-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.copy-log-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.copy-log-meta{color:var(--muted);font-size:.68rem}.panel-body{flex-direction:column;gap:.25rem;padding:1rem 1.15rem 1.15rem;display:flex}.form-section{border-bottom:1px dashed var(--line);padding:.85rem 0}.form-section:last-of-type{border-bottom:none}.section-title{align-items:flex-start;gap:.65rem;margin-bottom:.75rem;display:flex}.section-icon{background:var(--accent-soft);border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;display:flex}.section-heading{font-family:var(--font-display);margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.section-sub{color:var(--muted);margin:.15rem 0 0;font-size:.72rem}.form-section-body{flex-direction:column;gap:.65rem;display:flex}.field-wrap{display:block}.field-label{color:var(--muted);margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:block}.field{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;outline:none;width:100%;padding:.6rem .8rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.field:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}}.field:focus{background:#fff}.voice-field{grid-template-columns:1fr auto;align-items:stretch;gap:.45rem;display:grid}.voice-field--textarea{align-items:start}.voice-field--textarea .voice-btn{margin-top:.1rem}.voice-btn{border:1px solid var(--line);width:2.75rem;min-height:2.75rem;color:var(--accent);cursor:pointer;background:#fff;border-radius:.65rem;font-size:1.05rem;transition:background .15s,border-color .15s,transform .1s}.voice-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.voice-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.voice-btn:active:not(:disabled){transform:scale(.97)}.voice-btn.is-listening{color:#b91c1c;background:#fee2e2;border-color:#dc262659;animation:1.2s ease-in-out infinite voice-pulse}.voice-btn.is-disabled{opacity:.45;cursor:not-allowed}@keyframes voice-pulse{0%,to{box-shadow:0 0 #dc262640}50%{box-shadow:0 0 0 6px #dc262600}}.field-grid-2{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.smoker-tabs{background:var(--surface);border:1px solid var(--line);border-radius:.85rem;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;display:grid}.smoker-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.65rem;padding:.65rem .4rem;font-size:.78rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.smoker-tab.is-active{color:var(--accent);background:#fff;box-shadow:0 1px 6px #1c191714}.smoker-custom-input{margin-top:.45rem}.photo-picker{border:2px dashed var(--line);background:var(--surface);border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;min-height:9rem;display:flex;overflow:hidden}.photo-picker img{object-fit:cover;width:100%;max-height:12rem}.photo-placeholder{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.82rem}.photo-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem;display:grid}.btn-photo{background:var(--accent);color:#fff;text-align:center;cursor:pointer;box-shadow:0 3px 10px var(--accent);border-radius:.75rem;justify-content:center;align-items:center;padding:.7rem .5rem;font-size:.8rem;font-weight:700;display:flex}@supports (color:color-mix(in lab, red, red)){.btn-photo{box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 22%, transparent)}}.btn-photo-secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#fff}.photo-clear{text-align:center;width:100%;margin-top:.35rem;display:block}.process-photo-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.15rem;display:grid}.process-photo-item{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);border-radius:.75rem;position:relative;overflow:hidden}.process-photo-item img{object-fit:cover;width:100%;height:100%}.process-photo-remove{color:#fff;cursor:pointer;background:#1c1917b8;border:none;border-radius:999px;width:1.6rem;height:1.6rem;font-size:1rem;line-height:1;position:absolute;top:.3rem;right:.3rem}.process-photo-empty{border:2px dashed var(--line);background:var(--surface);text-align:center;color:var(--muted);border-radius:.85rem;grid-column:1/-1;padding:1.25rem .75rem;font-size:.78rem;font-weight:600}.process-photo-limit{color:var(--muted);margin:.5rem 0 0;font-size:.72rem;font-weight:600}.process-photo-view{grid-template-columns:repeat(2,1fr);gap:.4rem;margin-top:.35rem;display:grid}.process-photo-view img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:.65rem;width:100%}.hint-box{background:var(--surface);color:var(--muted);border-radius:.75rem;padding:.65rem .85rem;font-size:.75rem;line-height:1.55}.error-text{color:var(--danger);font-size:.82rem}.error-text.info{color:var(--muted)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 14px var(--accent);border:none;border-radius:.75rem;padding:.85rem 1rem;font-size:.875rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 28%, transparent)}}.btn-primary{transition:filter .15s,transform .1s}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-size:.78rem;font-weight:600}.btn-ghost.btn-danger{color:var(--danger)}.btn-secondary{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:.75rem;padding:.7rem 1rem;font-size:.82rem;font-weight:600;transition:background .15s}.btn-secondary:hover:not(:disabled){background:var(--surface)}.btn-secondary:disabled{opacity:.6}.list-section{margin-top:2rem}.list-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.list-exchange{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.list-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.list-exchange-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:700}.list-exchange-btn:hover:not(:disabled){background:var(--surface);color:var(--accent)}.list-exchange-btn:disabled{opacity:.45;cursor:not-allowed}.list-exchange-msg{text-align:right;max-width:16rem;margin:0;font-size:.72rem;font-weight:600;line-height:1.45}.list-exchange-msg.is-ok{color:var(--accent)}.list-exchange-msg.is-err{color:var(--danger)}.list-title{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:700}.list-count{color:var(--muted);background:var(--surface);border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.log-list{flex-direction:column;gap:1.15rem;display:flex}.empty-state{border:2px dashed var(--line);background:var(--card);text-align:center;color:var(--muted);border-radius:1rem;padding:2.5rem 1.5rem;font-size:.875rem}.log-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:1.25rem;overflow:hidden}.log-card-media{min-height:9rem;position:relative}.log-card-photo{object-fit:cover;width:100%;height:11rem;display:block}.log-card-photo-empty{background:var(--surface-2);color:var(--muted);justify-content:center;align-items:center;font-size:.82rem;display:flex}.log-card-overlay{pointer-events:none;background:linear-gradient(#00000026 0%,#0000008c 100%);position:absolute;inset:0}.log-card-media-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:.65rem;left:.65rem;right:.65rem}.log-date{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:999px;padding:.2rem .5rem;font-size:.68rem;font-weight:600}.weather-badge{color:#fff;background:var(--accent);font-size:.68rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.weather-badge{background:color-mix(in srgb, var(--accent) 85%, transparent)}}.weather-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:.2rem .55rem}.log-card-title{font-family:var(--font-display);color:#fff;text-shadow:0 1px 8px #0006;z-index:1;margin:0;font-size:1.45rem;font-weight:700;line-height:1.2;position:absolute;bottom:.75rem;left:.85rem;right:.85rem}.log-card-weight{opacity:.88;font-size:.85em;font-weight:600}.log-card-body{flex-direction:column;gap:.65rem;padding:1rem;display:flex}.stat-row{flex-wrap:wrap;gap:.45rem;display:flex}.stat-pill{background:var(--surface);border-radius:.65rem;flex-direction:column;gap:.1rem;min-width:4.5rem;padding:.4rem .65rem;display:flex}.stat-pill-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:700}.stat-pill-value{color:var(--ink);font-size:.82rem;font-weight:700}.info-block{border:1px solid var(--line);background:#faf9f7;border-radius:.75rem;overflow:hidden}.info-block-head{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:.45rem;padding:.45rem .7rem;display:flex}.info-block-icon{font-size:.85rem}.info-block-title{letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:700}.info-block-body{padding:.55rem .7rem .65rem}.info-text{color:var(--ink);margin:0;font-size:.82rem;line-height:1.6}.info-list{flex-direction:column;gap:.35rem;display:flex}.info-row{grid-template-columns:4.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.info-key{color:var(--muted);font-size:.72rem;font-weight:600}.info-val{color:var(--ink);font-size:.82rem;line-height:1.5}.memo-box{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:.75rem;margin:0;padding:.6rem .75rem}.memo-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.memo-text{color:var(--ink);margin:0;font-size:.82rem;line-height:1.6}.advice-box{border:1px solid var(--accent);background:linear-gradient(135deg,#fdf0e8 0%,#f5ebe3 100%);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.advice-box{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}}.advice-box{padding:.65rem .75rem}.advice-label{color:var(--accent);margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.advice-text{color:var(--ink);margin:0;font-size:.82rem;line-height:1.65}.log-card-actions{border-top:1px solid var(--line);flex-direction:column;gap:.45rem;margin-top:.25rem;padding-top:.65rem;display:flex}.log-card-actions-row{justify-content:flex-end;gap:.25rem;display:flex}.star-rating{justify-content:center;gap:.35rem;display:flex}.star-rating-lg .star-btn{font-size:2rem}.star-btn{color:var(--line);cursor:pointer;background:0 0;border:none;padding:.15rem;font-size:1.5rem;line-height:1;transition:color .12s,transform .1s}.star-btn.is-filled{color:#f59e0b}.star-btn:active{transform:scale(.92)}.taste-rating-box{text-align:center;padding:.5rem 0 .25rem}.taste-rating-hint{color:var(--muted);margin:.5rem 0 0;font-size:.78rem}.star-display{gap:.15rem;display:flex}.star-display-item{color:var(--line);font-size:1.1rem}.star-display-item.is-filled{color:#f59e0b}.taste-result-box{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #f59e0b40;border-radius:.75rem;flex-direction:column;align-items:stretch;gap:.55rem;padding:.7rem .75rem;display:flex}.taste-result-label{color:var(--accent);font-size:.72rem;font-weight:700}.result-tag-row{grid-template-columns:1.5rem 1fr;align-items:start;gap:.4rem;display:grid}.result-tag-label{color:var(--accent);padding-top:.2rem;font-size:.7rem;font-weight:700}.library-back-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;margin:0 0 .45rem;padding:.28rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.library-back-btn:hover{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.library-back-btn:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}.library-shell{background:radial-gradient(70% 40% at 50% 0,#fff8eb8c,#0000 60%),linear-gradient(#efe4d2 0%,#e4d3b8 55%,#d7c4a4 100%)}.library-shell .page-eyebrow{color:#8a5a28}.library-shell .page-title{color:#3a2a1c;font-family:"Noto Serif JP", var(--font-display), serif}.library-shell .page-desc{color:#6b5640}.library-header{margin-bottom:1.1rem}.bookshelf-scene{perspective:1000px;perspective-origin:50% 68%;padding:1.4rem .4rem 0;position:relative}.bookshelf-row{min-height:22rem;transform-style:preserve-3d;justify-content:center;align-items:flex-end;gap:.55rem;padding:0 .4rem;display:flex}.standing-book{--gold:#d7b56a;--spine:#4a2c1c;--ink:#f3e2b0;cursor:pointer;transform-origin:50% 100%;filter:drop-shadow(0 10px 10px #462d1447);background:0 0;border:0;width:5.4rem;height:19.5rem;padding:0;transition:transform .22s,filter .22s;display:flex;position:relative}.standing-book--smoke{--spine:#4b2a18;--ink:#e8c97a;width:6.1rem;height:20.6rem;transform:rotate(.4deg)}.standing-book--doburoku{--spine:#f3ead8;--ink:#b8892c;--gold:#c49a3c;width:5.15rem;height:18.8rem;transform:rotate(-2.4deg)translateY(.2rem)}.standing-book--cooker{--spine:#c4452a;--ink:#f3d48a;width:5.45rem;height:19.2rem;transform:rotate(2.1deg)translateY(.15rem)}.standing-book:hover,.standing-book:focus-visible{filter:drop-shadow(0 16px 16px #462d1459);z-index:2;transform:rotate(0)translateY(-.85rem)scale(1.03)}.standing-book:active{transform:rotate(0)translateY(-.2rem)}.bookshelf-row.is-opening .standing-book:not(.is-leaving){opacity:.38;filter:drop-shadow(0 8px 8px #462d1429);transition:opacity .28s,filter .28s}.standing-book.is-leaving{visibility:hidden;pointer-events:none}.standing-book-pages{background:repeating-linear-gradient(90deg,#f7f4ea 0 2px,#efe8d6 2px 3px);border-radius:.08rem .08rem 0 0;height:.55rem;position:absolute;top:0;left:.18rem;right:.42rem;box-shadow:inset 0 -1px #a08c6e59}.standing-book-spine{background:linear-gradient(90deg, #ffffff14, transparent 18%, transparent 82%, #0000002e), var(--spine);flex-direction:column;align-items:center;padding:.7rem .28rem .85rem;display:flex;position:absolute;inset:.5rem .38rem 0 0;overflow:hidden;box-shadow:inset 1px 0 #ffffff1f,inset -2px 0 6px #00000038}.standing-book--doburoku .standing-book-spine{box-shadow:inset 1px 0 #ffffff80,inset -2px 0 6px #5a3c141f}.standing-book-foreedge{background:repeating-linear-gradient(#fbf8ef 0 3px,#ece4d0 3px 4px);width:.38rem;position:absolute;top:.5rem;bottom:0;right:0;box-shadow:inset 1px 0 #ffffffb3}.spine-ornament{border-top:1px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.92;flex-shrink:0;width:78%;height:.7rem}.spine-ornament--top{margin-bottom:.45rem}.spine-ornament--bottom{border-top:2px solid var(--gold);border-bottom:1px solid var(--gold);margin-top:auto}.spine-en{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);writing-mode:horizontal-tb;text-align:center;max-width:100%;font-family:Cormorant Garamond,serif;font-size:.52rem;font-weight:600;line-height:1.15}.spine-rule{border-top:1px solid var(--gold);opacity:.85;width:62%;height:0;margin:.45rem 0}.spine-title{letter-spacing:.28em;color:var(--ink);writing-mode:vertical-rl;text-orientation:upright;flex:auto;justify-content:center;align-items:center;font-family:Noto Serif JP,serif;font-size:1.18rem;font-weight:700;line-height:1;display:flex}.spine-crest{width:1.15rem;height:1.15rem;color:var(--gold);margin:.15rem 0 .2rem}.spine-count{letter-spacing:.06em;color:var(--ink);opacity:.85;margin-bottom:.35rem;font-family:Cormorant Garamond,serif;font-size:.62rem;font-weight:700}.bookshelf-board{background:repeating-linear-gradient(90deg,#c9ae86 0 18px,#d8c09a 18px 28px,#b9976d 28px 34px),linear-gradient(#e2cdaa 0%,#b48a58 55%,#8d6840 100%);border-radius:.08rem;height:1.15rem;margin:0 -.2rem;box-shadow:0 10px 18px #50321438,inset 0 1px #fff5dc73}.app-shell[data-book] .page-title,.app-shell[data-book] .panel-title,.app-shell[data-book] .list-title{font-family:var(--font-serif)}.app-shell[data-book] .book-page{position:relative}.app-shell[data-book] .book-page:before{content:"";border-top:1px solid var(--gold);height:.7rem;margin:0 0 1rem;display:block}@supports (color:color-mix(in lab, red, red)){.app-shell[data-book] .book-page:before{border-top:1px solid color-mix(in srgb, var(--gold) 70%, transparent)}}.app-shell[data-book] .book-page:before{border-bottom:2px solid var(--gold)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-book] .book-page:before{border-bottom:2px solid color-mix(in srgb, var(--gold) 70%, transparent)}}.app-shell[data-book] .book-page:before{opacity:.75}.app-shell[data-book=smoke]{--bg:#e4d3b8;--card:#f7efe2;--surface:#efe3cc;--surface-2:#e2d2b6;--ink:#2a1a10;--muted:#7a5e48;--line:#cbb48f;--accent:#4b2a18;--accent-soft:#ead9c0;--gold:#d7b56a;--shell-glow-1:#4b2a182e;--shell-glow-2:#d7b56a29;--shadow:0 4px 24px #4b2a181a}.app-shell[data-book=doburoku]{--bg:#f3ead8;--card:#fffaf1;--surface:#f7f0e2;--surface-2:#ebe1cc;--ink:#3d3224;--muted:#8a7354;--line:#dcc9a4;--accent:#b8892c;--accent-soft:#f6e9c8;--gold:#c49a3c;--shell-glow-1:#b8892c29;--shell-glow-2:#f3ead866;--shadow:0 4px 24px #785a2814}.app-shell[data-book=cooker]{--bg:#f3d9d0;--card:#fff6f2;--surface:#fbe8e1;--surface-2:#f0d0c6;--ink:#3a1610;--muted:#8a5246;--line:#e3b5a8;--accent:#c4452a;--accent-soft:#f8ddd5;--gold:#e4c77a;--shell-glow-1:#c4452a33;--shell-glow-2:#e4c77a24;--shadow:0 4px 24px #c4452a1a}.info-row-tags{align-items:start}.book-open-overlay{z-index:80;pointer-events:none;background-color:#120c080a;justify-content:center;align-items:center;animation:5.2s cubic-bezier(.25,1,.5,1) forwards book-open-veil;display:flex;position:fixed;inset:0}.book-reveal-stage{perspective:1200px;perspective-origin:50% 45%;width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.book-reveal{--sx:0px;--sy:0px;--ss:.35;width:11.6rem;height:16.8rem;transform-style:preserve-3d;transform-origin:50% 55%;will-change:transform;animation:2.2s cubic-bezier(.25,1,.5,1) forwards book-reveal-pull,1.35s cubic-bezier(.22,1,.36,1) 2.15s forwards book-reveal-open-view}.book-volume{--leather:#4b2a18;--ink:#f3e2b0;--gold:#d7b56a;--depth:1.35rem;width:100%;height:100%;transform-style:preserve-3d;position:relative}.book-volume--smoke{--leather:#4b2a18;--ink:#e8c97a;--gold:#d7b56a}.book-volume--doburoku{--leather:#f3ead8;--ink:#8a5a1c;--gold:#c49a3c}.book-volume--cooker{--leather:#c4452a;--ink:#f3d48a;--gold:#e4c77a}.book-volume-cover,.book-volume-back,.book-volume-spine,.book-volume-edge,.book-volume-block,.book-flip-page,.book-volume-cover-face,.book-flip-page-face{position:absolute}.book-volume-cover,.book-volume-back{inset:0}.book-volume-cover{z-index:20;transform-origin:0;transform-style:preserve-3d;will-change:transform}.book-volume-cover-face{backface-visibility:hidden;border-radius:.1rem .28rem .28rem .1rem;flex-direction:column;align-items:center;padding:1.35rem 1rem 1.2rem;display:flex;inset:0;overflow:hidden}.book-volume-cover-face--front{background:linear-gradient(90deg, #ffffff1f, transparent 22%, transparent 78%, #00000047), radial-gradient(120% 80% at 28% 10%, #ffffff24, transparent 52%), var(--leather);background-color:var(--leather);transform:translateZ(.5px);box-shadow:inset 0 0 0 1px #0000002e}.book-volume-cover-face--back{background:linear-gradient(#f7efe0 0%,#e8d7b4 100%);padding:.85rem;transform:rotateY(180deg)translateZ(.5px);box-shadow:inset 0 0 0 1px #785a322e}.book-volume-cover-lining{background:repeating-linear-gradient(#0000 0 14px,#8c64320f 14px 15px);border:1px solid #a0784647;border-radius:.08rem;width:100%;height:100%;display:block}.book-volume-back{background:linear-gradient(90deg, #ffffff1f, transparent 22%, transparent 78%, #00000047), var(--leather);background-color:var(--leather);transform:rotateY(180deg) translateZ(calc(var(--depth) / 2));border-radius:.1rem .28rem .28rem .1rem;flex-direction:column;align-items:center;padding:1.35rem 1rem 1.2rem;display:flex;box-shadow:inset 0 0 0 1px #0000002e}.book-volume-spine{width:var(--depth);transform-origin:0;background:linear-gradient(90deg, #ffffff1f, transparent 24%, transparent 76%, #0000003d), var(--leather);flex-direction:column;align-items:center;height:100%;padding:.7rem .12rem .8rem;display:flex;top:0;left:0;transform:rotateY(-90deg)translateZ(0);box-shadow:inset 1px 0 #ffffff24}.book-volume-edge{width:var(--depth);transform-origin:100%;background:repeating-linear-gradient(#fbf8ef 0 3px,#ece4d0 3px 4px);top:.08rem;bottom:.08rem;right:0;transform:rotateY(90deg);box-shadow:inset 1px 0 #ffffffb3}.book-volume-block{z-index:1;transform-style:preserve-3d;transform-origin:0;background:#f6edd9;border-radius:.06rem;animation:.85s cubic-bezier(.22,1,.36,1) 2.3s forwards book-block-open;inset:.22rem .2rem .22rem .14rem;overflow:visible;transform:translateZ(1px);box-shadow:inset -6px 0 10px #5a3c1e14,0 10px 18px #1e10061f}.book-volume-inner{background:linear-gradient(#fffaf1 0%,#f3e6c9 100%);border-radius:.06rem;padding:1rem .9rem 1.1rem;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:inset 8px 0 16px #462d1414}.book-flip-page{will-change:transform;pointer-events:none;inset:0;transform-origin:0!important;transform-style:preserve-3d!important}.book-flip-page-face{backface-visibility:hidden;border-radius:.06rem;padding:1rem .9rem 1.1rem;inset:0;overflow:hidden}.book-flip-page-face--front{background:linear-gradient(90deg,#a0825a29,#0000 12%),linear-gradient(#fffaf2 0%,#f4e7cb 100%);transform:translateZ(1px);box-shadow:0 0 0 1px #d2be9659,6px 10px 16px #1e10062e}.book-flip-page-face--back{background:linear-gradient(270deg,#a0825a24,#0000 14%),linear-gradient(#efe3c4 0%,#e4d4ae 100%);transform:rotateY(180deg)translateZ(1px);box-shadow:inset 0 0 0 1px #aa8c5a47}.book-flip-page-text{letter-spacing:.01em;white-space:pre-line;color:#5c3e2057;height:100%;margin:0;font-family:Great Vibes,cursive;font-size:.78rem;line-height:1.55;display:block;overflow:hidden}.book-volume-frame{border:1px solid var(--gold);position:absolute;inset:.7rem .65rem}@supports (color:color-mix(in lab, red, red)){.book-volume-frame{border:1px solid color-mix(in srgb, var(--gold) 82%, transparent)}}.book-volume-frame{box-shadow:inset 0 0 0 4px var(--leather)}@supports (color:color-mix(in lab, red, red)){.book-volume-frame{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--leather) 92%, #000 8%)}}.book-volume-frame{pointer-events:none;background:0 0}.book-volume-en{z-index:1;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin-top:.55rem;font-family:Cormorant Garamond,serif;font-size:.78rem;font-weight:700;position:relative}.book-volume-title{z-index:1;letter-spacing:.28em;writing-mode:vertical-rl;text-orientation:upright;color:var(--ink);flex:1;justify-content:center;align-items:center;font-family:Noto Serif JP,serif;font-size:1.7rem;font-weight:700;display:flex;position:relative}.book-volume-crest{z-index:1;width:1.7rem;height:1.7rem;color:var(--gold);margin-bottom:.35rem;position:relative}.book-volume-sub{z-index:1;letter-spacing:.12em;color:var(--ink);opacity:.8;font-family:Cormorant Garamond,serif;font-size:.68rem;position:relative}.book-volume-spine-en{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:.42rem;font-weight:700}.book-volume-spine-title{letter-spacing:.18em;writing-mode:vertical-rl;text-orientation:upright;color:var(--ink);flex:1;justify-content:center;align-items:center;margin:.35rem 0;font-family:Noto Serif JP,serif;font-size:.78rem;font-weight:700;display:flex}.book-volume-spine-crest{width:.78rem;height:.78rem;color:var(--gold)}.book-volume--doburoku .book-volume-cover-face--front,.book-volume--doburoku .book-volume-back,.book-volume--doburoku .book-volume-spine{box-shadow:inset 1px 0 #ffffff73,inset -2px 0 8px #5a3c141f}.app-shell[data-book]{animation:.55s ease-out book-app-fade-in}@keyframes book-reveal-pull{0%{transform:translate3d(var(--sx), var(--sy), 0) rotateY(82deg) rotateX(0deg) scale(var(--ss))}20%{transform:translate3d(var(--sx), calc(var(--sy) - 8px), 90px) rotateY(82deg) rotateX(2deg) scale(var(--ss))}62%{transform:translateZ(56px)rotateY(0)rotateX(4deg)scale(1)}to{transform:translate3d(0,-8px,170px)rotateY(0)rotateX(8deg)scale(1.28)}}@keyframes book-reveal-open-view{0%{transform:translate3d(0,-8px,170px)rotateY(0)rotateX(8deg)scale(1.28)}to{transform:translate3d(34px,4px,110px)rotateY(22deg)rotateX(16deg)scale(1.12)}}@keyframes book-block-open{0%{transform:translateZ(1px)rotateY(0)}55%{transform:translateZ(4px)rotateY(-4deg)}to{transform:translateZ(6px)rotateY(-8deg)}}@keyframes book-open-veil{0%{opacity:1;background-color:#120c080a}18%{opacity:1;background-color:#120c0838}55%{opacity:1;background-color:#120c085c}82%{opacity:1;background-color:#f7efe2e0}to{opacity:0;background-color:#f7efe2}}@keyframes book-app-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.book-open-overlay,.book-reveal,.book-volume-block,.app-shell[data-book]{animation:none!important}.book-open-overlay{opacity:0}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}