:root{--cream:#f8f4e9;--ink:#252522;--muted:#716f65;--line:#d8d3c6;--yellow:#f8cb59;--orange:#fa8b61;--blue:#a7bce8;--card:#fffdf6;--sans:'DM Sans',Arial,sans-serif;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid #d88922;outline-offset:2px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{font-weight:700;letter-spacing:.12em;font-size:11px}.btn{border:0;border-radius:10px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:700;transition:transform .16s,background .16s;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn span:last-child{font-size:20px;line-height:10px}.btn-primary{background:var(--yellow);color:var(--ink)}.btn-primary:hover{background:#f4be39}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#3d3c35}.btn-outline{border:1px solid #b4afa2;background:transparent;color:var(--ink)}.btn-stop{background:#b54234;color:#fff}.btn-wide{width:100%;justify-content:space-between}.text-btn,.mini-link{padding:5px 0;color:var(--ink);font-weight:700;border:none;border-bottom:1px solid var(--ink);background:none;font-size:13px}.danger{color:#b12b32;border-color:#b12b32}.toast{position:fixed;bottom:25px;right:22px;max-width:360px;padding:15px 20px;border-radius:12px;color:white;background:#2c2c29;z-index:200;font-size:14px;box-shadow:0 12px 35px #0003;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#aa382b}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;letter-spacing:.04em}.loader-mark{font-size:80px;animation:spin 6s linear infinite;color:#db9750}@keyframes spin{to{transform:rotate(360deg)}}
/* Entry */.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fffdf7}.login-art{position:relative;overflow:hidden;min-height:100vh;background:#f6c956;display:flex;align-items:flex-end;padding:9%;isolation:isolate}.login-sun{position:absolute;width:66%;aspect-ratio:1;left:16%;top:14%;background:#f08b61;border-radius:50%;box-shadow:0 0 0 42px #fce298;z-index:-1}.orbit{position:absolute;border:2px solid #282722;border-radius:50%;width:85%;height:60%;transform:rotate(25deg);top:15%;left:11%;opacity:.75}.o-two{transform:rotate(-38deg);height:65%;top:14%;width:80%}.login-art-text{font:700 clamp(38px,5.8vw,88px)/.96 var(--serif);letter-spacing:-.055em;position:relative;z-index:1}.floating-note{position:absolute;top:17%;left:11%;background:#fff7e8;transform:rotate(-9deg);padding:18px 22px;border:1px solid var(--ink);font-size:28px;box-shadow:6px 6px 0 #242421}.login-column{padding:8% 13%;display:flex;flex-direction:column;justify-content:center;max-width:710px;width:100%;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.14;letter-spacing:.1em;font-weight:600}.brand strong{font-size:19px;letter-spacing:-.04em;font-weight:800}.brand-icon{background:var(--yellow);font-size:31px;display:grid;place-items:center;width:49px;height:49px;border-radius:14px;color:var(--ink)}.login-copy{margin-top:clamp(45px,9vh,95px)}.login-copy h1,.page-title h1,.hero h1{font:700 clamp(44px,4.3vw,68px)/1.05 var(--serif);letter-spacing:-.065em;margin:18px 0}.login-copy h1 em,.page-title h1 em,.hero h1 em{color:#d48255;font-weight:600}.login-copy p,.page-title p{font-size:14px;line-height:1.85;color:var(--muted);max-width:370px}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:35px}.login-form label,.details-card label,#linkPanel label{font-size:12px;font-weight:700}.login-form input,.details-card input,.details-card textarea,#linkPanel input,.filter-row input,.filter-row select{width:100%;background:#fffefa;border:1px solid #d9d3c3;border-radius:8px;padding:15px 14px;font-size:14px;color:var(--ink)}.role-choice{display:flex;gap:8px;margin-bottom:10px}.role-btn{background:transparent;border:1px solid var(--line);border-radius:9px;padding:15px 12px;flex:1;font-size:13px;font-weight:700}.role-btn.selected{background:#ffdf8c;border-color:#333}.help-text,.login-footer{font-size:11px;text-align:center;color:var(--muted)}.login-footer{margin-top:45px;letter-spacing:.16em;font-size:10px}
/* Shell */.app-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:35px 28px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-strap{margin:56px 0 40px;font:600 31px/1.13 var(--serif);letter-spacing:-.05em}.sidebar-strap span{color:#bb8f67}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-link{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:transparent;border:0;border-radius:8px;padding:14px 13px;font-size:13px;font-weight:600}.nav-link.active,.nav-link:hover{background:#f8d77c}.nav-symbol{font-size:23px;line-height:15px;width:24px}.nav-arrow{margin-left:auto;opacity:0}.nav-link.active .nav-arrow,.nav-link:hover .nav-arrow{opacity:1}.side-bottom{margin-top:auto;padding:20px 3px 10px;font-size:12px;color:var(--muted);line-height:1.6}.two-dots{display:flex;margin-bottom:14px}.two-dots span{height:23px;width:23px;border-radius:50%;background:#ef9469;border:2px solid var(--cream)}.two-dots span+span{background:#93b5dc;margin-left:-5px}.signout{align-self:flex-start;background:none;border:0;border-bottom:1px solid var(--line);padding:11px 0;color:var(--muted);font-size:12px}.content-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,5vw,76px);gap:15px}.topbar-date{font-size:10px;letter-spacing:.12em;font-weight:700}.topbar-right{display:flex;align-items:center;gap:10px;font-weight:700;font-size:10px;letter-spacing:.09em}.live-dot{height:8px;width:8px;border-radius:50%;background:#70a37a}.avatar,.big-avatar{display:grid;place-items:center;width:36px;height:36px;background:#d7abd2;border-radius:50%;font-size:14px;margin-left:8px;color:#33272d;font-weight:800}.main{max-width:1450px;width:100%;padding:36px clamp(24px,5vw,76px) 80px;margin:0 auto;flex:1}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:390px;background:var(--yellow);overflow:hidden;border-radius:14px}.hero-copy{padding:45px 12% 25px 9%;display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:2}.hero h1{font-size:clamp(45px,4.3vw,67px);margin:20px 0 15px}.hero h1 em{color:#c2664c}.hero-copy p{font-size:13px;line-height:1.9;max-width:350px;margin:0 0 25px}.hero-meta{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.08em;font-weight:800;padding-top:25px}.meta-line{height:1px;width:36px;background:#6d5e41}.hero-graphic{position:relative;overflow:hidden;min-height:350px;background:#ef9878;border-radius:52% 0 0 48% / 60% 0 0 45%}.hero-sun{position:absolute;width:310px;height:310px;left:14%;top:8%;background:#f9d56d;border-radius:50%}.graphic-word{position:absolute;z-index:1;font:800 clamp(66px,8vw,134px)/1 var(--serif);letter-spacing:-.09em;color:#222}.word-1{top:30%;left:-1%;transform:rotate(-13deg)}.word-2{top:54%;left:5%;transform:rotate(-13deg)}.hero-flower{position:absolute;font-size:185px;color:#f7d46b;top:-78px;right:-25px}.hero-sticker{position:absolute;right:7%;bottom:11%;font-size:11px;font-weight:800;background:var(--blue);padding:14px 19px;transform:rotate(11deg);box-shadow:5px 5px 0 #222}.hero-smile{position:absolute;left:13%;top:12%;font-size:50px;transform:rotate(-25deg)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:48px 0 20px}.section-head h2{font:700 clamp(25px,2.7vw,35px)/1.2 var(--serif);letter-spacing:-.04em;margin:8px 0 0}.week-chip{border:1px solid var(--ink);font-size:10px;font-weight:800;letter-spacing:.08em;padding:9px 12px;white-space:nowrap;border-radius:50px}.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.week-card{min-height:205px;border:1px solid var(--line);background:#fffdf7;border-radius:11px;overflow:hidden;display:flex;position:relative}.week-card:after{content:'✳';position:absolute;right:-25px;bottom:-56px;font-size:195px;opacity:.12;pointer-events:none}.week-card.dhaka{background:#f9e7c7}.week-card.australia{background:#dce7f9}.week-card-inner{display:flex;flex-direction:column;align-items:flex-start;padding:23px 27px;position:relative;z-index:1;width:100%}.card-tag{font-size:10px;letter-spacing:.1em;font-weight:800}.week-card h3{font:700 25px/1.18 var(--serif);letter-spacing:-.04em;margin:19px 0 10px;max-width:85%}.week-card p{font-size:12px;line-height:1.5;color:#4c4b44;margin:0}.card-action{margin-top:auto;padding:10px 0 0;border:none;border-bottom:1px solid #333;background:none;font-size:12px;font-weight:800}.recent-title{margin-top:45px}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini-episode{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;padding:0 0 17px;color:inherit}.mini-visual{height:132px;background:#e6b9a1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font:800 55px var(--serif);color:#2c2924}.mini-episode:nth-child(2n) .mini-visual{background:#afc4e0}.mini-episode:nth-child(3n) .mini-visual{background:#e8d585}.mini-visual:after{content:'✳';position:absolute;right:-10px;top:-30px;font-size:125px;opacity:.24}.mini-date,.mini-episode strong{margin:11px 15px 0;display:block}.mini-date{font-size:10px;letter-spacing:.05em;font-weight:800;color:#7b766a}.mini-episode strong{font-size:14px;line-height:1.35}.empty{border:1px dashed #c5bcac;background:#fffcf3;padding:28px;text-align:center;border-radius:10px;color:var(--muted);font-size:13px;grid-column:1/-1}.empty strong{color:var(--ink);display:block;margin:7px 0;font:700 22px var(--serif)}.empty-mark{font-size:35px;color:#db9e68}.footer{display:flex;justify-content:space-between;padding:22px clamp(24px,5vw,76px);border-top:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.1em;color:#8c8578}.mobile-nav{display:none}
/* Archive */.page-title{padding:22px 0 30px}.page-title h1{font-size:clamp(48px,5.5vw,80px);margin:17px 0 12px}.filter-row{display:flex;gap:12px;margin-bottom:28px}.search-wrap{position:relative;flex:1}.search-wrap span{position:absolute;left:16px;top:11px;font-size:24px;color:#888}.filter-row input{padding-left:43px}.filter-row select{width:175px}.archive-week{margin:0 0 25px}.archive-week-heading{display:flex;gap:15px;align-items:center;margin-bottom:11px}.archive-week-heading h3{font:700 23px var(--serif);letter-spacing:-.04em;margin:0}.archive-week-heading:after{content:'';height:1px;background:var(--line);flex:1}.archive-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.archive-card{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px;cursor:pointer;text-align:left;color:inherit;width:100%;align-items:center}.archive-card:hover,.mini-episode:hover{border-color:#a77648;box-shadow:0 5px 17px #665b4a12}.archive-thumbnail{width:104px;height:85px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font:600 44px var(--serif);background:#f3d9a6}.archive-thumbnail.australia{background:#d2e0f6}.archive-details{min-width:0}.archive-details .card-tag{font-size:9px;color:#7b7468}.archive-details h4{font-size:15px;line-height:1.4;margin:7px 0 5px;overflow-wrap:anywhere}.archive-details p{font-size:11px;margin:0;color:var(--muted)}
/* Create */.create-tabs{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.create-tab{border:1px solid var(--line);background:transparent;padding:12px 17px;font-size:12px;border-radius:40px;font-weight:700}.create-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.create-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.75fr);gap:20px}.create-main{min-width:0}.record-panel,.upload-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.camera-stage{aspect-ratio:4/3;background:#292b27;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#f9f4e8;text-align:center}.camera-idle{max-width:260px;padding:15px}.camera-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font-size:40px;margin:0 auto 17px;background:#47483e;color:var(--yellow)}.camera-idle h3{font:700 25px var(--serif);letter-spacing:-.03em;margin:0 0 9px}.camera-idle p{color:#c9c9c2;font-size:12px;line-height:1.7}.camera-stage video{height:100%;width:100%;object-fit:contain;position:absolute;inset:0;background:black}.camera-timer{position:absolute;top:12px;left:12px;background:#141515be;border-radius:25px;padding:9px 13px;display:flex;gap:7px;align-items:center;font-size:13px;font-weight:800;letter-spacing:.09em;z-index:5}.record-red{background:#f24d3c;width:9px;height:9px;border-radius:50%;animation:blink 1.3s infinite}@keyframes blink{50%{opacity:.25}}.camera-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.tip{color:var(--muted);font-size:11px;line-height:1.75;margin:17px 4px 3px}.details-card{background:#f4e9d6;border:1px solid #ded0b8;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:12px}.details-card .eyebrow{margin-bottom:11px}.details-card input,.details-card textarea{background:#fffdf8}.details-card input{margin-bottom:7px}.details-card textarea{resize:vertical}.optional{font-weight:400;color:#8e816d}.details-card .btn{margin-top:9px}.details-footer{text-align:center;font-size:11px;color:#8d7e69;line-height:1.6}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;background:#f9f4e7;border:2px dashed #cbbba0;border-radius:10px;cursor:pointer;padding:20px;text-align:center}.upload-icon{font-size:60px;color:#bc8757}.file-drop h3{font:700 28px var(--serif);letter-spacing:-.03em;margin:6px 0}.file-drop p{font-size:12px;color:var(--muted)}.file-select{border-bottom:1px solid;font-size:12px;font-weight:800;margin-top:15px}.file-details{margin-top:13px;border-radius:8px;padding:17px;background:#f3e7d5;font-size:12px;word-break:break-word}.file-details strong{display:block;font-size:14px;margin-bottom:7px}.link-art{height:190px;background:#bacdeb;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:25px;font:700 78px var(--serif);margin-bottom:24px}.link-art span{font:700 22px/1.3 var(--serif);transform:rotate(-9deg)}#linkPanel label{display:block;margin:0 0 9px}.external-link{color:var(--ink);display:inline-block;font-size:12px;font-weight:800;margin:13px 0}.progress-wrap{padding-top:7px}.progress-track,.storage-bar{height:9px;overflow:hidden;border-radius:20px;background:#e1d5c1}.progress-track>div,.storage-bar>span{display:block;height:100%;width:0;background:#cb895a;transition:width .2s}.progress-wrap p{font-size:11px;font-weight:700}.mini-link{font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.settings-card{border:1px solid var(--line);background:var(--card);padding:25px;border-radius:11px}.settings-card h3{font:700 24px var(--serif);letter-spacing:-.03em;margin:14px 0 10px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.7}.account-summary{display:flex;align-items:center;gap:18px;margin:18px 0 25px}.account-summary h3{margin:0}.account-summary p{margin:6px 0 0}.big-avatar{width:73px;height:73px;font-size:30px;background:#d0dcf5;margin:0}.storage-bar{margin:14px 0}.storage-warning{color:#9d642b!important}.privacy-card{grid-column:1/-1}
/* Modal */.player-dialog{width:min(760px,calc(100% - 32px));max-height:90vh;border:none;border-radius:15px;padding:25px;background:#fffdf7;color:var(--ink);box-shadow:0 20px 90px #0004;overflow:auto}.player-dialog::backdrop{background:#151515ae}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-top h2{font:700 30px/1.25 var(--serif);margin:7px 0}.dialog-top p{font-size:12px;color:var(--muted)}.icon-close{border:none;background:#eee5d7;font-size:26px;width:39px;height:39px;border-radius:50%}.player-container{aspect-ratio:16/9;background:#222;overflow:hidden;border-radius:9px;display:flex;align-items:center;justify-content:center}.player-container iframe,.player-container video{width:100%;height:100%;border:0}.modal-note{font-size:13px;line-height:1.7;color:var(--muted)}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.modal-actions .btn{padding:10px 12px}
@media(min-width:1450px){.hero{min-height:430px}.hero-copy{padding-top:53px}.hero h1{font-size:75px}}
@media(max-width:1100px){.sidebar{width:210px;padding:30px 19px}.app-shell{grid-template-columns:210px minmax(0,1fr)}.main{padding:28px}.topbar{padding:0 28px}.hero h1{font-size:46px}.hero-copy{padding:35px 8%}.hero-graphic{min-height:320px}.graphic-word{font-size:90px}.footer{padding:22px 28px}.create-grid{grid-template-columns:1.1fr .9fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 21px}.topbar-date{font-size:9px}.topbar-right{font-size:9px}.main{padding:23px 16px 104px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:350px;padding:30px 27px 26px}.hero h1{font-size:54px;margin:17px 0}.hero-copy p{max-width:310px;margin-bottom:20px}.hero-graphic{min-height:174px;border-radius:50% 50% 0 0 / 29% 29% 0 0}.hero-sun{width:230px;height:230px;left:25%;top:0}.graphic-word{font-size:81px}.word-1{top:18%;left:8%}.word-2{top:49%;left:24%}.hero-flower{font-size:110px;top:-20px}.hero-smile{font-size:36px}.hero-sticker{font-size:7px;right:4%;bottom:10%;padding:9px 11px}.section-head{margin:38px 0 17px}.section-head h2{font-size:27px}.week-grid{grid-template-columns:1fr}.week-card{min-height:178px}.week-card-inner{padding:21px}.week-card h3{font-size:24px;margin:15px 0 6px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recent-grid .mini-episode:nth-child(3){display:none}.mini-visual{height:102px}.mini-episode strong{font-size:12px}.mini-date{font-size:9px}.footer{padding:0 16px 95px;font-size:8px}.footer span:last-child{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffdf5;border-top:1px solid var(--line);z-index:40;justify-content:space-around}.mobile-nav-btn{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:700;font-size:10px;color:#767165}.mobile-nav-btn span{font-size:24px;line-height:24px}.mobile-nav-btn.active{color:#252522}.mobile-create{background:#f5c95d;border-radius:11px;max-width:85px;color:#252522}.page-title{padding:12px 0 24px}.page-title h1{font-size:55px}.page-title p{font-size:13px}.create-grid{grid-template-columns:1fr;gap:15px}.create-tabs{gap:5px;flex-wrap:nowrap}.create-tab{flex:1;padding:11px 5px;font-size:10px;white-space:nowrap}.details-card{padding:20px}.camera-stage{aspect-ratio:4/3}.camera-controls .btn{padding:13px;font-size:12px}.archive-cards{grid-template-columns:1fr}.filter-row{gap:7px}.filter-row input{font-size:12px}.filter-row select{width:115px;font-size:11px;padding:10px 4px}.settings-grid{grid-template-columns:1fr}.privacy-card{grid-column:auto}.login-screen{grid-template-columns:1fr}.login-art{min-height:185px;height:185px;padding:18px 20px;align-items:flex-end}.login-art-text{font-size:32px}.login-sun{width:190px;top:-80px;left:48%}.orbit{left:41%;height:135%;width:50%;top:-39%}.o-two{left:29%;height:140%;width:64%;top:-42%}.floating-note{top:29px;left:38%;font-size:15px;padding:6px 11px;box-shadow:3px 3px 0 #222}.login-column{padding:29px 24px 34px;max-width:580px;min-height:calc(100vh - 185px)}.login-copy{margin-top:38px}.login-copy h1{font-size:49px}.login-form{margin-top:24px}.login-footer{margin-top:35px}.player-dialog{padding:16px}.dialog-top h2{font-size:22px}.modal-actions{gap:15px}}
@media(max-width:365px){.hero h1{font-size:45px}.page-title h1{font-size:45px}.login-copy h1{font-size:42px}.create-tab{font-size:9px}.week-chip{font-size:8px;padding:9px}.section-head h2{font-size:24px}}