:root{--brand-green: #2e7d32;--brand-green-strong: #1b5e20;--brand-ember: #e8590c;--brand-ember-soft: #f08c00;--brand-brown: #795548;--brand-pro: #b08d2f;--bg: #f6f4ec;--bg-elevated: #fffdf7;--card: #ffffff;--card-sunken: #f0ede2;--text: #26312a;--text-muted: #6b756d;--text-faint: #98a09a;--line: #e3e0d3;--line-strong: #cfccbe;--primary: var(--brand-green);--primary-strong: var(--brand-green-strong);--on-primary: #ffffff;--accent: var(--brand-ember);--on-accent: #ffffff;--chip: #ecf2ea;--chip-text: #375c3b;--danger: #c0392b;--success: #2e7d32;--warning: #b7791f;--star: #f2a91e;--overlay: rgba(30, 36, 32, .5);--bubble: #ffffff;--bubble-border: #e3e0d3;--nav-bg: rgba(255, 253, 247, .92);--shadow-sm: 0 1px 2px rgba(50, 45, 30, .08);--shadow-md: 0 4px 14px rgba(50, 45, 30, .12);--shadow-lg: 0 12px 32px rgba(50, 45, 30, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--nav-height: 60px;--header-height: 52px;--content-max: 640px;--font-body: "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "BIZ UDGothic", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--font-display: var(--font-body);--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-med: .22s}:root[data-theme=dark]{--bg: #15181a;--bg-elevated: #1b1f21;--card: #20262a;--card-sunken: #191d20;--text: #ece7dc;--text-muted: #a8a396;--text-faint: #7a766c;--line: #32383c;--line-strong: #444b50;--primary: #66a06b;--primary-strong: #7fb984;--on-primary: #10241a;--accent: #ff8a3d;--on-accent: #2a1505;--chip: #263229;--chip-text: #a5c9a8;--danger: #e07b6d;--success: #7fb984;--warning: #d9a05b;--star: #f2b13d;--overlay: rgba(0, 0, 0, .6);--bubble: #262c30;--bubble-border: #3a4147;--nav-bg: rgba(21, 24, 26, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur-med) ease,color var(--dur-med) ease}img,picture,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:700;line-height:1.35;color:var(--text)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5,h6{font-size:var(--fs-md)}p{margin:0 0 var(--space-3)}.app-content{max-width:var(--content-max);margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--nav-height) + var(--space-6));min-height:100%}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;padding:var(--space-3);background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--fs-md);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}textarea{resize:vertical;min-height:6em;font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-6)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-1)}.field{margin-bottom:var(--space-4)}fieldset{border:none;padding:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;background:var(--card);color:var(--text);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease,opacity var(--dur-fast) ease;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn--primary:not(:disabled):hover{background:var(--primary-strong)}.btn--accent{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn--accent:not(:disabled):hover{background:var(--brand-ember-soft)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn--ghost:not(:disabled):hover{background:var(--card-sunken)}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--danger:not(:disabled):hover{background:var(--danger);color:#fff}.btn--sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}.btn--block{width:100%}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2)}.row--between{display:flex;align-items:center;justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.cb-mascot{border-radius:50%;object-fit:cover;object-position:50% 30%;background:var(--card-sunken);flex-shrink:0}.cb-mascot-greeting{display:flex;align-items:flex-end;gap:var(--space-3)}.cb-mascot-greeting__bubble{position:relative;flex:1;background:var(--bubble);border:1px solid var(--bubble-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);font-size:var(--fs-md);color:var(--text)}.cb-mascot-greeting__bubble:after{content:"";position:absolute;left:-7px;bottom:var(--space-3);width:14px;height:14px;background:var(--bubble);border-left:1px solid var(--bubble-border);border-bottom:1px solid var(--bubble-border);transform:rotate(45deg);border-radius:0 0 0 3px}.cb-mascot-greeting__greeting{display:block;font-weight:700;margin-bottom:var(--space-1)}.cb-mascot-greeting__message{display:block;color:var(--text-muted)}.cb-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-2);height:var(--header-height);padding:0 var(--space-4);background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.cb-header__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-full);background:transparent;border:none;color:var(--text);cursor:pointer;flex-shrink:0}.cb-header__back:hover{background:var(--card-sunken)}.cb-header__title{flex:1;margin:0;font-size:var(--fs-lg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.cb-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.cb-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;position:relative}.cb-nav__item-pill{display:flex;align-items:center;justify-content:center;width:40px;height:28px;border-radius:var(--radius-full);background:transparent;transition:background-color var(--dur-fast) var(--ease-spring)}.cb-nav__item-mascot{width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-spring)}.cb-nav__item[aria-current=page]{color:var(--chip-text)}.cb-nav__item[aria-current=page] .cb-nav__item-pill{background:var(--chip)}.cb-nav__item[aria-current=page] .cb-nav__item-mascot{transform:scale(1.18)}.cb-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);gap:var(--space-2)}.cb-empty-state__title{margin:var(--space-2) 0 0;font-size:var(--fs-lg);font-weight:700}.cb-empty-state__message{margin:0;color:var(--text-muted);max-width:32em}.cb-empty-state__action{margin-top:var(--space-3)}.cb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}button.cb-card{display:block;width:100%;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) ease}button.cb-card:hover{box-shadow:var(--shadow-md)}button.cb-card:active{transform:scale(.99)}.cb-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--card);color:var(--text);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease;-webkit-tap-highlight-color:transparent}.cb-chip--active{background:var(--chip);border-color:var(--chip);color:var(--chip-text)}.cb-rating-stars{display:inline-flex;align-items:center;gap:2px}.cb-rating-stars__star{color:var(--line-strong);display:inline-flex;line-height:0}.cb-rating-stars__star--filled{color:var(--star)}.cb-rating-stars--input .cb-rating-stars__star{cursor:pointer;background:none;border:none;padding:2px}.cb-photo-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cb-photo-picker__thumb{position:relative;width:84px;height:84px;border-radius:var(--radius-md);overflow:hidden;background:var(--card-sunken);border:1px solid var(--line)}.cb-photo-picker__thumb img{width:100%;height:100%;object-fit:cover}.cb-photo-picker__remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--overlay);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.cb-photo-picker__add{width:84px;height:84px;border-radius:var(--radius-md);border:2px dashed var(--line-strong);background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-xs);cursor:pointer}.cb-photo-picker__add:hover{border-color:var(--primary);color:var(--primary)}.cb-photo-picker__count{width:100%;font-size:var(--fs-xs);color:var(--text-faint)}.cb-photo-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.cb-photo-strip__item{width:96px;height:96px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--card-sunken)}.cb-photo-strip__item img{width:100%;height:100%;object-fit:cover}.cb-pro-gate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cb-pro-gate__title{margin:var(--space-2) 0 0;font-size:var(--fs-lg);font-weight:700;color:var(--brand-pro)}.cb-pro-gate__message{margin:0;color:var(--text-muted)}.cb-pro-gate__actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-3)}.cb-ad-slot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--card-sunken);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.cb-ad-slot__text{flex:1}.cb-ad-slot__title{margin:0 0 2px;font-weight:700;font-size:var(--fs-sm);color:var(--brand-pro)}.cb-ad-slot__message{margin:0;font-size:var(--fs-xs);color:var(--text-muted)}.cb-ad-slot__ins{display:block}.cb-affiliate-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.cb-affiliate-link__badge{display:inline-flex;align-items:center;justify-content:center;padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--card-sunken);color:var(--text-faint);font-size:var(--fs-xs);font-weight:700;text-decoration:none;border:1px solid var(--line)}.cb-fab{position:fixed;right:var(--space-4);bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-4));z-index:25;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:52px;min-width:52px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);border:none;box-shadow:var(--shadow-lg);font-weight:700;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring)}.cb-fab:active{transform:scale(.95)}.cb-segmented{display:flex;padding:4px;background:var(--card-sunken);border-radius:var(--radius-md);gap:2px}.cb-segmented__option{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.cb-segmented__option--active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.cb-toast-container{position:fixed;left:0;right:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-3));z-index:60;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-4);pointer-events:none}.cb-toast{display:flex;align-items:center;gap:var(--space-2);max-width:var(--content-max);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);pointer-events:auto;animation:cb-toast-in var(--dur-med) var(--ease-spring)}.cb-toast--error{background:var(--danger);color:#fff}.cb-toast--success{background:var(--success);color:#fff}@keyframes cb-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cb-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:var(--overlay);padding:var(--space-4)}.cb-dialog{width:100%;max-width:360px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5);animation:cb-dialog-in var(--dur-med) var(--ease-spring)}.cb-dialog__title{margin:0 0 var(--space-2);font-size:var(--fs-lg);font-weight:700}.cb-dialog__message{margin:0 0 var(--space-5);color:var(--text-muted)}.cb-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@keyframes cb-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cb-route-fallback{display:flex;align-items:center;justify-content:center;min-height:60vh;opacity:.85;animation:cb-route-fallback-in var(--dur-med) ease}@keyframes cb-route-fallback-in{0%{opacity:0}to{opacity:.85}}