:root{--bg:#faf9f5;--surface:#fff;--surface-2:#f7f9f9;--accent:#1d9bf0;--accent-hover:#1a8cd8;--border:#eff3f4;--input-border:#cfd9de;--text:#0f1419;--text-muted:#536471;--text-dim:#8b98a5;--icon-dim:#aab8c2;--danger:#f4212e;--green:#17bf63;--green-deep:#0f7a47;--radius-card:14px;--radius-pill:9999px;--radius-input:9px;--radius:14px;--radius-sm:9px;--accent-dim:#e8f5fe;--green-dim:#eafaf1;--amber:#9a6b00;--amber-dim:#fff8e6;--red:#f4212e}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,Helvetica,Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::placeholder{color:var(--text-dim)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#d9e0e4;border-radius:9999px;border:3px solid #fff}button{cursor:pointer;border:none}button,input,textarea{font-family:inherit;outline:none}textarea{resize:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes cpPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes cpRise{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}a,button,input[type=checkbox],label{touch-action:manipulation}@media (hover:none){button,label{-webkit-tap-highlight-color:rgba(29,155,240,.18)}}@supports (height:100dvh){body{min-height:100dvh}.app-shell{min-height:100dvh!important}}.app-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}.floating-bar{bottom:calc(20px + env(safe-area-inset-bottom))!important}@media (max-width:640px){.app-shell{flex-direction:column!important}.app-sidebar{width:100%!important;align-items:center;gap:8px;border-right:none!important;border-bottom:1px solid var(--border);padding:6px 10px!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-nav,.app-sidebar{flex-direction:row!important}.app-nav{overflow-x:auto;gap:4px!important;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav button{white-space:nowrap;min-height:44px}.app-logo{display:none!important}.app-logout{min-height:44px;white-space:nowrap;flex:none}.app-content{padding:16px 12px calc(80px + env(safe-area-inset-bottom))!important}.modal-textarea,input,select{font-size:16px!important}.composer-inner{gap:8px!important}.compose-textarea{font-size:16px!important}.modal-overlay{align-items:flex-end!important}.modal-card{width:100%!important;max-width:none!important;max-height:88vh!important;border-radius:16px 16px 0 0!important;padding:16px 14px calc(14px + env(safe-area-inset-bottom))!important}.modal-body{overscroll-behavior:contain}.modal-card button{min-height:40px}.floating-bar{max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center;gap:10px!important;padding:10px 14px!important}.floating-bar button{min-height:40px}}@supports (height:100dvh){@media (max-width:640px){.modal-card{max-height:88dvh!important}}}@media (max-width:380px){.app-nav button{font-size:13px!important;padding:11px 10px!important;gap:8px!important}.app-content{padding-left:10px!important;padding-right:10px!important}}