@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#25285e;--muted:#8188a1;--purple:#5852dd;--line:#e9eaf2;--paper:#f7f7fc;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
/* Separate sign-in screen */
.login-body{min-height:100vh;background:#f4f3fc}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(400px,1fr);max-width:1440px;margin:auto}.login-brand-panel{background:linear-gradient(150deg,#514dd1,#7871e8);color:white;padding:40px 8%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:'';position:absolute;border:1px solid #ffffff28;border-radius:50%;width:430px;height:430px;right:-180px;top:20%;box-shadow:0 0 0 55px #ffffff0a,0 0 0 115px #ffffff08}.login-logo{width:175px;object-fit:contain;filter:brightness(0) invert(1);position:relative;z-index:1}.brand-orb{width:min(32vw,350px);height:min(32vw,350px);margin:auto auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#fff9 0 4%,#ffffff22 5% 38%,#ffffff0b 68%);font-size:clamp(95px,15vw,190px);position:relative;z-index:1}.brand-copy,.brand-foot{position:relative;z-index:1}.brand-copy>span{font-size:9px;letter-spacing:.2em;font-weight:800;color:#dad8ff}.brand-copy h1{font:800 clamp(31px,4vw,48px)/1.14 var(--display);letter-spacing:-.045em;margin:16px 0}.brand-copy p{font-size:13px;line-height:1.7;color:#e3e2ff;max-width:400px}.brand-foot{font-size:8px;letter-spacing:.16em;color:#d4d2ff;margin-top:36px}.login-card-wrap{display:grid;place-items:center;padding:30px}.login-card{background:white;width:min(100%,410px);padding:38px;border:1px solid #ebeaf5;border-radius:19px;box-shadow:0 20px 70px #342c7810}.mobile-logo{display:none}.login-eyebrow,.screen-heading>small{font-size:9px;letter-spacing:.15em;color:#7d77dc;font-weight:800}.login-card h2{font:800 28px var(--display);margin:9px 0 5px}.login-intro{font-size:11px;color:var(--muted);margin:0 0 24px}.login-card>label{display:block;font-size:10px;font-weight:800;margin:15px 0 7px}.login-card>input,.login-card select,.password-field input{height:43px;width:100%;border:1px solid #e3e5ef;background:#fcfcff;border-radius:9px;padding:0 12px;font-size:11px;color:var(--ink);outline:none}.login-card input:focus,.login-card select:focus{border-color:#918cf0;box-shadow:0 0 0 3px #7d77dc16}.password-field{display:flex;position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;right:8px;top:7px;border:0;background:none;color:#625ed0;font-size:9px;font-weight:800;padding:7px}.demo-hint{font-size:9px;color:#777c95;background:#f5f4ff;padding:10px;border-radius:8px;line-height:1.6;margin:13px 0}.login-error{font-size:10px;color:#c94764;min-height:14px;margin:3px 0}.login-submit,.primary-button{background:var(--purple);color:white;border:0;border-radius:9px;height:45px;width:100%;font-size:11px;font-weight:800;box-shadow:0 7px 15px #5852dd26}.login-submit span{float:right;font-size:17px;line-height:12px}.login-privacy,.login-mobile-footer{font-size:9px;color:#9ba0b2;text-align:center;margin:16px 0 0}.login-mobile-footer{display:none}
/* Standalone mobile app */
.app-body{background:#ededf4;min-height:100vh}.mobile-app{position:relative;width:100%;max-width:520px;min-height:100vh;margin:0 auto;background:var(--paper);box-shadow:0 0 60px #2824500c}.app-top{height:67px;position:sticky;top:0;z-index:10;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 17px;backdrop-filter:blur(12px)}.app-top>img{width:116px;max-height:42px;object-fit:contain;object-position:left center}.user-menu{display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;color:var(--ink)}.user-menu b,.user-menu small{display:block}.user-menu b{font-size:10px}.user-menu small{font-size:9px;color:var(--muted);margin-top:2px}.user-menu>span:last-child{font-size:13px;color:#8188a1}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#efefff;color:#5b56d7;font-weight:800}.user-popover{position:absolute;z-index:20;right:12px;top:58px;background:white;border:1px solid var(--line);border-radius:10px;padding:13px;box-shadow:0 12px 30px #22234a1a;min-width:185px}.user-popover>b{font-size:10px;display:block;overflow-wrap:anywhere}.user-popover button{display:block;background:none;border:0;color:#c44c68;font-size:10px;padding:12px 0 0}.app-content{padding:22px 16px 98px}.screen{display:none}.screen.active{display:block}.welcome{padding:4px 0 18px}.welcome small{font-size:8px;letter-spacing:.13em;color:#888eaa;font-weight:800}.welcome h1,.screen-heading h1{font:800 25px var(--display);letter-spacing:-.04em;margin:8px 0 5px}.welcome h1 span{color:var(--purple)}.welcome p,.screen-heading p{font-size:11px;color:var(--muted);margin:0;line-height:1.55}.privacy-callout{background:#f0efff;color:#64629c;border:1px solid #e3e2ff;padding:11px 12px;border-radius:10px;font-size:9px;line-height:1.55;margin:0 0 14px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 23px}.home-action{min-height:125px;background:white;border:1px solid var(--line);border-radius:13px;padding:14px;text-align:left;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start}.home-action.primary-action{background:linear-gradient(140deg,#5d57db,#8179ec);border:0;color:white}.home-action>span{font-size:22px;margin-bottom:auto}.home-action b{font-size:11px;margin-top:13px}.home-action small{font-size:8px;opacity:.74;margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:19px 0 10px}.section-title h2{font:800 14px var(--display);margin:0}.section-title>span,.section-title button{font-size:9px;color:#777e98;border:0;background:none}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.summary-grid article{background:white;border:1px solid var(--line);border-radius:11px;padding:13px}.summary-grid small{display:block;font-size:8px;letter-spacing:.05em;color:#9298ae;font-weight:800}.summary-grid strong{display:block;font:800 19px var(--display);margin-top:7px}.record-list{display:grid;gap:8px}.record-item{background:white;border:1px solid var(--line);border-radius:11px;padding:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.record-emoji{width:33px;height:33px;border-radius:10px;background:#f3f2ff;display:grid;place-items:center;font-size:18px}.record-item b{font-size:10px;display:block}.record-item small{font-size:8px;display:block;color:#8e94aa;margin-top:4px}.record-score{font-size:8px;font-weight:800;color:#625dd2;background:#f2f1ff;padding:6px 8px;border-radius:20px}.empty-records{padding:19px;text-align:center;color:#989eb1;font-size:10px;background:white;border:1px solid var(--line);border-radius:10px}.helper-card{display:flex;gap:11px;background:#fff8ee;border:1px solid #fff0d8;border-radius:12px;padding:13px;margin-top:15px}.helper-card>span{font-size:18px;color:#e98e73}.helper-card b{font-size:10px}.helper-card p{font-size:9px;color:#8f806f;line-height:1.5;margin:4px 0 0}.screen-heading{margin-bottom:14px}.screen-heading h1{font-size:23px}.form-card,.report-card{background:white;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:13px}.form-card>label:not(.camera-picker):not(.consent),.form-label{display:block;font-size:10px;font-weight:800;margin:13px 0 7px}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.search-input{width:100%;border:1px solid #e5e6ef;border-radius:8px;background:#fdfdff;padding:11px;font-size:10px;color:var(--ink);outline:none}.form-card textarea{resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.search-input:focus{border-color:#9893f3}.form-label small{font-size:8px;font-weight:400;color:#9499ab}.camera-preview{aspect-ratio:4/3;max-height:280px;border:1px dashed #c9cce0;border-radius:10px;background:#f2f2f9;display:grid;place-items:center;overflow:hidden}.camera-preview>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:15px}.camera-preview>div span{font-size:30px}.camera-preview>div small{font-size:9px;color:#9197ad;line-height:1.4}.camera-preview img{width:100%;height:100%;object-fit:contain;background:#171722}.camera-picker{display:block;text-align:center;margin:8px 0 11px;padding:11px;border-radius:8px;background:#f2f1ff;color:#5754cc;border:1px solid #e3e1ff;font-size:10px;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.audio-capture{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #f0f1f6;gap:8px}.audio-capture b,.audio-capture small{display:block}.audio-capture b{font-size:10px}.audio-capture small{font-size:8px;color:#9298ac;margin-top:4px}.secondary-button{border:1px solid #e0e2ef;background:white;color:#555ec6;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:800}.audio-capture audio,.form-card audio{width:100%;height:35px}.consent{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:8px;background:#f7f7fc;margin:13px 0;font-size:8px;color:#747b94;line-height:1.5}.consent input{margin:2px 0 0;accent-color:var(--purple);flex:none}.ai-status{font-size:8px;color:#888ea5;line-height:1.5;margin:8px 2px 16px}.emotion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.emotion-grid button{min-height:70px;padding:5px 2px;border:1px solid #e8e9f1;background:white;border-radius:8px;color:#555b7b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.emotion-grid button.selected{border:2px solid #7771e5;background:#f6f5ff}.emotion-grid i{font-style:normal;font-size:19px}.emotion-grid b{font-size:7px;line-height:1.2;text-align:center}.save-button{width:100%;margin-top:13px}.report-card{scroll-margin-top:75px}.report-kicker{display:flex;justify-content:space-between;color:#7e78d8;font-size:8px;letter-spacing:.1em;font-weight:800}.report-kicker span{color:#7c8298}.report-main{display:grid;grid-template-columns:37px 1fr auto;gap:8px;align-items:center;padding:12px;background:#f8f7ff;border-radius:10px;margin:11px 0}.report-main>i{font-style:normal;font-size:25px}.report-main small{font-size:7px;color:#9096ac;letter-spacing:.06em;font-weight:800}.report-main h2{font:800 13px var(--display);margin:4px 0}.report-main p{font-size:8px;color:#78809a;line-height:1.45;margin:0}.report-main>b{font:800 15px var(--display);color:#615cd2}.report-card h3{font:800 10px var(--display);margin:13px 0 6px}.report-card ul{padding-left:15px;font-size:9px;color:#69708a;line-height:1.7;margin:0}.report-advice{background:#eef8f3;color:#527762;border-radius:8px;padding:10px;font-size:9px;line-height:1.55;margin:0}.dist-row{display:grid;grid-template-columns:96px 1fr 29px;gap:6px;align-items:center;font-size:7px;color:#757b92;margin:8px 0}.dist-row>div{height:6px;background:#edeef5;border-radius:10px;overflow:hidden}.dist-row i{display:block;height:100%;background:#817aeb}.dist-row b{text-align:right}.report-disclaimer{display:block;font-size:7px;color:#9a9fb0;line-height:1.5;margin-top:10px}.search-input{margin-bottom:12px}.full-button{width:100%;margin-top:13px}.bottom-tabs{position:fixed;z-index:12;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:calc(64px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#fffffff2;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.tab{flex:1;border:0;background:transparent;color:#8b91a8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.tab span{font-size:18px}.tab small{font-size:8px}.tab.active{color:#5c57d5}.toast{position:fixed;z-index:30;bottom:75px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:.2s;background:#262752;color:white;padding:11px 14px;border-radius:9px;font-size:9px;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
/* CMS */
.cms-tabs{display:flex;gap:5px;padding:4px;border-radius:9px;background:#edecf6;margin-bottom:12px}.cms-tabs button{flex:1;border:0;border-radius:7px;padding:9px;background:transparent;color:#747a92;font-size:9px;font-weight:800}.cms-tabs button.selected{background:white;color:#5651d0;box-shadow:0 1px 4px #25244a13}.cms-add{padding:12px;background:white;border:1px solid var(--line);border-radius:11px;display:grid;gap:8px}.cms-add textarea{resize:vertical}.cms-add .primary-button{height:38px}.cms-list{display:grid;gap:8px;margin-top:10px}.cms-item{background:white;border:1px solid var(--line);border-radius:10px;padding:12px}.cms-item-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.cms-item-top b{font-size:10px}.cms-type{font-size:7px;background:#f0efff;color:#6762cb;padding:5px 7px;border-radius:20px}.cms-item p{font-size:9px;line-height:1.5;color:#81879c;margin:7px 0}.cms-actions{display:flex;justify-content:flex-end;gap:8px}.cms-actions button{border:0;background:transparent;color:#6965ce;font-size:8px;font-weight:800;padding:5px}.cms-actions button.delete{color:#c24f69}.cms-hint{font-size:9px;line-height:1.55;color:#80869c;padding:10px;background:#f2f1ff;border-radius:9px}.cms-user-row{display:flex;align-items:center;gap:9px}.cms-user-row select{margin-left:auto;width:125px;padding:7px;border:1px solid #e7e8f0;border-radius:7px;font-size:8px;color:#515878}.cms-user-row b{font-size:9px}.cms-user-row small{font-size:8px;color:#959aab;display:block;margin-top:3px}
@media(min-width:800px){.login-layout{min-height:100vh}.login-brand-panel{padding-left:12%}.app-body{padding:24px 0}.mobile-app{min-height:calc(100vh - 48px);border-radius:22px;overflow:hidden}.app-top{position:sticky}.bottom-tabs{bottom:24px;border-radius:0 0 22px 22px}}
@media(max-width:620px){.login-layout{display:block;background:white;min-height:100vh}.login-brand-panel{display:none}.login-card-wrap{display:flex;min-height:100vh;padding:24px 21px;flex-direction:column;justify-content:center}.login-card{border:0;box-shadow:none;padding:14px 0;width:100%;max-width:400px;margin:auto}.mobile-logo{display:block;margin-bottom:36px}.mobile-logo img{width:145px}.login-card h2{font-size:27px}.login-mobile-footer{display:block;margin:25px 0 0}.app-body{background:var(--paper)}.mobile-app{box-shadow:none}.app-content{padding-left:13px;padding-right:13px}.app-top{padding:0 14px}}

.install-prompt{width:100%;margin-top:9px;border:1px solid #e2e0fa;border-radius:9px;background:#f7f6ff;color:#5a55c9;padding:11px;font-size:10px;font-weight:800}

/* Larger touch targets, bright welcome art and accessible mobile navigation */
.app-top{justify-content:flex-start;gap:12px}.burger-button{width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(145deg,#fff,#f0efff);box-shadow:0 4px 0 #d8d6f7,0 7px 14px #6d67d326;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}.burger-button span{width:18px;height:2px;border-radius:2px;background:#5651d0}.app-top>img{margin-right:auto}.menu-shade{position:fixed;inset:0;z-index:19;background:#17173970;backdrop-filter:blur(2px)}.app-drawer{position:fixed;z-index:21;inset:0 auto 0 0;width:min(84vw,340px);padding:18px 18px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff 0%,#fbfaff 100%);box-shadow:18px 0 45px #19184526;transform:translateX(-105%);transition:transform .24s ease;overflow:auto}.app-drawer.open{transform:translateX(0)}.drawer-heading{height:48px;display:flex;align-items:center;justify-content:space-between}.drawer-heading img{width:132px;max-height:42px;object-fit:contain}.drawer-close{width:40px;height:40px;border:0;border-radius:50%;background:#f0efff;color:#5954d2;font-size:26px}.drawer-user{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.drawer-user b,.drawer-user small{display:block}.drawer-user b{font-size:16px}.drawer-user small{font-size:13px;color:var(--muted);margin-top:3px}.app-drawer>label{display:block;font-size:14px;font-weight:800;margin:8px 0}.app-drawer>select{height:48px;width:100%;border:1px solid #e1e0f1;border-radius:12px;padding:0 12px;background:white;color:var(--ink);font-size:15px}.drawer-nav{display:grid;gap:8px;margin:22px 0}.drawer-nav button{height:56px;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #ecebf6;border-radius:14px;background:white;color:var(--ink);padding:0 14px;box-shadow:0 3px 0 #eeedf5}.drawer-nav button span{font-size:25px}.drawer-nav button b{font-size:15px}.drawer-logout{width:100%;height:50px;border:0;border-radius:13px;background:#fff1f4;color:#b24764;font-size:15px;font-weight:800}
.welcome{position:relative;min-height:176px;padding:23px 16px;border-radius:22px;margin:-8px -4px 16px;overflow:hidden;background:linear-gradient(120deg,#fff1bd 0%,#ffe1ec 48%,#dcf7ff 100%);box-shadow:inset 0 -5px 0 #ffffff8c,0 8px 20px #f6abc22c}.welcome-copy{position:relative;z-index:1;width:68%}.welcome small{font-size:10px;color:#6759ae}.welcome h1{font-size:25px;line-height:1.2;color:#302964}.welcome p{font-size:14px;max-width:230px;color:#665c81}.welcome-art{position:absolute;right:-6px;bottom:-24px;width:42%;height:100%;display:flex;align-items:flex-end;justify-content:center}.welcome-art img{height:160px;width:160px;object-fit:cover;object-position:center 30%;border:5px solid white;border-radius:50% 50% 18px 18px;box-shadow:0 9px 20px #72528b30;mask-image:linear-gradient(#000 78%,transparent)}.sparkle{position:absolute;z-index:1;font-size:26px;color:#ff9d38;text-shadow:0 2px white}.sparkle-one{right:20px;top:23px}.sparkle-two{left:0;top:58px;color:#fb709a}.privacy-callout{font-size:12px;padding:13px 14px;border-radius:13px}.home-actions{gap:12px;margin:18px 0 25px}.home-action{min-height:143px;padding:16px;border-radius:18px;box-shadow:0 5px 0 #e9e8f2}.home-action.primary-action{box-shadow:0 5px 0 #4640bf,0 10px 20px #5d57db33}.home-action .action-icon{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,#fff,#e9e8ff);box-shadow:0 4px 0 #cecdf1,0 7px 12px #2a286322}.home-action.primary-action .action-icon{background:linear-gradient(145deg,#fff,#d8f8ff);box-shadow:0 4px 0 #c4d9fa}.home-action b{font-size:14px}.home-action small{font-size:11px}.section-title h2{font-size:17px}.section-title>span,.section-title button{font-size:12px}.summary-grid article{padding:15px;border-radius:15px}.summary-grid small{font-size:10px}.summary-grid strong{font-size:22px}.record-item{padding:13px;grid-template-columns:40px 1fr auto}.record-emoji{height:40px;width:40px;font-size:22px}.record-item b{font-size:13px}.record-item small{font-size:11px}.empty-records{font-size:13px;padding:22px}.helper-card{padding:15px;border-radius:15px}.helper-card b{font-size:13px}.helper-card p{font-size:12px}.screen-heading>small{font-size:10px}.screen-heading h1{font-size:27px}.screen-heading p{font-size:14px}.form-card,.report-card{padding:17px;border-radius:17px}.form-card>label:not(.camera-picker):not(.consent),.form-label{font-size:14px;margin-top:16px}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea,.search-input{font-size:15px;min-height:48px;padding:12px 13px;border-radius:11px}.form-label small{font-size:11px}.camera-preview{aspect-ratio:4/3;max-height:340px;border-radius:15px}.camera-preview>div span{font-size:42px}.camera-preview>div small{font-size:13px}.image-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px}.camera-picker,.gallery-picker{min-height:60px;margin:0;padding:10px 8px;border-radius:14px;font-size:13px;font-weight:800;box-shadow:0 4px 0 #dcdbf5;display:flex;justify-content:center;align-items:center;gap:6px}.camera-picker{background:linear-gradient(145deg,#625ce3,#8079ef);color:white;border:0;box-shadow:0 4px 0 #4842c0}.gallery-picker{background:linear-gradient(145deg,#fff8d9,#ffebad);color:#5b4a8b;border:1px solid #f4df99}.audio-capture b{font-size:13px}.audio-capture small{font-size:11px}.secondary-button{font-size:12px;min-height:44px;padding:10px 13px;border-radius:11px}.consent{font-size:11px;padding:12px;border-radius:11px}.consent input{width:19px;height:19px}.primary-button{min-height:52px;height:auto;padding:12px;font-size:14px;border-radius:13px}.ai-status{font-size:11px}.emotion-grid{gap:6px}.emotion-grid button{min-height:94px;border-radius:12px;gap:6px;padding:5px}.emotion-grid button img{width:40px;height:40px;border-radius:50%;object-fit:cover}.emotion-grid b{font-size:9px;line-height:1.25}.form-card>label[for="notes"]{font-size:14px}.report-kicker{font-size:10px}.report-main{grid-template-columns:45px 1fr auto;padding:14px;border-radius:13px}.report-main>i{font-size:32px}.report-main small{font-size:9px}.report-main h2{font-size:17px}.report-main p{font-size:12px}.report-main>b{font-size:18px}.report-card h3{font-size:14px;margin-top:17px}.report-card ul{font-size:13px;line-height:1.65}.report-advice{font-size:13px;padding:13px;border-radius:12px}.intervention{font-size:12px;line-height:1.6}.dist-row{grid-template-columns:105px 1fr 34px;font-size:10px;gap:8px}.dist-row>div{height:8px}.report-disclaimer{font-size:10px;line-height:1.55}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.report-actions button{min-height:48px}.search-input{margin:4px 0 13px}.bottom-tabs{height:calc(82px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.tab{gap:6px}.tab .tab-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,#fff,#e9e7ff);box-shadow:0 4px 0 #d2d0ef,0 7px 12px #35335d20;filter:drop-shadow(0 1px 0 #fff)}.tab.active .tab-icon{background:linear-gradient(145deg,#fff2ae,#ffcf5c);box-shadow:0 4px 0 #e5ad3b,0 8px 13px #e59d303b;transform:translateY(-2px)}.tab small{font-size:11px;font-weight:700}.app-content{padding-bottom:116px}.cms-tabs button{font-size:12px}.cms-add{gap:10px}.cms-item{padding:14px;border-radius:13px}.cms-item-top b{font-size:13px}.cms-type{font-size:10px}.cms-item p{font-size:12px}.cms-actions button{font-size:11px;padding:8px}.cms-user-row select{font-size:11px;min-height:42px}.cms-hint{font-size:12px}
@media(max-width:380px){.welcome-copy{width:72%}.welcome-art{width:38%}.welcome-art img{width:136px;height:136px}.image-actions{grid-template-columns:1fr}.camera-picker,.gallery-picker{min-height:56px}.emotion-grid{gap:3px}.emotion-grid button img{width:34px;height:34px}.emotion-grid b{font-size:8px}.tab .tab-icon{width:39px;height:39px}}