body{background:#eeeae3;color:#252522}.gallery-header h1{font-weight:600}.gallery-header a.active{background:#c74734;border-color:#c74734}.gallery-controls a.active{background:#faf7f1;border-color:#bcb6ac}
.frame.ink,.frame.poster,.frame.club{--paper:#faf8f3;--ink:#292924;--muted:#77756e;--accent:#efd9a6;--strong:#d64a38;--soft:#f0ede5;--line:#dedbd3;--radius:6px;--success:#627a46;border-color:#e1ddd5;line-height:1.5}
.frame.poster{--paper:#fcf9f3;--accent:#f4d3bb;--strong:#cf4733;--radius:3px}.frame.club{--paper:#f8f7ef;--accent:#e5eacb;--strong:#627a46;--soft:#eeefdf;--radius:14px}
.frame h1{font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.28}.frame h2{font-weight:650}.frame h3{font-weight:600}.frame .price{font:30px Plaak;color:var(--strong)}.frame .price small{font:11px 'PingFang SC';color:var(--muted)}.frame .system-bar{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;color:#262622}.frame .system-bar span{font-size:10px;letter-spacing:2px}.frame .topbar{height:44px;border:0;padding:0 20px;justify-content:flex-start;gap:10px}.frame .topbar>strong{font-size:13px;font-weight:500}.frame .topbar .capsule{margin-left:auto;width:74px;height:28px;background:#fff7;border-color:#e0ded9}.frame .topbar .brand-line strong{font-size:18px;color:var(--strong);letter-spacing:0}.frame .moon-mark{background:var(--strong)}
.frame .content{padding-top:22px}.frame .content.tight{padding-top:18px}.frame .eyebrow{font:10px Pressura;letter-spacing:1.3px;color:#878276;margin-bottom:12px}.frame .section-head b{font-size:16px}.frame .section-head small{font-size:11px}.frame .button{color:#fff;font-weight:500;min-height:46px;border-radius:var(--radius);font-size:14px}.frame .button.secondary{color:var(--ink);border-color:#b6b2a7;background:#fff6}.frame .button.accent{color:var(--ink);background:var(--accent)}.frame .button.small{min-height:34px;font-size:12px;padding:8px 13px}.frame .badge{border-radius:3px;font-size:10px;background:#eeece4}.frame .badge.active{background:var(--accent);color:#644a29}.frame .chips span{border-radius:20px;font-size:11px;padding:5px 11px;border-color:#dcd8cc}.frame .chips span.active{background:var(--ink);border-color:var(--ink);color:#fff}.frame .bottom-action{background:var(--paper);border-top:1px solid #e9e5dc;padding-top:13px;padding-bottom:22px}.frame .bottom-action .amount{min-width:90px}
.frame .tabbar{height:76px;border:0;background:var(--paper);padding:6px 15px 16px}.frame .tabbar>div{font-size:12px;color:#8a877e;gap:1px;width:74px}.frame .nav-icon{width:42px;height:34px;display:grid;place-items:center}.frame .nav-icon svg{width:24px;height:24px;stroke-width:1.35}.frame .tabbar>div.active{color:#282924}.frame .tabbar>div.active .nav-icon{color:#262622;background:#f0d18d;border-radius:13px 10px 12px 9px;transform:rotate(-3deg)}.frame .tabbar>div.active svg{stroke-width:1.6;transform:rotate(3deg)}.frame.poster .tabbar>div.active .nav-icon{background:#f5d0bd}.frame.club .tabbar>div.active .nav-icon{background:#dce5b9}
.frame .main-art{margin:0 -22px;position:relative}.frame .main-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.frame .coffee-home{padding-top:27px}.frame .coffee-home h1{font-size:34px;line-height:1.28;font-weight:650;letter-spacing:-1px}.frame .home-heading{text-align:center}.frame .home-heading h1{transform:rotate(-2deg)}.frame .home-heading p{margin-top:12px;font-size:13px}.frame .coffee-home.ink .main-art{height:250px;margin-top:7px}.frame .home-booking{margin-top:7px;border:1px solid #98958a;border-radius:5px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between}.frame .home-booking small{font:9px Pressura;letter-spacing:.8px}.frame .home-booking h3{margin:5px 0;font-size:18px}.frame .home-booking p{font-size:11px}.frame .home-booking>svg{width:26px;height:26px}.frame .coffee-home .quick-actions{gap:12px;margin-top:13px}.frame .coffee-home .quick-actions div{background:transparent;border-bottom:1px solid #97968b;border-radius:0;color:var(--ink);padding:12px 2px;font-weight:500;font-size:14px}.frame .coffee-home .quick-actions div svg{width:22px;height:22px}.frame .home-footnote{font-size:10px;line-height:1.6;margin-top:18px;color:#8a877e}.frame .poster-heading{display:flex;align-items:center;justify-content:space-between;padding-top:9px}.frame .poster-heading>div{width:120px;transform:rotate(-4deg)}.frame .poster-heading b{font:36px Plaak;display:block;line-height:1}.frame .poster-heading span{display:block;font-size:16px;margin:6px 0}.frame .poster-heading small{font:9px Pressura;color:#333}.frame .poster-heading h1{font-size:35px;transform:rotate(-2deg)}.frame .poster-caption{font-size:12px;margin-top:22px;text-align:center}.frame .coffee-home.poster .main-art{height:276px;margin-top:10px}.frame .poster-price{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.frame .poster-price strong{display:block;font:35px Plaak;line-height:1.2;margin-top:8px}.frame .poster-price em{font:11px 'PingFang SC';font-style:normal;color:var(--muted)}.frame .poster-price>span{font:10px Pressura;line-height:1.5;color:#8b897e;text-align:right}.frame .home-links{display:flex;justify-content:space-between;font-size:12px;margin-top:19px;color:#67685e}.frame .home-links>span{display:flex;gap:6px;align-items:center}.frame .home-links svg{width:14px;height:14px}.frame .club-heading h1{font-size:33px}.frame .club-heading>p{font-size:13px;margin-top:12px}.frame .coffee-home.club .main-art{height:236px;margin-top:10px}.frame .club-entry{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #9f9f8a;font-size:14px}.frame .club-entry>span{display:flex;align-items:center;gap:5px;font-size:11px}.frame .club-entry svg{width:15px}.frame .club-course{display:flex;gap:15px;align-items:center;padding:18px 0}.frame .club-course>div:nth-child(2){flex:1}.frame .club-course h3{font-size:16px}.frame .club-course p{font-size:11px;margin-top:5px}.frame .date-stamp{border:1px solid #afb598;width:56px;text-align:center;border-radius:5px;padding:7px 0;background:#f6f6e9;transform:rotate(-3deg)}.frame .date-stamp b{font:32px Plaak;display:block;line-height:1}.frame .date-stamp small{font:8px Pressura}.frame .club-invite{display:flex;justify-content:space-between;align-items:center;background:#e9edda;padding:13px 12px;border-radius:5px;font-size:11px}.frame .club-invite>span{display:flex;gap:7px;align-items:center}.frame .club-invite svg{width:17px;height:17px}.frame .club-invite b{font-weight:500}.frame .coffee-home.club .home-footnote{margin-top:12px}
.frame .team-home h1{font-size:26px}.frame .team-home>p{font-size:12px}.frame .people-grid{gap:16px 14px;margin-top:23px}.frame .person-item img{height:149px;filter:none;border-radius:5px;border:1px solid #ddd5c8;object-position:center 20%}.frame .person-number{font:8px Pressura!important;color:#aaa392!important;display:block;margin-top:9px}.frame .person-item strong{font-size:15px;margin:3px 0}.frame .person-item small{font-size:10px}.frame.ink .person-item:nth-child(2){transform:rotate(1deg)}.frame.ink .person-item:nth-child(3){transform:rotate(-1deg)}.frame.poster .people-grid{grid-template-columns:1fr;gap:0}.frame.poster .person-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.frame.poster .person-item>img{width:74px;height:78px;border:0;filter:grayscale(.7)}.frame.poster .person-item>div{flex:1}.frame.poster .person-number{margin-top:0}.frame.poster .person-item>svg{width:17px}.frame.club .person-item{background:#fff;padding:10px 10px 12px;border-radius:12px}.frame.club .person-item img{height:134px;border:0}.frame.club .person-number{display:none}.frame.club .person-item strong{margin-top:9px}.frame .portrait-main{height:240px;border-bottom:1px solid #ddd7ca}.frame .cover{height:150px;object-fit:contain;background:var(--paper);mix-blend-mode:multiply}.frame .hero{height:150px}.frame .hero img{object-fit:contain;mix-blend-mode:multiply}.frame .expert-box img{filter:none}.frame .services-home h1{font-size:26px}.frame .services-home .segment{margin:19px 0 15px}.frame .services-home .search{background:#efede7;border-radius:4px;border:none;margin:12px 0}.frame .services-home .chips{margin-top:12px}.frame .services-home .course-card{margin-top:15px}.frame .course-card .course-photo{object-fit:contain;mix-blend-mode:multiply;border-radius:0}.frame .services-home .course-card .course-photo{height:170px;margin-bottom:13px}.frame .course-title h3{font-size:18px}.frame .course-card{padding:14px 0;border-top:1px solid #aaa698;border-bottom:1px solid #d6d1c4}.frame .consult-entry{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:15px 0}.frame .consult-entry small{font:9px Pressura;letter-spacing:1px}.frame .consult-entry h3{font-size:17px;margin:5px 0}.frame .consult-entry p{font-size:11px}.frame.club .services-home .course-card{background:#fff;border:0;padding:12px 15px 16px;border-radius:14px}.frame.club .services-home .course-photo{height:132px}.frame.club .services-home .consult-entry{padding:12px 0;margin-top:9px}.frame.poster .services-home .course-photo{height:184px}
.frame .account-home{padding:0;background:#f5f5f3;min-height:680px}.frame .account-art{height:182px;background:var(--paper)}.frame .account-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.frame .member-card{margin:-2px 14px 14px;padding:19px 18px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:13px}.frame .member-card img{width:48px;height:48px;border-radius:50%;object-position:center 20%}.frame .member-card>div{flex:1}.frame .member-card h3{font-size:15px;margin-bottom:6px}.frame .member-card small{font-size:10px}.frame .member-card>svg{width:28px;height:28px;stroke-width:1.4}.frame .account-stats{display:flex;justify-content:space-around;align-items:center;background:#fff;padding:19px 0}.frame .account-stats>div{text-align:center;width:33.3%;border-right:1px solid #f4f4f0}.frame .account-stats>div:last-child{border:0}.frame .account-stats small{font-size:11px}.frame .account-stats b{display:block;font:27px Plaak;margin-top:9px;color:#333}.frame .order-zone{background:#fff;padding:14px 18px 20px;margin-top:10px}.frame .order-zone .section-head{margin:4px 0 22px}.frame .order-shortcuts{display:flex;justify-content:space-between}.frame .order-shortcuts>div{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:11px}.frame .order-shortcuts svg{width:25px;height:25px;stroke-width:1.5}.frame .account-menu{margin-top:10px;background:#fff;padding:0 18px}.frame .account-menu .menu-row{padding:12px 0;font-size:13px;border-color:#f2f2ee}.frame .account-menu svg{width:17px;height:17px}.frame .account-menu .menu-row small{font-size:10px;color:#aaa}.frame.poster .member-card{border-radius:6px}.frame.poster .account-art{height:180px}.frame.club .member-card{background:#eef1df}.frame.club .account-art{height:175px}.frame.club .order-zone{border-radius:10px;margin-left:12px;margin-right:12px}.frame.club .account-menu{border-radius:10px;margin-left:12px;margin-right:12px}.frame.club .account-stats{background:#f8f8f1}
.frame .summary{background:#fff8;padding:14px 10px;border-bottom:1px solid var(--line);border-radius:4px;margin-top:12px}.frame .summary img{object-fit:contain;background:#f8f5ed}.frame .summary h3{font-size:14px}.frame .summary p{font-size:10px}.frame .note{background:#f1eee4;font-size:11px;color:#777468;line-height:1.65}.frame .input{background:#fff!important;border-color:#dedbd3!important}.frame .input.big{height:94px}.frame .info-box{background:#f0eee4}.frame .status-icon.success{background:#e5eccf;color:#5e7642}.frame .status-icon{border-radius:25px 30px 22px 27px}.frame .status-view{padding-top:38px}.frame .status-view h1{font-size:27px}.frame .status-view .info-box{background:#fff9;border:1px solid #ddd7c9}.frame .option.selected{background:#f4eddb;border-color:#afa17d}.frame.club .option.selected{background:#edf1db;border-color:#a0ad7a}.frame .calendar span.selected{background:var(--strong);border-radius:50%}.frame .ticket{border-color:#b6af9e;border-radius:5px}.frame .ticket .ticket-top{background:#eee5d0}.frame .ticket .ticket-middle{background:#fff9}.frame .timeline .step.current:before{background:var(--strong)}.frame .metrics{padding:18px 14px;background:#f1eddc;border:0;border-radius:5px}.frame .metrics strong{font-size:32px;color:var(--ink)}.frame.club .metrics{background:#e8edd5;border-radius:12px}.frame.poster .metrics{background:#fae6d6}.frame .commission-row .buyer{border-radius:5px}.frame .login-brand h1{font-size:27px}.frame .login-brand .hero{height:220px;margin:20px -22px}.frame .login-brand .brand-line{margin-bottom:24px}.frame .support-block{background:#eeeadd;border-radius:5px}
.screen-unit[data-page='3'] .content{padding-top:22px}.screen-unit[data-page='3'] .portrait-main{margin-top:-22px;margin-bottom:16px}.screen-unit[data-page='3'] .section-head{margin-top:18px}.screen-unit[data-page='5'] .hero{height:108px}.screen-unit[data-page='5'] h1{font-size:27px}.screen-unit[data-page='5'] .service-row{padding:10px 0}.screen-unit[data-page='6'] .cover{height:132px;margin-bottom:15px}.screen-unit[data-page='6'] .expert-box{margin-top:14px}.screen-unit[data-page='6'] .section-head{margin-top:17px}.screen-unit[data-page='6'] .lesson-agenda div{padding:8px 0}.screen-unit[data-page='9'] .summary{margin-top:7px}.screen-unit[data-page='9'] .content{padding-top:16px}.screen-unit[data-page='9'] .section-head{margin-top:14px}.screen-unit[data-page='9'] .option{padding:10px}.screen-unit[data-page='13'] .course-photo{height:82px!important}.screen-unit[data-page='14'] .summary{margin-top:0;background:transparent;padding:12px 0}.screen-unit[data-page='14'] .order-item{padding:12px 0}.screen-unit[data-page='15'] .summary{margin-top:8px}.screen-unit[data-page='15'] .section-head{margin-top:15px}.screen-unit[data-page='16'] .summary{margin-top:8px}.screen-unit[data-page='18'] .cover{height:140px;margin-bottom:15px}.screen-unit[data-page='18'] .service-row{padding:14px 0}.screen-unit[data-page='18'] .note{margin-top:15px}.screen-unit[data-page='19'] .content.compact{padding-top:14px}.screen-unit[data-page='21'] .section-head{margin-top:14px}.screen-unit[data-page='21'] .note{margin-top:6px}.screen-unit[data-page='22'] .course-photo{height:90px!important}.screen-unit[data-page='22'] .course-card{margin-top:17px}.screen-unit[data-page='23'] .summary{margin-top:13px}.screen-unit[data-page='28'] .content{padding-top:14px}.screen-unit[data-page='28'] h1{font-size:28px}.screen-unit[data-page='28'] .metrics{margin:14px 0;padding:14px}.screen-unit[data-page='28'] .course-card{padding:11px 0}.screen-unit[data-page='28'] .service-row{padding:8px 0}.screen-unit[data-page='28'] .note{margin-top:10px}.screen-unit[data-page='29'] .content{padding-top:15px}.screen-unit[data-page='29'] .note{margin-top:14px}.screen-unit[data-page='30'] .metrics{padding:16px;margin:15px 0}.screen-unit[data-page='30'] .commission-row{padding:14px 0}.screen-unit[data-page='31'] .metrics{margin:20px 0}.screen-unit[data-page='32'] .menu-row{padding:12px 0}
.frame .account-art{height:146px}.frame.poster .account-art{height:145px}.frame.club .account-art{height:140px}.frame .account-stats{padding:16px 0}.frame .services-home .course-card .course-photo{height:148px}.frame.poster .services-home .course-card .course-photo{height:148px}.frame.club .services-home .course-card .course-photo{height:126px}.frame .services-home .consult-entry{margin-top:10px;padding:12px 0}
.screen-unit[data-page='32'] .section-head{margin-top:18px}.screen-unit[data-page='32'] .support-block{padding:16px 20px}
/* V3: pure-white page surfaces, transparent artwork, neutral separators. */
body{background:#fff}.frame.ink,.frame.poster,.frame.club{--paper:#fff;--soft:#f7f7f7;--line:#e8e8e8;--muted:#737373;background:#fff;border-color:#ededed}
.frame .system-bar,.frame .topbar,.frame .content,.frame .bottom-action,.frame .tabbar{background:#fff}.frame .topbar .capsule{background:#fff;border-color:#eaeaea}.frame .capsule i{border-color:#e4e4e4}.frame .eyebrow{color:#858585}.frame .home-footnote{color:#858585}
.frame .main-art img,.frame .account-art img,.frame .cover,.frame .hero img,.frame .course-photo{mix-blend-mode:normal}.frame .main-art,.frame .account-art,.frame .hero,.frame .cover{background:#fff}.frame .coffee-home .home-booking{border-color:#bdbdbd;background:#fff}.frame .quick-actions div{border-color:#ccc}.frame .coffee-home .quick-actions div{border-color:#bbb}.frame .club-entry{border-color:#c7c7c7}.frame .date-stamp{background:#fff;border-color:#b8c3a8}.frame .club-invite{background:#fff;border:1px solid #dce6d1;padding-top:12px;padding-bottom:12px}.frame .chips span{border-color:#e4e4e4}.frame .badge{background:#f5f5f5}.frame .badge.active{background:#f6ead5}.frame .search,.frame .services-home .search{background:#f8f8f8;border:1px solid #efefef}.frame .course-card{background:#fff;border-color:#dedede}.frame .services-home .course-card{border-color:#ddd}.frame .course-card .course-photo{background:#fff}.frame .person-item img{border-color:#eee}.frame.club .person-item{border:1px solid #ececec}.frame.club .services-home .course-card{border:1px solid #ececec}.frame .portrait-main{border-color:#eee}
.frame .account-home,.frame .account-art{background:#fff}.frame .member-card,.frame.poster .member-card,.frame.club .member-card{background:#fff;border:1px solid #e9e9e9}.frame .account-stats,.frame.club .account-stats{background:#fff;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.frame .order-zone,.frame.club .order-zone{background:#fff;border-top:1px solid #efefef;border-bottom:1px solid #efefef}.frame .account-menu,.frame.club .account-menu{background:#fff}.frame .account-menu .menu-row{border-color:#efefef}.frame .account-stats>div{border-color:#f2f2f2}
.frame .summary,.frame .summary img{background:#fff;border-color:#e9e9e9}.frame .info-box,.frame .status-view .info-box{background:#fff;border:1px solid #e5e5e5}.frame .note{background:#fafafa;border:1px solid #eee;color:#747474}.frame .field .input{border-color:#e3e3e3!important;background:#fff!important}.frame .option{background:#fff}.frame .option.selected{background:#fff;border-color:#c8a784}.frame.club .option.selected{background:#fff;border-color:#a5b88e}.frame .option.selected .option-head svg{color:var(--strong)}.frame .metrics,.frame.poster .metrics,.frame.club .metrics{background:#fff;border:1px solid #e8e8e8}.frame .ticket .ticket-top,.frame .ticket .ticket-middle,.frame .ticket .ticket-bottom{background:#fff}.frame .ticket{border-color:#ccc}.frame .ticket .ticket-top{border-bottom:1px solid #e8e8e8}.frame .countdown b{background:#f7f7f7}.frame .support-block{background:#fff;border:1px solid #e9e9e9}.frame .button.secondary{background:#fff;border-color:#c7c7c7}.frame .bottom-action{border-color:#ededed}
/* Borders added above preserve the original viewport fit. */
.screen-unit[data-page='9'] .note{padding-top:9px;padding-bottom:9px}.screen-unit[data-page='21'] .note{padding-top:8px;padding-bottom:8px}.screen-unit[data-page='28'] .note{padding-top:8px;padding-bottom:8px}.screen-unit[data-page='27'] .account-stats{padding-top:14px;padding-bottom:14px}.screen-unit[data-page='27'] .order-zone{padding-top:12px;padding-bottom:18px}.screen-unit[data-page='32'] .support-block{padding-top:14px;padding-bottom:14px}