:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:500;color:#fbf1df;background:#18130f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: #18130f;--page-deep: #0f0c09;--page-warm: #221812;--surface: #fbf3e6;--surface-raised: #fffaf1;--surface-warm: #f1dfc5;--surface-deep: #2a2018;--text: #2c241c;--text-soft: #54483b;--text-on-dark: #fbf1df;--muted: #756a5d;--muted-on-dark: #cdbda4;--border: #dcc8aa;--border-strong: #c19b68;--border-dark: rgb(231 205 164 / .24);--accent: #a56b3d;--accent-strong: #74461f;--accent-soft: #ead2a9;--green: #2d6a5e;--green-soft: #dfece5;--danger: #934b44;--danger-soft: #f0dad5;--shadow: 0 24px 60px rgb(52 34 17 / .24);--shadow-tight: 0 12px 30px rgb(52 34 17 / .16)}*{box-sizing:border-box;letter-spacing:0}html{min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100dvh;margin:0;background:linear-gradient(180deg,#100c09,#18130f 44%,#221812)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid rgb(224 187 123 / .55);outline-offset:3px}#root{min-height:100dvh}.app-shell{position:relative;min-height:100dvh;overflow-x:hidden;isolation:isolate}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgb(255 255 255 / .035) 0 1px,transparent 1px 18px),linear-gradient(180deg,rgb(255 255 255 / .025) 0 1px,transparent 1px 22px);opacity:.24}.app-main{position:relative;z-index:1;min-height:100dvh;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.page-section{width:min(100%,540px);margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 14px 0}.hero-panel,.section-heading,.empty-state,.notice,.movie-card,.preference-card{border:1px solid var(--border);border-radius:8px}.hero-panel{position:relative;overflow:hidden;padding:24px 20px 22px;color:var(--text-on-dark);background:linear-gradient(145deg,#2a2018,#17120e 66%,#332515);border-color:var(--border-dark);box-shadow:0 28px 70px #00000047}.hero-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgb(255 255 255 / .08) 0 1px,transparent 1px 12px);opacity:.12}.hero-panel:after{position:absolute;right:20px;bottom:15px;left:20px;height:1px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,rgb(234 210 169 / .78),transparent)}.hero-panel>*,.section-heading>*{position:relative;z-index:1}.hero-panel p,.section-heading p{display:inline-flex;align-items:center;min-height:34px;margin:0 0 12px;padding:5px 10px;border-radius:8px;font-size:.98rem;font-weight:800}.hero-panel p{color:var(--accent-soft);background:#fff6e514;border:1px solid var(--border-dark)}.section-heading p{color:var(--accent-strong);background:#f3e5ce}.hero-panel h1,.section-heading h1{margin:0;font-size:clamp(2.05rem,10vw,3.45rem);font-weight:850;line-height:1.12;text-wrap:balance}.hero-panel h1{color:var(--text-on-dark);font-size:clamp(1.92rem,8.2vw,3rem);line-height:1.14}.section-heading h1{color:var(--text)}.hero-panel span,.section-heading span{display:block;max-width:34rem;margin-top:14px;font-size:1.12rem;line-height:1.72;text-wrap:pretty}.hero-panel span{color:var(--muted-on-dark);font-size:1.08rem}.section-heading span{color:var(--muted)}.section-heading{position:relative;overflow:hidden;padding:22px 18px 24px;background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-tight)}.section-heading:before{position:absolute;top:0;right:0;left:0;height:4px;content:"";background:linear-gradient(90deg,var(--accent),var(--accent-soft),var(--green))}.section-heading h1{font-size:clamp(2rem,9.5vw,3rem)}.movie-list,.loading-stack,.preference-grid{display:grid;gap:22px;margin-top:22px}.recommendation-proof{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}.recommendation-proof span{min-height:42px;padding:9px 12px;border:1px solid var(--border-dark);border-radius:8px;color:#ead8bb;background:#fff6e513;box-shadow:inset 0 1px #ffffff14;font-size:.99rem;font-weight:800}.movie-card{position:relative;overflow:hidden;color:var(--text);background:var(--surface);border-color:#dcc8aae0;box-shadow:var(--shadow)}.movie-card:before{position:absolute;top:0;right:0;left:0;z-index:1;height:4px;content:"";background:linear-gradient(90deg,#c99b58,#8d6035,#2d6a5e)}.movie-card__poster{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--surface-deep)}.movie-card__body{padding:20px 18px 18px;background:linear-gradient(180deg,var(--surface-raised),var(--surface))}.movie-card__meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.98rem}.movie-card__meta span{display:inline-flex;align-items:center;min-height:31px;padding:4px 9px;border:1px solid #e7d4b8;border-radius:8px;color:var(--accent-strong);background:#fff8ec;font-weight:800}.movie-card h2{margin:12px 0 10px;color:var(--text);font-size:clamp(1.78rem,7.7vw,2.36rem);font-weight:850;line-height:1.16;text-wrap:balance}.movie-card__rating{display:inline-flex;align-items:center;width:fit-content;gap:8px;padding:8px 10px;color:var(--accent-strong);background:#fff7e8;border:1px solid #e6d2b5;border-radius:8px;font-size:1.02rem;font-variant-numeric:tabular-nums;font-weight:800}.movie-card__rating strong{color:var(--text);font-size:1.38rem;line-height:1}.movie-card__overview,.movie-card__reason{margin:15px 0 0;color:var(--text-soft);font-size:1.12rem;line-height:1.76;text-wrap:pretty}.movie-card__reason{padding:13px 14px;color:#4c3421;background:#f2e2c8;border-left:4px solid var(--accent);box-shadow:inset 0 1px #ffffff75}.movie-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.action-button,.primary-button,.secondary-button,.preference-card{min-height:56px;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 6px;color:var(--accent-strong);background:#fff7ea;box-shadow:inset 0 -1px #74461f14;font-size:.99rem;font-weight:850}.action-button:active,.primary-button:active,.secondary-button:active,.preference-card:active,.bottom-nav__item:active,.management-link:active{transform:translateY(1px) scale(.99)}@media (hover: hover){.action-button:hover,.primary-button:hover,.secondary-button:hover,.preference-card:hover,.management-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px #422a141f}}.action-button--active{color:#fffaf1;border-color:var(--accent);background:var(--accent)}.action-button--watched.action-button--active{border-color:var(--green);background:var(--green)}.action-button--muted{color:var(--danger);border-color:#e4c7c2;background:#fff3ef}.action-button--muted.action-button--active,.action-button--disliked.action-button--active{color:#fffaf1;border-color:var(--danger);background:var(--danger)}.notice{margin-top:16px;padding:14px 16px;color:#5d3d20;background:#fff0c8;border-color:#e5c787;box-shadow:var(--shadow-tight);font-size:1.05rem}.loading-poster,.loading-lines span{display:block;background:#e6d2b5}.movie-card--loading{min-height:560px}.loading-poster{width:100%;aspect-ratio:2 / 3}.loading-lines{display:grid;gap:12px;padding:18px}.loading-lines span{height:22px;border-radius:8px}.loading-lines span:nth-child(1){width:72%}.loading-lines span:nth-child(2){width:92%}.loading-lines span:nth-child(3){width:55%}.preference-grid{grid-template-columns:1fr}.preference-card{display:grid;gap:7px;width:100%;padding:18px;color:var(--text);text-align:left;background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-tight)}.preference-card strong{font-size:1.35rem;line-height:1.22}.preference-card span{color:var(--muted);font-size:1.05rem;line-height:1.55}.preference-card--active{border-color:var(--green);background:linear-gradient(135deg,#edf6f0,#fff8ea);box-shadow:inset 4px 0 0 var(--green),var(--shadow-tight)}.primary-button{padding:0 18px;color:#fffaf1;background:var(--green);border-color:var(--green);font-weight:850}.secondary-button{padding:0 18px;color:var(--accent-strong);background:#fff7ea;font-weight:850}.collection-item{display:grid;gap:10px}.collection-item__button{width:100%}.empty-state{display:grid;justify-items:start;gap:12px;margin-top:20px;padding:24px 20px;color:var(--text);background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-tight)}.empty-state__mark{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;color:#fffaf1;background:linear-gradient(180deg,#b47a42,#74461f);box-shadow:inset 0 1px #ffffff38;font-size:1.4rem;font-weight:900}.empty-state h2{margin:0;font-size:1.7rem;line-height:1.2}.empty-state p{margin:0;color:var(--muted);font-size:1.1rem}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:min(100%,540px);margin:0 auto;padding:9px 9px calc(9px + env(safe-area-inset-bottom));color:var(--text-on-dark);background:#18130ff5;border-top:1px solid var(--border-dark);border-right:1px solid var(--border-dark);border-left:1px solid var(--border-dark);border-radius:8px 8px 0 0;box-shadow:0 -18px 40px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav__item{display:grid;justify-items:center;gap:4px;min-height:64px;padding:8px 4px;border-radius:8px;color:#c8b89f;text-decoration:none;font-size:.95rem;font-weight:850;transition:transform .18s ease,background-color .18s ease,color .18s ease}.bottom-nav__item svg{font-size:1.32rem}.bottom-nav__item--active{color:#241a10;background:linear-gradient(180deg,#f0d8a5,#c99b58);box-shadow:inset 0 1px #ffffff57,0 8px 18px #0000002e}.management-panel{margin-top:20px;padding:18px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-tight)}.management-panel h2,.history-day h2{margin:0;color:var(--text);font-size:1.55rem;line-height:1.25}.management-panel p{margin:8px 0 0;color:var(--muted);font-size:1.05rem}.management-grid{display:grid;gap:10px;margin-top:14px}.management-link{display:grid;gap:4px;min-height:74px;padding:14px;border:1px solid #e4cfaf;border-radius:8px;color:var(--text);text-align:left;text-decoration:none;background:#fff7ea;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.management-link strong{font-size:1.18rem}.management-link span{color:var(--muted);font-size:1rem}.management-link--button{cursor:pointer}.history-list{display:grid;gap:26px;margin-top:20px}.history-day{display:grid;gap:12px}@media (min-width: 760px){.page-section{padding-top:30px}.preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}