@font-face{font-family:Abel Sans;src:url(/uygulama/fonts/inter-latin-ext.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"Abel Serif";src:url(/uygulama/fonts/playfair-display-latin-ext.woff2) format("woff2");font-style:normal;font-weight:400 900;font-display:swap}:root{font-family:Abel Sans,Arial,sans-serif;color:#292625;background:#fbf9f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Abel Serif",Georgia,serif;font-weight:400}h1 em,h2 em{font-weight:400;color:#a95f72}::selection{background:#edc6ce;color:#211f1f}:focus-visible{outline:3px solid #b76b79;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skin-app{--paper:#fbf9f7;--surface:#fff;--ink:#292625;--muted:#817b78;--line:#eee7e4;--rose:#a95f72;--rose-light:#f5e6e9;--sand:#f4ece7;--peach:#eac6b8;min-height:100vh;background:var(--paper)}.abel-logo{display:block;width:145px;height:auto;mix-blend-mode:multiply}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#a46f7a;font-size:10px;font-weight:700;letter-spacing:.17em}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:12px 19px;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-dark{background:#292625;color:#fff}.button-dark:hover:not(:disabled){background:#4d4141;box-shadow:0 8px 20px #2b252524}.button-primary{background:#a95f72;color:#fff}.button-primary:hover:not(:disabled){background:#8e4e60}.button-light{background:#fff;border-color:#e5ddda;color:#423936}.button-light:hover:not(:disabled){background:#f9f4f1}.button-danger{background:#fff3f1;border-color:#efd6d2;color:#ad504c}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#605657}.icon-button:hover{background:#f5efec}.round-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#f6e6e9;color:#aa6174;flex:none}.round-icon.warm{background:#f7ede7;color:#b7856f}.round-icon.peach{background:#fcf0e7;color:#bd8b71}.private-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #e9e0dd;border-radius:999px;padding:9px 13px;color:#8e7773;font-size:11px;white-space:nowrap}.app-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;display:flex;flex-direction:column;width:226px;padding:30px 17px 25px;background:#fff;border-right:1px solid var(--line)}.sidebar-brand{display:block;padding:8px 11px 0}.sidebar-brand .abel-logo{width:145px}.sidebar-caption{display:block;padding:2px 15px 0;font-size:9px;letter-spacing:.24em;color:#b58a93;font-weight:700}.sidebar-divider{height:1px;background:var(--line);margin:28px 10px 24px}.app-sidebar nav{display:grid;gap:5px}.app-sidebar nav button,.sidebar-bottom button{display:flex;align-items:center;gap:13px;width:100%;border:0;border-radius:12px;padding:13px 15px;background:transparent;text-align:left;color:#79716f;font-size:13px}.app-sidebar nav button:hover,.sidebar-bottom button:hover{background:#f8f1f1;color:#794453}.app-sidebar nav button[aria-current=page]{background:#f6e8eb;color:#8e4b5e;font-weight:700}.sidebar-bottom{margin-top:auto;padding:18px 9px 0}.sidebar-bottom p{font-family:"Abel Serif",Georgia,serif;font-style:italic;color:#aa7883;font-size:15px;line-height:1.5;margin-bottom:19px}.sidebar-bottom button{padding-inline:6px}.sidebar-bottom a{display:inline-flex;align-items:center;gap:7px;margin:16px 6px 0;color:#91817e;font-size:10px}.sidebar-bottom a:hover{text-decoration:underline}.app-main-column{margin-left:226px;min-height:100vh;display:flex;flex-direction:column}.app-header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,55px);border-bottom:1px solid var(--line);background:#fffcfb;position:sticky;top:0;z-index:20}.header-brand{display:flex;align-items:center;gap:18px}.header-brand .abel-logo{width:102px}.header-brand>span{font-size:9px;font-weight:700;letter-spacing:.2em;color:#a8707b;border-left:1px solid #e7dcd9;padding-left:17px}.header-right{display:flex;align-items:center;gap:17px}.header-date{font-size:11px;color:#918986}.profile-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f0e5e5;border-radius:50%;background:#f9edef;color:#9d6875}.app-main{flex:1}.page-content,.shelf-page{width:min(100%,1320px);margin:0 auto;padding:49px clamp(20px,3vw,55px) 90px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:32px}.page-intro h1,.shelf-hero h1{font-size:clamp(37px,4.3vw,56px);line-height:1.1;letter-spacing:-.04em;margin:12px 0 11px}.page-intro p,.shelf-hero p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.app-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px clamp(20px,3vw,55px);font-size:9px;letter-spacing:.11em;color:#a99a95}.app-footer span:last-child{letter-spacing:0;font-family:"Abel Serif",Georgia,serif;font-style:italic;font-size:14px}.mobile-nav{display:none}.app-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:90;max-width:min(90vw,520px);background:#282423;color:#fff;border-radius:12px;padding:13px 18px;box-shadow:0 16px 45px #1b151640;font-size:12px;text-align:center}.date-picker{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;background:#fff;border:1px solid var(--line);border-radius:11px;color:#a26c79}.date-picker input{border:0;background:transparent;color:#5c5150;font-size:12px;outline:0;min-width:112px}.date-strip{display:grid;grid-template-columns:30px repeat(7,minmax(0,1fr)) 30px;gap:6px;margin:25px 0 28px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:16px}.date-strip button{border:0;background:transparent;color:#867c79}.date-day{min-height:65px;border-radius:12px!important;display:grid;place-content:center;justify-items:center;gap:4px}.date-day span,.journal-date-strip span{font-size:10px}.date-day strong,.journal-date-strip strong{font-family:"Abel Serif",Georgia,serif;font-size:20px;font-weight:400}.date-day.selected,.journal-date-strip button.selected{background:#f5e7eb;color:#8f5064}.date-day i,.journal-date-strip i{width:4px;height:4px;border-radius:50%;background:transparent}.date-day i.has-entry,.journal-date-strip i.recorded{background:#a95f72}.date-arrow{display:grid;place-items:center}.today-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:23px;padding:30px 33px;background:linear-gradient(112deg,#f7e7e9,#f9eef0 56%,#f5e8e2);min-height:200px}.today-summary h2{font-size:clamp(27px,3vw,40px);margin:13px 0 7px}.today-summary p{color:#957c80;font-size:12px}.progress-ring{width:137px;height:137px;flex:none;border-radius:50%;background:conic-gradient(#aa6676 var(--progress),#e8d5d9 0);padding:12px}.progress-ring>div{width:100%;height:100%;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fbf6f5}.progress-ring strong{font-family:"Abel Serif",Georgia,serif;font-size:33px;font-weight:400}.progress-ring span{font-size:10px;color:#9b8185}.expiry-banner{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:15px;background:#fff8ef;border:1px solid #f1dfc9;margin-top:19px;color:#b98166}.expiry-banner>div{flex:1}.expiry-banner strong{display:block;color:#5a4640;font-size:13px;margin-bottom:4px}.expiry-banner p{font-size:11px;color:#89716a;margin:0;line-height:1.6}.expiry-banner button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#9a5b4b;font-size:11px;font-weight:700;white-space:nowrap}.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.period-card{min-height:232px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.period-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.period-card-head>div{display:flex;align-items:center;gap:10px}.period-card-head h2{font-family:Abel Sans,Arial,sans-serif;font-size:14px;font-weight:700;margin:0}.period-card-head>span{font-size:10px;color:#9c918e}.period-symbol{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:12px;background:#fae9df;color:#b8795d;font-size:19px}.period-symbol.anytime{background:#f3e9ec;color:#a76678}.period-symbol.evening{background:#eee9f4;color:#8b75a7}.task-list{padding:5px 16px}.task-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f4efed}.task-row:last-child{border:0}.task-row.done .task-copy strong{text-decoration:line-through;color:#a89b98}.task-row.skipped{opacity:.65}.task-check{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid #d4c8c6;border-radius:50%;background:#fff;color:#fff}.task-check[aria-pressed=true]{background:#a95f72;border-color:#a95f72}.task-copy{min-width:0;flex:1}.task-copy strong{display:block;font-size:12px;overflow-wrap:anywhere}.task-copy span{display:flex;align-items:center;gap:3px;color:#9d9390;font-size:10px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.skip-button{border:0;background:transparent;color:#a68884;font-size:10px}.period-empty{font-size:11px;color:#a99a96;padding:26px 18px}.today-bottom-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}.today-bottom-links button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 17px;color:#796568;font-size:11px}.today-bottom-links button svg:last-child{margin-left:8px}.empty-card{text-align:center;padding:55px 25px;border:1px dashed #ddc8c8;border-radius:22px;background:#fff;margin-top:24px}.empty-card.compact{padding:39px 20px}.empty-card .empty-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#f6e7e9;color:#a95f72;margin:0 auto 20px}.empty-card h2{font-size:28px;margin:0 0 8px}.empty-card p{font-size:12px;line-height:1.7;color:#897d79;max-width:420px;margin:0 auto 23px}.list-toolbar,.shelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.search-field,.shelf-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#ae8890;padding:0 13px;min-width:min(100%,270px)}.search-field input,.shelf-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;height:43px;font-size:12px}.segmented,.shelf-filters,.metric-buttons{display:flex;flex-wrap:wrap;gap:5px;border-radius:12px;background:#f3eeec;padding:4px}.segmented button,.shelf-filters button,.metric-buttons button{border:0;background:transparent;border-radius:9px;padding:9px 13px;font-size:11px;color:#817675}.segmented button[aria-pressed=true],.shelf-filters button[aria-pressed=true],.metric-buttons button[aria-pressed=true]{background:#fff;color:#7f4657;box-shadow:0 2px 8px #32202412;font-weight:700}.routine-sections{display:grid;gap:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 17px}.section-heading h2{font-size:28px;margin:7px 0 0}.section-heading>span{font-size:11px;color:#9e918d}.routine-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.routine-card{display:flex;gap:15px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:19px}.routine-card.paused{opacity:.68}.routine-card>.period-symbol{width:42px;height:42px}.routine-card>div:nth-child(2){flex:1;min-width:0}.routine-state{font-size:9px;letter-spacing:.14em;color:#a95f72;font-weight:700}.routine-card h3{font-size:16px;margin:6px 0}.routine-card p{font-size:11px;color:#897d79;line-height:1.5;margin:0 0 12px}.routine-card small{display:flex;align-items:center;gap:5px;color:#9b8d89;font-size:10px}.routine-actions{display:flex;gap:3px}.routine-actions button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#9d8483}.routine-actions button:hover{background:#f7e9eb;color:#9d5265}.app-modal{max-width:min(94vw,590px);width:100%;max-height:90dvh;overflow:auto;border:0;border-radius:23px;padding:0;background:#fff;color:var(--ink);box-shadow:0 24px 90px #281f2345}.app-modal.wide{max-width:min(94vw,790px)}.app-modal::backdrop{background:#241c1e88;backdrop-filter:blur(3px)}.modal-inner{padding:25px 30px 30px}.modal-top{display:flex;justify-content:space-between;align-items:center}.app-modal h2{font-size:34px;margin:15px 0 5px}.modal-subtitle{font-size:12px;color:#857a77;line-height:1.7;margin:0 0 22px}.app-form,.shelf-form{display:grid;gap:17px}.app-form label,.field,.profile-card>label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#716563}.app-form input,.app-form select,.app-form textarea,.field input,.field select,.field textarea,.profile-card input,.compare-selectors select{width:100%;border:1px solid #e4dcda;border-radius:10px;background:#fff;padding:11px 12px;color:#2d2727;outline:0;font-size:12px}.app-form textarea,.field textarea,.journal-side textarea{resize:vertical}.app-form input:focus,.app-form select:focus,.app-form textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.profile-card input:focus{border-color:#bb8591;box-shadow:0 0 0 3px #f4e7ea}.form-two,.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.days-field{border:0;padding:0;margin:0}.days-field legend{font-size:11px;font-weight:700;color:#716563;margin-bottom:9px}.days-field .all-days{display:flex;align-items:center;gap:8px;font-size:11px}.days-field .all-days input{width:auto}.weekday-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.weekday-buttons button{border:1px solid #e5d9d7;background:#fff;border-radius:9px;padding:8px 10px;font-size:11px;color:#817470}.weekday-buttons button[aria-pressed=true]{background:#a95f72;color:#fff;border-color:#a95f72}.form-actions,.confirm-actions,.shelf-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:8px}.field-error{font-size:11px;line-height:1.5;color:#b23d47;margin:4px 0}.field-help{font-size:10px;color:#8e807d;margin:0}.photo-field{width:100%}.photo-upload{display:grid;place-items:center;gap:7px;min-height:175px;border:1px dashed #d7c3c5;border-radius:13px;background:#fbf8f7;color:#a96e7a;text-align:center;cursor:pointer;padding:18px}.photo-upload strong{font-size:12px}.photo-upload span{font-size:10px;color:#a19a97}.photo-upload input,.profile-actions label input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-preview{position:relative;width:100%;max-height:260px;overflow:hidden;border-radius:12px}.photo-preview img{display:block;width:100%;max-height:260px;object-fit:cover}.photo-preview button{position:absolute;right:8px;top:8px;background:#fff}.camera-scanner{border-radius:13px;padding:13px;background:#f8f2f1;text-align:center}.camera-frame{position:relative;overflow:hidden;border-radius:9px;background:#1b1818;aspect-ratio:4/3}.camera-frame video{display:block;width:100%;height:100%;object-fit:cover}.camera-frame span{position:absolute;inset:22%;border:2px solid #fff9;border-radius:7px}.camera-scanner p{font-size:11px;margin:12px 0;color:#7b6b69}.shelf-page{display:block}.shelf-hero{display:grid;grid-template-columns:1fr 34%;align-items:stretch;overflow:hidden;min-height:250px;border-radius:24px;background:linear-gradient(115deg,#f7e8e7,#f3dddf);margin-bottom:19px}.shelf-hero>div:first-child{padding:34px 37px}.shelf-hero h1{margin-top:9px}.shelf-hero p{max-width:430px}.shelf-hero .button{margin-top:20px}.shelf-hero-art{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 62%,#f9f2ee 0,#eec9cd 72%)}.shelf-art-bottle{position:absolute;bottom:30px;left:25%;width:86px;height:143px;border-radius:17px 17px 12px 12px;background:#fff9;box-shadow:12px 18px 24px #86495a25;transform:rotate(-8deg)}.shelf-art-bottle:before{content:"";position:absolute;top:-26px;left:19px;right:19px;height:31px;background:#b47a87;border-radius:5px}.shelf-art-bottle:after{content:"ABEL";position:absolute;top:55px;left:15px;right:15px;border-top:1px solid #937982;border-bottom:1px solid #937982;text-align:center;padding:8px 0;font-size:13px;letter-spacing:.16em}.shelf-art-bottle.two{left:60%;bottom:17px;width:71px;height:124px;transform:rotate(9deg);background:#fdfaf0d9}.shelf-art-bottle.two:before{background:#7e7274}.shelf-art-label{position:absolute;bottom:15px;left:20px;font-size:8px;letter-spacing:.18em;color:#9f6e78}.shelf-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.shelf-summary>div{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#af7380}.shelf-summary strong{font-size:20px;color:#38302e}.shelf-summary span{font-size:11px;color:#918581}.shelf-search{flex:1;max-width:310px}.shelf-search button{display:grid;place-items:center;border:0;background:transparent;color:#a98d8d}.shelf-filters{justify-content:flex-end}.shelf-filters button span{opacity:.7;margin-left:2px}.shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.shelf-card{text-align:left;border:1px solid var(--line);border-radius:17px;background:#fff;padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}.shelf-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #38262812}.shelf-card-media{height:175px;overflow:hidden;background:#f6e9e5;display:grid;place-items:center}.shelf-card-media.large{height:auto;min-height:280px;border-radius:13px}.shelf-card-media img{width:100%;height:100%;object-fit:cover}.shelf-placeholder{display:grid;justify-items:center;gap:6px}.shelf-placeholder-mark{display:block;width:50px;height:50px;object-fit:contain}.shelf-placeholder>span:nth-child(2){font-size:8px;letter-spacing:.2em}.shelf-placeholder small{font-size:9px;color:#a78283}.shelf-card-body{display:grid;padding:16px 15px 17px;gap:6px}.shelf-card-brand{font-size:9px;color:#ae7381;letter-spacing:.1em}.shelf-card-body>strong{font-family:"Abel Serif",Georgia,serif;font-size:18px;font-weight:400;line-height:1.25}.shelf-card-category{font-size:10px;color:#948985}.shelf-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:10px;flex-wrap:wrap}.shelf-status,.shelf-expiry{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;font-size:9px;white-space:nowrap}.shelf-status{background:#f5e7e8;color:#9a6872}.shelf-status.opened{background:#eaf4ed;color:#5d8468}.shelf-status.empty{background:#f0eeec;color:#8b827e}.shelf-expiry{color:#857a76;background:#f8f4f2}.shelf-expiry.soon,.shelf-expiry.urgent{background:#fff0dc;color:#aa7650}.shelf-expiry.expired{background:#fbe9e8;color:#ad5452}.shelf-empty{border:1px dashed #dbc4c6;border-radius:18px;background:#fff;text-align:center;padding:53px 20px;color:#ad7c85}.shelf-empty h2{font-size:28px;color:#302928;margin:15px 0 6px}.shelf-empty p{font-size:12px;color:#877c79;max-width:420px;margin:0 auto 22px}.shelf-form-main{display:grid;grid-template-columns:210px 1fr;gap:22px}.shelf-form .photo-upload{min-height:245px}.shelf-form-fields{display:grid;gap:13px}.shelf-barcode-field{display:block}.shelf-barcode-field>label{display:block;margin-bottom:7px}.shelf-barcode-row{display:flex;align-items:center;gap:7px}.shelf-barcode-row>span{color:#ac7c83}.shelf-barcode-row input{flex:1;min-width:80px}.shelf-detail{display:grid;grid-template-columns:210px 1fr;gap:23px}.shelf-detail-content{min-width:0}.shelf-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.shelf-detail dl{margin:0;display:grid;gap:10px}.shelf-detail dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:11px}.shelf-detail dt{color:#8c807d}.shelf-detail dd{margin:0;font-weight:700;text-align:right}.shelf-detail-note{margin-top:18px}.shelf-detail-note h3{font-size:12px;margin-bottom:6px}.shelf-detail-note p{font-size:11px;color:#8a7c79;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.shelf-detail-hint,.shelf-delete-note{font-size:10px;color:#a0918e;line-height:1.6}.shelf-detail-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:25px}.journal-date-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.journal-date-head h2{font-size:30px;margin:7px 0 0}.journal-date-strip{display:flex;overflow:auto;gap:7px;padding:3px 0 9px;scrollbar-width:thin;scrollbar-color:#ddc7ca transparent}.journal-date-strip button{display:grid;justify-items:center;align-content:center;gap:5px;flex:none;width:60px;height:69px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#867976}.journal-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:16px;margin-top:18px}.journal-main-card,.journal-side-card,.insight-card,.profile-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:25px}.card-title{display:flex;align-items:center;gap:12px}.card-title h2{font-size:24px;margin:0}.card-title p{font-size:10px;color:#9b8c88;margin:4px 0 0}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:27px 0}.rating-row button{display:grid;place-content:center;gap:4px;min-height:78px;border:1px solid #e9e1df;border-radius:12px;background:#fff;text-align:center;color:#746866}.rating-row button[aria-pressed=true]{border-color:#b8818f;background:#f5e7eb;color:#8f5164}.rating-row strong{font-family:"Abel Serif",Georgia,serif;font-size:23px;font-weight:400}.rating-row span{font-size:10px}.journal-concerns h3{font-size:12px;margin-bottom:3px}.journal-concerns p{font-size:10px;color:#9b8e8b;margin-bottom:13px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip-row button{display:inline-flex;align-items:center;gap:4px;border:1px solid #e9e2e0;border-radius:999px;background:#fff;padding:8px 11px;color:#706664;font-size:10px}.chip-row button[aria-pressed=true]{border-color:#bd8793;background:#f5e7eb;color:#8d5263}.journal-sliders{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.journal-sliders label{display:grid;gap:11px}.journal-sliders label>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#746866}.journal-sliders strong{margin-left:auto}.journal-sliders input,.compare-slider input{width:100%;accent-color:#a95f72}.exercise-check{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:12px}.exercise-check input{accent-color:#a95f72}.exercise-check span{display:grid;gap:2px}.exercise-check strong{font-size:11px}.exercise-check small{font-size:9px;color:#978b88}.journal-side{display:grid;gap:16px;align-content:start}.journal-side-card .photo-field,.journal-side-card .mood-row{margin-top:20px}.journal-side textarea{width:100%;min-height:105px;margin-top:13px;border:1px solid #e7dfdd;border-radius:11px;padding:12px;outline:0;font-size:11px}.journal-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.journal-actions>div:first-child{font-size:11px;color:#968882}.journal-actions>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.content-tabs{display:inline-flex;gap:5px;background:#f2edeb;border-radius:13px;padding:5px;margin-bottom:23px}.content-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;color:#877a76;padding:11px 16px;font-size:11px}.content-tabs button[aria-selected=true]{background:#fff;color:#8e5262;box-shadow:0 2px 9px #21151a18}.insight-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.insight-summary article{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff}.insight-summary .round-icon{grid-row:span 2}.insight-summary strong{font-family:"Abel Serif",Georgia,serif;font-size:29px;font-weight:400}.insight-summary strong small{font-family:Abel Sans,Arial,sans-serif;font-size:11px;color:#9f918d}.insight-summary article>span:last-child{font-size:10px;color:#968a86}.insight-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.metric-buttons{display:inline-flex;margin-bottom:17px}.trend-chart{display:block;width:100%;height:230px;overflow:visible}.trend-chart .grid{fill:none;stroke:#eee8e6;stroke-width:.5}.trend-chart polyline{fill:none;stroke:#af6679;stroke-width:1.7;vector-effect:non-scaling-stroke}.trend-chart circle{fill:#af6679}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#9a8f8a}.insight-empty{display:grid;place-items:center;min-height:170px;font-size:11px;color:#9e928d;text-align:center}.concern-bars{display:grid;gap:17px;margin-top:26px}.concern-bars>div{display:grid;grid-template-columns:100px 1fr 20px;align-items:center;gap:9px;font-size:11px}.concern-bars>div>div{height:7px;border-radius:7px;background:#f2e9e8;overflow:hidden}.concern-bars i{display:block;height:100%;border-radius:7px;background:#b97d8b}.concern-bars strong{text-align:right}.context-note{display:flex;align-items:start;gap:16px;margin-top:16px;padding:22px 23px;border:1px solid #eadfd9;border-radius:16px;background:#faf1ec;color:#ab7b6f}.context-note h2{font-size:21px;color:#423532;margin:0 0 6px}.context-note p{font-size:11px;color:#806e68;line-height:1.7;margin-bottom:6px}.context-note small{font-size:9px;color:#aa9189}.photo-compare{border:1px solid var(--line);border-radius:19px;background:#fff;padding:25px}.compare-selectors{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.compare-selectors label{display:grid;gap:7px;min-width:180px;font-size:10px;color:#958681}.compare-stage{position:relative;max-width:780px;margin:auto;aspect-ratio:1.7;overflow:hidden;border-radius:13px;background:#f2e9e7}.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 0 1px #0002}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#a95f72;font-size:22px}.compare-label{position:absolute;z-index:2;bottom:12px;padding:7px 11px;border-radius:20px;background:#ffffffdb;color:#3f3533;font-size:10px}.compare-label.left{left:12px}.compare-label.right{right:12px}.compare-slider{display:grid;gap:9px;max-width:780px;margin:19px auto 0;font-size:11px;color:#81736f}.photo-hint{max-width:780px;margin:14px auto 0;color:#9e918c;font-size:10px}.profile-page .back-link{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#926172;font-size:11px;margin-bottom:30px}.profile-mark{width:64px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-card h2{font-size:25px;margin:0 0 10px}.profile-card p{font-size:11px;color:#897e7a;line-height:1.7}.profile-card>label{margin:20px 0 13px}.profile-counts{display:flex;gap:18px;margin-top:22px}.profile-counts span{display:grid;gap:4px;font-size:10px;color:#978b88}.profile-counts strong{font-size:22px;color:#3e3331}.profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.profile-actions label{position:relative;cursor:pointer}.danger-zone{background:#fff9f8}.load-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:15px;padding:30px;text-align:center;background:#fbf9f7}.load-screen .abel-logo{width:150px}.load-screen h1{margin:10px 0 0}.load-screen p{font-size:12px;color:#877a76;max-width:420px;line-height:1.6}.welcome-screen{min-height:100vh;background:#fcf9f8;padding:20px clamp(18px,4vw,65px) 25px}.welcome-back{display:inline-flex;align-items:center;gap:5px;color:#947b7c;font-size:11px;padding:9px 0}.welcome-panel{display:grid;grid-template-columns:1fr 45%;min-height:min(78vh,700px);max-width:1450px;margin:12px auto 0;overflow:hidden;border-radius:24px;background:linear-gradient(112deg,#fff,#fffaf9 51%,#f6dcdd);box-shadow:0 18px 50px #74485013}.welcome-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,6vw,85px);justify-content:center}.welcome-logo{width:130px;margin-bottom:54px}.welcome-copy h1{font-size:clamp(43px,5vw,72px);line-height:1.07;letter-spacing:-.05em;margin:18px 0}.welcome-copy p{max-width:420px;color:#847572;font-size:14px;line-height:1.75;margin-bottom:24px}.welcome-copy>label{display:grid;gap:7px;color:#7d6e6a;font-size:11px;font-weight:700;margin-bottom:19px;width:min(100%,350px)}.welcome-copy input{border:1px solid #e8d9d7;border-radius:11px;padding:13px;background:#fff;outline:0}.welcome-copy>.button{padding:15px 25px}.welcome-copy>small{display:block;margin-top:16px;color:#a69a95;font-size:10px}.welcome-art{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 42%,#f9ece9 5%,#e8bbbf 60%,#d598a5)}.welcome-orbit{position:absolute;top:50%;left:50%;width:70%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:51%;transform:translate(-50%,-50%) rotate(35deg) scaleY(1.3)}.welcome-art-inner{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px}.welcome-art-inner .abel-logo{width:150px;mix-blend-mode:multiply}.welcome-art-inner span{font-size:9px;letter-spacing:.22em;color:#7c4b58}.welcome-floating{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #ffffffb3;border-radius:11px;background:#ffffffc9;padding:11px 13px;color:#9c6c74;font-size:10px;box-shadow:0 12px 30px #73525a24}.welcome-floating.top{top:19%;left:9%}.welcome-floating.bottom{bottom:19%;right:9%}.welcome-features{max-width:1450px;margin:22px auto 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#a48282;font-size:9px;letter-spacing:.14em}@media(max-width:1200px){.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.period-grid{grid-template-columns:1fr 1fr}.period-card:last-child{grid-column:1/-1}.shelf-toolbar{align-items:stretch;flex-direction:column}.shelf-search{max-width:none}.shelf-filters{justify-content:flex-start}}@media(max-width:900px){.app-sidebar{display:none}.app-main-column{margin:0}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #eee4e2;background:#fffcfbf7;backdrop-filter:blur(14px)}.mobile-nav button{display:grid;justify-items:center;gap:3px;border:0;background:transparent;color:#948987;font-size:9px;padding:5px 2px}.mobile-nav button[aria-current=page]{color:#a15d6f;font-weight:700}.page-content,.shelf-page,.app-footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))}.welcome-panel{grid-template-columns:1fr 42%}.welcome-copy{padding:40px}.welcome-copy h1{font-size:48px}.welcome-logo{margin-bottom:30px}}@media(max-width:680px){.app-header{height:65px;padding:0 19px}.header-brand .abel-logo{width:98px}.header-brand>span{font-size:8px}.header-date{display:none}.page-content,.shelf-page{padding:31px 18px calc(90px + env(safe-area-inset-bottom))}.page-intro{align-items:flex-start;flex-direction:column;gap:17px}.page-intro h1,.shelf-hero h1{font-size:41px}.app-footer{display:none}.date-strip{grid-template-columns:24px repeat(7,minmax(0,1fr)) 24px;gap:0}.date-day{min-height:62px}.date-day span{font-size:8px}.date-day strong{font-size:17px}.today-summary{padding:25px;min-height:175px}.today-summary h2{font-size:28px}.progress-ring{width:102px;height:102px;padding:8px}.progress-ring strong{font-size:27px}.period-grid{grid-template-columns:1fr}.period-card:last-child{grid-column:auto}.routine-list{grid-template-columns:1fr}.list-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.segmented{align-self:flex-start}.shelf-hero{grid-template-columns:1fr}.shelf-hero>div:first-child{padding:28px}.shelf-hero-art{display:none}.shelf-summary{gap:7px}.shelf-summary>div{display:grid;justify-items:center;text-align:center;gap:4px;padding:12px 4px}.shelf-summary span{font-size:9px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shelf-card-media{height:130px}.shelf-card-body{padding:13px 11px}.shelf-card-body>strong{font-size:16px}.shelf-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.shelf-filters button{white-space:nowrap}.shelf-form-main,.shelf-detail{grid-template-columns:1fr}.shelf-form .photo-upload{min-height:145px}.shelf-detail .shelf-card-media{height:200px;min-height:0}.journal-date-head{align-items:start;flex-direction:column}.journal-date-head h2{font-size:27px}.journal-layout,.insight-grid{grid-template-columns:1fr}.journal-main-card,.journal-side-card,.insight-card,.profile-card{padding:20px}.rating-row{gap:4px}.rating-row button{min-height:64px}.rating-row strong{font-size:20px}.rating-row span{font-size:9px}.insight-summary{gap:6px}.insight-summary article{display:grid;grid-template-columns:1fr;justify-items:start;gap:5px;padding:12px}.insight-summary .round-icon{grid-row:auto;width:33px;height:33px}.insight-summary strong{font-size:23px}.profile-grid{grid-template-columns:1fr}.welcome-screen{padding:13px}.welcome-panel{grid-template-columns:1fr;min-height:0;margin-top:7px}.welcome-copy{padding:30px 24px 37px}.welcome-copy h1{font-size:44px}.welcome-copy p{font-size:12px}.welcome-logo{margin-bottom:32px}.welcome-art{min-height:255px;order:-1}.welcome-art-inner .abel-logo{width:82px}.welcome-floating{font-size:8px;padding:8px}.welcome-features{font-size:8px;gap:12px}.modal-inner{padding:19px}.app-modal h2{font-size:28px}.compare-selectors{gap:7px}.compare-selectors label{min-width:0;flex:1}.compare-stage{aspect-ratio:1}.context-note{padding:18px}.expiry-banner{flex-wrap:wrap}.expiry-banner button{margin-left:35px}}@media(max-width:390px){.header-brand>span{display:none}.date-strip{padding:4px}.date-day strong{font-size:15px}.date-day span{font-size:7px}.today-summary{padding:18px}.today-summary h2{font-size:24px}.progress-ring{width:82px;height:82px}.progress-ring strong{font-size:22px}.form-two,.field-row{grid-template-columns:1fr}.shelf-grid{grid-template-columns:1fr 1fr}.journal-sliders{grid-template-columns:1fr;gap:16px}.rating-row span{font-size:8px}.shelf-barcode-row{flex-wrap:wrap}.shelf-barcode-row .button{width:100%}.app-modal{max-width:96vw}.welcome-copy h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.photo-upload:focus-within,.profile-actions label:focus-within{outline:2px solid #a95f72;outline-offset:3px}