@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Outfit:wght@500;600;700;800&display=swap";.ui-theme-yonda{--ui-breakpoint-desktop: 1024px;--ui-app-max-width-mobile: 384px;--ui-app-max-width-desktop: 1360px;--ui-app-max-width: var(--ui-app-max-width-mobile);--ui-sidebar-width: 220px;--ui-safe-area-bottom: env(safe-area-inset-bottom, 0px);--ui-color-accent: #7295ae;--ui-color-accent-strong: #4c84f5;--ui-color-bg: #f5f6f8;--ui-color-bg-shell-desktop: #edf2f8;--ui-color-surface: #ffffff;--ui-color-surface-soft: #f4f7fb;--ui-color-surface-muted: #ebf0f6;--ui-color-text: #111318;--ui-color-text-strong: #1f3348;--ui-color-subtext: #606e8a;--ui-color-subtext-soft: #8396ad;--ui-color-line: #e5ebf2;--ui-color-line-soft: #dbe3ee;--ui-color-line-shell: #d8dee8;--ui-color-line-sidebar: #d8e2ee;--ui-color-placeholder: #cbd5e1;--ui-color-placeholder-text: #64748b;--ui-color-accent-contrast: #ffffff;--ui-color-danger: #ef4444;--ui-color-danger-soft: #fef2f2;--ui-color-danger-text: #b91c1c;--ui-color-success-soft: #dcfce7;--ui-color-success-text: #166534;--ui-color-warning: #f59e0b;--ui-color-warning-contrast: #ffffff;--ui-color-tab-icon: #64748b;--ui-color-tab-home-bg: #e8edf3;--ui-color-tab-active-bg-desktop: #dce7f2;--ui-color-tab-active-text-desktop: #35526d;--ui-color-ad-placeholder-bg: #dde4ed;--ui-color-ad-placeholder-line: #bac5d3;--ui-color-ad-placeholder-text: #63758f;--ui-color-overlay: rgb(17 24 39 / 45%);--ui-font-family-body: "Noto Sans JP", "Outfit", sans-serif;--ui-font-family-display: "Outfit", "Noto Sans JP", sans-serif;--ui-font-size-xxs: 10px;--ui-font-size-xs: 11px;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-base: 14px;--ui-font-size-lg: 16px;--ui-font-size-xl: 18px;--ui-font-size-2xl: 22px;--ui-font-size-3xl: 32px;--ui-font-weight-medium: 500;--ui-font-weight-semibold: 600;--ui-font-weight-bold: 700;--ui-font-weight-extrabold: 800;--ui-line-height-tight: 1.2;--ui-line-height-snug: 1.3;--ui-line-height-normal: 1.5;--ui-radius-xs: 2px;--ui-radius-sm: 8px;--ui-radius-md: 10px;--ui-radius-card: 14px;--ui-radius-lg: 20px;--ui-radius-pill: 999px;--ui-space-1: 4px;--ui-space-2: 6px;--ui-space-3: 8px;--ui-space-4: 10px;--ui-space-5: 12px;--ui-space-6: 14px;--ui-space-7: 16px;--ui-space-8: 20px;--ui-space-9: 24px;--ui-space-10: 32px;--ui-shadow-card: 0 4px 12px rgb(30 41 59 / 7%);--ui-shadow-fab: 0 10px 20px rgb(24 46 72 / 25%);--ui-shadow-tab-home: 0 4px 8px rgb(15 23 42 / 14%);--ui-shadow-shell-desktop: 0 18px 40px rgb(15 23 42 / 10%);--ui-duration-fast: .18s;--ui-duration-base: .2s;--ui-ease-standard: ease;--ui-card-border-width: 1px;--ui-touch-target-md: 42px;--ui-icon-button-size: 28px;--ui-switch-width: 44px;--ui-switch-height: 24px;--ui-book-cover-radius: 10px;--ui-book-cover-aspect: 2 / 3;--ui-app-content-padding-x-mobile: 16px;--ui-app-content-padding-top-mobile: 12px;--ui-app-content-padding-bottom-mobile-base: 168px;--ui-tabbar-height-mobile: 78px;--ui-tabbar-padding-bottom-mobile: 8px;--ui-adbar-height-mobile: 48px;--ui-adbar-bottom-offset-mobile: 80px;--ui-shell-frame-padding-desktop-y: 16px;--ui-shell-frame-padding-desktop-x: 24px;--ui-content-padding-desktop-top: 24px;--ui-content-padding-desktop-x: 32px;--ui-content-padding-desktop-bottom: 32px;--ui-adbar-height-desktop: 56px;--ui-adbar-max-width-desktop: 728px;--ui-adbar-desktop-bottom-margin: 20px;--ui-tile-width-mobile: 98px;--ui-tile-width-desktop: 116px;--ui-today-cover-width-mobile: 68px;--ui-today-cover-width-desktop: 82px;--ui-today-card-min-height-desktop: 106px;--ui-settings-panel-max-width-desktop: 920px;--ui-gradient-hero: linear-gradient(140deg, #7295ae 0%, #4c84f5 100%);--ui-hero-glow: rgb(255 255 255 / 16%)}@media(min-width:1024px){.ui-theme-yonda{--ui-app-max-width: var(--ui-app-max-width-desktop)}}.ui-theme-yonda,.ui-theme-yonda *,.ui-theme-yonda *:before,.ui-theme-yonda *:after{box-sizing:border-box}.ui-theme-yonda{color:var(--ui-color-text);background:var(--ui-color-bg);font-family:var(--ui-font-family-body);-webkit-font-smoothing:antialiased}.ui-theme-yonda a{color:inherit;text-decoration:none}.ui-theme-yonda button,.ui-theme-yonda input,.ui-theme-yonda textarea{font:inherit}.ui-card{border-radius:var(--ui-radius-card);border:var(--ui-card-border-width) solid var(--ui-color-line);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-card)}.ui-empty-state{padding:var(--ui-space-7);color:var(--ui-color-subtext);font-size:var(--ui-font-size-md);text-align:center;line-height:var(--ui-line-height-normal)}.ui-section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-3)}.ui-section-header__left{display:flex;align-items:center;gap:var(--ui-space-2);min-width:0}.ui-section-header__icon{color:var(--ui-color-accent);display:inline-flex;align-items:center;justify-content:center}.ui-section-header__title{margin:0;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-bold);line-height:var(--ui-line-height-snug)}.ui-section-header__action{color:var(--ui-color-subtext-soft);display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border-radius:var(--ui-radius-pill)}.ui-section-header__action:focus-visible{outline:2px solid color-mix(in srgb,var(--ui-color-accent) 70%,white);outline-offset:2px}.ui-text-title{margin:0;font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-bold);line-height:var(--ui-line-height-snug);overflow-wrap:anywhere;word-break:break-word}.ui-text-sub{margin:0;color:var(--ui-color-subtext);font-size:var(--ui-font-size-xxs);line-height:var(--ui-line-height-snug);overflow-wrap:anywhere;word-break:break-word}.ui-text-caption{margin:0;color:var(--ui-color-subtext);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal)}.ui-clamp-1,.ui-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.ui-clamp-1{-webkit-line-clamp:1}.ui-clamp-2{-webkit-line-clamp:2}.ui-book-cover{width:100%;border-radius:var(--ui-book-cover-radius);overflow:hidden;aspect-ratio:var(--ui-book-cover-aspect);background:var(--ui-color-placeholder)}.ui-book-cover__media{width:100%;height:100%;object-fit:cover;display:block}.ui-book-cover__fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--ui-color-placeholder-text);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.ui-icon-button{border:0;background:transparent;color:#8ca0b7;width:var(--ui-icon-button-size);height:var(--ui-icon-button-size);border-radius:var(--ui-radius-pill);display:grid;place-items:center;cursor:pointer}.ui-icon-button:focus-visible{outline:2px solid #4facfe;outline-offset:2px}.ui-button-row{display:flex;flex-wrap:wrap;gap:var(--ui-space-3)}.ui-button-primary,.ui-button-text,.ui-pill-button{border:0;font-weight:var(--ui-font-weight-bold);cursor:pointer}.ui-button-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:42px;padding:0 var(--ui-space-5);border-radius:var(--ui-radius-pill);background:var(--ui-color-accent);color:var(--ui-color-accent-contrast)}.ui-button-primary:hover{filter:brightness(.98)}.ui-button-primary:disabled,.ui-pill-button:disabled{opacity:.45;cursor:not-allowed}.ui-button-text{padding:6px 12px;border-radius:var(--ui-radius-pill);background:transparent;color:var(--ui-color-tab-icon)}.ui-pill-button{min-height:34px;padding:0 12px;border-radius:var(--ui-radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--ui-color-surface-muted);color:var(--ui-color-tab-active-text-desktop);font-size:var(--ui-font-size-sm)}.ui-pill-button.is-danger{background:var(--ui-color-danger-soft);color:var(--ui-color-danger-text)}.ui-inline-notice{margin:0;padding:8px 10px;border-radius:10px;background:#eef3f8;color:var(--ui-color-tab-active-text-desktop);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-bold)}.ui-inline-notice.is-success{background:#ecfdf3;color:#166534}.ui-inline-notice.is-error{background:#fef2f2;color:#b91c1c}.ui-modal-overlay{position:fixed;inset:0;background:var(--ui-color-overlay);display:grid;place-items:center;padding:var(--ui-space-7);z-index:30}.ui-modal{width:min(100%,320px);padding:var(--ui-space-7);background:var(--ui-color-surface);border-radius:var(--ui-radius-lg);display:grid;gap:var(--ui-space-4);justify-items:center;text-align:center;position:relative}.ui-modal.ui-modal--stretch{width:min(100%,360px);justify-items:stretch;text-align:left}.ui-modal h2{margin:0;font-size:var(--ui-font-size-xl);line-height:var(--ui-line-height-snug)}.ui-modal__close{position:absolute;right:var(--ui-space-3);top:var(--ui-space-3)}.ui-rank-badge{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:8px;background:var(--ui-color-warning);color:var(--ui-color-warning-contrast);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-bold);display:grid;place-items:center;margin:0;z-index:1}.ui-status-chip{display:inline-flex;width:fit-content;border-radius:var(--ui-radius-pill);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-bold);padding:3px 10px}.ui-status-chip.is-muted{background:var(--ui-color-surface-muted);color:var(--ui-color-tab-active-text-desktop)}.ui-status-chip.is-success{background:var(--ui-color-success-soft);color:var(--ui-color-success-text)}.ui-status-chip.is-danger{background:var(--ui-color-danger-soft);color:var(--ui-color-danger-text)}.ui-settings-item{width:100%;border-width:1px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;background:var(--ui-color-surface)}.ui-settings-item__icon{width:42px;height:42px;border-radius:var(--ui-radius-pill);background:#eef3f8;color:#6e859d;display:grid;place-items:center;flex-shrink:0}.ui-settings-item__body{display:grid;gap:4px;flex:1;min-width:0}.ui-settings-item__body strong{font-size:var(--ui-font-size-lg);line-height:var(--ui-line-height-snug);overflow-wrap:anywhere;word-break:break-word}.ui-settings-item__body small{color:var(--ui-color-subtext);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal)}.ui-settings-item__chevron{color:#94a3b8;font-size:22px;line-height:1}@media(min-width:1024px){.ui-text-title{font-size:var(--ui-font-size-base)}.ui-text-sub{font-size:var(--ui-font-size-sm)}.ui-section-header__title{font-size:var(--ui-font-size-2xl)}}.ui-app-stage{display:flex;justify-content:center;width:100%;min-height:100%}.ui-app-shell{position:relative;width:100%;height:100dvh;background:var(--ui-color-bg);border:0;overflow-x:hidden}.ui-app-content{height:100%;overflow-y:auto;overflow-x:hidden;min-width:0;padding:var(--ui-app-content-padding-top-mobile) var(--ui-app-content-padding-x-mobile) calc(var(--ui-app-content-padding-bottom-mobile-base) + var(--ui-safe-area-bottom));scrollbar-width:none}.ui-app-content::-webkit-scrollbar{display:none}.ui-app-adbar{position:absolute;right:var(--ui-app-content-padding-x-mobile);bottom:calc(var(--ui-adbar-bottom-offset-mobile) + var(--ui-safe-area-bottom));left:var(--ui-app-content-padding-x-mobile);height:var(--ui-adbar-height-mobile)}.ui-app-adslot{width:100%;height:100%;border:1px dashed var(--ui-color-ad-placeholder-line);border-radius:var(--ui-radius-xs);background:var(--ui-color-ad-placeholder-bg);color:var(--ui-color-ad-placeholder-text);display:grid;place-items:center;font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-bold)}.ui-app-tabbar{position:absolute;right:0;bottom:0;left:0;height:calc(var(--ui-tabbar-height-mobile) + var(--ui-safe-area-bottom));background:var(--ui-color-surface);border-top:1px solid #e7edf3;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:8px 4px calc(var(--ui-tabbar-padding-bottom-mobile) + var(--ui-safe-area-bottom))}.ui-app-tabbar__brand{display:none}.ui-app-tabbar__brand-logo{width:36px;height:36px;border-radius:var(--ui-radius-pill);flex-shrink:0;background:linear-gradient(160deg,#9bb5c8,#6f92ad)}.ui-app-tab-link{display:grid;justify-items:center;gap:4px;font-size:var(--ui-font-size-xxs);color:var(--ui-color-tab-icon);font-weight:var(--ui-font-weight-semibold);min-width:0}.ui-app-tab-link__icon,.ui-app-tab-link__home-icon{display:inline-grid;place-items:center}.ui-app-tab-link__label{min-width:0}.ui-app-tab-link--home{margin-top:-20px}.ui-app-tab-link__home-icon{width:46px;height:46px;border-radius:var(--ui-radius-pill);color:var(--ui-color-tab-icon);background:var(--ui-color-tab-home-bg);box-shadow:var(--ui-shadow-tab-home)}.ui-app-tab-link.is-active,.ui-app-tab-link.is-active .ui-app-tab-link__icon{color:var(--ui-color-accent)}.ui-app-tab-link.is-active .ui-app-tab-link__home-icon{color:#fff;background:var(--ui-color-accent)}.ui-screen{display:grid;gap:12px;min-width:0;max-width:100%}.ui-screen--settings{gap:12px}.ui-brand-header{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:2px}.ui-brand-header__logo{width:34px;height:34px;border-radius:var(--ui-radius-pill);background:linear-gradient(155deg,#9fb9cb,#6d90ac)}.ui-brand-header__title{margin:0;font-size:var(--ui-font-size-2xl);font-weight:var(--ui-font-weight-extrabold);font-family:var(--ui-font-family-display)}.ui-section-block{display:grid;gap:8px}.ui-today-card{display:grid;grid-template-columns:var(--ui-today-cover-width-mobile) 1fr auto;align-items:center;gap:12px;padding:11px}.ui-today-card__cover{width:var(--ui-today-cover-width-mobile)}.ui-today-card__body{display:grid;gap:4px;min-width:0}.ui-today-card__hint{margin:0;font-size:var(--ui-font-size-xs);color:#5f88ac;font-weight:var(--ui-font-weight-bold)}.ui-horizontal-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ui-horizontal-strip::-webkit-scrollbar{display:none}.ui-ranking-tile,.ui-shelf-tile{position:relative;min-width:var(--ui-tile-width-mobile);display:grid;gap:6px;min-height:0}.ui-ranking-tile--button{border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ui-ranking-tile--button:focus-visible,.ui-shelf-tile:focus-visible{outline:2px solid #4facfe;outline-offset:2px;border-radius:var(--ui-radius-md)}.ui-ranking-cover{width:var(--ui-tile-width-mobile)}.ui-settings-group{display:grid;gap:8px}.ui-settings-group__title{margin:0;color:#62758f;font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-bold)}.ui-settings-list{display:grid;gap:8px}.ui-fab{position:fixed;right:16px;bottom:calc(142px + var(--ui-safe-area-bottom));border:0;border-radius:var(--ui-radius-pill);background:var(--ui-color-accent);color:#fff;font-weight:var(--ui-font-weight-bold);display:inline-flex;align-items:center;gap:4px;padding:10px 14px;box-shadow:var(--ui-shadow-fab);z-index:6}@media(min-width:1024px){.ui-app-stage{padding:var(--ui-shell-frame-padding-desktop-y) var(--ui-shell-frame-padding-desktop-x)}.ui-app-shell{width:min(100%,var(--ui-app-max-width));height:calc(100dvh - 32px);display:grid;grid-template-columns:var(--ui-sidebar-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--ui-color-line-shell);border-radius:var(--ui-radius-lg);overflow:hidden;box-shadow:var(--ui-shadow-shell-desktop);background:var(--ui-color-bg-shell-desktop)}.ui-app-content{grid-column:2;grid-row:1;padding:var(--ui-content-padding-desktop-top) var(--ui-content-padding-desktop-x) var(--ui-content-padding-desktop-bottom);overflow-y:auto}.ui-app-adbar{grid-column:2;grid-row:2;position:relative;left:auto;right:auto;bottom:auto;width:min(calc(100% - 64px),var(--ui-adbar-max-width-desktop));height:var(--ui-adbar-height-desktop);margin:0 auto var(--ui-adbar-desktop-bottom-margin)}.ui-app-tabbar{grid-column:1;grid-row:1 / span 2;position:relative;height:auto;border-top:0;border-right:1px solid var(--ui-color-line-sidebar);background:var(--ui-color-surface-soft);display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:18px 12px}.ui-app-tabbar__brand{display:flex;align-items:center;gap:10px;padding:8px 10px 16px;margin-bottom:4px;color:var(--ui-color-text-strong);font-family:var(--ui-font-family-display);font-size:var(--ui-font-size-2xl);font-weight:var(--ui-font-weight-extrabold)}.ui-app-tab-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;font-size:var(--ui-font-size-base)}.ui-app-tab-link--home{margin-top:0}.ui-app-tab-link__home-icon{width:auto;height:auto;border-radius:0;background:transparent;box-shadow:none;color:inherit}.ui-app-tab-link.is-active,.ui-app-tab-link.is-active .ui-app-tab-link__icon,.ui-app-tab-link.is-active .ui-app-tab-link__home-icon{color:var(--ui-color-tab-active-text-desktop)}.ui-app-tab-link.is-active{background:var(--ui-color-tab-active-bg-desktop)}.ui-screen{gap:16px}.ui-brand-header{display:none}.ui-section-block{gap:6px}.ui-section-header__title{font-size:18px}.ui-today-card{grid-template-columns:var(--ui-today-cover-width-desktop) 1fr auto;gap:14px;padding:12px 14px;min-height:var(--ui-today-card-min-height-desktop)}.ui-today-card__cover{width:var(--ui-today-cover-width-desktop)}.ui-horizontal-strip{display:grid;grid-template-columns:repeat(6,minmax(0,var(--ui-tile-width-desktop)));justify-content:start;gap:10px;overflow:hidden}.ui-ranking-tile,.ui-shelf-tile{min-width:0;width:var(--ui-tile-width-desktop);gap:4px}.ui-ranking-cover{width:var(--ui-tile-width-desktop);border-radius:var(--ui-radius-sm)}.ui-rank-badge{width:20px;height:20px;font-size:var(--ui-font-size-xxs);border-radius:7px}.ui-ranking-tile .ui-text-title,.ui-shelf-tile .ui-text-title{font-size:var(--ui-font-size-xxs);line-height:1.2}.ui-ranking-tile .ui-text-sub,.ui-shelf-tile .ui-text-sub{font-size:9px}.ui-screen--settings{width:min(100%,var(--ui-settings-panel-max-width-desktop));margin-inline:auto}.ui-settings-group,.ui-settings-list{gap:10px}.ui-settings-item{min-height:84px}}@media(max-width:384px){.ui-fab{right:16px}}.yonda-sample-page{min-height:100svh;background:radial-gradient(circle at 10% 10%,rgb(114 149 174 / 10%),transparent 45%),radial-gradient(circle at 90% 10%,rgb(76 132 245 / 10%),transparent 50%),#eef3f8}.demo-root{min-height:100svh}.demo-header-note{display:grid;gap:4px;width:min(100%,980px);margin:16px auto 0;padding:0 16px;color:#40566d;font-family:Noto Sans JP,sans-serif}.demo-header-note strong{font-size:14px}.demo-header-note span{font-size:12px;color:#6a7d94}.demo-brand-logo{background:radial-gradient(circle at 35% 30%,#b4cad9 0%,#b4cad9 25%,transparent 26%),linear-gradient(150deg,#9fb9cb,#6d90ac)}.demo-icon-button{background:#fff9}.demo-cover{position:relative}.demo-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1f,#fff0),linear-gradient(160deg,rgb(15 23 42 / 10%),transparent 50%);pointer-events:none}.demo-cover .ui-book-cover__fallback{color:#ffffffd9;text-shadow:0 1px 2px rgb(15 23 42 / 35%)}.demo-cover--today{background:linear-gradient(160deg,#8fb3c9,#6f92ad)}.demo-cover--1{background:linear-gradient(160deg,#4f7ea5,#2f5f86)}.demo-cover--2{background:linear-gradient(160deg,#839fb8,#567694)}.demo-cover--3{background:linear-gradient(160deg,#8a719e,#5f4a74)}.demo-cover--4{background:linear-gradient(160deg,#b08d6f,#8c6a50)}.demo-cover--5{background:linear-gradient(160deg,#6f97a0,#4f7680)}.yonda-sample-empty-copy,.yonda-sample-empty-copy *{text-shadow:none!important}.yonda-sample-empty-copy :is(h1,h2,h3,p,strong,small){color:transparent!important;-webkit-text-fill-color:transparent}.yonda-sample-empty-copy .ui-book-cover__fallback,.yonda-sample-empty-copy .demo-header-note span,.yonda-sample-empty-copy .ui-app-tab-link__label,.yonda-sample-empty-copy .ui-app-tabbar__brand>span:last-child,.yonda-sample-empty-copy .ui-fab>span:last-child,.yonda-sample-empty-copy .ui-app-adslot,.yonda-sample-empty-copy .ui-empty-state{color:transparent!important;-webkit-text-fill-color:transparent}@media(max-width:1023.98px){.demo-header-note{margin-top:8px}}:root{color:#162432;background:#f2f7fb;font-family:BIZ UDPGothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 5%,rgba(180,216,244,.35),transparent 38%),radial-gradient(circle at 90% 10%,rgba(185,232,208,.35),transparent 42%),linear-gradient(180deg,#f6fbff,#eef4f9 40%,#f3f7fa);color:#182738}img{max-width:100%;display:block}a{color:#1f5e99}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fcffd1;border-bottom:1px solid #dce7f2}.site-header__inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:800}.brand__badge{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#1f5e99;color:#fff;font-size:14px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.nav-links a{text-decoration:none;color:#21384f;padding:8px 12px;border-radius:999px;border:1px solid transparent}.nav-links a.active{background:#fff;border-color:#dbe7f2;box-shadow:0 4px 12px #142d500f}.page{max-width:1200px;margin:0 auto;padding:20px}.stack-lg{display:grid;gap:24px}.stack-md{display:grid;gap:16px}.stack-sm{display:grid;gap:10px}.stack-xs{display:grid;gap:6px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-between.wrap{flex-wrap:wrap}.muted{color:#5b7087}.eyebrow{margin:0 0 6px;color:#5a6f84;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.page-card{background:#fffffff0;border:1px solid #dce7f2;border-radius:18px;padding:18px;box-shadow:0 10px 30px #142d500a}.page-card--subtle{background:#f8fbff;border-style:dashed}.hero-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:20px;border-radius:22px;border:1px solid #d9e5f0;background:radial-gradient(circle at 90% 10%,rgba(164,226,197,.25),transparent 44%),radial-gradient(circle at 8% 10%,rgba(159,204,240,.22),transparent 44%),#fff}.hero-panel--compact{grid-template-columns:1fr}.hero-panel__copy h1{margin:0;font-size:clamp(26px,4vw,44px);line-height:1.1}.hero-panel__copy p{margin:8px 0 0}.hero-panel__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.mock-card{min-height:110px;border-radius:16px;border:1px solid #dbe7f2;background:linear-gradient(180deg,#fff,#f4f8fc);padding:12px;font-weight:700;color:#22384d}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.primary-button,.primary-link-button,.secondary-button,.secondary-link-button,.danger-button,.soft-button,.icon-button{border-radius:999px;border:1px solid #d6e2ee;padding:10px 14px;text-decoration:none;background:#fff;color:#1f3247;transition:transform .12s ease,box-shadow .12s ease}.primary-button,.primary-link-button{background:linear-gradient(180deg,#2e78b8,#1f5e99);color:#fff;border-color:#1f5e99;box-shadow:0 8px 18px #1f5e9940}.secondary-button,.secondary-link-button{background:#fff}.danger-button{background:#fff2f2;border-color:#f0caca;color:#b13b3b}.soft-button{padding:8px 12px;background:#f5f9fd}.icon-button{padding:6px 10px;min-width:36px}.primary-button:hover,.primary-link-button:hover,.secondary-button:hover,.secondary-link-button:hover,.danger-button:hover,.soft-button:hover,.icon-button:hover{transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-card{background:#ffffffed;border:1px solid #dce7f2;border-radius:16px;padding:14px}.info-card h2{margin:0 0 6px;font-size:18px}.info-card p{margin:0;color:#597188}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field>span{font-size:13px;color:#566b82}.field input,.field textarea{width:100%;border:1px solid #d7e3ee;background:#fff;color:inherit;border-radius:12px;padding:10px 12px}.field textarea{resize:vertical}.field-inline{display:grid;grid-template-columns:1fr auto;gap:8px}.field-inline button{border-radius:12px;border:1px solid #d7e3ee;padding:10px 12px;background:#fff}.book-slot{background:#fffffff0;border:1px solid #dce7f2;border-radius:18px;padding:16px;display:grid;gap:12px}.book-slot__header,.book-slot__top{display:flex;gap:12px;justify-content:space-between}.book-slot__header{align-items:center}.book-slot__header h3{margin:0}.book-slot__actions{display:flex;gap:8px}.book-slot__top{align-items:flex-start}.book-slot__meta{flex:1;display:grid;gap:10px}.cover-frame{width:146px;min-width:146px;aspect-ratio:3 / 4;border-radius:16px;border:1px solid #dfe9f2;background:linear-gradient(180deg,#f6f9fd,#edf3f9);overflow:hidden;display:grid;place-items:center}.cover-frame img{width:100%;height:100%;object-fit:contain}.cover-frame--book{width:100%;min-width:0}.cover-placeholder{font-size:12px;color:#74899d}.search-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-panel{border:1px solid #e2ecf5;border-radius:14px;background:#f9fbfe;padding:10px}.status-line{margin:0;padding:10px 12px;border-radius:12px;background:#f3f8fd;color:#294966}.status-line--error{background:#fff1f1;color:#a23d3d;border:1px solid #f1d0d0}.status-line--success{background:#f1fbf4;color:#23754a;border:1px solid #cfead9}.search-results{list-style:none;margin:0;padding:0;display:grid;gap:8px}.search-result-empty{padding:10px;color:#61778e}.search-result-item{width:100%;text-align:left;border:1px solid #dce7f2;border-radius:14px;background:#fff;padding:10px;display:grid;grid-template-columns:60px 1fr;gap:10px}.search-result-item__cover{width:60px;height:80px;border-radius:10px;background:#eef4fa;overflow:hidden;border:1px solid #e1ebf4;display:grid;place-items:center}.search-result-item__cover img{width:100%;height:100%;object-fit:contain}.search-result-item__content{display:grid;gap:2px}.search-result-item__content strong{color:#22384f}.search-result-item__content span,.search-result-item__content small{color:#5e7389}.public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{background:#fffffff0;border:1px solid #dce7f2;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #142d500a}.book-card__click{width:100%;border:0;padding:0;background:transparent;text-align:left}.book-card__body{padding:12px}.book-card__body h3{margin:0;font-size:18px}.book-card__comment{margin:8px 0 0}.book-card__comment--empty{color:#72879b}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-link{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid #dce7f2;background:#fff;padding:8px 12px;text-decoration:none;color:#24415c}.modal-backdrop{position:fixed;inset:0;background:#111b2673;display:grid;place-items:center;padding:18px;z-index:40}.modal{width:min(640px,100%);max-height:min(90vh,800px);overflow:auto;background:#fff;border-radius:18px;border:1px solid #dce7f2;padding:16px;box-shadow:0 20px 40px #101c2840}.modal h2{margin:0}.modal-cover{margin:10px 0;border-radius:14px;border:1px solid #e2ecf5;background:#f5f9fd;padding:10px}.modal-cover img{width:100%;max-height:360px;object-fit:contain}.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ranking-row{display:grid;grid-template-columns:42px 180px 1fr;gap:12px;align-items:center;background:#fffffff2;border:1px solid #dce7f2;border-radius:16px;padding:10px}.ranking-row--book{grid-template-columns:42px 64px 1fr auto}.ranking-row__rank{width:32px;height:32px;border-radius:999px;background:#edf4fb;color:#24405b;display:grid;place-items:center;font-weight:800}.ranking-row__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tiny-cover{aspect-ratio:3 / 4;border-radius:8px;border:1px solid #e0ebf4;overflow:hidden;background:#eef4fa;display:grid;place-items:center}.tiny-cover img{width:100%;height:100%;object-fit:contain}.tiny-cover--book{width:54px}.ranking-row__content{min-width:0;display:grid;gap:2px}.ranking-row__title{font-weight:700}.sticky-actions{position:sticky;bottom:14px;display:flex;justify-content:center;padding-bottom:6px}.sticky-actions .primary-button{min-width:min(560px,100%);font-weight:800}.plain-list{margin:0;padding-left:1.2em}.compose-page{gap:18px}.compose-layout{display:grid;gap:18px;align-items:start}.compose-main{min-width:0}.compose-canvas{border-radius:22px;padding:18px;background:radial-gradient(circle at 8% 8%,rgba(161,205,243,.16),transparent 42%),radial-gradient(circle at 92% 12%,rgba(174,229,205,.14),transparent 46%),#fffffff5}.compose-canvas__header{align-items:flex-start}.compose-canvas__title{margin:0;font-size:clamp(22px,3vw,32px);line-height:1.15}.compose-canvas__lead{margin:8px 0 0;max-width:56ch}.compose-progress{display:inline-flex;align-items:baseline;gap:4px;padding:10px 14px;border-radius:999px;border:1px solid #dce7f2;background:#fff;box-shadow:0 8px 20px #142d500f}.compose-progress strong{font-size:18px;line-height:1;color:#1f5e99}.compose-progress span{color:#5e758d;font-size:13px;font-weight:700}.compose-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compose-slot-tile{border:1px solid #dce7f2;background:#fff;border-radius:18px;padding:10px;display:grid;gap:10px;text-align:left;box-shadow:0 10px 24px #142d5008;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.compose-slot-tile:hover{transform:translateY(-1px);box-shadow:0 14px 28px #142d5012}.compose-slot-tile.is-active{border-color:#2e78b8;box-shadow:0 0 0 3px #2e78b81f,0 14px 28px #142d5014}.compose-slot-tile.is-filled{background:linear-gradient(180deg,#fffffffa,#f8fcfffa)}.compose-slot-tile__badge{width:fit-content;padding:4px 8px;border-radius:999px;border:1px solid #dbe7f2;background:#f7fbff;color:#294966;font-size:12px;font-weight:800}.compose-slot-tile__cover.cover-frame{width:100%;min-width:0;aspect-ratio:16 / 10;border-radius:14px;background:radial-gradient(circle at 12% 15%,rgba(174,218,245,.28),transparent 48%),linear-gradient(180deg,#f9fbfe,#eef4fa)}.compose-slot-tile__cover img{object-fit:contain}.compose-slot-tile__placeholder{width:100%;height:100%;display:grid;place-items:center;gap:4px;color:#6f8498;text-align:center}.compose-slot-tile__plus{font-size:22px;line-height:1;font-weight:700;color:#2e78b8}.compose-slot-tile__meta{display:grid;gap:4px;min-width:0}.compose-slot-tile__title{color:#22384f;font-size:14px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.compose-slot-tile__title--empty{color:#2a5075}.compose-slot-tile__sub{color:#667d93;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.compose-editor-head{border-radius:18px}.compose-editor-head__title{margin:0;font-size:20px}.compose-editor-head__lead{margin:6px 0 0}.compose-editor-head__actions{margin-top:0}.compose-slot-jump{min-width:44px;font-weight:800}.compose-slot-jump.is-active{background:#e9f3fb;border-color:#bfd8ee;color:#1f5e99}.compose-sidebar{min-width:0}.compose-sidebar__card{position:sticky;top:78px;border-radius:20px}.compose-sidebar__header h2{margin:0;font-size:20px}.compose-sidebar__header p{margin:6px 0 0}.compose-links-card p{margin:0;overflow-wrap:anywhere}.compose-links-card p+p{margin-top:8px}.compose-sidebar__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compose-sidebar__stat{border:1px solid #dce7f2;background:#f8fbff;border-radius:14px;padding:10px 12px;display:grid;gap:2px}.compose-sidebar__stat span{font-size:12px;color:#637b91}.compose-sidebar__stat strong{font-size:16px;color:#233d56}.compose-details{border:1px solid #dce7f2;border-radius:14px;background:#ffffffd9;overflow:clip}.compose-details>summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:800;color:#233f5c;display:flex;align-items:center;justify-content:space-between;gap:8px}.compose-details>summary::-webkit-details-marker{display:none}.compose-details>summary:after{content:"+";color:#5e7590;font-size:16px;line-height:1}.compose-details[open]>summary:after{content:"-"}.compose-details__body{padding:0 14px 14px}.compose-sidebar__sns-grid{grid-template-columns:1fr}.compose-sidebar__save-hint{margin:0;font-size:13px}@media(max-width:980px){.hero-panel,.form-grid,.search-panels,.compose-layout{grid-template-columns:1fr}.compose-sidebar__card{position:static;top:auto}}@media(max-width:760px){.site-header__inner{align-items:flex-start;flex-direction:column}.nav-links{width:100%}.nav-links a{padding:7px 10px}.public-grid,.info-grid{grid-template-columns:1fr}.ranking-row{grid-template-columns:36px 1fr;grid-template-areas:"rank content" "thumbs thumbs"}.ranking-row__rank{grid-area:rank}.ranking-row__thumbs{grid-area:thumbs}.ranking-row__content{grid-area:content}.ranking-row--book{grid-template-columns:36px 54px 1fr auto;grid-template-areas:"rank thumb action action" "rank thumb content content";align-items:start}.ranking-row--book .ranking-row__rank{grid-area:rank}.ranking-row--book .tiny-cover--book{grid-area:thumb}.ranking-row--book .ranking-row__content{grid-area:content}.ranking-row--book .chip-link{grid-area:action;justify-self:start}.book-slot__top{flex-direction:column}.cover-frame{width:100%;min-width:0;max-width:240px}.compose-canvas{padding:14px}.compose-canvas__header{gap:10px}.compose-progress{padding:8px 12px}.compose-slot-grid{grid-template-columns:1fr}.compose-sidebar__stats{grid-template-columns:1fr 1fr}.compose-editor-head__actions{width:100%}}@media(min-width:981px){.compose-layout{grid-template-columns:320px minmax(0,1fr);grid-template-areas:"side main"}.compose-sidebar{grid-area:side}.compose-main{grid-area:main}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app-shell--fullscreen-route{min-height:100svh}.page--fullbleed{max-width:none;margin:0;padding:0}.yonda-empty-root{min-height:100svh;background:radial-gradient(circle at 10% 10%,rgb(114 149 174 / 10%),transparent 45%),radial-gradient(circle at 90% 10%,rgb(76 132 245 / 10%),transparent 50%),#eef3f8}.yonda-empty-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;width:min(100%,980px);margin:12px auto 0;padding:0 16px;color:#40566d}.yonda-empty-note__copy{display:grid;gap:4px}.yonda-empty-note__copy strong{font-size:14px}.yonda-empty-note__copy span{color:#6a7d94;font-size:12px}.yonda-empty-note__link.ui-button-text{align-self:flex-start;background:#ffffffb3;border:1px solid #dbe7f2}.yonda-empty-brand-logo{background:radial-gradient(circle at 35% 30%,#b4cad9 0%,#b4cad9 25%,transparent 26%),linear-gradient(150deg,#9fb9cb,#6d90ac)}.yonda-empty-compose-card{display:grid;gap:10px;padding:12px}.yonda-empty-compose-card__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.yonda-empty-compose-card__header .ui-text-title{margin-top:2px}.yonda-empty-compose-card__header .ui-text-sub{margin-top:4px;max-width:52ch}.yonda-empty-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yonda-empty-slot-tile{border:0;background:var(--ui-color-surface-muted);border-radius:14px;padding:8px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:inherit;cursor:pointer}.yonda-empty-slot-tile:hover{background:#e8eff6}.yonda-empty-slot-tile:focus-visible{outline:2px solid #4facfe;outline-offset:2px}.yonda-empty-slot-tile__cover{aspect-ratio:3 / 4}.yonda-empty-slot-tile__meta{min-width:0;display:grid;gap:2px}.yonda-empty-slot-tile__index{display:inline-flex;width:fit-content;border-radius:999px;background:#fff;border:1px solid #dbe7f2;color:#60758c;padding:2px 8px;font-size:11px;font-weight:700}.yonda-empty-slot-tile__cta{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:0 10px;min-height:28px;border-radius:999px;background:#fff;border:1px solid #dbe7f2;color:#2a5479;font-size:12px;font-weight:700}.yonda-empty-search-shell{display:grid;gap:10px;padding:12px}.yonda-empty-search-shell__tabs{display:flex;flex-wrap:wrap;gap:8px}.yonda-empty-input-row{display:grid;grid-template-columns:1fr 84px;gap:8px}.yonda-empty-input-row__field,.yonda-empty-input-row__button{border-radius:10px;border:1px solid #dfe8f1;background:#f7fbff;min-height:38px}.yonda-empty-input-row__field{position:relative}.yonda-empty-input-row__field:before{content:"";position:absolute;left:12px;right:24px;top:50%;height:8px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#d7e4ef,#edf4fa)}.yonda-empty-input-row__button{background:#fff}.yonda-empty-cover{position:relative;background:linear-gradient(160deg,#8fb3c9,#6f92ad)}.yonda-empty-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1f,#fff0),linear-gradient(160deg,rgb(15 23 42 / 10%),transparent 50%);pointer-events:none}.yonda-empty-cover .ui-book-cover__fallback{color:#ffffffe0;text-shadow:0 1px 2px rgb(15 23 42 / 35%)}.yonda-empty-cover--a{background:linear-gradient(160deg,#4f7ea5,#2f5f86)}.yonda-empty-cover--b{background:linear-gradient(160deg,#839fb8,#567694)}.yonda-empty-cover--c{background:linear-gradient(160deg,#8a719e,#5f4a74)}.yonda-empty-cover--d{background:linear-gradient(160deg,#b08d6f,#8c6a50)}@media(max-width:980px){.yonda-empty-note{margin-top:8px}}@media(max-width:760px){.yonda-empty-slot-grid{grid-template-columns:1fr}.yonda-empty-slot-tile{grid-template-columns:56px minmax(0,1fr) auto}.yonda-empty-input-row{grid-template-columns:1fr}.yonda-empty-input-row__button{min-height:34px}}