@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Playfair+Display&display=swap";*{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif}.app{--bg:#12151b;--panel:#20232b;--text:#eee9e3;--muted:#aaa5a1;--border:#41434a;display:grid;grid-template-columns:245px 1fr;min-height:100vh;background:var(--bg);color:var(--text)}.nouvella{--bg:#f3ebec;--panel:#fffaf8;--text:#503a47;--muted:#947a85;--border:#ddcbd1}aside{background:var(--panel);padding:36px 22px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border)}.logo{font:30px Playfair Display,serif;letter-spacing:.15em}small{font-size:10px;letter-spacing:.18em;color:var(--muted)}nav{display:grid;gap:8px;margin-top:55px}button{cursor:pointer}nav button{background:transparent;color:var(--muted);border:0;padding:14px;text-align:left;font:inherit}nav button.active{background:var(--bg);color:var(--text);border-left:2px solid #bba18f}aside label{margin-top:auto}main{padding:35px clamp(22px,5vw,85px);width:100%;max-width:1500px;margin:auto}header{border-bottom:1px solid var(--border);padding-bottom:18px;font-size:10px;letter-spacing:.18em;color:var(--muted)}.hero{padding:65px 0 50px}h1,h2,h3,.quote{font-family:Playfair Display,serif;font-weight:400}h1{font-size:clamp(42px,5vw,70px);margin:16px 0}h2{font-size:29px}.hero p,section p{color:var(--muted)}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}section{background:var(--panel);border:1px solid var(--border);padding:30px}section .task{width:100%;display:flex;align-items:center;gap:12px;padding:15px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;font:inherit}form{display:flex;margin-top:20px}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px;max-width:100%}form input{flex:1;min-width:0}form button{background:var(--bg);color:var(--text);border:1px solid var(--border)}section label{display:grid;gap:8px;margin:15px 0}.school{background:#fff8f4;padding:35px;text-align:center;border:2px solid;font:28px Playfair Display,serif}.quote{font-size:34px}.rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px}.rooms article{padding:24px;border:1px solid var(--border)}footer{font-size:10px;color:var(--muted);letter-spacing:.1em;margin-top:55px}@media(max-width:760px){.app{display:block}aside{padding:20px}nav{display:flex;overflow:auto;margin-top:10px}nav button{white-space:nowrap}.columns{grid-template-columns:1fr}main{padding:20px}.hero{padding:40px 0}}.account-shortcut{width:100%;background:transparent;color:var(--text);border:1px solid var(--border);padding:13px 15px;text-align:left;font:inherit;letter-spacing:.02em}.account-shortcut:hover,.account-shortcut:focus-visible{border-color:#bba18f;outline-offset:3px}@media(max-width:760px){.account-shortcut{margin-top:4px}nav{margin-top:4px}}.workspace-panel{max-width:860px}.workspace-panel>small{display:block;margin-bottom:14px}.workspace-panel>h2{font-size:clamp(30px,5vw,46px);margin:0 0 20px}.workspace-panel>label{margin-top:28px}.workspace-panel select{width:100%;min-height:48px;border-radius:4px}.workspace-help{font-size:14px;line-height:1.65}.workspace-task-form{gap:10px}.workspace-task-form input{min-height:48px;width:100%}.workspace-task-form button,.workspace-panel .quiet-button{background:transparent;color:var(--text);border:1px solid #bba18f;padding:12px 18px;border-radius:3px;white-space:nowrap;font:inherit}.workspace-panel .quiet-button{border-color:var(--border);font-size:13px}.workspace-panel .task{display:flex;gap:14px;align-items:center;min-height:50px;line-height:1.5}.workspace-panel .task span:first-child{font-size:22px;min-width:22px;color:#bba18f}.workspace-panel button:disabled{opacity:.55;cursor:wait}.workspace-panel button:focus-visible{outline:2px solid #bba18f;outline-offset:3px}@media(max-width:760px){.workspace-panel{padding:24px 20px}.workspace-task-form{display:grid;grid-template-columns:minmax(0,1fr) auto}.workspace-task-form button{padding:12px}.workspace-panel>h2{font-size:34px}}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 22px;border:1px solid var(--border);background:var(--panel);margin-bottom:20px}.workspace-bar>div{display:grid;gap:7px}.workspace-bar strong{font-family:Playfair Display,serif;font-size:22px;font-weight:400}.workspace-bar span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.workspace-bar label{display:grid;gap:7px;font-size:12px}.workspace-bar button,.quiet-button{padding:12px 16px;border:1px solid var(--border);background:transparent;color:var(--text);font:inherit}.workspace-bar select{max-width:260px}.rooms article h3{line-height:1.35}@media(max-width:760px){.workspace-bar{padding:18px;align-items:stretch}.workspace-bar select{max-width:100%}}.mobile-app-header,.mobile-bottom-nav{display:none}@media(max-width:760px){.app{min-height:100dvh;display:block;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.app>aside{display:none}.mobile-app-header{height:64px;display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--border)}.mobile-app-header span{font:24px Playfair Display,serif;letter-spacing:.16em}.mobile-app-header button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text)}.mobile-bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(68px + env(safe-area-inset-bottom,0px));padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border)}.mobile-bottom-nav button{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit}.mobile-bottom-nav button span{font-size:10px;letter-spacing:.01em}.mobile-bottom-nav button.selected{color:var(--text);background:var(--bg)}.mobile-bottom-nav button:focus-visible,.mobile-app-header button:focus-visible{outline:2px solid #bba18f;outline-offset:2px}main{padding:22px 18px;max-width:100%;overflow-wrap:anywhere}.hero{padding:28px 0 30px}.hero h1{font-size:clamp(38px,10vw,58px)}section{padding:23px 18px}.rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rooms article{padding:16px}input,select,textarea{font-size:16px}}@media(max-width:370px){.mobile-bottom-nav button span{font-size:9px}.rooms{grid-template-columns:1fr}}
