:root{
  --bg:#f8f2e8;
  --paper:#fffdf9;
  --paper-2:#fbf6ef;
  --ink:#3e5043;
  --muted:#8c7768;
  --sage:#7f957d;
  --sage-2:#dfe7d8;
  --sage-3:#eef1e7;
  --terra:#cb815c;
  --terra-2:#f3d8c7;
  --blue:#dbe9ee;
  --gold:#d7aa65;
  --shadow:0 16px 45px rgba(89,71,50,.11);
  --shadow-sm:0 8px 22px rgba(89,71,50,.08);
  --radius:26px;
  --serif:Georgia, 'Times New Roman', serif;
  --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}
body{min-height:100vh;overflow-x:hidden;background:
  radial-gradient(circle at 83% 5%,rgba(255,216,163,.25),transparent 25%),
  linear-gradient(180deg,#fbf7f0 0%,var(--bg) 100%)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(203,129,92,.32);outline-offset:2px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:34px 20px 24px;border-right:1px solid rgba(116,96,76,.12);background:rgba(255,252,246,.78);backdrop-filter:blur(12px);z-index:20;overflow:hidden}
.brand{border:0;background:none;color:var(--ink);display:flex;align-items:center;gap:14px;text-align:left;padding:0 8px 26px;width:100%}
.brand-title{font:700 30px/1.02 var(--serif);letter-spacing:-.6px}
.brand-mark{width:76px;height:76px;object-fit:cover;border-radius:18px;display:block;flex:0 0 auto;box-shadow:0 10px 24px rgba(89,71,50,.12)}
.brand-mark.small{width:42px;height:42px;border-radius:12px}
.side-nav{display:flex;flex-direction:column;gap:8px}
.nav-item{border:0;background:transparent;color:#79695f;display:flex;align-items:center;gap:15px;padding:13px 14px;border-radius:16px;font-size:16px;text-align:left;width:100%}
.nav-item:hover{background:rgba(127,149,125,.08)}
.nav-item.active{background:linear-gradient(135deg,#eef0e6,#f6efe4);color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 1px rgba(127,149,125,.10)}
.nav-icon{width:25px;text-align:center;font-size:22px;color:#9a7e68}
.nav-item.active .nav-icon{color:#648064}
.install-btn{border:1px solid rgba(95,123,95,.4);background:#fffaf3;color:#557054;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-weight:700}
.sidebar-install{position:absolute;left:20px;right:20px;bottom:170px;width:calc(100% - 40px)}
.sidebar-still-life{position:absolute;bottom:10px;left:0;right:0;height:145px;opacity:.82;pointer-events:none}
.cup{position:absolute;left:35px;bottom:46px;width:60px;height:45px;border:2px solid #c8a98a;border-radius:7px 7px 20px 20px;background:linear-gradient(#f5e4ce,#ddc4a8);box-shadow:var(--shadow-sm)}
.cup:after{content:"";position:absolute;right:-18px;top:8px;width:22px;height:24px;border:3px solid #c8a98a;border-left:0;border-radius:0 14px 14px 0}
.cup span:before,.cup span:after{content:"";position:absolute;width:18px;height:35px;bottom:37px;border-left:2px solid rgba(159,130,99,.26);border-radius:50%;transform:rotate(8deg)}
.cup span:before{left:17px}.cup span:after{left:30px;bottom:39px}
.book{position:absolute;left:83px;bottom:25px;width:105px;height:27px;background:#7f9276;border-radius:4px;transform:rotate(-8deg);box-shadow:0 8px 15px rgba(92,74,57,.18)}
.book:after{content:"";position:absolute;left:8px;right:8px;bottom:-7px;height:6px;background:#ead7b9;border-radius:0 0 3px 3px}
.sprig{position:absolute;width:85px;height:60px;left:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,#779174 0 11%,transparent 12%),radial-gradient(ellipse at 40% 52%,#8ba087 0 10%,transparent 11%),radial-gradient(ellipse at 62% 30%,#779174 0 11%,transparent 12%),linear-gradient(25deg,transparent 49%,#7e927a 50% 52%,transparent 53%)}
.main-area{grid-column:2;min-width:0;padding:36px clamp(22px,4vw,58px) 54px;max-width:1500px;width:100%;margin:0 auto}
.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px;position:relative}
.topbar:after{content:"";position:absolute;right:-30px;top:-36px;width:390px;height:170px;z-index:-1;background:radial-gradient(circle at 68% 58%,rgba(248,212,163,.54),transparent 40%),linear-gradient(90deg,transparent,rgba(245,227,201,.35));border-radius:0 0 0 80px}
.topbar h1{font:500 clamp(42px,5vw,68px)/1 var(--serif);letter-spacing:-1.4px;margin:0;color:#405845}
.date-line{margin:10px 0 0;color:var(--muted);font-size:16px}
.mobile-brand-row{display:none}
.header-actions{display:flex;gap:10px;margin-top:6px}
.icon-btn{width:45px;height:45px;border-radius:50%;border:1px solid rgba(116,96,76,.18);background:rgba(255,253,248,.78);color:var(--ink);box-shadow:var(--shadow-sm);font-size:20px}
.view{min-height:620px}
.page-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:20px;align-items:start}
.stack{display:flex;flex-direction:column;gap:20px}
.card{background:linear-gradient(145deg,rgba(255,253,249,.96),rgba(251,246,239,.97));border:1px solid rgba(128,105,82,.1);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
.card-pad{padding:25px}
.quote-card{min-height:380px;padding:34px 36px 32px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(145deg,#fffdf9,#fcf8f0)}
.quote-card:after,.journal-card:after{content:"";position:absolute;right:-40px;bottom:-65px;width:280px;height:220px;background:radial-gradient(circle at 30% 50%,rgba(188,216,222,.52),transparent 60%),radial-gradient(circle at 70% 30%,rgba(215,170,101,.28) 0 2px,transparent 3px);opacity:.95;border-radius:50%}
.botanical{position:absolute;left:22px;top:15px;width:125px;height:140px;opacity:.85;transform:rotate(-7deg);background:
  radial-gradient(ellipse at 42% 21%,rgba(112,143,109,.58) 0 8%,transparent 9%),
  radial-gradient(ellipse at 58% 34%,rgba(112,143,109,.62) 0 9%,transparent 10%),
  radial-gradient(ellipse at 37% 48%,rgba(112,143,109,.57) 0 8%,transparent 9%),
  radial-gradient(ellipse at 59% 62%,rgba(112,143,109,.57) 0 9%,transparent 10%),
  radial-gradient(ellipse at 36% 77%,rgba(112,143,109,.5) 0 8%,transparent 9%),
  linear-gradient(64deg,transparent 48%,rgba(92,123,88,.55) 49% 50%,transparent 51%)}
.quote-label{color:var(--terra);letter-spacing:4px;text-transform:uppercase;font-size:14px;margin-bottom:30px;font-weight:700;position:relative;z-index:2}
.quote-label:after{content:"♡";display:block;font-size:21px;letter-spacing:0;margin-top:7px}
.quote-text{font:500 clamp(30px,3.4vw,51px)/1.32 var(--serif);max-width:850px;margin:0 auto;color:#405845;position:relative;z-index:2}
.quote-author{margin:20px 0 0;color:var(--terra);font:500 20px/1.4 var(--serif);position:relative;z-index:2}
.quote-actions{position:absolute;right:18px;top:17px;z-index:3}
.heart-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(203,129,92,.25);background:rgba(255,252,247,.75);font-size:24px;color:var(--terra)}
.heart-btn.saved{background:#f4ded2}
.section-title{font:500 30px/1.15 var(--serif);margin:0 0 18px;color:#405845}
.mood-card{padding:26px}
.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mood{border:1px solid rgba(128,105,82,.07);border-radius:22px;padding:20px 12px;min-height:122px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#3f5144;transition:.2s transform,.2s box-shadow,.2s border}
.mood:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.mood.selected{box-shadow:0 0 0 3px rgba(102,128,102,.22),var(--shadow-sm);border-color:#718b70}
.mood-icon{font-size:36px;font-family:var(--serif);line-height:1}
.mood-name{font-size:16px;text-align:center}
.mood.calm{background:#e9eee3}.mood.joy{background:#fff0c9}.mood.resource{background:#e8ecd9}.mood.tired{background:#f7eadc}.mood.hard{background:#f4d8ca}.mood.unknown{background:#dbe9ef}
.small-care{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:20px 22px}
.care-art{height:120px;border-radius:20px;background:linear-gradient(145deg,#f3e7d8,#fdf8ee);position:relative;overflow:hidden}
.care-art:before{content:"☕";position:absolute;font-size:54px;left:24px;top:18px;filter:saturate(.35)}
.care-art:after{content:"▰";position:absolute;font-size:70px;left:65px;bottom:2px;color:#7f9276;transform:rotate(-7deg);text-shadow:0 3px #d9c09f}
.small-care h3{font:500 27px/1.18 var(--serif);margin:0 0 11px}.small-care p{margin:0;color:#6f6259;font-size:17px;line-height:1.45}
.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.primary-btn,.secondary-btn,.ghost-btn{border-radius:18px;padding:15px 20px;font-weight:700;border:1px solid transparent;transition:.2s transform,.2s box-shadow}
.primary-btn{background:linear-gradient(135deg,#d18863,#c87752);color:white;box-shadow:0 8px 22px rgba(177,93,55,.18)}
.secondary-btn{background:#fffaf4;color:#567157;border-color:#789176}
.ghost-btn{background:#f7f0e7;color:#6b5c52;border-color:rgba(116,96,76,.12)}
.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.quick-panel{padding:24px}
.quick-panel h2{font:500 30px/1.1 var(--serif);margin:0 0 16px}
.quick-prompts{display:flex;flex-direction:column;gap:12px}
.quick-entry{border:1px solid rgba(128,105,82,.12);border-radius:18px;padding:16px;background:rgba(255,253,248,.68)}
.quick-entry strong{display:block;font-family:var(--serif);font-size:18px;margin-bottom:8px}.quick-entry p{margin:0;color:#8a7769;font-size:14px}
.quick-entry textarea{width:100%;min-height:64px;border:0;background:transparent;resize:vertical;color:var(--ink);padding:8px 0 0}
.diary-preview{padding:24px}
.diary-preview-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.diary-preview-header h2{font:500 30px/1.1 var(--serif);margin:0}
.preview-list{display:flex;flex-direction:column;gap:10px}
.preview-item{border:1px solid rgba(128,105,82,.12);border-radius:18px;padding:14px 16px;background:rgba(255,253,248,.7);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.preview-date{font:500 16px var(--serif)}.preview-text{font-size:14px;color:#796b61;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-open{border:0;background:transparent;color:#608060;font-size:24px}
.mini-info{margin-top:12px;padding:12px 14px;border-radius:14px;background:#faf0e3;color:#7b6a5e;font-size:13px}
/* Cabinet */
.cabinet-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:20px}
.room-card{padding:0;min-height:660px;background:linear-gradient(#fbf0dd,#f8e8cd)}
.room-stage{position:relative;min-height:660px;overflow:hidden;background:
 linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,249,239,.2)),
 linear-gradient(180deg,#f5e6d2 0 68%,#e8d3b8 68% 100%)}
.window{position:absolute;left:8%;top:10%;width:31%;height:43%;background:linear-gradient(180deg,#dcecf2,#eff1df 75%,#a8c492 76%);border:12px solid #f8f1e8;box-shadow:inset 0 0 0 2px #d7c4aa,0 12px 30px rgba(99,80,55,.12);border-radius:10px 10px 2px 2px;overflow:hidden}
.window:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48.5%,rgba(238,225,207,.95) 49% 52%,transparent 52.5%),linear-gradient(0deg,transparent 49%,rgba(238,225,207,.95) 50% 53%,transparent 53%)}
.window.season-winter{background:linear-gradient(#dfeaf1,#eef4f4 62%,#f8fbfb 63%)}
.window.season-spring{background:linear-gradient(#dceef3,#e4f0dc 70%,#add08e 71%)}
.window.season-summer{background:linear-gradient(#cfe9f4,#e9f1d4 68%,#8abd70 69%)}
.shelf{position:absolute;right:7%;top:15%;width:37%;height:20px;background:#ae7f59;border-radius:4px;box-shadow:0 9px 16px rgba(105,76,48,.2)}
.shelf:before{content:"▮ ▮ ▮  ▭";position:absolute;bottom:13px;left:18px;color:#6d7d5f;font-size:45px;letter-spacing:-7px;text-shadow:15px -3px #b48868}
.desk{position:absolute;right:4%;bottom:16%;width:52%;height:26%;background:linear-gradient(#b88b65 0 13%,#a87956 14% 100%);border-radius:6px 6px 4px 4px;box-shadow:0 18px 30px rgba(85,59,38,.18)}
.desk:before,.desk:after{content:"";position:absolute;bottom:-42%;width:9%;height:50%;background:#9b704f}.desk:before{left:8%}.desk:after{right:8%}
.chair{position:absolute;left:8%;bottom:10%;width:30%;height:35%;background:#dfd4c1;border-radius:48% 48% 25% 25%;box-shadow:inset 0 -20px 40px rgba(128,99,71,.1),0 15px 28px rgba(91,71,47,.13)}
.chair:before{content:"";position:absolute;left:20%;right:15%;bottom:18%;height:27%;background:#82947b;border-radius:42% 48% 30% 30%;transform:rotate(-4deg)}
.lamp{position:absolute;right:11%;bottom:31%;width:12%;height:24%}.lamp:before{content:"";position:absolute;left:22%;bottom:0;width:55%;height:42%;background:#e5d3b9;border-radius:45% 45% 22% 22%}.lamp:after{content:"";position:absolute;left:0;top:0;width:100%;height:43%;background:#efdfc4;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);filter:drop-shadow(0 0 14px rgba(245,194,111,.72))}
.basket{position:absolute;right:20%;bottom:3%;width:18%;height:14%;border:4px solid #b99067;border-radius:12px 12px 28px 28px;background:repeating-linear-gradient(90deg,#d8b486 0 7px,#c89968 7px 10px)}
.room-plant{position:absolute;right:4%;top:5%;width:12%;height:19%;border-bottom:35px solid #d8c09e;border-left:18px solid transparent;border-right:18px solid transparent}.room-plant:before{content:"✦✦✦";position:absolute;bottom:22px;left:-26px;color:#6f8b69;font-size:34px;letter-spacing:-12px;transform:rotate(-10deg)}
.room-cup{position:absolute;right:40%;bottom:37%;font-size:44px;filter:saturate(.35)}
.room-book{position:absolute;right:22%;bottom:35%;font-size:50px;color:#6f805f;transform:rotate(-4deg)}
.room-tag{position:absolute;border:1px solid rgba(105,83,62,.14);background:rgba(255,252,246,.88);backdrop-filter:blur(8px);border-radius:15px;padding:9px 12px;box-shadow:var(--shadow-sm);color:#62564e;font:500 15px/1.2 var(--serif)}
.tag-window{left:10%;top:40%}.tag-chair{left:12%;bottom:25%}.tag-shelf{right:13%;top:21%}.tag-desk{right:28%;bottom:27%}.tag-lamp{right:7%;bottom:49%}.tag-basket{right:12%;bottom:10%}
.personalize{padding:25px}.setting-group{margin-bottom:22px}.setting-group h3{font:500 20px var(--serif);margin:0 0 10px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice{border:1px solid rgba(112,92,73,.15);background:#fffaf4;border-radius:14px;padding:10px 8px;color:#75665b;text-align:center}.choice.selected{border-color:#718d70;box-shadow:0 0 0 2px rgba(113,141,112,.16);color:#49604a;background:#eff3e9}.swatch{height:30px;border-radius:9px;margin-bottom:6px}.swatch.cream{background:#f3eadc}.swatch.sage{background:#cbd7bf}.swatch.blue{background:#c9dbe1}.swatch.terra{background:#d79a78}
.room-card{padding:18px;background:linear-gradient(180deg,#fcf6ee,#f7efe4)}
.room-scene-wrap{position:relative}
.room-scene-frame{position:relative;overflow:hidden;border-radius:28px;box-shadow:var(--shadow);background:#e9dcc8}
.room-scene-frame:after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;transition:background .2s ease}
.room-scene-image{display:block;width:100%;height:auto;aspect-ratio:871/908;object-fit:cover}
.room-scene-frame.tone-sage:after{background:rgba(116,139,108,.08)}
.room-scene-frame.tone-blue:after{background:rgba(126,158,177,.10)}
.room-scene-frame.tone-terra:after{background:rgba(191,132,100,.10)}
.room-scene-frame.season-winter .room-scene-image{filter:saturate(.8) brightness(1.06) contrast(.96)}
.room-scene-frame.season-spring .room-scene-image{filter:saturate(1.08) hue-rotate(-8deg) brightness(1.03)}
.room-scene-frame.season-summer .room-scene-image{filter:saturate(1.15) brightness(1.02)}
.room-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.room-link{border:1px solid rgba(112,92,73,.12);background:#fffaf4;border-radius:16px;padding:12px 14px;color:#5f554d;box-shadow:var(--shadow-sm)}
.room-link:hover{background:#f7f0e6}

/* Breathe */
.breathe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:20px}.breath-card{padding:34px;text-align:center}.breath-circle-wrap{height:360px;display:grid;place-items:center}.breath-circle{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 55%,#e9efe3 56% 68%,#f3f1e5 69% 82%,rgba(232,239,225,.4) 83%);box-shadow:0 0 80px rgba(131,158,128,.20);transition:transform 4s ease-in-out}.breath-circle.inhale{transform:scale(1.28)}.breath-word{font:500 34px var(--serif)}.timer{font:600 22px var(--serif);background:#edf1e7;display:inline-block;padding:8px 22px;border-radius:99px;margin-top:-30px}.breath-controls{display:flex;justify-content:center;gap:10px;margin-top:18px}.practice-list{display:flex;flex-direction:column;gap:10px}.practice{border:1px solid rgba(112,92,73,.12);background:#fffaf4;border-radius:18px;padding:15px 16px;text-align:left;color:#5d554e}.practice strong{display:block;margin-bottom:3px;color:#405845}.practice small{color:#8a786a}
.grounding{padding:24px}.grounding-steps{display:grid;gap:10px}.grounding-step{padding:13px 14px;background:#f3f0e8;border-radius:14px}
/* Supports */
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.support-card{padding:24px}.support-list{display:flex;flex-direction:column;gap:10px}.support-item{padding:15px 16px;border:1px solid rgba(112,92,73,.12);border-radius:16px;background:#fffaf5}.support-item p{margin:0 0 6px;font:500 18px/1.4 var(--serif)}.support-item small{color:#8a7769}.empty{padding:35px;text-align:center;color:#8d7b6d}
/* Evening */
.evening-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:20px}.evening-card{padding:26px;background:linear-gradient(145deg,#fffaf4,#f4eadf)}.evening-card .section-title{font-size:34px}.journal-form{display:flex;flex-direction:column;gap:14px}.journal-field{border:1px solid rgba(112,92,73,.13);border-radius:20px;padding:16px 18px;background:#fffdf9;position:relative;overflow:hidden}.journal-field:after{content:"";position:absolute;right:-30px;bottom:-40px;width:120px;height:90px;background:radial-gradient(circle,rgba(190,215,220,.45),transparent 70%)}.journal-field label{display:block;font:500 20px var(--serif);margin-bottom:7px}.journal-field small{display:block;color:#9a7f6a;margin-bottom:8px}.journal-field textarea{width:100%;min-height:76px;border:0;border-bottom:1px solid rgba(142,119,96,.22);background:transparent;resize:vertical;color:#405845;line-height:1.5;padding:7px 0}.save-note{padding:12px 14px;background:#f7eddf;border-radius:14px;color:#7b6b60;font-size:14px}.evening-side{display:flex;flex-direction:column;gap:20px}.night-card{padding:30px;background:linear-gradient(160deg,#f3e6d7 0,#d7dce1 100%);min-height:240px;position:relative;overflow:hidden}.night-card:before{content:"☾";position:absolute;font:100px var(--serif);right:30px;top:45px;color:#fff1c6;text-shadow:0 0 35px rgba(255,235,175,.8)}.night-card h3{font:500 32px var(--serif);margin:0 0 10px;position:relative}.night-card p{max-width:260px;color:#665c56;position:relative;line-height:1.5}
/* Diary */
.diary-page{display:flex;flex-direction:column;gap:18px}.diary-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.filter-row{display:flex;gap:8px}.filter-chip{border:1px solid rgba(91,118,90,.28);background:#fffaf4;color:#5f735f;border-radius:999px;padding:10px 16px}.filter-chip.active{background:#607c5f;color:white;border-color:#607c5f}.diary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journal-card{padding:22px;min-height:230px}.journal-date{font:500 23px var(--serif);margin-bottom:14px;display:flex;justify-content:space-between;gap:10px}.journal-lines{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1}.journal-line{display:grid;grid-template-columns:150px 1fr;gap:10px;padding-top:8px;border-top:1px solid rgba(112,92,73,.12)}.journal-line strong{font:600 15px var(--serif)}.journal-line span{color:#75675d;font-size:14px;line-height:1.4}.journal-actions{margin-top:18px;display:flex;gap:8px;position:relative;z-index:2}.small-btn{border:1px solid rgba(92,117,91,.28);background:#fffaf4;color:#5f735f;border-radius:12px;padding:8px 12px;font-size:13px}.small-btn.danger{border-color:rgba(181,93,75,.3);color:#a75f51}
/* Modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(53,47,42,.34);backdrop-filter:blur(3px);z-index:60}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:61;width:min(680px,calc(100vw - 30px));max-height:min(820px,calc(100vh - 30px));overflow:auto;background:#fffaf4;border:1px solid rgba(107,85,64,.14);border-radius:28px;box-shadow:0 35px 90px rgba(50,40,30,.28);padding:30px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#7c6b60;font-size:32px;line-height:1}.modal h2{font:500 34px var(--serif);margin:0 42px 10px 0}.modal h3{font:500 23px var(--serif)}.modal p{color:#6f6259;line-height:1.55}.hard-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.hard-option{border:1px solid rgba(112,92,73,.12);background:#fffdf9;border-radius:17px;padding:14px;text-align:left;color:#4a564d}.hard-option:hover{background:#f3f0e7}.response-card{padding:18px;border-radius:18px;background:linear-gradient(145deg,#edf1e8,#f9eee5);margin-top:15px}.install-steps{padding-left:22px;color:#6d6057;line-height:1.6}.settings-form{display:grid;gap:16px}.settings-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(112,92,73,.1)}
.feedback-intro{margin-top:0}
.feedback-form{display:grid;gap:16px;margin-top:18px}
.feedback-fieldset{border:0;padding:0;margin:0}
.feedback-fieldset legend,.feedback-message-label{font:600 17px/1.35 var(--serif);color:#4a5c4d;margin-bottom:10px}
.feedback-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.feedback-types label{position:relative;cursor:pointer}
.feedback-types input{position:absolute;opacity:0;pointer-events:none}
.feedback-types span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid rgba(112,92,73,.14);border-radius:14px;background:#fffdf9;color:#6e6259;text-align:center;transition:.15s}
.feedback-types input:checked+span{border-color:#6f896e;background:#edf2e8;color:#46604a;box-shadow:0 0 0 2px rgba(111,137,110,.10)}
.feedback-form textarea{width:100%;min-height:150px;resize:vertical;border:1px solid rgba(112,92,73,.16);border-radius:16px;padding:14px;background:#fffdf9;color:var(--ink);line-height:1.5}
.feedback-privacy{margin:0!important;font-size:13px!important;color:#89786d!important}
.feedback-status{min-height:18px;color:#a45f4f;font-size:13px;line-height:1.4}
.feedback-submit{width:100%}
.feedback-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#3f5544;color:white;padding:11px 16px;border-radius:999px;z-index:80;transition:.25s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
.bottom-nav{display:none}
@media(max-width:1100px){
  .app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{width:185px;padding-inline:14px}.brand-title{font-size:26px}.nav-item{padding-inline:10px}.sidebar-install{font-size:13px}.main-area{padding-inline:26px}.diary-list{grid-template-columns:1fr 1fr}.room-card{min-height:560px}.room-stage{min-height:560px}
}
@media(max-width:840px){
  body{padding-bottom:78px}.app-shell{display:block}.sidebar{display:none}.main-area{padding:22px 14px 24px;max-width:680px}.topbar{align-items:center;margin-bottom:18px}.topbar h1{font-size:40px;margin-top:6px}.date-line{font-size:14px;margin-top:4px}.mobile-brand-row{display:block}.mobile-brand{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#405845;font:500 24px var(--serif);padding:0}.header-actions{margin-top:0}.icon-btn{width:42px;height:42px}.page-grid,.support-grid{grid-template-columns:1fr}.quote-card{min-height:355px;padding:28px 22px}.botanical{width:100px;height:120px;left:8px}.quote-text{font-size:34px;line-height:1.36}.quote-label{font-size:13px;letter-spacing:3px}.quote-author{font-size:19px}.mood-card{padding:20px}.mood-grid{grid-template-columns:repeat(3,1fr);gap:10px}.mood{min-height:110px;padding:12px 6px;border-radius:18px}.mood-name{font-size:14px}.mood-icon{font-size:31px}.small-care{grid-template-columns:115px 1fr;padding:16px}.care-art{height:100px}.small-care h3{font-size:23px}.small-care p{font-size:15px}.action-row{grid-template-columns:1fr 1fr}.primary-btn,.secondary-btn,.ghost-btn{padding:14px 12px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,252,247,.95);backdrop-filter:blur(12px);border-top:1px solid rgba(113,91,70,.12);padding:max(8px,env(safe-area-inset-bottom)) 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(75,61,46,.09)}.bottom-item{border:0;background:transparent;color:#8b7869;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px;font-size:23px}.bottom-item small{font-size:11px}.bottom-item.active{color:#527052}.install-top{display:inline-grid;place-items:center}.cabinet-layout,.breathe-layout,.evening-grid{grid-template-columns:1fr}.room-card,.room-stage{min-height:520px}.room-tag{font-size:12px;padding:7px 8px}.choice-grid{grid-template-columns:repeat(4,1fr)}.breathe-layout{gap:14px}.breath-card{padding:22px}.breath-circle-wrap{height:300px}.diary-list{grid-template-columns:1fr}.journal-line{grid-template-columns:120px 1fr}.hard-options{grid-template-columns:1fr}.modal{padding:25px 18px}.desktop-diary-link{display:none}.install-btn{font-size:14px}
}
@media(max-width:430px){
 .main-area{padding-inline:10px}.topbar h1{font-size:35px}.quote-card{min-height:330px}.quote-text{font-size:29px}.quote-author{font-size:17px}.mood-grid{gap:8px}.mood{min-height:98px}.mood-name{font-size:13px}.small-care{grid-template-columns:95px 1fr;gap:12px}.care-art{height:92px}.small-care h3{font-size:21px}.action-row{grid-template-columns:1fr}.room-card,.room-stage{min-height:500px}.choice-grid{grid-template-columns:repeat(2,1fr)}.journal-field label{font-size:18px}.bottom-item small{font-size:10px}.preview-item{grid-template-columns:1fr auto}.preview-date{grid-column:1/2}.preview-text{grid-column:1/2}.preview-open{grid-column:2/3;grid-row:1/3}.journal-line{grid-template-columns:1fr}.journal-line strong{margin-bottom:-5px}
}

@media (max-width: 1024px){.brand-mark{width:64px;height:64px}.room-links{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 767px){.room-card{padding:12px}.room-links{grid-template-columns:1fr 1fr}.mobile-brand{align-items:center}.mobile-brand .brand-mark.small{width:38px;height:38px;border-radius:10px}}
@media (max-width: 520px){.room-links{grid-template-columns:1fr}.brand-title{font-size:28px}}


/* v9 simplification and clearer UX */
.sidebar{display:flex;flex-direction:column;min-height:100vh}
.side-nav{display:flex;flex-direction:column;gap:10px}
.sidebar-install{margin-top:14px;position:static;z-index:auto}
.sidebar-feedback{width:100%;margin-top:8px;padding:8px 10px;border:0;background:transparent;color:#8a786a;font-size:12px;line-height:1.35;text-align:center;text-decoration:underline;text-decoration-color:rgba(138,120,106,.32);text-underline-offset:3px}
.sidebar-feedback:hover{color:#566f58;text-decoration-color:rgba(86,111,88,.55)}
.sidebar-still-life{position:relative;left:auto;bottom:auto;margin-top:auto;padding-top:24px}
.desktop-diary-link{display:flex}

.quote-card{overflow:hidden;background:linear-gradient(135deg,#fffdfa,#f8f2e7)}
.quote-card::before{content:"";position:absolute;right:18px;top:18px;bottom:18px;width:32%;background:linear-gradient(180deg,rgba(255,251,245,.75),rgba(255,251,245,.55)), url('./assets/cabinet-main-v8.png') center/cover no-repeat;border-radius:28px;opacity:.55;box-shadow:inset 0 0 0 1px rgba(112,92,73,.08)}
.quote-card:after{right:4%;bottom:6%;width:170px;height:170px;opacity:.6}
.quote-text,.quote-author,.quote-label,.quote-actions,.botanical{position:relative;z-index:1}
.quote-text{max-width:72%;text-align:left;font-size:60px;line-height:1.14}
.quote-author{text-align:left;max-width:70%}
.quote-label{text-align:left}
.botanical{left:18px;top:auto;bottom:16px;transform:rotate(-6deg) scale(.9);opacity:.55}

.today-grid{align-items:start}
.section-help{margin:4px 0 14px;color:#85776c;line-height:1.45}
.mood-followup{margin-top:16px;padding:16px 18px;border-radius:18px;background:linear-gradient(145deg,#f4efe5,#fffdf9);border:1px solid rgba(112,92,73,.10);display:none}
.mood-followup.show{display:block}
.mood-followup h3{margin:0 0 8px;font:500 26px/1.18 var(--serif);color:#485f4e}
.mood-followup p{margin:0;color:#6f635a;line-height:1.55}
.mood-actions,.mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.today-soft-card{grid-template-columns:130px 1fr}
.today-soft-card .cozy{background:linear-gradient(180deg,#f1e3cf,#f7f2ea);border-radius:24px;position:relative;overflow:hidden}
.today-soft-card .cozy:before{content:"";position:absolute;inset:10px;background:url('./assets/brand-icon-v8.png') center/contain no-repeat;opacity:.92}
.compact{grid-template-columns:1fr 1fr}
.diary-cta .section-help,.simplified-panel .section-help{margin-bottom:10px}
.diary-start-card{padding:22px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.diary-start-actions{display:flex;gap:10px;flex-wrap:wrap}

.simplified-cabinet{grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);gap:20px}
.interactive-room{padding:20px;background:linear-gradient(180deg,#fff9f1,#f4ebde)}
.cabinet-headline{margin-bottom:10px}
.cabinet-headline .section-title{margin-bottom:6px}
.cabinet-headline .section-help{margin:0}
.room-scene-frame{position:relative;overflow:hidden;border-radius:30px;background:#eadfce;box-shadow:0 22px 40px rgba(89,71,50,.12)}
.room-scene-image{display:block;width:100%;height:auto}
.scene-overlay{position:absolute;inset:0;pointer-events:none}
.scene-overlay.tone-sage{background:rgba(127,149,120,.08)}
.scene-overlay.tone-blue{background:rgba(122,153,175,.11)}
.scene-overlay.tone-terra{background:rgba(196,139,104,.09)}
.window-change,.plant-change,.cup-change,.notebook-change{position:absolute;pointer-events:none;transition:.25s ease}
.window-change{left:11%;top:14%;width:23%;height:27%;border-radius:4px;box-shadow:inset 0 0 0 8px rgba(249,244,236,.95), inset 0 0 0 10px rgba(201,183,161,.42);overflow:hidden}
.window-change.autumn{background:linear-gradient(180deg,#cbd6df 0 52%,#b6c899 53% 100%)}
.window-change.winter{background:linear-gradient(180deg,#dbe7ef 0 60%,#f8fbfd 61% 100%)}
.window-change.spring{background:linear-gradient(180deg,#d7e8ef 0 45%,#b9dba1 46% 100%)}
.window-change.summer{background:linear-gradient(180deg,#cfe8f4 0 45%,#8dc26c 46% 100%)}
.window-change:before,.window-change:after{content:"";position:absolute;background:rgba(244,236,227,.95)}
.window-change:before{left:48%;top:0;bottom:0;width:4px}.window-change:after{left:0;right:0;top:49%;height:4px}
.plant-change{right:15.5%;top:17.5%;width:10%;height:16%}
.plant-change:before{content:"";position:absolute;left:24%;right:24%;bottom:0;height:20%;background:#cbb392;border-radius:0 0 18px 18px}
.plant-change:after{content:"";position:absolute;left:50%;bottom:18%;width:2px;height:38%;background:#6f8668}
.plant-change.fern .leaf,.plant-change.olive .leaf,.plant-change.ficus .leaf{position:absolute;display:block;background:#748d68;border-radius:100% 0 100% 0}
.plant-change.fern .leaf{width:22px;height:12px}
.plant-change.olive .leaf{width:18px;height:8px}
.plant-change.ficus .leaf{width:18px;height:18px;border-radius:60%}
.cup-change{left:55%;top:57%;width:7%;height:8%;background:#efe5d8;border:2px solid #b8a08a;border-radius:50% 50% 48% 48%;box-shadow:0 6px 10px rgba(86,67,46,.12)}
.cup-change:after{content:"";position:absolute;right:-16%;top:22%;width:22%;height:32%;border:2px solid #b8a08a;border-left:0;border-radius:0 50% 50% 0}
.cup-change.ribbed{background:repeating-linear-gradient(90deg,#efe3d5 0 4px,#e2d1bf 4px 6px)}
.cup-change.glass{background:rgba(232,243,246,.55);border-color:#a4b7bb}
.notebook-change{left:71%;top:59%;width:11%;height:8%;border-radius:6px;transform:rotate(-8deg);box-shadow:0 8px 14px rgba(86,67,46,.10)}
.notebook-change.sage{background:#8b9b82}
.notebook-change.linen{background:#e7dccf}
.notebook-change.terra{background:#cb9275}
.cabinet-hotspot{position:absolute;border:0;background:transparent;padding:0;display:grid;place-items:center}
.cabinet-hotspot span{background:rgba(255,251,245,.92);border:1px solid rgba(112,92,73,.14);box-shadow:0 10px 20px rgba(81,63,44,.08);padding:8px 12px;border-radius:999px;color:#62564d;font:500 15px/1.1 var(--serif);transition:.18s ease}
.cabinet-hotspot:hover span{transform:translateY(-2px);background:#fffdfa}
.hs-window{left:7%;top:36%}.hs-chair{left:13%;bottom:16%}.hs-shelf{right:8%;top:16%}.hs-table{left:47%;bottom:21%}.hs-lamp{right:13%;top:45%}.hs-basket{left:61%;bottom:7%}
.cabinet-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.cabinet-actions-panel{padding:24px}
.cabinet-actions-list{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.cabinet-action{border:1px solid rgba(112,92,73,.12);background:#fffaf4;padding:14px 16px;border-radius:18px;text-align:left;color:#5f554d}
.cabinet-action strong{display:block;font:500 21px/1.25 var(--serif);margin-bottom:4px;color:#49604a}
.cabinet-action small{display:block;color:#8a786a;line-height:1.45}

@media(max-width:1100px){
  .quote-text{font-size:50px;max-width:68%}
  .simplified-cabinet{grid-template-columns:1fr}
}
@media(max-width:840px){
  .quote-card::before{width:28%;right:14px;top:14px;bottom:14px}
  .quote-text{font-size:38px;max-width:100%;padding-right:24%}
  .quote-author{max-width:100%;padding-right:22%}
  .compact,.diary-start-card{display:block}
  .diary-start-actions{margin-top:14px}
  .cabinet-hotspot span{font-size:13px;padding:7px 10px}
  .cabinet-actions-panel{padding:20px}
}
@media(max-width:560px){
  .quote-card::before{display:none}
  .quote-text,.quote-author{max-width:100%;padding-right:0}
  .mood-actions,.mini-actions,.cabinet-bottom-actions,.diary-start-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hs-window{left:5%;top:33%}.hs-chair{left:10%;bottom:15%}.hs-shelf{right:5%;top:14%}.hs-table{left:42%;bottom:20%}.hs-lamp{right:10%;top:44%}.hs-basket{left:54%;bottom:6%}
  .cabinet-hotspot span{font-size:12px;padding:6px 9px}
}

.plant-change .l1{left:12%;bottom:38%;transform:rotate(-28deg)}
.plant-change .l2{left:28%;bottom:54%;transform:rotate(18deg)}
.plant-change .l3{left:47%;bottom:38%;transform:rotate(-12deg)}
.plant-change .l4{left:56%;bottom:57%;transform:rotate(24deg)}
.plant-change .l5{left:34%;bottom:70%;transform:rotate(-8deg)}

.diary-section{margin-top:18px}.diary-section-title{font:500 26px/1.2 var(--serif);color:#4f5f4f;margin:0 0 12px}.quick-note-card .journal-line strong{min-width:120px}


/* v11 cabinet cleanup: no schematic overlays */
.window-change,.plant-change,.cup-change,.notebook-change{display:none !important}
.scene-overlay{position:absolute;inset:0;pointer-events:none}
.scene-overlay.tone-cream{background:transparent}
.scene-overlay.tone-sage{background:rgba(118,142,113,.09)}
.scene-overlay.tone-blue{background:rgba(128,154,173,.10)}
.scene-overlay.tone-terra{background:rgba(192,134,101,.10)}
.cabinet-headline .section-help{max-width:900px}
.room-scene-frame{overflow:hidden;border-radius:30px}
.cabinet-hotspot span{padding:9px 14px;border-radius:999px;background:rgba(255,251,246,.94);border:1px solid rgba(112,92,73,.13);box-shadow:0 8px 18px rgba(83,64,46,.11);font:500 17px/1.1 var(--serif)}
.hs-window{left:8%;top:37%}
.hs-chair{left:12%;bottom:14%}
.hs-shelf{right:10%;top:16%}
.hs-hard{left:50%;top:58%;transform:translateX(-50%)}
.hs-lamp{left:74%;top:46%}
.hs-diary{left:63%;top:53%}
@media(max-width:840px){
  .cabinet-hotspot span{font-size:14px;padding:7px 11px}
  .hs-window{left:7%;top:35%}
  .hs-chair{left:9%;bottom:13%}
  .hs-shelf{right:6%;top:14%}
  .hs-hard{left:50%;top:60%}
  .hs-lamp{left:73%;top:45%}
  .hs-diary{left:60%;top:54%}
}
@media(max-width:560px){
  .cabinet-hotspot span{font-size:12px;padding:6px 9px}
  .hs-window{left:6%;top:33%}
  .hs-chair{left:8%;bottom:12%}
  .hs-shelf{right:5%;top:13%}
  .hs-hard{left:50%;top:61%}
  .hs-lamp{left:71%;top:44%}
  .hs-diary{left:58%;top:54%}
}


/* v12 cabinet personalization without schematic icons */
.window-tint,.plant-tint,.cup-tint,.notebook-tint,.throw-tint,.pillow-tint{position:absolute;pointer-events:none;mix-blend-mode:multiply;opacity:.38;filter:saturate(1.08)}
.window-tint{left:7.8%;top:14.2%;width:24.2%;height:27.8%;border-radius:12px;mix-blend-mode:screen;opacity:.48;filter:blur(.2px) saturate(1.05)}
.window-tint.season-autumn{background:linear-gradient(180deg,rgba(208,225,242,.72) 0 52%,rgba(212,229,244,.62) 53% 60%,rgba(206,186,118,.24) 61% 100%)}
.window-tint.season-winter{background:linear-gradient(180deg,rgba(224,236,248,.86) 0 56%,rgba(245,249,252,.9) 57% 100%)}
.window-tint.season-spring{background:linear-gradient(180deg,rgba(215,234,242,.78) 0 49%,rgba(182,214,150,.28) 50% 100%)}
.window-tint.season-summer{background:linear-gradient(180deg,rgba(199,229,246,.82) 0 47%,rgba(132,186,96,.3) 48% 100%)}
.plant-tint{right:2.3%;top:8.8%;width:18%;height:24%;border-radius:26px;filter:blur(1px)}
.plant-tint.plant-fern{background:rgba(88,121,73,.34)}
.plant-tint.plant-olive{background:rgba(132,144,96,.30)}
.plant-tint.plant-ficus{background:rgba(74,110,63,.34)}
.cup-tint{left:52.7%;top:53.5%;width:6.1%;height:7.4%;border-radius:50% 50% 44% 44%;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset}
.cup-tint.cup-speckled{background:rgba(214,199,183,.40)}
.cup-tint.cup-ribbed{background:linear-gradient(90deg,rgba(214,194,177,.42),rgba(196,175,156,.48),rgba(214,194,177,.42))}
.cup-tint.cup-glass{background:rgba(196,219,227,.28);mix-blend-mode:screen;opacity:.55}
.notebook-tint{left:66.7%;top:56.2%;width:13.2%;height:8.3%;border-radius:10px;transform:rotate(-8deg)}
.notebook-tint.notebook-sage{background:rgba(122,145,111,.42)}
.notebook-tint.notebook-linen{background:rgba(226,212,193,.48)}
.notebook-tint.notebook-terra{background:rgba(194,143,111,.42)}
.throw-tint{left:1.8%;bottom:9.4%;width:29%;height:33%;border-radius:20% 30% 22% 26%;transform:rotate(-7deg);filter:blur(1px)}
.throw-tint.throw-sage{background:rgba(105,129,98,.34)}
.throw-tint.throw-linen{background:rgba(208,190,163,.32)}
.throw-tint.throw-terra{background:rgba(183,135,109,.30)}
.throw-tint.throw-blue{background:rgba(132,154,177,.30)}
.pillow-tint{left:9%;bottom:25.8%;width:18.8%;height:14.6%;border-radius:36%}
.pillow-tint.pillow-sage{background:rgba(114,137,104,.30)}
.pillow-tint.pillow-linen{background:rgba(206,189,167,.28)}
.pillow-tint.pillow-terra{background:rgba(186,138,112,.28)}
.pillow-tint.pillow-blue{background:rgba(137,160,183,.28)}
.setting-group{margin-top:12px}.setting-group h3{margin:0 0 10px;font:500 21px/1.2 var(--serif);color:#4d5e4d}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.choice{border:1px solid rgba(112,92,73,.15);background:#fffaf4;border-radius:14px;padding:10px 8px;color:#75665b;text-align:center}.choice.selected{border-color:#718d70;box-shadow:0 0 0 2px rgba(113,141,112,.16);color:#49604a;background:#eff3e9}.swatch{height:30px;border-radius:9px;margin-bottom:6px}.swatch.cream{background:#f3eadc}.swatch.sage{background:#cbd7bf}.swatch.blue{background:#c9dbe1}.swatch.terra{background:#d79a78}
.diary-toolbar{justify-content:flex-start}
@media(max-width:840px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.choice-grid{grid-template-columns:1fr 1fr}}


/* v12 settings and realistic cabinet customization */
.settings-section{padding-top:8px;margin-top:10px;border-top:1px solid rgba(112,92,73,.12)}
.settings-section:first-of-type{padding-top:0;margin-top:0;border-top:0}
.settings-section h3{font:500 24px/1.2 var(--serif);color:#49604a;margin:0 0 8px}
.settings-help{margin:0 0 14px;color:#837567;line-height:1.5}
.settings-actions{display:flex;gap:10px;flex-wrap:wrap}

/* restore overlays as subtle realistic tints */
.window-change,.plant-change,.cup-change,.notebook-change{display:none !important}
.cab-tint{position:absolute;pointer-events:none;mix-blend-mode:multiply;opacity:.78}
.scene-overlay{position:absolute;inset:0;pointer-events:none}
.scene-overlay.tone-cream{background:transparent}
.scene-overlay.tone-sage{background:rgba(133,154,124,.08)}
.scene-overlay.tone-blue{background:rgba(129,154,176,.10)}
.scene-overlay.tone-terra{background:rgba(194,140,106,.09)}
.window-view{left:8.6%;top:15%;width:24.8%;height:29%;border-radius:6px;mix-blend-mode:normal;opacity:.95;overflow:hidden;box-shadow:inset 0 0 0 5px rgba(245,239,231,.85), inset 0 0 0 7px rgba(191,176,159,.35)}
.window-view::before,.window-view::after{content:"";position:absolute;background:rgba(244,237,229,.95)}
.window-view::before{left:49%;top:0;bottom:0;width:3px}.window-view::after{left:0;right:0;top:49.5%;height:3px}
.window-view.autumn{background:linear-gradient(180deg,#d8e5ef 0 50%,#bfd0da 51% 55%,#b4c89f 56% 100%)}
.window-view.winter{background:linear-gradient(180deg,#dfeaf4 0 58%,#eef6fb 59% 100%)}
.window-view.spring{background:linear-gradient(180deg,#dceaf1 0 47%,#c4ddb1 48% 100%)}
.window-view.summer{background:linear-gradient(180deg,#d2eaf6 0 45%,#8fbe70 46% 100%)}
.cup-tint{left:52.8%;top:52.6%;width:6.4%;height:7%;border-radius:50% 50% 44% 44%;box-shadow:0 1px 5px rgba(0,0,0,.08)}
.cup-tint.ceramic{background:rgba(228,214,191,.65)}
.cup-tint.olive{background:rgba(123,137,109,.55)}
.cup-tint.glass{background:rgba(190,214,223,.32);mix-blend-mode:screen;border:1px solid rgba(255,255,255,.35)}
.notebook-tint{left:68.3%;top:59.1%;width:12.4%;height:7.2%;border-radius:8px;transform:rotate(-8deg);box-shadow:0 2px 7px rgba(0,0,0,.06)}
.notebook-tint.sage{background:rgba(122,142,116,.62)}
.notebook-tint.linen{background:rgba(224,211,196,.65)}
.notebook-tint.terra{background:rgba(193,137,105,.60)}
.plant-tint{right:7.2%;top:8.5%;width:11%;height:20%;background:none;mix-blend-mode:multiply;opacity:.68}
.plant-tint::before{content:"";position:absolute;inset:0;border-radius:18px;background:rgba(95,130,88,.28)}
.plant-tint.fern::before{clip-path:polygon(20% 18%,55% 0,80% 20%,75% 55%,100% 60%,88% 100%,45% 95%,10% 85%,0 35%)}
.plant-tint.olive::before{background:rgba(128,143,109,.28);clip-path:polygon(18% 14%,55% 4%,86% 22%,78% 55%,100% 66%,85% 100%,42% 96%,8% 80%,0 28%)}
.plant-tint.ivy::before{background:rgba(82,112,82,.34);clip-path:polygon(10% 10%,60% 0,95% 25%,80% 52%,100% 72%,78% 100%,35% 92%,0 76%,6% 34%)}
.throw-tint{left:6.5%;top:63.5%;width:28%;height:22%;border-radius:0 0 28px 28px;clip-path:polygon(6% 5%,100% 0,86% 88%,36% 98%,0 70%)}
.throw-tint.olive{background:rgba(114,128,103,.38)}
.throw-tint.sand{background:rgba(181,163,135,.36)}
.throw-tint.rose{background:rgba(168,134,129,.34)}
.throw-tint.blue{background:rgba(133,148,163,.34)}
.pillow-tint{left:12.2%;top:56.6%;width:16%;height:12%;border-radius:28px;transform:rotate(-8deg)}
.pillow-tint.linen{background:rgba(212,205,191,.36)}
.pillow-tint.olive{background:rgba(122,134,108,.36)}
.pillow-tint.rose{background:rgba(181,146,143,.34)}
.pillow-tint.blue{background:rgba(144,160,172,.34)}

@media(max-width:840px){
  .settings-actions{display:grid;grid-template-columns:1fr;}
}


/* v13: 4 gentle cards for "Мне тяжело" */
.hard-modal-head h2{margin-bottom:8px}
.hard-modal-head p{margin:0 0 18px;color:#786b61;line-height:1.5}
.hard-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hard-card{border:1px solid rgba(112,92,73,.12);border-radius:22px;padding:18px 19px;background:linear-gradient(145deg,#fffdf9,#f8f2e9);box-shadow:0 10px 26px rgba(89,71,50,.07)}
.hard-card.breathing{background:linear-gradient(145deg,#f2f6f0,#fffdf9)}
.hard-card.body{background:linear-gradient(145deg,#f8f1e8,#fffdf9)}
.hard-card.switch{background:linear-gradient(145deg,#eef3f4,#fffdf9)}
.hard-card.self{background:linear-gradient(145deg,#f8eeee,#fffdf9)}
.hard-card-label{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:#8b7667;margin-bottom:11px}
.hard-card-label span{font-size:19px;color:#6d846b}
.hard-card h3{font:500 24px/1.18 var(--serif);color:#465c4b;margin:0 0 9px}
.hard-card p{margin:0;color:#6d625a;line-height:1.58;font-size:15px}
.hard-modal-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.breath-note{font-size:12px!important;color:#97877a!important;margin:15px 0 0!important;line-height:1.45!important}
@media(max-width:680px){.hard-card-grid{grid-template-columns:1fr}.hard-card h3{font-size:22px}.hard-card{padding:16px}}

/* v15: real visual cabinet personalization */
.room-scene-frame,.settings-cabinet-preview{position:relative;overflow:hidden}
.cabinet-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:3}
.layer-season{z-index:1}
.layer-plant,.layer-cup,.layer-notebook{z-index:4}
.layer-throw,.layer-pillow{z-index:5;mix-blend-mode:multiply}
.scene-overlay{z-index:2}
.cabinet-hotspot{z-index:10}
.settings-cabinet-preview{width:min(100%,560px);aspect-ratio:872/879;margin:12px auto 22px;border-radius:22px;box-shadow:0 12px 30px rgba(80,61,43,.12);background:#eadfce}
.settings-cabinet-preview>img:first-child{display:block;width:100%;height:100%;object-fit:cover}
.settings-cabinet-preview .cabinet-layer{display:block}
.settings-done{width:100%;margin-top:18px}
@media(max-width:640px){.settings-cabinet-preview{width:100%;border-radius:18px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v16: ready-made cabinet presets — whole-scene images, no schematic overlays */
.cabinet-page-simple{max-width:1080px;margin:0 auto}
.interactive-room{padding:22px;background:linear-gradient(180deg,#fffaf3,#f4eadc)}
.cabinet-headline{margin-bottom:14px}
.cabinet-headline .section-title{margin-bottom:6px}
.cabinet-headline .section-help{margin:0;max-width:820px}
.room-scene-frame{position:relative;overflow:hidden;border-radius:30px;background:#e8ddcf;box-shadow:0 24px 50px rgba(75,57,41,.14)}
.room-scene-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.cabinet-layer,.scene-overlay,.cab-tint,.window-change,.plant-change,.cup-change,.notebook-change,.settings-cabinet-preview{display:none!important}
.cabinet-hotspot{position:absolute;z-index:10;border:0;background:transparent;padding:0}
.cabinet-hotspot span{display:block;background:rgba(255,251,245,.94);backdrop-filter:blur(6px);border:1px solid rgba(103,82,62,.14);box-shadow:0 8px 18px rgba(72,53,37,.12);padding:9px 14px;border-radius:999px;color:#5f564e;font:500 16px/1.1 var(--serif);transition:transform .18s ease,background .18s ease}
.cabinet-hotspot:hover span{transform:translateY(-2px);background:#fffdf8}
.hs-window{left:7%;top:34%}
.hs-chair{left:9%;bottom:15%}
.hs-shelf{right:8%;top:14%}
.hs-lamp{right:30%;top:34%}
.hs-diary{right:22%;top:54%}
.hs-hard,.hs-table,.hs-basket{display:none!important}
.cabinet-footer-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 2px 0;flex-wrap:wrap}
.cabinet-current{display:flex;flex-direction:column;gap:2px;color:#675b52}
.cabinet-current small{font-size:12px;color:#948276;text-transform:uppercase;letter-spacing:.08em}
.cabinet-current strong{font:500 22px/1.15 var(--serif);color:#465c4b}
.cabinet-footer-actions{display:flex;gap:10px;flex-wrap:wrap}

.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.preset-card{position:relative;border:1px solid rgba(112,92,73,.14);background:#fffaf4;border-radius:18px;padding:7px;text-align:left;color:#5f554d;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.preset-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(73,56,42,.09)}
.preset-card.selected{border-color:#6d866c;box-shadow:0 0 0 2px rgba(109,134,108,.15)}
.preset-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;margin-bottom:8px}
.preset-card span{display:block;padding:0 4px 4px;font:500 17px/1.25 var(--serif);color:#4b5e4d}
.preset-card b{position:absolute;right:14px;top:14px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#617a60;color:#fff;font-size:15px;box-shadow:0 5px 12px rgba(52,72,51,.22)}
.preset-modal-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f4efe6;color:#807266;font-size:14px;line-height:1.45}
.settings-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.modal{width:min(840px,calc(100vw - 30px))}

@media(max-width:840px){
  .cabinet-page-simple{max-width:680px}
  .interactive-room{padding:14px}
  .cabinet-footer-bar{align-items:flex-start;flex-direction:column}
  .cabinet-footer-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .cabinet-footer-actions .secondary-btn{grid-column:1/-1}
  .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cabinet-hotspot span{font-size:13px;padding:7px 10px}
  .hs-window{left:5%;top:32%}.hs-chair{left:6%;bottom:13%}.hs-shelf{right:5%;top:13%}.hs-lamp{right:25%;top:33%}.hs-diary{right:16%;top:54%}
}
@media(max-width:480px){
  .preset-grid{grid-template-columns:1fr 1fr;gap:8px}
  .preset-card{padding:5px;border-radius:14px}.preset-card img{border-radius:10px}.preset-card span{font-size:14px}.preset-card b{right:9px;top:9px;width:23px;height:23px}
  .cabinet-footer-actions{grid-template-columns:1fr}
  .cabinet-footer-actions .secondary-btn{grid-column:auto}
  .cabinet-hotspot span{font-size:11px;padding:6px 8px}
  .hs-window{left:4%;top:31%}.hs-chair{left:5%;bottom:11%}.hs-shelf{right:4%;top:12%}.hs-lamp{right:22%;top:32%}.hs-diary{right:12%;top:54%}
}

/* v17: six genuinely different full-room presets */
.hs-window{left:9%;top:31%}
.hs-chair{left:10%;bottom:13%}
.hs-shelf{right:9%;top:14%}
.hs-lamp{right:27%;top:36%}
.hs-diary{right:20%;top:59%}
@media(max-width:840px){.hs-window{left:7%;top:30%}.hs-chair{left:7%;bottom:12%}.hs-shelf{right:6%;top:13%}.hs-lamp{right:24%;top:35%}.hs-diary{right:16%;top:59%}}
@media(max-width:480px){.hs-window{left:5%;top:29%}.hs-chair{left:5%;bottom:10%}.hs-shelf{right:4%;top:12%}.hs-lamp{right:20%;top:34%}.hs-diary{right:12%;top:59%}}

/* v21 — phone-first adaptation */
.cabinet-mobile-actions{display:none}

@media (max-width:840px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#fbf6ef}
  .app-shell{display:block;min-height:100dvh}
  .sidebar{display:none!important}
  .main-area{padding:14px 12px 24px;max-width:720px;margin:0 auto;width:100%}
  .view{min-width:0;width:100%}

  .topbar{position:sticky;top:0;z-index:25;margin:0 -12px 14px;padding:10px 12px 12px;background:rgba(251,246,239,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(112,92,73,.08);align-items:center}
  .mobile-brand-row{display:block;margin-bottom:5px}
  .mobile-brand{padding:0;gap:8px;font-size:20px}
  .mobile-brand .brand-mark.small{width:34px;height:34px;border-radius:10px}
  .topbar h1{font-size:clamp(32px,9vw,42px);line-height:1;margin:2px 0 0;letter-spacing:-.02em}
  .date-line{font-size:13px;margin:5px 0 0}
  .header-actions{gap:7px}
  .header-actions .install-top{display:none!important}
  .icon-btn{width:42px;height:42px;min-width:42px;border-radius:50%;font-size:18px}

  .page-grid,.support-grid,.cabinet-layout,.breathe-layout,.evening-grid{display:grid;grid-template-columns:1fr!important;gap:14px}
  .stack{gap:14px}
  .card{border-radius:22px;box-shadow:0 10px 28px rgba(83,65,47,.08)}
  .section-title{font-size:28px;line-height:1.12}
  .section-help{font-size:15px;line-height:1.45}

  .quote-card{min-height:auto;padding:24px 18px 22px;text-align:left}
  .quote-card::before{display:none!important}
  .quote-card:after{width:130px;height:130px;right:-15px;bottom:-30px;opacity:.38}
  .quote-label{text-align:left;font-size:12px;letter-spacing:2.4px}
  .quote-text{max-width:100%!important;padding:0!important;font-size:clamp(30px,8.6vw,40px);line-height:1.22;text-align:left;margin:24px 0 12px}
  .quote-author{max-width:100%!important;padding:0!important;text-align:left;font-size:18px}
  .quote-actions{justify-content:flex-start}
  .botanical{opacity:.28;width:80px;height:95px;left:auto;right:10px;bottom:10px}

  .mood-card{padding:18px}
  .mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mood{min-height:92px;padding:12px 8px;border-radius:17px}
  .mood-icon{font-size:28px}
  .mood-name{font-size:14px;line-height:1.2}
  .mood-followup{padding:15px;border-radius:16px}
  .mood-followup h3{font-size:23px}
  .mood-actions,.mini-actions{display:grid!important;grid-template-columns:1fr;gap:8px}

  .small-care,.today-soft-card{display:grid!important;grid-template-columns:80px 1fr!important;gap:12px;padding:15px}
  .care-art{height:80px!important;border-radius:18px!important}
  .small-care h3{font-size:22px;margin-bottom:6px}
  .small-care p{font-size:14px;line-height:1.42}

  .diary-preview,.quick-panel{padding:18px}
  .diary-preview-header{align-items:center;margin-bottom:10px}
  .diary-preview-header h2,.quick-panel h2{font-size:27px}
  .action-row,.action-row.compact{display:grid!important;grid-template-columns:1fr;gap:9px}
  .primary-btn,.secondary-btn,.ghost-btn,.small-btn,.choice,.filter-chip{min-height:44px;font-size:15px}

  .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:rgba(255,252,247,.97);backdrop-filter:blur(16px);border-top:1px solid rgba(113,91,70,.12);padding:7px 3px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(75,61,46,.10)}
  .bottom-item{min-width:0;border:0;background:transparent;color:#8b7869;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 1px;font-size:20px;line-height:1;min-height:48px}
  .bottom-item small{font-size:9px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .bottom-item.active{color:#4f704f;font-weight:600}

  /* Cabinet: image stays clear; text hotspots are replaced by mobile action tiles */
  .interactive-room{padding:12px}
  .cabinet-headline{margin:2px 2px 10px}
  .cabinet-headline .section-title{font-size:27px}
  .room-scene-frame{border-radius:20px;box-shadow:0 14px 34px rgba(75,57,41,.12)}
  .room-scene-image{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
  .cabinet-hotspot{display:none!important}
  .cabinet-mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
  .cabinet-mobile-actions button{border:1px solid rgba(112,92,73,.13);background:#fffaf4;border-radius:15px;padding:10px 5px;min-height:64px;color:#5d5a50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
  .cabinet-mobile-actions button span{font-size:20px;color:#5b755b;line-height:1}
  .cabinet-mobile-actions button small{font-size:12px;line-height:1.12}
  .cabinet-footer-bar{padding-top:12px;gap:10px}
  .cabinet-current strong{font-size:20px}
  .cabinet-footer-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:8px}
  .cabinet-footer-actions button{width:100%}

  /* Settings become a comfortable mobile sheet */
  .modal-backdrop{backdrop-filter:blur(2px)}
  .modal{left:0;right:0;top:auto;bottom:0;transform:none;width:100%!important;max-width:none;max-height:92dvh;border-radius:24px 24px 0 0;padding:24px 14px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(50,40,30,.24);overscroll-behavior:contain}
  .modal-close{right:14px;top:10px;width:40px;height:40px;font-size:29px}
  .modal h2{font-size:30px;margin-right:48px;line-height:1.1}
  .modal h3{font-size:21px}
  .modal p{font-size:15px}
  .settings-section-head{display:block}
  .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .preset-card{border-radius:15px;padding:5px}
  .preset-card img{border-radius:11px;margin-bottom:6px;aspect-ratio:4/3}
  .preset-card span{font-size:14px;padding:0 3px 4px}
  .preset-card b{right:8px;top:8px;width:24px;height:24px}
  .preset-modal-note{font-size:13px;margin-top:10px}

  /* Breathe */
  .breath-card{padding:18px}
  .breath-circle-wrap{height:240px}
  .breath-circle{max-width:210px;max-height:210px}
  .timer{font-size:28px}
  .practice-list{gap:8px}
  .practice{padding:13px;border-radius:16px}

  /* Diary and evening */
  .diary-start-card{display:block!important;padding:18px}
  .diary-start-actions{display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:12px}
  .diary-toolbar{align-items:flex-start}
  .filter-row{width:100%;overflow:auto;padding-bottom:2px}
  .filter-chip{flex:0 0 auto}
  .diary-list{grid-template-columns:1fr!important;gap:12px}
  .journal-card{padding:17px;min-height:0}
  .journal-date{font-size:21px}
  .journal-line{grid-template-columns:1fr!important;gap:4px}
  .journal-line strong{font-size:14px;margin-bottom:0}
  .journal-line span{font-size:14px}
  .journal-actions{display:grid;grid-template-columns:1fr 1fr}
  .evening-grid{gap:12px}
  .journal-field{padding:16px}
  .journal-field label{font-size:19px!important}
  textarea,input{font-size:16px!important}

  /* Hard moment cards */
  .hard-card-grid{grid-template-columns:1fr!important;gap:10px}
  .hard-card{padding:15px;border-radius:17px}
  .hard-card h3{font-size:21px}
  .hard-modal-footer{display:grid!important;grid-template-columns:1fr;gap:8px}
}

@media (max-width:390px){
  .main-area{padding-left:9px;padding-right:9px}
  .topbar{margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}
  .topbar h1{font-size:31px}
  .mobile-brand{font-size:18px}
  .mood-grid{grid-template-columns:1fr 1fr}
  .cabinet-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bottom-item{font-size:18px}
  .bottom-item small{font-size:8.5px}
  .preset-grid{gap:7px}
  .preset-card span{font-size:13px}
}


/* v22 — mobile fixes: visible install button + active cabinet objects */
@media (max-width:840px){
  .header-actions .install-top{
    display:inline-grid!important;
    place-items:center;
  }

  /* The objects in the room remain tappable on phones. */
  .cabinet-hotspot{
    display:block!important;
    position:absolute;
    z-index:16;
    min-width:48px;
    min-height:44px;
    border:0;
    background:transparent;
    padding:0;
    touch-action:manipulation;
  }
  .cabinet-hotspot span{
    display:block!important;
    font-size:11px!important;
    line-height:1.05!important;
    padding:6px 8px!important;
    border-radius:999px!important;
    background:rgba(255,251,245,.92)!important;
    border:1px solid rgba(103,82,62,.14)!important;
    box-shadow:0 5px 14px rgba(72,53,37,.10)!important;
    backdrop-filter:blur(5px);
    white-space:nowrap;
  }
  .hs-window{left:6%!important;top:29%!important}
  .hs-chair{left:7%!important;bottom:12%!important}
  .hs-shelf{right:6%!important;top:12%!important}
  .hs-lamp{right:25%!important;top:34%!important}
  .hs-diary{right:15%!important;top:53%!important}
}
@media (max-width:480px){
  .cabinet-hotspot span{
    font-size:10px!important;
    padding:5px 7px!important;
  }
  .hs-window{left:4%!important;top:28%!important}
  .hs-chair{left:5%!important;bottom:10%!important}
  .hs-shelf{right:4%!important;top:11%!important}
  .hs-lamp{right:22%!important;top:33%!important}
  .hs-diary{right:12%!important;top:53%!important}
}

/* v44: small install QR beside the top install icon; hidden on mobile.
   A hard max-size prevents a stale/natural QR image size from stretching the topbar. */
.header-actions{align-items:center}
.header-install-qr{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  flex:0 0 64px!important;
  overflow:hidden;
  border:1px solid rgba(116,96,76,.16);
  border-radius:13px;
  background:rgba(255,253,248,.94);
  padding:4px;
  box-shadow:var(--shadow-sm);
  display:grid;
  place-items:center;
}
.header-install-qr img{
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  display:block;
  object-fit:contain;
}
.offline-note{margin-top:18px;padding:14px 16px;border-radius:15px;background:#eef1e7;color:#5d6f5d!important;border:1px solid rgba(95,123,95,.12)}
@media(min-width:841px) and (max-width:1100px){
  .header-install-qr{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;flex-basis:58px!important;padding:4px}
  .header-install-qr img{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}
}
@media(max-width:840px){
  .header-install-qr{display:none!important}
}
@media(min-width:841px) and (max-height:760px){.sidebar-still-life{display:none}}


/* v47: optional analytics consent for «Берегу себя» */
#beregu-analytics-consent{position:fixed;z-index:100000;left:24px;right:24px;bottom:22px;margin:auto;max-width:980px;filter:drop-shadow(0 18px 42px rgba(75,60,45,.16))}
.analytics-consent-card{display:flex;align-items:center;gap:22px;padding:18px 20px;border:1px solid rgba(112,92,73,.18);border-radius:22px;background:rgba(255,250,244,.98);backdrop-filter:blur(12px);color:#5f574f}
.analytics-consent-copy{flex:1;min-width:0}.analytics-consent-copy strong{display:block;color:#465a49;font:700 18px/1.2 Georgia,'Times New Roman',serif;margin-bottom:5px}.analytics-consent-copy p{margin:0;font-size:13px;line-height:1.5}.analytics-consent-copy .analytics-consent-links{margin-top:5px}.analytics-consent-copy a{color:#5e745f;text-decoration:underline;text-underline-offset:2px}
.analytics-consent-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.analytics-consent-actions button{white-space:nowrap;margin:0}
@media(max-width:780px){#beregu-analytics-consent{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom))}.analytics-consent-card{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.analytics-consent-actions{display:grid;grid-template-columns:1fr;gap:8px}.analytics-consent-actions button{width:100%}}

/* v47: consent copy and quiet decline action */
.analytics-privacy-note{margin-top:7px!important;color:#4f6252}
.analytics-privacy-note strong{display:inline!important;font:600 13px/1.5 inherit!important;color:#4f6252!important;margin:0!important}
.analytics-consent-actions{flex-direction:column;align-items:stretch}
.analytics-continue-btn{appearance:none;border:0;background:transparent;color:#6e6a63;text-decoration:underline;text-underline-offset:3px;font:italic 13px/1.35 Georgia,'Times New Roman',serif;cursor:pointer;padding:4px 8px;text-align:center}
.analytics-continue-btn:hover{color:#4f6252}
@media(max-width:780px){.analytics-consent-actions{display:flex}.analytics-continue-btn{width:100%;padding:5px 8px}}

@media(max-width:430px){.feedback-types{grid-template-columns:1fr 1fr}.feedback-form textarea{min-height:130px}}

/* v49 — true PWA installation guidance + analytics moved to the end of settings */
.install-important{padding:12px 14px;border-radius:14px;background:#f4eee4;color:#5b554e!important}
.settings-row-analytics{margin-top:6px;border-top:1px solid rgba(112,92,73,.12)}