.app{height:100dvh;min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:0;overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(255,219,139,.25),transparent 30%),#f3eadc;color:#2b1b13}.phone-shell{width:min(430px,100vw);height:100dvh;min-height:0;position:relative;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;background:radial-gradient(circle at 10% 13%,rgba(171,219,238,.18),transparent 14%),linear-gradient(180deg,#fffdf8,#fff9ef);box-shadow:0 18px 60px #4034262e}button{border:0;background:transparent;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.phone-status,.app-nav,.top-bar,.screen-title,.upload-summary,.route-selector,.picker-row,.queue-heading,.book-actions,.share-grid,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.phone-status{padding:14px 24px 6px;font-size:13px;font-weight:700}.mobile-browser-bar{min-height:38px;margin:8px 24px 0;padding:0 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-radius:11px;background:#eee9e2;color:#2e2a25;font-size:15px}.app-main{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}.connect-view,.upload-view,.browse-view,.books-view{padding:24px}.brand-lockup,.session-card,.upload-console,.featured-book,.books-hero,.share-panel,.book-row{border:1px solid #e8decf;border-radius:16px;background:#ffffffc7;box-shadow:0 10px 28px #5d3a1d14}.session-card,.upload-console,.featured-book,.books-hero,.share-panel{padding:18px}.brand-lockup{margin-top:42px;padding:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;max-width:330px;margin-left:auto;margin-right:auto}.brand-lockup small{grid-column:2;color:#5f554e}.brand-lockup strong{color:#347f3e;font-size:21px}.connect-view h1,.upload-view h1,.screen-title h1{margin:18px 0 8px;font-size:30px;line-height:1.15;color:#2d190f;font-weight:900}.lead,.privacy-note,.remaining-time,.book-copy p,.books-hero p,.share-panel p,.book-row p{color:#6d6254}.primary-action,.app-nav button.active{background:linear-gradient(180deg,#5aa34c,#3e8739);color:#fff}.primary-action{width:100%;min-height:60px;border-radius:17px;box-shadow:0 10px 22px #3d843740;font-size:20px;font-weight:900}.ground-art{display:none}.primary-action:disabled{cursor:not-allowed;opacity:.5}.session-card{display:grid;grid-template-columns:132px 1fr;gap:14px;margin:18px 0}.qr-card{width:132px;height:132px;display:grid;place-items:center;margin:0 auto;border:8px solid #f0eadf;border-radius:12px;position:relative}.qr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:82px;height:82px}.qr-grid span.dark{background:#263d36}.qr-grid span{background:#f1ece4;border-radius:2px}.qr-leaf{position:absolute;inset:50% auto auto 50%;width:40px;height:40px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:12px;background:#fffdf8;color:#4b9445;box-shadow:0 4px 14px #33592a26}.session-valid,.progress-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.session-valid b{display:block;color:#31833d;font-size:21px;line-height:1.2}.child-row{display:flex;align-items:center;gap:12px}.child-avatar,.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;background:#f0d789;color:#4b3d23;font-weight:800}.progress-line{padding-top:10px;border-top:1px solid #eadfd2;color:#36863d;font-weight:800}.inline-alert{padding:10px 12px;border-radius:8px;font-weight:700}.inline-alert.warning{background:#fff1c2;color:#7a5416}.inline-alert.danger,.item-status.danger{background:#ffe1de;color:#9b2c24}.trusted-app{background:radial-gradient(circle at 21% 0%,rgba(255,218,142,.24),transparent 28%),linear-gradient(180deg,#f7ecdc,#efe1ce)}.trusted-shell{border:10px solid #14110f;border-radius:48px;background:radial-gradient(circle at 84% 13%,rgba(255,209,82,.22),transparent 12%),radial-gradient(circle at 16% 18%,rgba(159,216,230,.18),transparent 10%),linear-gradient(180deg,#fffdf8,#fff9ef)}.trusted-main{padding-bottom:0}.trusted-hero{position:relative;min-height:100%;padding:28px 24px 20px}.trusted-hero:before,.trusted-hero:after{position:absolute;pointer-events:none;color:#5b974a3d;font-size:52px}.trusted-hero:before{content:"☁";top:50px;right:48px}.trusted-hero:after{content:"ʕ•ᴥ•ʔ";right:24px;bottom:18px;font-size:34px}.trusted-icon-button{position:absolute;top:24px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #eadfd2;border-radius:999px;background:#ffffffb3;color:#322016;font-size:20px;font-weight:900}.trusted-icon-button:first-child{left:24px}.trusted-icon-button:nth-child(2){right:24px}.trusted-hero h1{margin:52px 0 22px;text-align:center;color:#2d190f;font-size:30px;font-weight:950;line-height:1.1}.trusted-child-name{margin:-12px 0 18px;text-align:center;color:#7b4c25;font-size:15px;font-weight:850}.trusted-panel,.trusted-stats,.trusted-task,.trusted-empty{border:1px solid #eadfd2;border-radius:15px;background:#ffffffc2;box-shadow:0 10px 28px #5d3a1d14}.trusted-centered{padding:28px 18px;text-align:center;color:#6d6254}.trusted-stats{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-bottom:12px;padding:12px 14px;color:#385d31}.trusted-stats span{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.trusted-stats span+span{border-left:1px solid #eadfd2}.trusted-stats strong{color:#2f8b42;font-size:20px}.trusted-route-selector{margin-bottom:12px}.trusted-route-selector button{align-content:center;min-height:74px}.trusted-picker-row{margin-bottom:16px;border:1px dashed #d9c9b5;border-radius:15px;overflow:hidden;background:#fffdf8b8}.trusted-picker{min-height:64px;border:0;border-radius:0;background:transparent}.trusted-picker+.trusted-picker{border-left:1px dashed #d9c9b5}.trusted-queue-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.trusted-queue-heading button{color:#7c6c5d;font-weight:700}.trusted-queue-heading button:disabled{opacity:.4}.trusted-task-list{display:grid;gap:8px}.trusted-empty{padding:18px;color:#6d6254;line-height:1.55}.trusted-task{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px}.trusted-thumb{width:48px;height:48px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#ffd66c 0 18%,transparent 19%),linear-gradient(145deg,#f8dba2,#9bd08e 58%,#78b8e6)}.trusted-task-copy,.trusted-task-status{display:grid;gap:3px;min-width:0}.trusted-task-copy strong,.trusted-task-copy span,.trusted-task-status small{overflow-wrap:anywhere}.trusted-task-copy strong{color:#2d190f;font-size:14px}.trusted-task-copy span,.trusted-task-status small{color:#6f6459;font-size:12px}.trusted-task-status{justify-items:end;color:#2f8b42;font-size:12px;font-weight:900}.trusted-task-failed .trusted-task-status{color:#c33a2c}.trusted-task-committing .trusted-task-status{color:#c17a12}.trusted-footer{position:sticky;bottom:0;margin:18px -24px -20px;padding:10px 24px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff9ef00,#fff9ef 22%)}.trusted-footer .primary-action{min-height:56px;margin-top:10px}.trusted-footer .privacy-note{margin:12px 0 0;text-align:center;font-size:12px}.batch-progress{display:grid;gap:8px;color:#6d6254;font-size:13px}.upload-console{display:grid;gap:16px}.route-selector button,.picker-tile,.upload-item,.book-row{flex:1;padding:12px;border:1px solid #e3d8c7;border-radius:12px;background:#fffaf2}.route-selector button.selected{border-color:#8dc984;background:#f1fbef;color:#2f8038}.route-selector button:disabled{cursor:not-allowed;border-color:#e8ded1;background:#f3ece2;color:#a49382;opacity:.76}.route-selector button:disabled span{color:#9b8b7a}.route-selector button,.picker-tile{min-height:68px;display:grid;place-items:center;text-align:center;font-weight:800}.route-selector button span{color:#6e655e;font-size:12px;font-weight:500}.picker-tile{cursor:pointer;text-align:center}.file-input{width:1px;height:1px;position:absolute;opacity:0}.upload-list{display:grid;gap:10px}.upload-item{display:flex;align-items:center;gap:12px}.upload-copy{flex:1;min-width:0}.upload-copy span,.upload-copy small{display:block;overflow-wrap:anywhere}.upload-thumb,.book-thumb{width:52px;height:52px;flex:0 0 auto;border-radius:10px;background:radial-gradient(circle at 52% 34%,#ffd46b 0 16%,transparent 17%),linear-gradient(145deg,#fff2bd,#b7dfad)}.photo-thumb,.family-thumb,.art-1,.art-3{background:linear-gradient(145deg,#bfe7b5,#93c7e9 56%,#ffe0b5)}.rainbow-thumb,.art-2{background:radial-gradient(circle at 50% 82%,transparent 0 25%,#ff7d75 26% 32%,#ffc85c 33% 39%,#71c978 40% 46%,#7cb6ff 47% 53%,transparent 54%),#fff2df}.item-status{padding:6px 8px;border-radius:999px;font-size:12px}.item-status.uploading{background:#dfeaff;color:#244b88}.item-status.success,.status-pill.success{background:#ddf1e6;color:#1f6a43}.batch-progress div{height:8px;overflow:hidden;border-radius:999px;background:#e7e0d2}.batch-progress i{display:block;width:55%;height:100%;background:#25685a}.app-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #ebe1d4;background:#fffaf2f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2}.app-nav button,.icon-button,.help-button,.reset-session,.remove-file{min-width:0}.app-nav button{min-height:50px;display:grid;place-items:center;gap:2px;border-radius:14px;color:#81766e;font-size:12px}.app-nav button span{font-size:22px;line-height:1}.app-nav button.active{color:#f08a00;background:#fff0d9;box-shadow:none}.reset-session{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.sr-only,.sr-session-button{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-row{display:grid;grid-template-columns:1fr 58px;gap:12px;margin-top:20px}.search-box{height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #ead8c3;border-radius:15px;background:#ffffffbf}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:16px}.filter-row,.asset-grid,.recent-scroller,.book-actions,.share-grid{display:grid;gap:12px}.filter-row{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;margin-top:20px}.filter-row button{min-height:48px;padding:0 16px;border:1px solid #ead8c3;border-radius:13px;background:#ffffffb8;font-weight:800}.filter-row button.active{background:#ffe8b8;color:#a45f00}.asset-grid{grid-template-columns:repeat(3,1fr)}.asset-art{aspect-ratio:1;border-radius:13px;background:radial-gradient(circle at 52% 34%,#ffd46b 0 16%,transparent 17%),linear-gradient(145deg,#fff2bd,#b7dfad)}.asset-art img{width:100%;height:100%;object-fit:cover;opacity:1}.asset-name{margin-top:5px;color:#766d66;font-size:12px}.asset-kind{display:none}.recent-scroller{grid-auto-flow:column;grid-auto-columns:96px;overflow-x:auto}.recent-card span{display:block;margin-top:8px;text-align:center;color:#756b64;font-size:12px}.tip-card{margin-top:20px;padding:16px;display:flex;gap:12px;border:1px solid #bfe1c5;border-radius:16px;background:linear-gradient(135deg,#f0fbf4,#fffdf6)}.tip-card h2,.share-panel h2{color:#24984b;font-size:19px}.featured-book{display:grid;gap:16px}.book-cover{min-height:150px;display:grid;place-items:center;border-radius:15px;color:#f07813;background:linear-gradient(145deg,#dff1ff,#ffefbd 58%,#b9e3a5);font-size:25px;font-weight:900}.ui-icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;object-fit:contain;vertical-align:middle}.brand-mark .ui-icon{width:28px;height:28px}.child-avatar .ui-icon{width:25px;height:25px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-action .ui-icon{width:30px;height:30px;padding:4px;border-radius:9px;background:#ffffff3d}.privacy-note,.upload-summary span,.batch-progress span,.item-status,.status-pill{display:inline-flex;align-items:center;gap:6px}.qr-leaf .ui-icon{width:25px;height:25px}.session-valid>span{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#edf8e8}.route-selector button .ui-icon,.picker-tile .ui-icon{width:26px;height:26px}.app-nav .ui-icon{width:25px;height:25px}.search-box .ui-icon{width:24px;height:24px;opacity:.72}.filter-icon,.icon-button,.help-button{display:inline-grid;place-items:center}.filter-icon{width:58px;height:58px;border:1px solid #ead8c3;border-radius:15px;background:#ffffffbf}.filter-icon .ui-icon,.icon-button .ui-icon,.help-button .ui-icon{width:25px;height:25px}.filter-row button{display:inline-flex;align-items:center;gap:7px}.filter-row .ui-icon{width:22px;height:22px}.tip-card>span{width:48px;height:48px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#def4e5}.tip-card>span .ui-icon{width:30px;height:30px}.book-actions button,.share-grid button{display:inline-grid;place-items:center;gap:4px}.book-actions .ui-icon,.share-grid .ui-icon{width:28px;height:28px}.status-pill .ui-icon{width:16px;height:16px}.sun-bear .ui-icon{width:72px;height:72px}.books-view{padding-top:12px}.screen-title{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:0}.screen-title h1{margin:0;text-align:center}.screen-title .cloud-mini,.screen-title .help-button{justify-self:center}.screen-title .cloud-mini{width:48px;height:23px;border:2px solid #bfe3ef;border-radius:999px;opacity:.9}.books-view .screen-title{min-height:44px;margin-bottom:26px}.browse-view .screen-title{min-height:44px;margin:18px 0 8px}.books-view .screen-title h1{margin:0;font-size:27px}.screen-title .help-button{width:36px;height:36px;border:0;border-radius:50%;background:#ffffffad}.books-view .books-hero{position:relative;min-height:148px;display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:end;gap:8px;margin-bottom:14px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.books-hero h2{margin:0;color:#2d190f;font-size:28px;line-height:1.22;font-weight:900}.books-hero p{margin-top:12px;font-size:15px}.sun-bear{position:relative;height:116px;display:grid;place-items:end center}.hero-sun{position:absolute;top:0;right:0;color:#f6aa2b;font-size:42px}.featured-book{grid-template-columns:42% minmax(0,1fr);align-items:start;gap:16px;padding:16px;border-radius:20px}.book-cover{position:relative;min-height:0;aspect-ratio:1;overflow:hidden;background:#fff5dc;box-shadow:0 9px 20px #5034181f}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover strong{position:absolute;top:18%;left:12%;max-width:76%;color:#f07813;font-size:22px;line-height:1.12;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.7)}.book-copy-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.book-copy h2{margin:14px 0 0;color:#2d190f;font-size:26px;line-height:1.12;font-weight:900}.book-copy p{margin-top:10px;font-size:15px;line-height:1.45}.more-button,.row-more{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffaf4;border:1px solid #efe1d3}.more-button .ui-icon,.row-more .ui-icon{width:20px;height:20px}.book-meta{display:grid;gap:8px;margin:14px 0 0;color:#6f665f;font-size:14px}.book-meta div{display:flex;align-items:center;gap:7px}.book-meta dt,.book-meta dd{margin:0}.book-meta dt{width:0;overflow:hidden}.book-meta .ui-icon{width:20px;height:20px;opacity:.76}.book-tag{display:inline-block;margin-top:12px;padding:5px 10px;border-radius:8px;background:#f1e7dc;color:#8c7a6d;font-size:13px}.book-actions{grid-column:1 / -1;grid-template-columns:repeat(3,1fr);margin-top:2px}.book-actions button{min-height:60px;border:1px solid #dbe8d7;border-radius:14px;background:#fbfffb;color:#23934d;font-size:14px;font-weight:900}.book-actions button:nth-child(2){border-color:#f0d7bd;color:#f08a00}.book-actions button:nth-child(3){border-color:#d8e4ef;color:#1682d8}.share-panel{display:block;margin-top:22px;padding:16px;border-color:#bfe1c5;border-radius:19px;background:linear-gradient(135deg,#f2fbf5,#fffdf7)}.share-heading{display:flex;align-items:center;gap:13px}.wechat-mark{width:48px;height:48px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#3fc14d}.wechat-mark .ui-icon{width:28px;height:28px;filter:brightness(0) invert(1)}.share-panel h2{margin:0;font-size:20px}.share-panel p{margin-top:5px;font-size:14px}.share-grid{grid-template-columns:repeat(2,1fr);margin-top:14px}.share-grid button{min-height:66px;border:1px solid #c9e2d0;border-radius:14px;background:#ffffffb8;color:#228e4c;font-weight:900}.share-grid button span{color:#8b817a;font-size:12px;font-weight:500}.share-tip{display:flex;align-items:center;gap:7px;margin:14px 0 0;color:#8b817a;font-size:12px}.share-tip .ui-icon{width:18px;height:18px}.recent-books{margin-top:24px}.recent-books .section-heading{margin-bottom:12px}.recent-books .section-heading h2{margin:0;color:#2d190f;font-size:20px;font-weight:900}.recent-books .section-heading button{color:#7b7169;font-size:15px}.recent-books .book-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto 28px;align-items:center;gap:12px;min-height:84px;margin-top:9px;padding:10px 12px;border-radius:16px}.recent-books .book-thumb{width:88px;height:60px;object-fit:cover;border-radius:10px}.book-row h3{margin:0;color:#2d190f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900}.book-row p{margin-top:6px;font-size:13px}.book-row span:not(.status-pill){display:inline-block;margin-top:6px;padding:4px 8px;border-radius:7px;background:#f1e7dc;color:#8c7a6d;font-size:12px}.recent-books .status-pill{white-space:nowrap}.books-view+.app-nav button.active,.phone-shell[data-view=books] .app-nav button.active{color:#149451;background:#e8f7e9}@media (min-width: 700px){.app{align-items:center;padding:24px 0}.phone-shell{height:min(932px,calc(100dvh - 48px));min-height:0;max-height:min(932px,calc(100dvh - 48px));border-radius:42px;outline:9px solid #181512}}@media (min-width: 700px) and (max-height: 760px){.app{padding:16px 0}.phone-shell{height:min(932px,calc(100dvh - 32px));max-height:min(932px,calc(100dvh - 32px))}.connect-view{padding-top:16px}.brand-lockup{margin-top:18px;padding:14px}.connect-view h1{margin-top:14px;font-size:28px}.session-card{grid-template-columns:116px 1fr;gap:12px;margin:14px 0;padding:14px}.qr-card{width:116px;height:116px;border-width:6px}.qr-grid{width:72px;height:72px}.primary-action{min-height:56px}.privacy-note{margin:14px 0 0}}.share-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.share-page.loading,.share-page.error{display:flex;align-items:center;justify-content:center;padding:2rem}.loading-spinner{text-align:center;color:#666}.loading-spinner svg{width:48px;height:48px;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.loading-spinner p{font-size:1.1rem;margin:0}.error-content{text-align:center;max-width:400px;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a}.error-content svg{width:48px;height:48px;margin-bottom:1rem;color:#e74c3c}.error-content h1{font-size:1.5rem;margin:0 0 .5rem;color:#2c3e50}.error-content p{color:#666;margin:0 0 1.5rem;line-height:1.5}.error-actions button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.error-actions button:hover{background:#2980b9}.share-header{background:#fff;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.share-brand{display:flex;align-items:center;gap:1rem}.share-brand svg{width:40px;height:40px;color:#f39c12}.share-brand h1{font-size:1.25rem;margin:0;color:#2c3e50}.share-brand p{font-size:.9rem;margin:0;color:#666}.share-info{display:flex;align-items:center}.share-type{display:flex;align-items:center;gap:.5rem;background:#ecf0f1;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#2c3e50}.share-type svg{width:16px;height:16px}.share-content{padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.content-header{text-align:center;margin-bottom:2rem}.content-header h2{font-size:1.75rem;margin:0 0 .5rem;color:#2c3e50}.content-header p{color:#666;margin:0}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.asset-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:transform .2s,box-shadow .2s}.asset-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.asset-image{position:relative;aspect-ratio:4/3;overflow:hidden}.asset-image img{width:100%;height:100%;object-fit:cover}.asset-info{padding:1rem}.asset-info h3{font-size:1.1rem;margin:0 0 .5rem;color:#2c3e50}.asset-date{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;margin:0}.asset-date svg{width:14px;height:14px}.asset-action{position:absolute;top:.75rem;right:.75rem;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.asset-action:hover{background:#fff}.asset-action svg{width:18px;height:18px;color:#2c3e50}.asset-action .ui-icon{width:18px;height:18px;pointer-events:none}.book-showcase{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3rem;align-items:start}@media (max-width: 768px){.book-showcase{grid-template-columns:1fr;gap:2rem}}.book-cover-large{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0003}.book-cover-large img{width:100%;height:100%;object-fit:cover}.book-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.book-cover-large:hover .book-overlay{opacity:1}.play-button{background:#fffffff2;border:none;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:#2c3e50;cursor:pointer;transition:transform .2s}.play-button:hover{transform:scale(1.05)}.play-button svg{width:20px;height:20px}.book-details{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #0000001a}.book-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.book-header h2{font-size:1.75rem;margin:0;color:#2c3e50}.status-pill{display:flex;align-items:center;gap:.5rem;background:#d5f4e6;color:#27ae60;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.status-pill svg{width:16px;height:16px}.book-description{color:#666;line-height:1.6;margin:0 0 1.5rem}.book-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:0 0 1.5rem}.book-meta div{display:flex;align-items:center;gap:.5rem}.book-meta dt{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#2c3e50;margin:0}.book-meta dt svg{width:16px;height:16px}.book-meta dd{color:#666;margin:0}.book-tags{display:flex;flex-wrap:wrap;gap:.5rem}.book-tag{background:#ecf0f1;color:#2c3e50;padding:.25rem .75rem;border-radius:12px;font-size:.85rem}.book-preview-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem}.book-preview-section h3{font-size:1.5rem;margin:0 0 .5rem;color:#2c3e50}.book-preview-section p{color:#666;margin:0 0 1.5rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.preview-page{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-page img{width:100%;height:100%;object-fit:cover}.page-number{position:absolute;bottom:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.preview-more{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#666;font-size:.9rem}.preview-more svg{width:24px;height:24px;margin-bottom:.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state svg{width:48px;height:48px;margin-bottom:1rem;color:#bdc3c7}.empty-state h3{font-size:1.25rem;margin:0 0 .5rem;color:#2c3e50}.empty-state p{margin:0}.share-footer{background:#fff;padding:2rem 1.5rem;box-shadow:0 -2px 8px #0000001a}.share-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.action-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:160px;justify-content:center}.action-button.primary{background:#3498db;color:#fff}.action-button.primary:hover{background:#2980b9;transform:translateY(-1px)}.action-button.secondary{background:#ecf0f1;color:#2c3e50}.action-button.secondary:hover{background:#d5dbdb;transform:translateY(-1px)}.action-button svg{width:18px;height:18px}.share-more{text-align:center;margin-bottom:1.5rem}.share-link-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid #bdc3c7;color:#666;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s}.share-link-button:hover{border-color:#3498db;color:#3498db}.share-link-button svg{width:16px;height:16px}.share-branding{text-align:center;padding-top:1rem;border-top:1px solid #ecf0f1}.share-branding p{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;color:#666;font-size:.9rem}.share-branding svg{width:20px;height:20px;color:#f39c12}.share-branding strong{color:#2c3e50}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.share-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.share-content{padding:1.5rem 1rem}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.book-details{padding:1.5rem}.book-header{flex-direction:column;align-items:flex-start;gap:.75rem}.book-meta{grid-template-columns:1fr}.share-actions{flex-direction:column}.action-button{min-width:auto;width:100%}.share-footer{padding:1.5rem 1rem}}:root{--bg: #fff8ed;--paper: #fffdf7;--text: #3d2414;--muted: #7d6b5f;--soft: rgba(255, 255, 255, .74);--yellow: #ffd66b;--mint: #bfe8c9;--blue: #bde3ff;--rose: #e9a28f;--green: #5e8b62;--line: rgba(61, 36, 20, .1);--shadow: 0 24px 70px rgba(88, 54, 20, .14);--font: "Hannotate SC", "Comic Sans MS", "Chalkboard SE", "Marker Felt", "YouYuan", "Yuanti SC", "PingFang SC", "Microsoft YaHei", cursive, sans-serif;--display: "Hannotate SC", "Comic Sans MS", "Chalkboard SE", "Marker Felt", "YouYuan", "Yuanti SC", "PingFang SC", "Microsoft YaHei", cursive, sans-serif;--mono: "Comic Sans MS", "Chalkboard SE", "SFMono-Regular", Consolas, monospace}.landing-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 8% 10%,rgba(255,214,107,.45),transparent 26%),radial-gradient(circle at 88% 2%,rgba(191,232,201,.55),transparent 24%),linear-gradient(180deg,#fffaf1,#fff7ec 48%,#fffdf8)}.landing-page *{box-sizing:border-box}.landing-page html{scroll-behavior:smooth}.landing-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(61,36,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(61,36,20,.035) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,#000000b3,#00000014);mask-image:linear-gradient(180deg,#000000b3,#00000014);z-index:0}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--tilt, 0deg))}50%{transform:translateY(-10px) rotate(var(--tilt, 0deg))}}@keyframes softPop{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dashWalk{to{stroke-dashoffset:-76}}@keyframes bearPulse{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}.landing-page .reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay, 0ms)}.landing-page .reveal.in-view{opacity:1;transform:translateY(0) scale(1)}.landing-page a{color:inherit;text-decoration:none}.landing-page img{display:block;max-width:100%}.landing-page .page{position:relative;z-index:1;width:min(1180px,calc(100vw - 40px));margin:auto}.landing-page .nav{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1180px,calc(100vw - 40px));margin:18px auto 0;padding:12px 14px 12px 18px;border:1px solid var(--line);border-radius:999px;background:#fffdf7bd;box-shadow:0 10px 30px #5836141a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-page .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:1000}.landing-page .mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--yellow),#fff1a9 48%,var(--mint));box-shadow:inset 0 0 0 1px #3d241414}.landing-page .mark img{width:24px;height:24px;object-fit:cover;border-radius:8px;filter:drop-shadow(0 2px 0 rgba(255,255,255,.55));animation:bearPulse 3.8s ease-in-out infinite}.landing-page .actions{display:flex;align-items:center;gap:10px}.landing-page .lang{display:flex;padding:4px;border-radius:999px;background:#3d24140f}.landing-page .lang button{border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:14px;font-weight:900;padding:8px 12px}.landing-page .lang button.active{color:var(--text);background:#fff;box-shadow:0 8px 18px #5836141a}.landing-page .github{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 12px 30px #5836141a;transition:transform .25s ease}.landing-page .github:hover{transform:translateY(-2px) rotate(-4deg)}.landing-page .github svg{width:22px;height:22px}.landing-page .hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;min-height:calc(100vh - 96px);padding:72px 0 58px}.landing-page .eyebrow{display:inline-flex;gap:8px;align-items:center;margin-bottom:18px;padding:8px 13px;border-radius:999px;background:#ffd66b57;color:#8a5814;font-family:var(--mono);font-size:12px;font-weight:900;text-transform:uppercase}.landing-page h1{margin:0;font-family:var(--display);font-size:clamp(58px,8vw,112px);font-weight:800;line-height:.92}.landing-page .slogan{margin:22px 0 0;color:#5e3921;font-family:var(--display);font-size:clamp(28px,3.5vw,48px);font-weight:800;line-height:1.12}.landing-page .desc{max-width:640px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.85}.landing-page .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:1px solid var(--line);border-radius:999px;font-weight:1000;transition:transform .25s ease,box-shadow .25s ease}.landing-page .btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px #5836141f}.landing-page .primary{background:linear-gradient(135deg,#ffd55d,#ffeaa6);box-shadow:0 16px 34px #f3aa2b47}.landing-page .secondary{background:#ffffffb8;box-shadow:0 12px 30px #5836141a}.landing-page .download{background:#17324d;color:#fffdf7;box-shadow:0 14px 32px #17324d33}.landing-page .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.landing-page .tag{padding:9px 12px;border-radius:999px;background:#ffffff94;font-weight:900}.landing-page .visual{position:relative;min-height:590px}.landing-page .desktop{position:absolute;inset:36px 0 auto 16px;height:430px;border:1px solid var(--line);border-radius:28px;background:#ffffffe0;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1.2deg);--tilt: 1.2deg;animation:floaty 6.5s ease-in-out infinite}.landing-page .top{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 18px;border-bottom:1px solid rgba(61,36,20,.08)}.landing-page .dots{display:flex;gap:7px}.landing-page .dot{width:11px;height:11px;border-radius:50%;background:#ff7b72}.landing-page .dot:nth-child(2){background:#ffd66b}.landing-page .dot:nth-child(3){background:#76d685}.landing-page .product-shot{height:calc(100% - 46px);background:#fffaf1}.landing-page .product-shot img{width:100%;height:100%;object-fit:cover;object-position:top center}.landing-page .phone{position:absolute;right:20px;bottom:14px;width:184px;height:372px;padding:9px;border-radius:38px;background:#221913;box-shadow:0 28px 70px #3d241438;transform:rotate(-5deg);--tilt: -5deg;animation:floaty 5.8s ease-in-out .35s infinite}.landing-page .screen{height:100%;border-radius:31px;overflow:hidden;background:#fffdf8}.landing-page .screen img{width:100%;height:100%;object-fit:cover;object-position:top center}.landing-page .note-card{position:absolute;left:0;bottom:42px;width:235px;padding:18px;border:1px solid var(--line);border-radius:24px;background:#fffdf7e6;box-shadow:0 18px 50px #5836141f;transform:rotate(-3deg);--tilt: -3deg;animation:floaty 6.2s ease-in-out .6s infinite}.landing-page .note-card b{display:block;margin-bottom:8px;font-family:var(--display);font-size:24px}.landing-page .note-card span{color:var(--muted);font-size:14px;line-height:1.6}.landing-page section{padding:76px 0}.landing-page .head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.landing-page h2{max-width:760px;margin:0;font-family:var(--display);font-size:clamp(36px,4.8vw,68px);font-weight:800;line-height:1.02}.landing-page .head p{max-width:540px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.landing-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-page .card{min-height:245px;padding:24px;border:1px solid var(--line);border-radius:26px;background:var(--soft);box-shadow:0 12px 30px #5836141a;transition:transform .26s ease,box-shadow .26s ease}.landing-page .card:hover,.landing-page .step:hover,.landing-page .mini:hover,.landing-page .phase:hover{transform:translateY(-5px) rotate(-.35deg);box-shadow:0 18px 44px #58361424}.landing-page .card h3{margin:0 0 12px;font-family:var(--display);font-size:30px;line-height:1.08}.landing-page .card p{margin:0;color:var(--muted);line-height:1.78}.landing-page .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.landing-page .step{padding:22px;border:1px solid var(--line);border-radius:26px;background:#ffffffad;box-shadow:0 12px 30px #58361414;transition:transform .26s ease,box-shadow .26s ease}.landing-page .step small{display:inline-flex;margin-bottom:14px;padding:7px 10px;border-radius:999px;background:#bfe8c980;color:#2f6d43;font-family:var(--mono);font-weight:900}.landing-page .step h3{margin:0 0 10px;font-family:var(--display);font-size:27px}.landing-page .step p{margin:0;color:var(--muted);line-height:1.7}.landing-page .showcase{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch}.landing-page .show-main,.landing-page .show-side article{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#ffffffb8;box-shadow:0 16px 44px #5836141a}.landing-page .show-main img{width:100%;height:490px;object-fit:cover;object-position:top center}.landing-page .show-copy{padding:22px}.landing-page .show-copy h3{margin:0 0 8px;font-family:var(--display);font-size:30px}.landing-page .show-copy p{margin:0;color:var(--muted);line-height:1.75}.landing-page .show-side{display:grid;gap:18px}.landing-page .show-side img{width:100%;height:196px;object-fit:cover;object-position:top center}.landing-page .arch{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;align-items:stretch}.landing-page .agent-map{position:relative;min-height:500px;padding:26px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(rgba(61,36,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(61,36,20,.035) 1px,transparent 1px),linear-gradient(135deg,#ffd66b57,#bfe8c95c 55%,#bde3ff4d);background-size:28px 28px,28px 28px,auto;box-shadow:var(--shadow);overflow:hidden}.landing-page .agent-map:before{content:"";position:absolute;width:190px;height:190px;right:-54px;top:-54px;border-radius:50%;background:#ffffff73}.landing-page .agent-card{position:absolute;width:185px;padding:15px;border:3px solid #2f2118;border-radius:24px;background:#fffdf7f0;box-shadow:0 12px #3d241414,0 22px 44px #5836141f}.landing-page .agent-card b{display:block;margin-bottom:6px;font-family:var(--display);font-size:22px;line-height:1.1}.landing-page .agent-card span{color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.landing-page .desktop-node{left:26px;top:40px;transform:rotate(-3deg);background:#fff7c8}.landing-page .sidecar-node{right:44px;top:76px;transform:rotate(2deg);background:#e2f4e3}.landing-page .data-node{left:58px;bottom:64px;transform:rotate(2deg);background:#dff1ff}.landing-page .agent-node{right:72px;bottom:72px;transform:rotate(-2deg);background:#ffe0cf}.landing-page .export-node{left:50%;top:42%;transform:translate(-50%,-50%) rotate(1deg);background:#fffdf7}.landing-page .agent-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:9px;border-radius:16px;background:#ffffffa3;font-size:24px}.landing-page .agent-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.landing-page .agent-lines path{fill:none;stroke:#2f21186b;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 11;animation:dashWalk 6s linear infinite}.landing-page .agent-badge{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffffb8;color:#8a5814;font-size:13px;font-weight:1000;box-shadow:0 10px 26px #58361414}.landing-page .principles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landing-page .mini{padding:20px;border:1px solid var(--line);border-radius:24px;background:#ffffffb3;box-shadow:0 12px 30px #58361414;transition:transform .26s ease,box-shadow .26s ease}.landing-page .mini h3{margin:0 0 8px;font-family:var(--display);font-size:25px}.landing-page .mini p{margin:0;color:var(--muted);line-height:1.7}.landing-page .road{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.landing-page .phase{padding:24px;border:1px solid var(--line);border-radius:26px;background:var(--soft);box-shadow:0 12px 30px #5836141a;transition:transform .26s ease,box-shadow .26s ease}.landing-page .phase b{display:inline-flex;margin-bottom:12px;color:#8a5814;font-family:var(--mono);font-size:13px}.landing-page .phase h3{margin:0 0 10px;font-family:var(--display);font-size:27px}.landing-page .phase p{margin:0;color:var(--muted);line-height:1.72}.landing-page .final{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,#ffd66b47,#bfe8c957),#ffffffb8;box-shadow:var(--shadow)}.landing-page .final img{width:100%;border-radius:24px;box-shadow:0 18px 46px #58361424}.landing-page .final p{color:var(--muted);font-size:18px;line-height:1.85}.landing-page .footer{position:relative;z-index:1;padding:50px 0 70px;color:var(--muted);text-align:center}.landing-page .footer h2{max-width:none;margin-bottom:12px}.landing-page .footer a{color:#8a5814;font-weight:900}@media (max-width: 960px){.landing-page .hero,.landing-page .showcase,.landing-page .arch,.landing-page .final{grid-template-columns:1fr}.landing-page .hero{min-height:auto}.landing-page .cards,.landing-page .flow,.landing-page .road{grid-template-columns:1fr 1fr}.landing-page .head{align-items:flex-start;flex-direction:column}.landing-page .agent-map{min-height:560px}.landing-page .agent-card{width:170px}.landing-page .desktop-node{left:18px;top:34px}.landing-page .sidecar-node{right:18px;top:96px}.landing-page .export-node{top:46%}.landing-page .data-node{left:20px;bottom:74px}.landing-page .agent-node{right:20px;bottom:54px}}@media (max-width: 680px){.landing-page .page,.landing-page .nav{width:min(1180px,calc(100vw - 28px))}.landing-page .nav{border-radius:24px}.landing-page .brand span:last-child{display:none}.landing-page .hero{padding-top:42px}.landing-page .visual{min-height:500px;transform:scale(.88);transform-origin:top center;margin-bottom:-70px}.landing-page .cards,.landing-page .flow,.landing-page .principles,.landing-page .road{grid-template-columns:1fr}.landing-page .show-main img{height:330px}.landing-page .show-side img{height:185px}.landing-page .final{padding:22px}}@media (prefers-reduced-motion: reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.landing-page .reveal{opacity:1;transform:none}}:root{font-family:ui-rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:#2b1a12;background:#f7f0e5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100vh;margin:0}body{overflow:hidden;overflow-x:hidden}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(238,153,22,.45);outline-offset:2px}