:root{
  --wine:#6f2235;--wine-dark:#511625;--wine-soft:#8a4050;--cream:#f7f1ea;--cream-2:#efe4d9;--paper:#fffdf9;
  --ink:#332a27;--muted:#80736d;--line:#dfd4ca;--green:#427459;--green-bg:#eaf4ed;--shadow:0 20px 50px rgba(70,43,36,.10);
  --sidebar:238px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Futura,"Avenir Next",Avenir,Montserrat,Arial,sans-serif;color:var(--ink);background:var(--cream)}
button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:26px 20px 20px;background:#2f2826;color:#fff;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 24px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-mark{width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:88%;height:88%;object-fit:contain}.brand strong{display:block;font-size:14px;letter-spacing:.18em}.brand span{display:block;margin-top:3px;color:#d7c8c0;font:500 17px Georgia,serif}
.main-nav{display:grid;gap:7px;margin-top:22px}.nav-btn{border:0;background:transparent;color:#d9ceca;border-radius:14px;padding:13px 14px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.1);color:#fff}.nav-ico{width:25px;text-align:center;font-size:18px}.sidebar-foot{margin-top:auto;padding:17px 7px 4px;border-top:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:center}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{color:#a99d98;margin-top:2px}.status-dot{width:9px;height:9px;border-radius:50%;background:#c46d6d;box-shadow:0 0 0 4px rgba(196,109,109,.12)}.status-dot.online{background:#67c28b;box-shadow:0 0 0 4px rgba(103,194,139,.12)}
.main{grid-column:2;min-width:0;padding:0 34px 28px}.topbar{position:sticky;top:0;z-index:10;background:rgba(247,241,234,.9);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px;border-bottom:1px solid rgba(111,34,53,.08)}.eyebrow{margin:0 0 6px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--wine)}.eyebrow.light{color:#f2dfe5}.topbar h1{font:500 35px Georgia,serif;margin:0}.top-actions{display:flex;gap:10px;align-items:center}.date-chip{display:flex;gap:11px;align-items:baseline;border:1px solid var(--line);background:rgba(255,255,255,.62);padding:9px 13px;border-radius:14px}.date-chip span{font-weight:800;font-size:16px}.date-chip small{color:var(--muted);font-size:11px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--paper);border-radius:13px;color:var(--wine);font-weight:800;cursor:pointer}.view{display:none}.view.active{display:block}.hero-card{margin-top:26px;padding:34px 36px;border-radius:25px;background:linear-gradient(125deg,#5a1829,#7c2d41);color:white;display:flex;justify-content:space-between;align-items:center;gap:28px;box-shadow:var(--shadow)}.hero-card h2{font:500 37px/1.05 Georgia,serif;margin:8px 0 10px}.hero-card p{margin:0;color:#eddde1;max-width:650px;line-height:1.5}.hero-cta,.primary-btn{border:0;border-radius:14px;background:var(--wine);color:#fff;padding:13px 17px;font-weight:800;cursor:pointer}.hero-cta{background:#fff;color:var(--wine);white-space:nowrap}.section-title{margin:28px 0 15px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-title.top-gap{margin-top:30px}.section-title h3,.mini-head h3,.settings-help h3{font:500 27px Georgia,serif;margin:0}.safe-badge,.local-badge{font-size:10px;font-weight:800;letter-spacing:.08em;border:1px solid #c9ded0;background:var(--green-bg);color:var(--green);padding:8px 10px;border-radius:999px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:20px;display:grid;grid-template-columns:48px 1fr 24px;gap:15px;align-items:center;text-align:left;box-shadow:0 8px 25px rgba(74,48,41,.05);cursor:pointer;min-height:125px;transition:.18s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(74,48,41,.09);border-color:#c8b6ac}.tool-card.primary{border-color:#cdaab3;background:linear-gradient(135deg,#fffdf9,#fbf0f2)}.tool-card.compact{min-height:106px}.tool-icon{width:48px;height:48px;border-radius:15px;background:var(--cream-2);display:grid;place-items:center;color:var(--wine);font-weight:900;font-size:21px}.tool-card.primary .tool-icon{background:var(--wine);color:#fff}.tool-card strong{display:block;margin:3px 0 6px;font-size:16px}.tool-card small{display:block;color:var(--muted);font-size:11px;line-height:1.45}.tool-tag{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--wine-soft)}.arrow{color:var(--wine);font-size:22px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.mini-panel{border:1px solid var(--line);background:rgba(255,253,249,.72);border-radius:20px;padding:20px}.mini-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.timer-pill{font-size:10px;font-weight:900;color:var(--wine);border:1px solid #e1c2ca;background:#fff4f6;border-radius:999px;padding:7px 10px}.mini-timer{font:500 42px Georgia,serif;color:var(--wine);margin:16px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.secondary-btn,.ghost-btn,.text-btn{cursor:pointer}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--wine);border-radius:13px;padding:11px 14px;font-weight:800}.ghost-btn,.text-btn{border:0;background:transparent;color:var(--wine);font-weight:800;padding:10px}.memo-preview p{color:var(--muted);line-height:1.6;white-space:pre-wrap;margin:18px 0 0}.atelier-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px}.timer-panel,.atelier-links,.memo-card,.settings-card,.settings-help{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:26px;box-shadow:0 12px 30px rgba(71,48,41,.05)}.timer-display{font:500 82px/1 Georgia,serif;color:var(--wine);margin:26px 0;text-align:center}.timer-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.preset{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 6px;font-weight:800;color:var(--muted);cursor:pointer}.preset.active{background:var(--wine);color:#fff;border-color:var(--wine)}.timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.timer-note{font-size:11px;line-height:1.55;color:var(--muted);margin:18px 0 0}.atelier-links h3{font:500 29px Georgia,serif;margin:0 0 20px}.atelier-link{width:100%;border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;display:grid;grid-template-columns:36px 1fr 16px;gap:12px;align-items:center;text-align:left;margin-bottom:10px;cursor:pointer}.atelier-link>span{width:36px;height:36px;border-radius:12px;background:var(--cream-2);display:grid;place-items:center;color:var(--wine);font-weight:900}.atelier-link strong,.atelier-link small{display:block}.atelier-link small{font-size:10px;color:var(--muted);margin-top:4px}.info-card{border-radius:16px;background:var(--green-bg);color:var(--green);padding:15px;display:grid;gap:5px;margin-top:16px}.info-card span{font-size:11px;line-height:1.5}.info-card.neutral{background:#f2eee9;color:#685d57}.memo-card textarea{width:100%;min-height:300px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;line-height:1.65;color:var(--ink);outline:none}.memo-card textarea:focus,.settings-card input:focus{border-color:#b78c98;box-shadow:0 0 0 3px rgba(111,34,53,.07)}.memo-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px}.memo-actions span{font-size:11px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:18px}.settings-card{display:grid;gap:15px}.settings-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#5d514c}.settings-card input{border:1px solid var(--line);border-radius:13px;padding:12px 13px;background:#fff;outline:none;color:var(--ink)}.settings-card label small{color:var(--muted);font-weight:500;line-height:1.4}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.settings-help ol{padding-left:20px;color:var(--muted);line-height:1.7}.settings-help li{margin:8px 0}footer{margin-top:28px;padding:18px 2px 8px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#302927;color:#fff;padding:11px 15px;border-radius:13px;transition:.2s;pointer-events:none;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.timer-alert{position:fixed;z-index:110;inset:0;background:rgba(35,27,25,.58);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.timer-alert[hidden]{display:none}.timer-alert-card{width:min(390px,100%);background:var(--paper);border-radius:25px;padding:32px;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.28)}.alert-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;background:var(--wine);color:#fff;display:grid;place-items:center;font-size:28px}.timer-alert-card h2{font:500 34px Georgia,serif;margin:0 0 8px}.timer-alert-card p{color:var(--muted);margin:0 0 20px}.focus .sidebar{display:none}.focus .app-shell{grid-template-columns:1fr}.focus .main{grid-column:1;max-width:1280px;width:100%;margin:0 auto}.focus .topbar{top:0}
@media(max-width:980px){:root{--sidebar:92px}.brand>div:last-child,.nav-btn span:last-child,.sidebar-foot>div:last-child{display:none}.brand{justify-content:center}.brand-mark{width:50px}.nav-btn{justify-content:center}.sidebar-foot{grid-template-columns:1fr;justify-items:center}.tool-grid,.home-bottom,.atelier-grid,.settings-grid{grid-template-columns:1fr}.main{padding:0 24px 25px}.hero-card{align-items:flex-start}.timer-presets{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0 0;width:auto;height:72px;padding:8px 12px;display:block;border-top:1px solid rgba(255,255,255,.1)}.brand,.sidebar-foot{display:none}.main-nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.nav-btn{padding:8px 5px;display:grid;justify-items:center;gap:3px;font-size:9px}.nav-btn span:last-child{display:block}.nav-ico{font-size:17px}.main{padding:0 15px 88px}.topbar{padding:17px 0 14px}.topbar h1{font-size:29px}.date-chip small{display:none}.hero-card{padding:25px;display:grid}.hero-card h2{font-size:31px}.hero-cta{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:112px}.section-title{align-items:flex-start}.safe-badge,.local-badge{display:none}.timer-display{font-size:65px}.timer-presets{grid-template-columns:repeat(3,1fr)}.memo-actions,.settings-actions,footer{align-items:stretch;flex-direction:column}.focus .sidebar{display:none}.focus .main{padding-bottom:25px}}