:root{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#243f37;background:#faf7f0;font-synthesis:none;text-rendering:optimizeLegibility;--teal:#24675d;--paper:#faf7f0;--muted:#7c867a;--border:#dedfd3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d4aa67;outline-offset:4px}h1,h2,h3,p{margin:0}.site-shell{max-width:1440px;margin:auto;padding:0 64px}.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-size:22px;font-weight:650;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:5px;font-weight:500}.brand-mark{font-family:serif;display:grid;place-items:center;width:46px;height:46px;background:var(--teal);color:#fff6de;border-radius:13px 13px 13px 2px;font-size:28px;letter-spacing:0}.top-note{font-size:12px;color:var(--muted);letter-spacing:2px}.landing-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;min-height:640px;padding:52px 0 38px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#678574;font-weight:650;display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#c69750}.hero-copy h1{font-size:76px;letter-spacing:8px;font-weight:600;line-height:1.1;margin-top:31px}.hero-copy h1 span{font-family:Songti TC,"Noto Serif TC",serif;display:block;font-size:34px;letter-spacing:4px;line-height:1.6;font-weight:400;margin-top:24px}.hero-copy>p{font-size:14px;color:#6f7c70;line-height:1.9;margin-top:18px}.line-button{display:flex;align-items:center;gap:17px;background:var(--teal);color:#fffaf0;padding:20px 24px;border-radius:7px;font-size:15px;margin-top:32px;width:max-content;min-width:275px;box-shadow:0 8px 28px #24675d16}.line-symbol{font-size:9px;letter-spacing:-.2px;font-weight:850;border:1px solid #ffffff66;padding:4px;border-radius:5px}.arrow{margin-left:auto;font-size:22px}.hero-copy .login-note{font-size:11px;margin-top:14px;max-width:310px}.travel-art{position:relative;padding:10px 0 32px;max-width:500px;justify-self:end;width:100%}.travel-art>svg{display:block;width:100%;transform:rotate(2deg);filter:drop-shadow(0 20px 35px #31564c15)}.art-stamp{position:absolute;right:-18px;bottom:76px;background:#fdfaf3;border:1px solid #d1aa69;transform:rotate(-9deg);padding:19px 21px;box-shadow:0 8px 12px #30504712;text-align:center;line-height:1.6;font-family:serif;letter-spacing:3px;color:#746342}.art-stamp small{display:block;font-family:sans-serif;font-size:8px;letter-spacing:2px;margin-top:7px;border-top:1px solid #ddd0b7;padding-top:7px}.art-caption{position:absolute;bottom:0;left:0;width:100%;font-size:11px;text-align:center;color:#768a7c;letter-spacing:1.5px}.landing-features{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);padding:34px 0;margin:14px 0 35px}.landing-features article{padding:0 37px;border-left:1px solid var(--border)}.landing-features article:first-child{border:0;padding-left:0}.feature-number{font-family:serif;color:#b69150;font-size:14px}.landing-features h2{font-size:17px;letter-spacing:1px;margin:10px 0}.landing-features p{font-size:12px;line-height:1.9;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;padding:22px 0 30px;color:#8e9588;font-size:10px;letter-spacing:1px}.site-footer a{text-decoration:underline}.profile-actions{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{display:grid;place-items:center;background:#dae8db;color:#41624c;width:33px;height:33px;border-radius:50%}.text-button{background:none;color:#557969;padding:8px;font-size:12px}.icon-button{background:none;color:#557969;font-size:21px;padding:6px}.notice{position:fixed;z-index:100;top:18px;left:50%;transform:translate(-50%);max-width:min(680px,calc(100% - 32px));width:max-content;display:flex;gap:20px;align-items:center;padding:15px 20px;border:1px solid #cfdbca;border-radius:10px;background:#f0f5e9;color:#335d48;box-shadow:0 8px 32px #243f3719;font-size:13px;line-height:1.8}.notice button{background:none;font-size:23px;color:inherit}.loading-state{padding:170px 0;text-align:center;font-size:14px;color:var(--muted)}.library{padding:48px 0;min-height:70vh}.library-heading{display:flex;align-items:center;justify-content:space-between}.library-heading h1{font-size:37px;letter-spacing:2px;margin-top:13px}.heading-dot{color:#bc954e}.library-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.primary-button{background:var(--teal);color:#fffaf1;padding:13px 20px;border-radius:7px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary-button:hover,.line-button:hover{background:#1c594f}.secondary-button{background:#eef1e8;color:#446555;padding:12px 17px;border:1px solid #cdd8ca;border-radius:7px;font-size:12px}.desktop-tabs{display:flex;gap:32px;margin-top:35px;border-bottom:1px solid var(--border)}.desktop-tabs button{background:none;color:#839082;padding:15px 3px;font-size:14px;border-bottom:2px solid transparent}.desktop-tabs button.active{color:var(--teal);border-bottom-color:var(--teal)}.library-tools{display:flex;align-items:center;gap:20px;margin:25px 0;color:#8a9185;font-size:11px}.library-tools>span{margin-left:auto}.filter-label{display:flex;align-items:center;gap:10px;color:#617568}.filter-label select{background:transparent;border:1px solid var(--border);padding:8px 25px 8px 12px;border-radius:6px;color:#425e50;font-size:12px}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.asset-card{position:relative;background:#fffdf8;border:1px solid #e7e7db;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}.asset-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2c4a3610}.asset-card.selected{outline:2px solid var(--teal)}.asset-image{position:relative;width:100%;height:190px;background:#e5eadd;padding:0;display:grid;place-items:center;color:#6e8c78;overflow:hidden}.asset-image img{width:100%;height:100%;object-fit:cover}.preview-placeholder{font-size:40px;font-weight:200}.media-badge{position:absolute;bottom:10px;left:10px;font-size:9px;background:#fffdf8eb;color:#416b57;border-radius:4px;padding:4px 8px}.processing-badge{position:absolute;bottom:10px;right:10px;font-size:9px;color:#fff;background:#587b64da;padding:4px 8px;border-radius:4px}.select-asset{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#fffdf8e0;box-shadow:0 1px 8px #0001;cursor:pointer}.select-asset input{width:16px;height:16px;accent-color:var(--teal);cursor:pointer}.asset-info{padding:16px}.asset-info h2{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-info>div{display:flex;justify-content:space-between;color:#7f8c7d;font-size:10px;margin-top:9px;gap:8px}.asset-info footer{display:flex;justify-content:space-between;border-top:1px solid #edf0e4;padding-top:12px;margin-top:12px;font-size:10px;color:#a1a69a}.asset-info footer a{color:#42745f}.empty-state{display:flex;align-items:center;flex-direction:column;padding:80px 25px;background:#f0f1e7;border:1px dashed #d8dfce;border-radius:14px;text-align:center;margin:30px 0}.empty-icon{font-size:51px;color:#879d78}.empty-state h2{font-size:18px;letter-spacing:1px;margin:15px 0}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px}.more-button{display:block;background:#eaf0e4;padding:13px 26px;color:#587457;border-radius:7px;font-size:12px;margin:30px auto}.mobile-tabs,.mobile-upload{display:none}.selection-bar{position:fixed;bottom:24px;z-index:10;left:50%;transform:translate(-50%);background:#fdfcf6;box-shadow:0 5px 35px #263b372b;border:1px solid #d6dfcf;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:22px;font-size:12px;white-space:nowrap}.selection-bar>button:not(.primary-button){background:none;color:#8a9586}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#203c3599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{background:#fcfaf3;border:1px solid #ffffff44;border-radius:18px;width:min(620px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:30px;box-shadow:0 20px 80px #142d3550}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.modal h2{font-size:23px;letter-spacing:1px;line-height:1.7;overflow-wrap:anywhere}.modal header .eyebrow{font-size:8px;margin-bottom:8px}.close-button{background:none;color:#78917a;font-size:28px;padding:5px 9px;align-self:flex-start}.field-label{display:flex;gap:12px;align-items:center;font-size:12px;color:#7e8d78}.field-label select{background:#fff;border:1px solid var(--border);border-radius:7px;padding:10px;font-size:12px;color:#4d6556;flex:1}.upload-picker{background:#edf2e5;border:1px dashed #bbcdb5;border-radius:12px;margin-top:22px;padding:28px 15px;text-align:center}.upload-picker>span{color:#8ca680;font-size:30px}.upload-picker h3{font-size:16px;margin-top:10px}.upload-picker p{font-size:11px;color:#87917e;margin:12px 0 22px}.upload-picker>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.helper-text{font-size:11px;color:#8d9687;line-height:1.9;margin:15px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-queue,.member-list{list-style:none;padding:0;margin:15px 0}.upload-queue li{position:relative;display:flex;align-items:center;gap:15px;padding:12px 0 18px;border-top:1px solid #e4e7db}.upload-queue li>div:first-child{flex:1;min-width:0}.upload-queue strong,.member-list strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue small,.member-list small{display:block;font-size:10px;color:#8b9585;margin-top:7px}.upload-queue li>button{background:none;font-size:22px;color:#8c9b83}.progress-track{position:absolute;bottom:7px;width:100%;height:3px;border-radius:5px;background:#e1e8d9;overflow:hidden}.progress-track i{display:block;height:100%;background:#568a69}.complete-mark{color:#568a69}.upload-controls{display:flex;align-items:center;gap:10px;margin-top:20px}.upload-controls .primary-button{margin-left:auto}.viewer-modal{width:min(940px,100%)}.viewer-modal header h2{font-size:17px}.viewer-modal header p{font-size:11px;color:var(--muted);margin-top:6px}.viewer-media{display:flex;align-items:center;justify-content:center;background:#e8ece0;border-radius:9px;overflow:hidden;min-height:170px}.viewer-media img,.viewer-media video{width:100%;max-height:60dvh;object-fit:contain}.viewer-modal>footer{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.danger-button{margin-right:auto;background:none;color:#9a6954;font-size:12px}.member-form{display:flex;gap:9px;margin:25px 0}.member-form input{background:#fff;border:1px solid var(--border);padding:12px;border-radius:7px;min-width:0;flex:1;font-size:12px}.member-list li{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--border);gap:12px}.member-list li>div{min-width:0}.privacy-inline{max-width:760px;margin:30px auto 80px;line-height:2;font-size:13px}.privacy-inline h2{margin-bottom:20px}.privacy-inline p{margin-bottom:15px;color:#6e7e6c}@media(min-width:1600px){.landing-hero{min-height:710px}}@media(max-width:1100px){.site-shell{padding:0 34px}.landing-hero{gap:35px;min-height:600px}.hero-copy h1{font-size:62px}.hero-copy h1 span{font-size:29px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.art-stamp{right:-10px;bottom:60px;padding:12px;font-size:14px}}@media(max-width:700px){.site-shell{padding:0 22px}.topbar{height:83px}.brand{font-size:19px;gap:10px}.brand-mark{width:38px;height:38px;font-size:25px}.brand small{font-size:6px;letter-spacing:2px}.top-note{font-size:9px;letter-spacing:.7px}.landing-hero{display:flex;flex-direction:column;gap:24px;min-height:0;padding:44px 0 25px}.hero-copy{width:100%}.eyebrow{font-size:8px;letter-spacing:2px}.hero-copy h1{font-size:58px;letter-spacing:7px;margin-top:23px}.hero-copy h1 span{font-size:29px;letter-spacing:3px;margin-top:16px}.hero-copy>p{font-size:12px;margin-top:15px}.line-button{min-width:0;width:100%;margin-top:26px;padding:17px 23px}.hero-copy .login-note{font-size:10px;max-width:none}.travel-art{width:88%;max-width:350px;align-self:center;padding-bottom:26px}.art-stamp{right:-20px;bottom:47px}.art-caption{font-size:9px}.landing-features{grid-template-columns:1fr;padding:7px 0;margin-top:12px}.landing-features article{border:0;border-top:1px solid var(--border);padding:20px 0 20px 34px;position:relative}.landing-features article:first-child{padding-left:34px}.feature-number{position:absolute;left:0;top:30px;font-size:12px}.landing-features h2{font-size:15px;margin:5px 0}.landing-features p{font-size:11px}.landing-features br{display:none}.site-footer{font-size:8px;letter-spacing:.3px;padding:8px 0 25px}.profile-name{display:none}.profile-actions{gap:4px}.avatar{width:27px;height:27px;font-size:11px}.library{padding-top:32px;padding-bottom:120px}.library-heading h1{font-size:29px}.library-heading p{font-size:11px;max-width:290px}.desktop-tabs,.desktop-upload{display:none}.library-tools{margin-top:26px;gap:7px;font-size:10px;flex-wrap:wrap}.filter-label{gap:6px}.filter-label select{font-size:10px;padding:7px 16px 7px 8px;max-width:132px}.library-tools .text-button{font-size:10px;padding:6px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-image{height:160px}.asset-info{padding:11px}.asset-info h2{font-size:11px}.asset-info>div{font-size:8px;gap:4px}.asset-info footer{font-size:8px;margin-top:10px;padding-top:9px}.media-badge,.processing-badge{font-size:8px;padding:3px 6px}.processing-badge{bottom:31px;left:10px;right:auto}.empty-state{padding:55px 12px}.empty-state h2{font-size:15px}.empty-state p{font-size:11px}.mobile-tabs{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;z-index:15;background:#fcfaf5f5;border-top:1px solid #dbe1d3;padding:10px 12px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-tabs button{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;background:none;color:#97a08d;min-width:80px}.mobile-tabs button span{font-size:23px;line-height:1.1}.mobile-tabs button.active{color:var(--teal)}.mobile-upload{display:grid;place-items:center;position:fixed;bottom:91px;right:22px;width:53px;height:53px;background:var(--teal);border-radius:50%;color:#fff;font-size:31px;font-weight:200;box-shadow:0 8px 23px #234f4633;z-index:13}.selection-bar{bottom:88px;padding:9px 13px;gap:12px;max-width:calc(100% - 24px);font-size:10px}.selection-bar .primary-button{font-size:11px;padding:11px}.selection-bar~.mobile-upload{display:none}.modal-backdrop{padding:12px;align-items:center}.modal{padding:22px 17px;border-radius:14px;max-height:calc(100dvh - 24px)}.modal h2{font-size:20px}.upload-picker{padding:22px 12px}.upload-picker .primary-button,.upload-picker .secondary-button{font-size:11px;padding:12px}.upload-controls{gap:0}.upload-controls .primary-button,.member-form .primary-button{font-size:11px;padding:12px}.viewer-modal{padding:17px}.viewer-modal header h2{font-size:14px}.helper-text{font-size:10px}.privacy-inline{margin-bottom:70px;font-size:12px}}.selection-bar>button.danger-button{color:#a64c3f;margin-right:0;padding:10px 5px}.selection-bar>button.danger-button:disabled{color:#bcb6aa;cursor:not-allowed}.storage-location{margin:6px 0 24px;padding:0 0 18px;border-bottom:1px solid var(--border)}.storage-location h3{font-size:15px;margin:0}.storage-path{display:flex;align-items:flex-start;gap:10px;background:#edf0e5;border-radius:8px;padding:12px}.storage-path code{flex:1;min-width:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.storage-path .secondary-button{flex-shrink:0;padding:9px 11px;font-size:11px}.storage-path>.helper-text{flex:1;margin:0}.storage-location h4{font-size:12px;margin:20px 0 10px}.member-details{flex:1}.member-name-form{display:flex;align-items:flex-end;gap:8px;margin-top:14px}.member-name-form label{flex:1;min-width:0;font-size:11px}.member-name-form input{display:block;width:100%;min-width:0;background:#fff;border:1px solid var(--border);padding:9px;border-radius:7px;font-size:12px;margin-top:6px}.member-name-form .secondary-button{flex-shrink:0;padding:10px;font-size:11px}.member-list li{align-items:flex-start}