.portfolio{padding:24px;display:flex;flex-direction:column;align-items:center}.portfolio-heading{margin:0 0 12px;font-size:1.25rem}.portfolio-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.profile-card{background:var(--card, #ffffff);border:1px solid var(--border-weak);padding:16px;border-radius:8px;width:400px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:16px}.profile-top{display:flex;gap:16px;align-items:center}.profile-desc{margin:0;color:var(--muted, #444)}.profile-skills{margin:0}.profile-skills strong{font-weight:600}.profile-image-wrapper{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--accent);background:var(--card, #fff)}.profile-image__img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-image__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted, #666)}.placeholder-mark{font-weight:600;font-size:1.1rem}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.profile-header{text-align:left}.profile-name{margin:0;font-size:1.05rem;font-weight:700}.profile-title{color:var(--muted, #666);font-size:.95rem;font-weight:500}.skills{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.skill-btn{padding:6px 10px;border-radius:var(--pill-radius);font-size:.9rem}.nav-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--border-weak);color:var(--text);padding:8px 12px;border-radius:var(--pill-radius);cursor:pointer}.nav-btn:focus{outline:2px solid rgba(124,58,237,.18);outline-offset:2px}.nav-btn.active{background:linear-gradient(90deg,var(--accent),#5b21b6);color:#fff;box-shadow:0 8px 32px #7c3aed24}.nav-btn--muted{background:var(--skill-bg);border-color:var(--border-weak);color:var(--text)}.theme-dark .nav-btn--muted{background:#ffffff0a;color:var(--text)}@keyframes btn-bounce{0%{transform:translateY(0)}30%{transform:translateY(-6px)}50%{transform:translateY(0)}to{transform:translateY(0)}}.nav-btn--animated{will-change:transform}.nav-btn--animated:hover{animation:btn-bounce .42s cubic-bezier(.2,.8,.2,1)}.profile-like{display:inline-flex;align-items:center;gap:8px}.like-icon-wrapper{width:36px;height:36px;border-radius:var(--pill-radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;border:1px solid transparent}.like-icon-wrapper:focus{outline:2px solid rgba(124,58,237,.18);outline-offset:2px}.like-icon-wrapper:hover{transform:translateY(-3px)}.like-icon{width:18px;height:18px;display:inline-block;color:var(--muted, #666)}.like-icon-wrapper.liked{box-shadow:0 6px 18px #e11d481f;border-color:#e11d481f}.like-icon-wrapper.liked .like-icon{color:#e11d48}.like-count{font-weight:600;font-size:.95rem}.movie{padding:24px}.movie-heading{margin:0 0 12px}.movie-results-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}.results-count{color:var(--text);font-weight:600}.results-meta{color:var(--muted);font-size:.9rem}.movie-search{margin-bottom:12px}.movie-input{width:100%;max-width:420px;padding:8px 10px;border:1px solid var(--border-weak);border-radius:6px;background:var(--card);color:var(--text)}.movie-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-width:none;width:100%}.movie-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.movie-favorite-list{background:var(--card);padding:12px;border-radius:var(--radius, 10px);box-shadow:var(--card-shadow, 0 8px 22px rgba(0,0,0,.06));border:1px solid var(--border-weak);min-height:120px;display:flex;flex-direction:column;gap:8px}.movie-favorite-list h3{margin:0 0 6px}.fav-list{list-style:none;padding:0;margin:0;display:flex;gap:8px}.movie-card{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;border-radius:var(--radius, 12px);background:var(--card);box-shadow:var(--card-shadow, 0 6px 18px rgba(14, 30, 37, .04));color:var(--text);border:1px solid var(--border-weak)}.movie-card-left{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}.title-row{display:flex;align-items:center;gap:12px}.movie-title{font-weight:700;margin:0;font-size:1.05rem}.movie-meta{margin:0;color:var(--muted);font-size:.95rem}.movie-tag-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.movie-rating-pill{padding:6px 8px;border-radius:var(--pill-radius, 999px);font-weight:700;display:inline-flex;align-items:center;gap:6px;background:var(--pill-bg);color:var(--pill-fg)}.movie-type-pill{background:var(--pill-muted-bg);color:var(--text);padding:6px 10px;border-radius:var(--pill-radius, 999px);font-size:.9rem;border:1px solid var(--border-weak)}.movie-tag:before{content:"·";display:inline-block;margin-right:8px;color:var(--muted);font-size:1.1em}.movie-tag{font-size:.8rem;line-height:1;color:var(--muted)}.movie-title,.movie-meta,.movie-tag,.movie-rating-pill{color:inherit}.movie-fav-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:var(--pill-radius, 999px);border:1px solid var(--border-weak);background:var(--pill-muted-bg);cursor:pointer;color:var(--text);transition:transform .12s ease,box-shadow .12s ease;margin-top:6px}.movie-fav-pill:hover{transform:translateY(-3px)}.movie-fav-pill.fav{background:var(--accent);color:#fff;box-shadow:0 8px 18px #0e1e250f;border-color:transparent}.movie-fav-pill.fav .heart{color:var(--fav-heart, #ef4444)}.movie-fav-pill.active{background:var(--accent);color:#fff;box-shadow:0 8px 18px #0e1e250f;border-color:transparent}.movie-fav-pill.active .heart{color:var(--fav-heart, #ef4444)}.heart{font-size:16px;line-height:1}.fav-text{font-weight:600}.movie-list{display:flex;flex-direction:column;gap:12px}.movie-results-header{display:flex;align-items:baseline;justify-content:space-between}.results-count{font-weight:600}.results-meta{font-size:.85rem;color:var(--muted, #666)}.movie-favorite-list{background:var(--card);padding:14px;border-radius:var(--radius, 12px);box-shadow:var(--card-shadow, 0 10px 30px rgba(14, 30, 37, .06));border:1px solid var(--border-weak);min-height:140px;display:flex;flex-direction:column;gap:12px}.movie-favorite-list h3{margin:0}.movie-favorite-item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--pill-muted-bg);border:1px solid var(--border-weak);color:var(--text);font-weight:600;cursor:pointer}.movie-favorite-item:focus{outline:2px solid rgba(59,130,246,.16);outline-offset:2px}.movie-favorite-heart{color:var(--fav-heart, #ef4444);font-size:14px}.movie-favorite-label{white-space:nowrap;color:var(--muted);font-weight:600}.movie-favorite-list .fav-list{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.movie-search-row{display:flex;gap:12px;align-items:stretch;margin-bottom:12px}.search-input{position:relative;flex:1 1 auto;display:block}.search-input .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-input .movie-input{width:100%;box-sizing:border-box;height:44px;padding:0 44px 0 40px;border-radius:12px;border:1px solid var(--input-border);background:var(--card);box-shadow:var(--card-shadow, 0 6px 18px rgba(14, 30, 37, .04));font-size:15px;line-height:1;display:inline-flex;align-items:center;max-width:none!important;color:var(--text)}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:var(--muted);font-size:18px;padding:4px;line-height:1;z-index:2}.clear-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--pill-muted-bg);border-radius:999px;border:1px solid var(--border-weak);color:var(--muted);font-weight:700}.clear-btn:focus{outline:2px solid rgba(37,99,235,.12)}.clear-btn:disabled{opacity:.45;cursor:default;background:transparent;border-color:#0e1e2508}.reset-btn{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;background:var(--accent);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;box-shadow:0 8px 22px #0e1e250f;height:44px;align-self:stretch}.reset-btn svg{color:#fffffff2}@media(max-width:560px){.movie-search-row{gap:8px}.search-input .movie-input{height:40px;padding-right:40px}.reset-btn{height:40px;padding:6px 10px}}.app{max-width:1100px;margin:36px auto;padding:24px;background:var(--app-bg);border-radius:var(--radius);box-shadow:0 6px 24px #0206170f}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.nav-row{display:flex;align-items:center;gap:12px}.app-nav{display:flex;gap:8px}.theme-toggle{margin-left:8px}.app-main{margin-top:20px}.home-card{background:var(--card);border-radius:10px;padding:18px;box-shadow:0 6px 24px #0206170f}.home-card h2{margin-top:0}.home-list{margin:0;padding-left:20;color:var(--muted)}@media(max-width:720px){.app{margin:14px;padding:16px}.app-header{flex-direction:column;align-items:flex-start}}:root{--bg: #f4f7fb;--app-bg: #ffffff;--card: #ffffff;--text: #071433;--muted: #475569;--accent: #7c3aed;--radius: 12px;--border-weak: rgba(2,6,23,.06);--pill-radius: 999px;--card-shadow: 0 6px 14px rgba(24,24,24,.06);--skill-bg: #f3f4f6;--pill-bg: #ffd97a;--pill-fg: #81480b;--pill-muted-bg: var(--skill-bg);--input-border: rgba(2,6,23,.06);--fav-heart: #ef4444}.theme-dark{--bg: #071024;--app-bg: #0b1220;--card: #0b1220;--text: #F1F6FF;--muted: #C3D6F2;--accent: #7c3aed;--pill-bg: rgba(255, 255, 255, .06);--pill-fg: var(--text);--skill-bg: rgba(255,255,255,.03);--pill-muted-bg: rgba(255,255,255,.03);--input-border: rgba(255,255,255,.08);--fav-heart: #ef4444}*{box-sizing:border-box}body,html,#root{height:100%;margin:0}body{font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,li{color:var(--muted)}