.login-page{margin:0;max-width:none;min-height:100dvh;padding:32px 20px;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 15%,#2e1b20,#101010 65%)}.login-card{width:100%;max-width:460px;border:1px solid #383838;border-radius:18px;background:#171717;padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.login-card h1{font-size:36px;line-height:1.5;margin:0}.login-card p{font-size:17px;color:#bbb;line-height:1.9;margin:0}.login-card small{font-size:14px;color:#999;line-height:1.9}.google-button{min-height:44px}.cloud-error{color:#ffabb1;font-size:16px}.cloud-error button{display:block;margin-top:12px}.cloud-loading{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:18px;gap:16px}.cloud-account{margin-left:250px;display:flex;align-items:center;gap:16px;min-height:70px;padding:10px 42px;border-bottom:1px solid #303030;background:#171717}.cloud-account>div{min-width:0;flex:1}.cloud-account strong,.cloud-account>div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-account strong{font-size:15px}.cloud-account>div span{font-size:13px;color:#aaa}.cloud-account .btn{font-size:14px;min-height:44px;padding:8px 12px}.cloud-sync{font-size:13px;color:#a7baa0;white-space:nowrap}.cloud-banner{margin-left:250px;padding:14px 24px;background:#3b2528;color:#ffd1d5;font-size:16px}@media(max-width:800px){.cloud-account{margin-left:0;padding:10px 16px;gap:10px}.cloud-sync{display:none}.cloud-banner{margin-left:0}.login-card{padding:28px 22px}.login-card h1{font-size:31px}}.gallery-section{min-height:440px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 18px}.gallery-toolbar h2{font-size:23px;font-weight:500;margin:8px 0 4px;overflow-wrap:anywhere}.gallery-toolbar p{font-size:11px;color:#888;margin:0}.gallery-tools{display:flex;gap:9px;flex-shrink:0}.gallery-local{display:flex;align-items:center;gap:8px;color:#929292;font-size:10px;border-bottom:1px solid #303030;padding-bottom:20px;margin-bottom:23px}.gallery-local svg{flex-shrink:0}.gallery-error,.gallery-success{padding:13px 16px;border:1px solid #4b4b4b;border-radius:6px;background:#252525;font-size:12px;line-height:1.8;margin:14px 0;overflow-wrap:anywhere}.gallery-error button{padding:2px 8px;text-decoration:underline;background:transparent;color:#ddd}.gallery-success{background:#20271f;border-color:#394334;color:#bdcbb4}.trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.trip-card{border:1px solid #303030;border-radius:8px;background:#171717;overflow:hidden}.trip-cover{position:relative;width:100%;aspect-ratio:4/3;padding:0;background:#202020;display:flex;overflow:hidden}.trip-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.trip-cover:hover>img{transform:scale(1.035)}.trip-cover-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#757575;background:radial-gradient(ellipse at 30% 20%,#323232,#1c1c1c)}.trip-cover-empty span{font-size:10px}.trip-count{position:absolute;bottom:12px;right:12px;padding:4px 9px;border-radius:4px;background:#000a;font-size:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.trip-info{padding:17px 17px 10px}.trip-title{background:transparent;padding:0;font-size:16px;font-weight:500;text-align:left;justify-content:flex-start;overflow-wrap:anywhere;line-height:1.6}.trip-info>p{display:flex;gap:6px;align-items:center;font-size:9px;color:#888;margin:7px 0 10px}.trip-card-actions{display:flex;justify-content:space-between;border-top:1px solid #292929;padding-top:6px}.trip-card-actions .btn{font-size:9px;padding-left:0}.gallery-welcome{grid-column:1/-1;border:1px solid #303030;border-radius:8px;min-height:350px;padding:35px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 0,#232323,#151515 65%)}.gallery-welcome-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid #3d3d3d;border-radius:20px;background:#242424;color:#bbb;margin-bottom:22px}.gallery-welcome h3{font-size:24px;font-weight:500;margin:12px 0}.gallery-welcome p{font-size:12px;color:#888;line-height:1.9;margin:0 0 22px}.trip-description{color:#aaa;font-size:12px;line-height:1.9;white-space:pre-wrap;margin:0 0 22px;overflow-wrap:anywhere}.gallery-drop{width:100%;min-height:140px;background:#171717;border:1px dashed #4c4c4c;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:25px;color:#aaa;margin-bottom:25px}.gallery-drop strong{font-weight:400;font-size:13px}.gallery-drop>span{font-size:9px;color:#777}.gallery-drop:hover,.drag-active{background:#242424;border-color:#aaa}.gallery-drop:disabled{opacity:.65;cursor:wait}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gallery-photo{margin:0;min-width:0;border:1px solid #303030;border-radius:6px;overflow:hidden;background:#171717}.photo-open{width:100%;height:190px;padding:0;background:#222;display:flex;overflow:hidden}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-open:hover img{transform:scale(1.035)}.gallery-photo figcaption{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;gap:5px}.gallery-photo figcaption>span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#888}.gallery-photo figcaption>button{background:transparent;color:#aaa;padding:6px}.gallery-photo figcaption>button:hover{color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photo-lightbox{max-width:1100px;padding:23px}.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#090909;min-height:200px;border-radius:6px;overflow:hidden}.lightbox-stage>img{max-width:100%;max-height:65dvh;object-fit:contain}.lightbox-prev,.lightbox-next{position:absolute;z-index:1;background:#222b;border:1px solid #555;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-prev{left:10px}.lightbox-next{right:10px}.photo-download{margin-top:15px;font-size:11px}.spinning{animation:gallery-spin 1.1s linear infinite}@keyframes gallery-spin{to{transform:rotate(360deg)}}.task-notes{font-size:10px;white-space:pre-wrap;line-height:1.8;color:#999;margin:7px 0 2px;overflow-wrap:anywhere}.brand-lockup{position:relative;display:block;width:180px;height:36px;overflow:hidden;flex-shrink:0}.brand-lockup img{position:absolute;width:329.15px;max-width:none;height:auto;left:-125.36px;top:-92.15px}.footer-logo{width:22px;height:22px;vertical-align:middle;margin-right:7px}.brand{gap:0}@media(max-width:1100px){.trip-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-lockup{transform:scale(.89);transform-origin:left center}}@media(max-width:800px){.gallery-toolbar{align-items:flex-start;flex-direction:column}.gallery-tools{width:100%;justify-content:flex-end}.trip-grid{gap:14px}.brand-lockup{transform:scale(.8)}.trip-info{padding:13px 12px 8px}}@media(max-width:600px){.gallery-toolbar h2{font-size:22px}.gallery-local{font-size:9px;align-items:flex-start;line-height:1.8}.trip-grid{grid-template-columns:1fr}.gallery-toolbar p{font-size:10px}.gallery-tools .btn{flex:1}.gallery-welcome h3{font-size:21px}.gallery-welcome p{font-size:11px}.photo-grid{gap:10px}.photo-open{height:155px}.gallery-photo figcaption{padding:4px 7px}.gallery-drop{min-height:155px}.gallery-drop>span{font-size:8px;line-height:1.8}.photo-lightbox{padding:18px}.gallery-local svg{margin-top:2px}.task-notes{font-size:10px}.footer-tag{display:none}}*{box-sizing:border-box}body{margin:0;background:#101010;color:#f4f3f1;font-family:Noto Sans Thai,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f25258;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}::selection{background:#a71f2b;color:#fff}.red{color:#e33643}.muted{color:#737373}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#121212;border-right:1px solid #282828;padding:36px 20px 20px;display:flex;flex-direction:column;z-index:20}.brand{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:26px;display:flex;align-items:center;letter-spacing:1px;gap:10px}.brand-icon{position:relative;width:29px;font-family:serif;font-size:36px;line-height:1;color:#e43443;font-weight:800;letter-spacing:-6px}.brand-icon span{font-size:15px;position:absolute;right:-1px;top:-3px}.brand-dot{color:#e33643;margin-left:-9px}.nav-label{font-size:8px;letter-spacing:1.65px;color:#666;margin:47px 12px 17px}nav{display:flex;flex-direction:column;gap:8px}.nav-item{border-radius:6px;background:transparent;justify-content:flex-start;padding:13px 12px;gap:13px;font-size:12px;color:#929292;text-align:left}.nav-item.active{background:#34191d;color:#fa6770}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:#ed3e4c}.nav-item span{margin-left:auto;background:#222;padding:1px 6px;border-radius:4px;color:#999;font-size:10px}.nav-item.active span{background:#57242b;color:#ed8d96}.side-bottom{margin-top:auto}.small-quote{padding:20px 12px 34px;color:#bc3843}.small-quote p{color:#b5b5b5;font-size:16px;line-height:1.8}.small-quote p span{display:block;font-size:8px;letter-spacing:1px;color:#666;margin-top:15px}.profile{border-top:1px solid #292929;padding-top:22px;display:flex;align-items:center;gap:10px}.profile img{width:36px;height:36px;object-fit:cover;object-position:65% 30%;border-radius:50%;filter:saturate(.4)}.profile strong{display:block;font-size:11px;font-weight:500}.profile div span{font-size:9px;color:#767676}.profile i,.private-dot,footer i{display:inline-block;width:5px;height:5px;background:#a4ad8b;border-radius:50%;margin-right:5px}.profile-spark{margin-left:auto;color:#777;font-size:20px}.main-wrap{margin-left:224px}.topbar{height:72px;padding:0 42px;border-bottom:1px solid #262626;display:flex;justify-content:space-between;align-items:center;font-size:11px}.topbar>div{display:flex;align-items:center;gap:12px}.top-right{font-size:8px;color:#858585;letter-spacing:1px}.date{font-size:10px;letter-spacing:0;margin-right:18px;color:#a1a1a1}.private-dot{background:#da3543;margin:0 -5px 0 0}main{max-width:1400px;margin:auto;padding:35px 42px 0}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{color:#777;font-size:8px;letter-spacing:1.9px;margin-bottom:12px;display:flex;align-items:center;gap:7px}.eyebrow>span{height:4px;width:4px;background:#dd3542}.page-intro h1{font-size:27px;font-weight:600;letter-spacing:-.8px;margin:0 0 8px}.page-intro p{font-size:11px;color:#858585;margin:0}.btn{border-radius:5px;min-height:39px;padding:9px 15px;gap:8px;white-space:nowrap;font-size:11px;font-weight:500;transition:background .2s}.btn-primary{background:#d63241;color:#fff;box-shadow:0 3px 12px #b2203020}.btn-primary:hover{background:#ec4250}.btn-outline{border:1px solid #383838;background:transparent}.btn-outline:hover,.btn-ghost:hover{background:#292929}.btn-ghost{background:transparent}.btn-icon{width:38px;padding:0}.hero{min-height:292px;border:1px solid #3a282b;background:#160e10;position:relative;overflow:hidden;border-radius:8px}.hero-art{position:absolute;right:0;top:0;height:100%;width:65%;object-fit:cover;opacity:.9}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#180e11 0%,#180e11ee 30%,#180e1130 65%,transparent)}.hero-content{position:relative;z-index:2;padding:26px 30px}.hero-tag{font-size:8px;letter-spacing:2px;color:#c47d83}.hero h2{font-family:Barlow Condensed,sans-serif;letter-spacing:-1px;font-size:69px;font-weight:700;line-height:.91;margin:17px 0 13px}.hero h2 span{color:#e63a49}.hero p{font-size:11px;line-height:1.8;color:#bc9fa3;margin:0}.hero-content button{background:transparent;padding:0;margin-top:19px;font-size:10px;gap:30px}.hero-corner{position:absolute;bottom:22px;right:23px;z-index:2;letter-spacing:1.5px;font-size:7px;color:#b58589;display:flex;align-items:center;gap:16px}.hero-corner>span{font-size:24px;color:#de3544}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:19px 0 34px}.stats>button{background:#171717;border:1px solid #2b2b2b;border-radius:6px;padding:18px 20px;justify-content:flex-start;gap:15px;position:relative;text-align:left}.stats>button:hover{border-color:#7c3039}.stat-icon{width:38px;height:38px;display:grid;place-items:center;background:#232020;border:1px solid #3b292c;border-radius:7px;color:#d24a55}.stats>button:nth-child(2) .stat-icon{color:#a6b394;background:#20231f;border-color:#30372c}.stats>button:nth-child(3) .stat-icon{color:#b1a6c3;background:#242127;border-color:#37303f}.stats>button div>span{font-size:10px;color:#8e8e8e}.stats strong{display:flex;align-items:baseline;font-size:30px;line-height:1.3;font-family:Barlow Condensed,sans-serif;font-weight:600;margin-top:5px;gap:10px}.stats small{font-family:Noto Sans Thai;font-size:9px;font-weight:400;color:#626262}.stat-arrow{position:absolute;right:16px;top:18px;color:#6d6d6d}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-no{font-size:8px;letter-spacing:1.6px;color:#777}.section-head h2{font-size:17px;margin:5px 0 0;font-weight:500;display:flex;gap:10px;align-items:center}.count{color:#8e8e8e;border:1px solid #333;border-radius:4px;padding:1px 6px;font-size:9px}.text-link{font-size:9px;color:#888;background:transparent;padding:0;display:inline-flex;align-items:center;gap:9px}.text-link:hover{color:#eee}.task-list{border-top:1px solid #303030}.task-row{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 0;border-bottom:1px solid #282828}.task-check{border:1px solid #555;border-radius:4px;width:17px;height:17px;background:transparent;flex-shrink:0;padding:0}.task-check:hover{border-color:#df3c49}.task-info{min-width:0;flex:1}.task-info strong{font-size:11px;font-weight:400;overflow-wrap:anywhere}.task-meta{display:flex;gap:10px;font-size:8px;color:#767676;margin-top:6px}.task-meta>span:first-child{background:#222;padding:1px 6px;border-radius:3px}.priority{color:#e1717a;font-size:8px;white-space:nowrap;display:flex;align-items:center;gap:5px}.priority i{height:4px;width:4px;border-radius:50%;background:#d83c4a}.row-actions{display:flex;gap:7px}.row-actions button,.movie-actions button{padding:4px;background:transparent;color:#737373}.row-actions button:hover,.movie-actions button:hover{color:#f66976}.completed .task-check{background:#b63240;border-color:#b63240}.completed .task-info strong{text-decoration:line-through;color:#707070}.add-inline{color:#777;background:transparent;padding:17px 0;font-size:10px}.add-inline:hover{color:#df5863}.progress-footer{border-top:1px solid #282828;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:16px;font-size:9px;color:#777;gap:10px}.progress-footer>div{height:3px;background:#292929;width:100%;border-radius:3px;overflow:hidden}.progress-footer i{height:3px;background:#c93643;display:block;transition:width .25s}.movie-card{border:1px solid #2d2d2d;border-radius:6px;overflow:hidden;background:#151515}.movie-art{width:100%;height:166px;position:relative;overflow:hidden;padding:0;background:#17202b;color:#ddd;display:flex}.movie-art img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .4s}.movie-art:hover img{transform:scale(1.05)}.art-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0b1017cc,transparent 70%)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#ffffff15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-left:2px}.movie-number{position:absolute;top:13px;left:16px;font-family:Barlow Condensed;font-size:20px;color:#fffa}.trailer{position:absolute;bottom:12px;left:16px;font-size:7px;letter-spacing:2px;color:#c3c3c3}.watched-badge{position:absolute;right:10px;top:10px;background:#183624;color:#c6e4cc;padding:3px 7px;border-radius:3px;font-size:9px;display:flex;align-items:center;gap:4px}.movie-details{padding:13px 16px}.movie-details h3{font-size:15px;letter-spacing:-.3px;font-weight:500;margin:0 0 5px}.movie-details p{color:#777;font-size:9px;margin:0 0 12px}.movie-actions{display:flex;align-items:center;gap:9px}.movie-actions button{font-size:8px}.movie-actions button:first-child{margin-right:auto;padding-left:0}.collection{min-height:450px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 25px}.tabs{display:flex;padding:4px;border:1px solid #303030;border-radius:7px;background:#171717;gap:2px}.tabs button{padding:8px 13px;background:transparent;color:#888;border-radius:4px;font-size:11px}.tabs .selected{background:#343434;color:#fff}.search{display:flex;gap:8px;align-items:center;color:#888;border:1px solid #333;border-radius:6px;padding:9px 12px}.search input{border:0;background:transparent;color:#fff;outline:none;width:155px;font-size:11px}.full-task-list{border-top:1px solid #303030}.full-task-list .task-row{padding:18px 12px}.full-task-list .task-info strong{font-size:13px}.movies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.movies-grid .movie-art{height:230px}.movies-grid .movie-details{padding:18px}.empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;gap:8px;width:100%}.empty h3{color:#aaa;font-size:15px;font-weight:500;margin:0}.empty p{font-size:11px;margin:0}.empty .btn{margin-top:10px}footer{border-top:1px solid #292929;margin-top:36px;padding:22px 0;display:flex;justify-content:space-between;align-items:center;color:#616161;font-size:8px}footer>span:first-child{font-family:Barlow Condensed;font-size:14px;color:#a6a6a6;letter-spacing:1px}.footer-tag{font-family:Noto Sans Thai;font-size:7px;letter-spacing:1px;margin-left:17px;color:#5e5e5e}footer i{margin:0 0 0 5px;background:#8b997c;width:4px;height:4px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:51;width:calc(100% - 32px);max-width:470px;background:#191919;border:1px solid #3a3a3a;padding:28px;border-radius:12px;box-shadow:0 20px 100px #000;max-height:90dvh;overflow-y:auto}.dialog-content h2{font-size:20px;margin:0 30px 5px 0;font-weight:500}.dialog-content>p{color:#888;font-size:11px;margin:0 0 25px}.close-btn{position:absolute;right:16px;top:18px;background:transparent;color:#888;padding:5px}.dialog-content form{display:flex;flex-direction:column;gap:17px}.dialog-content label{display:flex;flex-direction:column;gap:7px;color:#b5b5b5;font-size:11px}.dialog-content input,.dialog-content select,.dialog-content textarea{background:#111;color:#eee;min-height:42px;border:1px solid #3b3b3b;border-radius:5px;padding:10px;width:100%;outline:none;color-scheme:dark}.dialog-content input:focus,.dialog-content textarea:focus,.dialog-content select:focus{border-color:#d63e4b;box-shadow:0 0 0 2px #d63e4b22}.dialog-content small{font-size:9px;color:#777}.dialog-content textarea{min-height:80px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #333;padding-top:20px;margin-top:5px}.player-dialog iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:5px;background:#000;margin-bottom:15px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#292929;border:1px solid #555;padding:13px 22px;border-radius:7px;z-index:100;display:flex;align-items:center;gap:10px;box-shadow:0 10px 40px #0008;white-space:nowrap;font-size:12px}.toast svg{color:#d74a56}.mobile-menu,.mobile-nav{display:none}@media(min-width:1450px){main{padding-top:45px}.hero{min-height:340px}.hero h2{font-size:83px}.hero-content{padding:30px 38px}.movie-art{height:190px}}@media(max-width:1100px){.sidebar{width:195px;padding-left:15px;padding-right:15px}.main-wrap{margin-left:195px}main{padding:28px 26px 0}.topbar{padding:0 26px}.page-intro h1{font-size:23px}.stats>button{padding:15px 13px;gap:10px}.stat-icon{width:32px;height:32px}.dashboard-grid{gap:22px}.task-row{gap:8px}.priority{display:none}.row-actions{gap:2px}.hero-art{width:72%}.hero h2{font-size:64px}.top-right{letter-spacing:0}.hero{min-height:285px}}@media(max-width:800px){.sidebar{width:175px;padding:26px 10px 18px}.brand{font-size:23px;gap:8px}.nav-item{font-size:11px;gap:9px;padding:12px 9px}.nav-label{font-size:7px;letter-spacing:1px;margin-left:9px}.main-wrap{margin-left:175px}.topbar{padding:0 22px;height:60px}.top-right{display:none!important}main{padding:26px 22px 0}.page-intro{align-items:flex-start}.page-intro h1{font-size:21px}.page-intro p{font-size:10px;max-width:275px}.eyebrow{font-size:6px;letter-spacing:1px}.page-intro .btn{padding:9px 10px;font-size:10px}.hero h2{font-size:62px}.hero-art{width:85%;opacity:.8}.hero-content{padding:24px}.stats{gap:9px}.stats>button{padding:13px 10px;gap:8px}.stats .stat-icon{display:none}.stats strong{font-size:28px}.stat-arrow{right:9px;top:13px;width:13px}.dashboard-grid{grid-template-columns:1fr;gap:30px}.movie-art{height:230px}.movies-grid{grid-template-columns:1fr}.collection-toolbar{align-items:stretch;flex-direction:column}.search input{width:100%}.footer-tag{display:none}}@media(max-width:600px){.sidebar{display:none}.sidebar.mobile-open{display:flex;top:60px;bottom:65px;width:240px;box-shadow:30px 0 100px #000c}.sidebar.mobile-open .brand{display:none}.sidebar.mobile-open .nav-label{margin-top:10px}.main-wrap{margin:0}.topbar{position:sticky;top:0;z-index:30;background:#121212ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:58px;padding:0 20px;justify-content:flex-start;gap:18px}.mobile-menu{display:flex;background:transparent;padding:0;color:#aaa}.mobile-menu svg{width:19px}.topbar>div{font-size:10px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;height:66px;flex-direction:row;justify-content:space-around;gap:0;background:#151515f5;border-top:1px solid #333;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{display:flex;flex-direction:column;gap:5px;background:transparent;font-size:9px;color:#777;flex:1}.mobile-nav .active{color:#ef5e6a}.page-intro{margin-bottom:22px;gap:10px}.page-intro h1{font-size:22px;letter-spacing:-.5px;line-height:1.5}.page-intro p{max-width:240px;line-height:1.8;font-size:10px}.page-intro .btn{font-size:0;width:37px;height:37px;padding:0;flex-shrink:0;margin-top:23px}.page-intro .btn svg{width:19px}.eyebrow{font-size:6px;letter-spacing:.9px;margin-bottom:10px;gap:6px}main{padding:25px 20px 72px}.hero{min-height:304px;border-radius:7px}.hero-art{width:100%;object-position:60% center;opacity:.8}.hero:after{background:linear-gradient(90deg,#180e11f0,#180e11c0 32%,#180e1110)}.hero-content{padding:25px 22px}.hero h2{font-size:67px;margin-top:22px}.hero-tag{font-size:6px;letter-spacing:1.5px}.hero p{font-size:10px}.hero-content button{font-size:9px;margin-top:24px;gap:18px}.hero-corner{font-size:5px;letter-spacing:1px;right:14px;bottom:17px;gap:8px}.hero-corner>span{font-size:18px}.stats{margin:15px 0 29px;gap:9px}.stats>button{padding:13px 10px}.stats>button div>span{font-size:9px}.stats strong{font-size:30px;gap:7px}.stats small{font-size:7px}.stat-arrow{width:11px;right:8px;top:14px}.section-head h2{font-size:17px}.section-no{font-size:7px;letter-spacing:1.4px}.section-head{margin-bottom:15px}.task-row{min-height:74px;gap:11px}.task-info strong{font-size:11px}.row-actions{gap:7px}.row-actions button{padding:5px}.task-meta{font-size:8px}.task-check{width:18px;height:18px}.movie-art{height:205px}.movie-details{padding:16px}.movie-details h3{font-size:17px}.movie-details p{font-size:10px}.movie-actions button{font-size:9px}footer{margin-top:30px;padding:20px 0;font-size:7px;gap:10px}.collection{min-height:60dvh}.collection-toolbar{margin-top:28px}.tabs{justify-content:space-between}.tabs button{flex:1}.movies-grid .movie-art{height:200px}.dialog-content{padding:24px}.toast{bottom:82px;font-size:11px}.full-task-list .task-row{padding-left:0;padding-right:0}.full-task-list .task-info strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.portrait-hero{min-height:390px;background:#101010;isolation:isolate}.portrait-hero:after{z-index:2;pointer-events:none;background:linear-gradient(0deg,#170c11dd,transparent 25%),linear-gradient(90deg,#1e0d1299,transparent 60%)}.hero-backword{position:absolute;top:-20px;left:22px;right:15px;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(120px,15vw,240px);letter-spacing:-5px;line-height:1.1;color:#ac1d31;white-space:nowrap;z-index:0;-webkit-user-select:none;user-select:none}.hero-portrait{position:absolute;right:0;bottom:-38px;height:112%;width:61%;object-fit:contain;object-position:center bottom;z-index:4;pointer-events:none;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);filter:none}.portrait-hero .hero-content{z-index:3;padding:49px 32px 35px;width:48%}.portrait-hero .hero-tag{font-size:7px;color:#e0a7b0}.portrait-hero h2{font-size:72px;line-height:.97;margin:31px 0 18px;text-shadow:0 3px 20px #10070c44}.portrait-hero .hero-content p{color:#e2c0c6}.portrait-hero .hero-content button{margin-top:22px}.portrait-hero .hero-corner{z-index:3}@media(min-width:1450px){.portrait-hero{min-height:440px}.portrait-hero h2{font-size:90px}.hero-backword{font-size:260px}}@media(max-width:800px){.portrait-hero{min-height:350px}.portrait-hero .hero-content{padding:37px 23px 30px;width:52%}.portrait-hero h2{font-size:58px}.hero-backword{font-size:137px;left:12px;top:5px}.hero-portrait{right:-25px;width:68%;bottom:-25px;height:106%}}@media(max-width:600px){.portrait-hero{min-height:390px}.hero-backword{font-size:112px;letter-spacing:-3px;top:4px;left:12px}.hero-portrait{height:88%;width:85%;right:-54px;bottom:-20px}.portrait-hero .hero-content{padding:25px 20px 32px;width:60%}.portrait-hero h2{font-size:57px;margin-top:58px}.portrait-hero .hero-tag{font-size:5px;letter-spacing:1px}.portrait-hero .hero-content p{font-size:9px;max-width:150px}.portrait-hero .hero-content button{font-size:9px;gap:12px}.portrait-hero .hero-corner{font-size:5px;bottom:13px;right:12px}.portrait-hero:after{background:linear-gradient(0deg,#170c11 0%,transparent 23%),linear-gradient(90deg,#1e0d1299,transparent 73%)}}.hero,.portrait-hero{background:#101010;border-color:#303030}.hero:after,.portrait-hero:after{display:none}.hero-grain{display:none}.hero-tag,.portrait-hero .hero-tag{color:#aaa}.hero p,.portrait-hero .hero-content p{color:#bbb}.hero-corner{color:#888}.nav-item.active{background:#252525;color:#eee}.nav-item.active:before{background:#888}.nav-item.active span{background:#353535;color:#bbb}.stats>button:first-child{background:#171717;border-color:#2b2b2b}.stats>button:hover{border-color:#666}.stat-icon,.stats>button:first-child .stat-icon{background:#232323;border-color:#3a3a3a;color:#bcbcbc}.task-check:hover{border-color:#aaa}.completed .task-check{border-color:#777;background:#555}.dialog-content input:focus,.dialog-content textarea:focus,.dialog-content select:focus{border-color:#888;box-shadow:0 0 0 2px #ffffff15}.hero-backword{font-size:clamp(105px,12vw,205px);letter-spacing:-3px}.brand{letter-spacing:.3px}@media(min-width:1450px){.hero-backword{font-size:230px}}@media(max-width:800px){.hero-backword{font-size:115px}}@media(max-width:600px){.hero-backword{font-size:92px}}.profile img{filter:none}body{font-size:16px;line-height:1.65}main,.dashboard-grid>section,.gallery-toolbar>div,.page-intro>div{min-width:0}.nav-item{font-size:16px;min-height:48px;gap:10px}.nav-label,.small-quote p span,.eyebrow,.hero-tag,.portrait-hero .hero-tag,.section-no,.hero-corner,.trailer,.footer-tag{font-size:12px;letter-spacing:1px}.nav-item span,.profile div span,.top-right,.date,.count,.stats small,.priority{font-size:13px}.profile strong,.topbar,.topbar>div{font-size:15px}.sidebar{width:250px;padding-left:18px;padding-right:18px}.main-wrap{margin-left:250px}.page-intro h1{font-size:32px;line-height:1.5}.page-intro p,.hero p,.portrait-hero .hero-content p,.gallery-toolbar p,.empty p{font-size:16px;line-height:1.8}.btn,.page-intro .btn{font-size:16px;min-height:48px;padding:11px 18px}.btn-icon{width:48px;padding:0}.hero-content button,.portrait-hero .hero-content button{font-size:16px;min-height:44px}.portrait-hero .hero-content{width:56%;padding:35px 30px}.portrait-hero .hero-portrait{width:54%;z-index:2}.portrait-hero .hero-content{z-index:3}.portrait-hero h2{font-size:clamp(56px,5.4vw,86px)}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats>button{min-width:0;padding:18px 16px;gap:12px}.stats>button div>span{font-size:15px;color:#b0b0b0}.stats strong{font-size:38px;flex-wrap:wrap;gap:8px}.section-head{gap:12px}.section-head h2{font-size:23px;flex-wrap:wrap}.text-link,.add-inline,.progress-footer,.movie-actions button{font-size:15px;min-height:44px}.task-row{gap:12px;min-height:100px}.task-info strong,.full-task-list .task-info strong{font-size:17px;line-height:1.7}.task-notes{font-size:15px}.task-meta{font-size:13px;flex-wrap:wrap;color:#aaa}.task-check{position:relative;width:44px;height:44px;border:0;border-radius:7px;background:transparent}.task-check:before{content:"";position:absolute;width:24px;height:24px;border:1px solid #888;border-radius:5px;z-index:-1}.task-check{isolation:isolate}.completed .task-check{background:transparent;border:0}.completed .task-check:before{background:#555}.row-actions{gap:4px}.row-actions button,.movie-actions button,.gallery-photo figcaption>button{min-width:44px;min-height:44px;padding:10px}.row-actions svg,.movie-actions svg{width:18px;height:18px}.movie-details h3{font-size:22px;overflow-wrap:anywhere}.movie-details p{font-size:15px;line-height:1.8;color:#aaa}.movie-actions{gap:4px;flex-wrap:wrap}.watched-badge{font-size:13px}.tabs button{font-size:16px;min-height:46px;padding:9px 14px}.search{min-height:48px}.search input{font-size:16px;min-width:0}.empty h3{font-size:21px}footer{font-size:13px;gap:18px;flex-wrap:wrap;color:#999}footer>span:first-child{font-size:20px}.dialog-content{max-width:540px;padding:28px;overscroll-behavior:contain}.dialog-content h2{font-size:25px}.dialog-content>p,.dialog-content label{font-size:16px;line-height:1.8}.dialog-content small{font-size:13px}.dialog-content input,.dialog-content select,.dialog-content textarea{font-size:16px;min-height:48px;min-width:0}.close-btn{width:44px;height:44px;right:10px;top:10px}.toast{font-size:16px;max-width:calc(100% - 32px);white-space:normal;width:max-content}.player-dialog{max-width:850px}.gallery-toolbar h2{font-size:28px}.gallery-local,.gallery-error,.gallery-success,.trip-info>p,.trip-count,.trip-cover-empty span,.gallery-drop>span,.gallery-photo figcaption>span{font-size:14px;line-height:1.8}.gallery-local{align-items:flex-start}.gallery-local svg{margin-top:5px}.trip-title{font-size:21px}.trip-card-actions .btn{font-size:15px}.gallery-welcome h3{font-size:28px}.gallery-welcome p,.trip-description,.gallery-drop strong,.photo-download{font-size:16px}.photo-lightbox{max-width:1100px}.gallery-error button{min-height:44px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.stats .stat-icon{display:none}.trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{display:none}.sidebar.mobile-open{display:flex;top:64px;bottom:calc(76px + env(safe-area-inset-bottom));width:min(300px,90vw);padding:20px;overflow-y:auto;box-shadow:30px 0 100px #000c}.sidebar.mobile-open .brand{display:none}.sidebar.mobile-open .nav-label{margin-top:4px}.main-wrap{margin:0}.topbar{position:sticky;top:0;z-index:30;background:#121212f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:64px;padding:0 16px;gap:12px;justify-content:flex-start}.mobile-menu{display:flex;min-width:44px;min-height:44px;background:transparent;padding:10px}.mobile-menu svg{width:22px}.topbar>div{gap:8px;font-size:14px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;height:calc(76px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));flex-direction:row;gap:4px;background:#151515f5;border-top:1px solid #333;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-nav button{flex:1;flex-direction:column;font-size:14px;gap:4px;background:transparent;color:#aaa;border-radius:8px;min-height:60px}.mobile-nav .active{color:#ff7e88;background:#2d2022}main{padding:24px 20px calc(100px + env(safe-area-inset-bottom))}.page-intro{flex-direction:column;align-items:stretch;gap:18px}.page-intro h1{font-size:29px;letter-spacing:-.4px}.page-intro p{max-width:none}.page-intro .btn{font-size:16px;width:auto;height:auto;margin:0;padding:12px 18px;align-self:flex-start}.eyebrow{font-size:11px;letter-spacing:.5px;line-height:1.8}.stats>button{padding:16px 12px}.stat-arrow{display:none}.stats strong{font-size:36px}.stats small{font-size:12px}.collection-toolbar{margin-top:24px;gap:16px}.search input{width:100%}.gallery-toolbar{gap:18px}.gallery-tools{flex-wrap:wrap;justify-content:stretch}.gallery-tools .btn{flex:1}.toast{bottom:calc(92px + env(safe-area-inset-bottom))}.footer-tag{display:none}}@media(max-width:600px){main{padding-left:16px;padding-right:16px}.portrait-hero{min-height:0}.hero-backword{font-size:clamp(64px,18vw,106px);left:16px;top:8px;letter-spacing:-2px}.portrait-hero .hero-portrait{height:240px;width:85%;right:-12px;top:18px;bottom:auto;object-position:right bottom}.portrait-hero .hero-content{padding:260px 20px 24px;width:100%}.portrait-hero h2{font-size:58px;margin:14px 0 16px}.portrait-hero .hero-content p{font-size:16px;max-width:none}.portrait-hero .hero-tag{font-size:11px}.portrait-hero .hero-content button{font-size:16px;margin-top:12px}.portrait-hero .hero-corner{display:none}.stats{gap:8px}.stats>button div>span{font-size:14px}.stats strong{display:block;font-size:34px}.stats small{display:block;font-size:12px}.section-head h2{font-size:22px}.section-no{font-size:11px}.text-link{font-size:14px;white-space:nowrap;gap:4px}.task-row,.full-task-list .task-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 10px;padding:16px 0}.task-check{align-self:start}.task-info strong,.full-task-list .task-info strong{font-size:17px}.task-notes{font-size:15px}.task-meta{font-size:13px}.row-actions{grid-column:2;justify-content:flex-end}.movie-details{padding:18px}.movie-details h3{font-size:22px}.movie-details p,.movie-actions button{font-size:15px}.tabs{width:100%}.tabs button{font-size:15px;padding:8px;min-width:0}.dialog-content{width:calc(100% - 24px);padding:24px 20px;max-height:calc(100dvh - 24px)}.form-grid{grid-template-columns:1fr}.form-actions .btn{flex:1}.trip-grid{grid-template-columns:1fr}.gallery-toolbar h2{font-size:26px}.gallery-toolbar p,.gallery-welcome p{font-size:16px}.gallery-local{font-size:14px}.gallery-drop{padding:20px 14px}.gallery-drop>span{font-size:13px}.gallery-welcome h3{font-size:25px}.gallery-photo figcaption{padding:6px}.gallery-photo figcaption>span{font-size:13px}.photo-lightbox{padding:24px 14px}footer{align-items:flex-start;flex-direction:column;gap:8px;font-size:13px}}