@media (max-width:767px){html,body{max-width:100vw;overflow-x:hidden}.site-main{padding:12px 16px calc(80px + env(safe-area-inset-bottom,0px))!important}.site-main--full{padding:0!important}.chami-global-nav .chami-home-nav__inner{min-height:56px;padding:8px 16px}.chami-global-nav .chami-home-nav__logo{flex-shrink:0;font-size:clamp(18px,5vw,22px)}.chami-home-nav__badge{background:var(--stamp-vermilion);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:900;line-height:16px;position:absolute;top:-3px;right:-3px}.bottom-nav{padding:4px 0 calc(8px + env(safe-area-inset-bottom,0px))}.bottom-nav__item{flex:1;justify-content:center;min-height:48px;padding:4px 12px}.bottom-nav__icon{font-size:22px;line-height:1}.bottom-nav .bottom-nav__item--write{margin-top:-14px}.diary-list-item{margin-bottom:10px}.diary-list-item article{padding:14px 14px 12px!important}.diary-list-item time,.diary-list-item .diary-list-item__date{font-size:11px}.diary-list-item__preview{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.emotion-selector__grid,.write-page__step .flex.flex-wrap{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;display:grid!important}.emotion-selector__grid button,.write-page__step .flex.flex-wrap button{justify-content:flex-start!important;width:100%!important;min-height:48px!important;padding:10px 14px!important;font-size:14px!important}.write-page{padding:12px 0!important}.write-page__topbar{margin-bottom:12px;padding:0 16px}.write-page__step{max-width:100%!important;padding:16px 0 100px!important}.write-page__step-title{padding:0 16px;margin-bottom:20px!important;font-size:17px!important}.write-page__next-btn,.write-page__submit-btn{border-radius:var(--radius-sm)!important;width:calc(100% - 32px)!important;margin:16px 16px 0!important;padding:15px!important;font-size:15px!important}.immersive-editor{border-radius:0!important;min-height:300px!important}.immersive-editor__textarea{min-height:220px!important;padding:4px 16px 16px!important;font-size:16px!important;line-height:1.85!important}.editor-toolbar__tool-btn{width:44px!important;height:44px!important}.editor-toolbar__action-btn{width:40px!important;height:40px!important}.editor-toolbar__sticker-picker{padding-bottom:12px}.write-page__step--editor{max-width:100%!important;padding:0!important}.write-page__editor-top{margin-bottom:8px;padding:0 16px}.write-status{color:var(--text-muted);justify-content:space-between;align-items:center;padding:6px 16px;font-size:11px;display:flex}.reply-paper{border-radius:var(--radius-md)!important;width:100%!important;margin:0!important;transform:none!important}.books-page__topbar{gap:0;padding:0 16px 12px}.books-page__topbar h1{font-size:17px}.book-cover--md{width:110px!important;height:168px!important}.exchange-hub-page .chami-card,.exchange-hub-section{border-radius:18px!important;padding:18px 16px!important}.exchange-search-input,.exchange-hub-page input[type=text]{font-size:16px!important}.settings-menu-row,.settings-page .settings-row{min-height:52px!important;padding:14px 16px!important}.settings-section-title{padding:0 16px;font-size:12px}.report-reference-header{grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important}.report-reference-header__refresh{padding:9px 14px!important;font-size:13px!important}.report-stat-grid{gap:12px!important}.report-stat-card{padding:16px 14px!important}.report-stat-card__icon{width:46px!important;height:46px!important;font-size:22px!important}.report-reading-cards--reference{grid-template-columns:1fr!important;gap:12px!important}.report-page--reference .report-reading-card{border-radius:18px!important;padding:18px 16px!important}.report-page--reference .report-period{justify-content:stretch;width:100%}.report-page--reference .report-period__btn{text-align:center;flex:1;padding:8px 10px!important;font-size:13px!important}.dex-page--reference .dex-grid,.dex-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.dex-card{border-radius:16px!important;padding:14px 12px!important}.notif-item,.notifications-item{align-items:flex-start;min-height:60px;padding:14px 16px!important}.auth-modal__card{width:100%!important;max-width:100%!important;padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px))!important;border-radius:24px 24px 0 0!important;position:fixed!important;inset:auto 0 0!important}.confirm-dialog{border-radius:20px!important;width:min(92vw,380px)!important;padding:24px!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{font-size:16px!important}.auth-gate__input,.auth-modal input{border-radius:var(--radius-sm)!important;padding:14px 16px!important}.auth-gate__btn,.auth-modal button[type=submit],.btn-primary,.write-page__next-btn,.write-page__submit-btn{border-radius:var(--radius-sm)!important;min-height:50px!important;padding:14px 20px!important;font-size:15px!important}.persona-selector__list,.write-page__step .persona-list{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.persona-selector__item{border-radius:14px!important;min-height:72px!important;padding:12px!important}.book-reader__page{padding:18px 16px!important}.book-reader__content,.book-reader__reply{font-size:14px!important;line-height:1.85!important}.book-reader__frame{border-radius:18px!important}.book-reader__button{padding:10px 14px!important;font-size:13px!important}}@media (min-width:621px) and (max-width:767px){.home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(180px,.45fr)!important;min-height:300px!important;padding:20px 16px 0!important}.home-quote-card__text{font-size:clamp(20px,4.5vw,26px)!important}.home-hero__mascot,.mascot-hero{width:clamp(190px,30vw,240px)!important}.home-feature-section{padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px))!important}}@media (max-width:767px){.toast,.snackbar{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;border-radius:14px!important;width:auto!important;padding:12px 16px!important;font-size:14px!important;left:16px!important;right:16px!important}.diary-stats{border-radius:14px!important;margin-bottom:16px!important;padding:14px!important}.diary-stats__grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.diaries-search input{border-radius:12px!important;padding:12px 16px!important;font-size:16px!important}.safety-notice{border-radius:14px!important;padding:14px!important;font-size:13px!important}.diary-list-skeleton__item{border-radius:var(--radius-sm)!important;height:80px!important;margin-bottom:10px!important}.chami-home,.chami-home-main,.site-layout{overflow-x:hidden!important}h1,h2,h3,h4,p{word-break:keep-all;overflow-wrap:break-word}.site-footer,footer.site-footer{display:none!important}.language-toggle{font-size:12px!important}body:before{display:none}.confirm-dialog__overlay{align-items:flex-end!important}.confirm-dialog__box{width:100%!important;max-width:100%!important;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;border-radius:24px 24px 0 0!important}.preview-scene{border-radius:16px!important;padding:20px 16px!important}.preview-scene__input,.preview-scene__textarea{font-size:16px!important}.preview-scene__cta{border-radius:12px!important;padding:14px!important;font-size:15px!important}}