:root{color-scheme:light;--hxl-ink: #25221e;--hxl-muted: #66615a;--hxl-paper: #fffdf4;--hxl-paper-strong: #fff7c5;--hxl-line: #39362f;--hxl-blue: #b9d9ff;--hxl-pink: #ffd1dc;--hxl-green: #c9efcf;--hxl-shadow: 4px 5px 0 rgba(37, 34, 30, .18);font-family:Comic Sans MS,Segoe Print,Marker Felt,system-ui,sans-serif;background:transparent;color:var(--hxl-ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#fbfaf4}button,input,textarea,select{font:inherit}.hxl-app-shell{min-height:100vh;color:var(--hxl-ink)}.hxl-topbar{height:54px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:2px solid var(--hxl-line);background:#fffdf4f5}.hxl-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}.hxl-hand-button{border:2px solid var(--hxl-line);border-radius:8px;background:var(--hxl-paper);color:var(--hxl-ink);min-height:36px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:2px 3px #25221e29}.hxl-hand-button:hover{background:var(--hxl-paper-strong)}.hxl-hand-button:disabled{opacity:.5;cursor:default}.hxl-icon-button{width:38px;height:38px;padding:0}.hxl-panel{background:#fffdf4fa;border:2px solid var(--hxl-line);border-radius:8px;box-shadow:var(--hxl-shadow)}.hxl-main-grid{height:calc(100vh - 54px);display:grid;overflow:hidden}.hxl-sidebar{min-width:0;border-right:2px solid var(--hxl-line);background:linear-gradient(#fffdf4 31px,#ebe7d8 32px);background-size:100% 32px;overflow:auto}.hxl-sidebar-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:2px solid rgba(57,54,47,.28);background:#fffdf4eb;position:sticky;top:0;z-index:2}.hxl-sidebar-title{font-size:20px;font-weight:800}.hxl-list{display:grid;gap:8px;padding:10px}.hxl-list-item{width:100%;text-align:left;border:2px solid rgba(57,54,47,.45);background:#fffdf4c7;border-radius:8px;padding:9px 10px;cursor:pointer}.hxl-list-item[aria-selected=true]{background:#fff2af;border-color:var(--hxl-line)}.hxl-canvas-zone{position:relative;min-width:0;min-height:0;background:#8f8d83;overflow:hidden}.hxl-canvas-host{position:absolute;inset:0}.hxl-status{margin-left:auto;color:var(--hxl-muted);font-size:14px}.hxl-home{min-height:100vh;background:linear-gradient(#f3efe1 1px,transparent 1px),linear-gradient(90deg,rgba(57,54,47,.06) 1px,transparent 1px),#fbfaf4;background-size:100% 34px,34px 100%,auto;padding:clamp(18px,3vw,38px)}.home-paper{position:relative;min-height:calc(100vh - clamp(36px,6vw,76px));border:3px solid var(--hxl-line);border-radius:14px;background:#fffdf4b8;overflow:hidden;box-shadow:8px 10px #25221e24}.home-hero{position:absolute;left:clamp(22px,4vw,58px);top:clamp(20px,4vw,54px);display:flex;align-items:center;gap:16px;z-index:2}.home-logo-mark{width:64px;height:64px;display:grid;place-items:center;border:3px solid var(--hxl-line);border-radius:12px;background:#fff2af;box-shadow:3px 4px #25221e26;transform:rotate(-3deg)}.home-kicker{margin:0 0 3px;color:#b8496d;font-size:clamp(15px,1.8vw,20px);font-weight:800}.home-hero h1{margin:0;font-size:clamp(40px,7vw,92px);line-height:.94;font-weight:900;letter-spacing:0}.home-entry-grid{position:absolute;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);top:clamp(190px,31vh,290px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,4vw,42px);z-index:2}.tool-card{min-height:clamp(210px,28vh,320px);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:end;align-items:end;gap:18px;padding:clamp(20px,3vw,34px);color:var(--hxl-ink);text-decoration:none;border:3px solid var(--hxl-line);border-radius:12px 10px 13px 9px;box-shadow:5px 7px #25221e2e;transform:rotate(var(--tilt));transition:transform .16s ease,box-shadow .16s ease;overflow:hidden}.tool-card:hover{transform:translateY(-4px) rotate(var(--tilt));box-shadow:7px 10px #25221e29}.tool-card:before{content:"";position:absolute;left:22px;right:22px;top:26px;height:3px;border-radius:999px;background:#25221e61;transform:rotate(-.8deg)}.tool-whiteboard{--tilt: -1.4deg;background:#fff2af}.tool-slider{--tilt: 1.2deg;background:#d9eaff}.tool-card-icon{width:84px;height:84px;display:grid;place-items:center;border:3px solid var(--hxl-line);border-radius:12px;background:#fffdf4d1}.tool-card-copy{display:grid;gap:8px;min-width:0}.tool-card-copy strong{font-size:clamp(28px,4vw,52px);line-height:1}.tool-card-copy span{max-width:34ch;color:var(--hxl-muted);font-size:clamp(16px,1.6vw,20px);line-height:1.45}.tool-card-arrow{position:absolute;right:22px;top:22px}.home-time-panel{position:absolute;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);bottom:clamp(24px,5vh,56px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(16px,3vw,30px);z-index:2}.time-card{min-height:128px;display:flex;align-items:center;gap:18px;padding:20px 24px;border:3px solid var(--hxl-line);border-radius:10px;background:#fffdf4e6;box-shadow:4px 5px #25221e21}.clock-card{background:#ffe2ea}.date-card{background:#dbf5df}.time-value,.date-value{display:block;font-weight:900;line-height:1.05}.time-value{font-size:clamp(36px,5vw,72px);font-variant-numeric:tabular-nums}.date-value{font-size:clamp(24px,3vw,42px)}.time-label{display:block;margin-top:8px;color:var(--hxl-muted);font-size:16px}.home-doodle{position:absolute;border:3px solid rgba(37,34,30,.28);pointer-events:none}.doodle-a{width:160px;height:72px;right:12%;top:12%;border-radius:50%;transform:rotate(-15deg);border-color:#b8496d73}.doodle-b{width:120px;height:120px;left:10%;bottom:24%;transform:rotate(12deg);border-color:#34679f6b}.doodle-c{width:220px;height:44px;right:25%;bottom:38%;border-radius:50%;transform:rotate(8deg);border-color:#448f5857}@media(max-width:900px){.home-paper{display:grid;gap:20px;padding:22px;overflow:visible}.home-hero,.home-entry-grid,.home-time-panel{position:static}.home-entry-grid,.home-time-panel{grid-template-columns:1fr}.tool-card{min-height:190px}.home-doodle{display:none}}@media(max-width:560px){.home-hero{align-items:flex-start}.home-logo-mark{width:50px;height:50px}.tool-card{grid-template-columns:1fr}.tool-card-icon{width:68px;height:68px}}