@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#3b6b68;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--soundmap-frame-width: 393px;--soundmap-frame-height: 852px;--soundmap-background: #ffffff;--soundmap-grid-line: #e8e8e8;--soundmap-grid-line-width: .5px;--soundmap-month-label-color: #8c8c8c;--soundmap-month-label-size: 24px;--soundmap-cell-size: calc(var(--soundmap-frame-width) / 7);--soundmap-glass-background: rgba(255, 255, 255, .18);--soundmap-glass-border: 1px solid rgba(255, 255, 255, .35);--soundmap-glass-shadow: 0 4px 24px rgba(0, 0, 0, .12)}*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}html{min-width:100%;min-height:100%;background:#fff}body{min-width:100%;min-height:100vh;margin:0;background:#fff;font-family:IBM Plex Mono,monospace}button,input,textarea,select{font:inherit}button{border:0}#root{min-height:100vh;background:#fff}.screen-shell{position:relative;display:grid;width:min(100vw,var(--soundmap-frame-width));min-height:100svh;margin:0 auto;overflow:hidden;background:var(--soundmap-background)}.screen-shell__content{position:relative;z-index:1;display:grid;min-height:100svh;place-items:center;padding:24px}.app-title{margin:0;color:#3b6b68;font-size:24px;font-weight:500;line-height:1;letter-spacing:0}.texture-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.texture-layer__surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.texture-canvas{background-image:url(../textures/canvas.png);background-repeat:repeat;background-size:auto;mix-blend-mode:overlay}.texture-washi{background-image:url(../textures/washi.png);background-repeat:repeat;background-size:auto;mix-blend-mode:multiply;opacity:.4}.texture-blur{background-image:url(../textures/blur.png);background-repeat:repeat;background-size:auto;mix-blend-mode:multiply;opacity:.6}.month-label{color:var(--soundmap-month-label-color);font-family:IBM Plex Mono,monospace;font-size:var(--soundmap-month-label-size);font-weight:500;letter-spacing:0}.grid-line{border-color:var(--soundmap-grid-line);border-width:var(--soundmap-grid-line-width)}.frosted-glass-button{display:inline-grid;width:48px;height:48px;place-items:center;border:var(--soundmap-glass-border);border-radius:50%;background:var(--soundmap-glass-background);box-shadow:var(--soundmap-glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-canvas{--grid-col: 56.142857px;--grid-row: 71px;--grid-line: #dfdfdf;--grid-line-w: 1px;--page-bg: #d7d7d7;--header-x: 56.142857px;--header-y: 50px;--header-size: 24px;--header-color: #666666;position:relative;width:393px;height:852px;margin:0 auto;overflow:hidden;background:var(--page-bg)}.home-canvas[data-app-state=RECORDING]{animation:recording-in .5s ease both}@keyframes recording-in{0%{opacity:0}to{opacity:1}}.home-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:repeating-linear-gradient(to right,var(--grid-line) 0,var(--grid-line) var(--grid-line-w),transparent var(--grid-line-w),transparent var(--grid-col)),repeating-linear-gradient(to bottom,var(--grid-line) 0,var(--grid-line) var(--grid-line-w),transparent var(--grid-line-w),transparent var(--grid-row))}.home-header{position:absolute;left:var(--header-x);top:var(--header-y);z-index:1;margin:0;color:var(--header-color);font-family:IBM Plex Mono,monospace;font-weight:400;font-size:var(--header-size);line-height:1;letter-spacing:0;white-space:nowrap}.home-speaker{position:absolute;left:140.3px;top:689.7px;width:113px;height:115px;z-index:1;padding:0;border:0;background:radial-gradient(circle at center,#d7d7d7eb 34%,#d7d7d700 72%);cursor:pointer;-webkit-tap-highlight-color:transparent}.home-speaker.is-spent{background:radial-gradient(circle at center,#d7d7d799 34%,#d7d7d700 72%)}.home-speaker__svg{position:absolute;left:0;top:0;width:113px;height:115px;display:block;pointer-events:none;transform:scale(.504);transform-origin:center center;filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(0,0,0,.55)) drop-shadow(0 1px 2px rgba(0,0,0,.35));mix-blend-mode:difference}.home-speaker.is-waking .home-speaker__svg{transform:scale(1);transition:transform 1.4s cubic-bezier(.4,0,.2,1)}.home-speaker.is-grown .home-speaker__svg{transform:scale(1)}.home-speaker.is-breathing .home-speaker__svg{transform-origin:center bottom;animation:home-speaker-breathe 4.5s ease-in-out infinite}.home-speaker.is-spent .home-speaker__svg{opacity:.28;filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(0,0,0,.35));transition:opacity .6s ease}.home-speaker--settle{transition:transform .6s ease-in-out}.home-speaker--settle.is-settled{transform:translateY(-22.5px)}@keyframes home-speaker-breathe{0%{transform:scale(1)}40%{transform:scale(1.07)}51%{transform:scale(1.07)}96%{transform:scale(1)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.home-speaker__svg,.home-speaker--settle,.artifact-meta{transition:none}.home-speaker.is-breathing .home-speaker__svg{animation:none}.artifact-field--revealing{animation:none;filter:blur(2px);opacity:1}.artifact-meta--recording{animation:none;opacity:1}.artifact-actions,.artifact-confirm{animation:none}.cal-tile,.home-fly{transition:none}}.speaker-grille{display:grid;width:72px;justify-items:center;gap:1.75px}.speaker-grille__row{display:flex;justify-content:center;gap:1.75px;height:3.5px}.speaker-grille__dot{width:3.5px;height:3.5px;flex:0 0 3.5px;border-radius:50%;background:#2a2a2a}.sound-canvas{position:relative;width:min(100vw,var(--soundmap-frame-width));height:100svh;min-height:var(--soundmap-frame-height);margin:0 auto;overflow:hidden;background:#fff}.sound-canvas__paint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background:#fff;transform:scale(1.12);transform-origin:center;will-change:filter}.sound-canvas__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.12;background-image:linear-gradient(to right,var(--soundmap-grid-line) var(--soundmap-grid-line-width),transparent var(--soundmap-grid-line-width)),linear-gradient(to bottom,var(--soundmap-grid-line) var(--soundmap-grid-line-width),transparent var(--soundmap-grid-line-width));background-size:var(--soundmap-cell-size) var(--soundmap-cell-size)}.sound-canvas__metadata{position:absolute;top:32px;left:32px;z-index:20;opacity:0;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:400;line-height:28px;letter-spacing:.12em;text-transform:uppercase;transition:opacity .8s ease}.sound-canvas__metadata--visible{opacity:1}.sound-canvas__speaker{position:fixed;left:50%;bottom:70px;z-index:30;display:grid;width:72px;height:72px;place-items:center;transform:translate(-50%);pointer-events:none}.sound-canvas__textures{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;width:auto;transform:none}.home-archive{position:relative;width:min(100vw,393px);height:100svh;min-height:852px;margin:0 auto;overflow:hidden;background:#d7d7d7}.cal-weekdays{position:absolute;top:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:repeat(7,calc(393px / 7));width:393px;margin:0 auto;height:30px;background:#d7d7d7;border-bottom:1px solid #cfcfcf}.cal-weekdays__cell{display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;color:#9a9a9a}.home-archive__cal{position:absolute;top:30px;left:0;right:0;bottom:0;z-index:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-archive__cal::-webkit-scrollbar{display:none}.cal-month{position:relative;display:grid;grid-template-columns:repeat(7,calc(393px / 7));grid-template-rows:repeat(var(--rows),71px);width:393px}.cal-cell{position:relative;min-width:0;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.cal-cell:nth-child(7n+1){border-left:1px solid #dfdfdf}.cal-cell:nth-child(-n+7){border-top:1px solid #dfdfdf}.cal-cell__day{position:absolute;top:6px;left:7px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1;letter-spacing:.01em;color:#b4b4b4;pointer-events:none}.cal-cell.is-pad{background:#dcdcdc}.cal-cell.is-label{border-color:transparent}.cal-cell.is-today{box-shadow:inset 0 0 0 1.5px #7a7a7a}.cal-cell.is-today .cal-cell__day{color:#5c5c5c;font-weight:600}.cal-month__label{position:absolute;z-index:2;top:0;left:calc(393px / 7);height:142px;display:flex;align-items:center;margin:0;color:#8c8c8c;font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:400;line-height:1;letter-spacing:.12em}.cal-tile{position:relative;z-index:3;width:100%;height:100%;padding:0;border:0;cursor:pointer;transition:opacity .7s ease;-webkit-tap-highlight-color:transparent}.cal-tile.is-dim{opacity:.4}.cal-tile__badge{position:absolute;top:5px;right:6px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.55)}.home-fly{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;transform-origin:top left;transition:transform .85s cubic-bezier(.4,0,.2,1);pointer-events:none}.home-archive .home-speaker{z-index:10}.day-split{position:relative;width:min(100vw,393px);height:100svh;margin:0 auto;display:flex;flex-direction:column;background:#d7d7d7;font-family:IBM Plex Mono,monospace;overflow:hidden}.day-split__section{position:relative;flex:1 1 0;min-height:0;padding:0;background:transparent;border:0;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}.day-split__form{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;filter:blur(1px)}.day-split__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-repeat:repeat;background-size:240px 240px;mix-blend-mode:overlay;opacity:.55;pointer-events:none}.day-split__meta{position:absolute;top:44px;left:24px;z-index:1;display:flex;flex-direction:column;color:inherit;font-family:IBM Plex Mono,monospace;font-size:20px;letter-spacing:.08em;line-height:1.55;text-align:left;pointer-events:none}.day-split[data-count="3"] .day-split__meta{font-size:17px;top:36px}.day-split[data-count="4"] .day-split__meta{font-size:14px;top:28px}.day-split[data-count="5"] .day-split__meta,.day-split[data-count="6"] .day-split__meta{font-size:12px;top:22px;letter-spacing:.06em}.day-split__section:first-child .day-split__meta{top:76px}.day-split[data-count="3"] .day-split__section:first-child .day-split__meta{top:68px}.day-split[data-count="4"] .day-split__section:first-child .day-split__meta{top:62px}.day-split[data-count="5"] .day-split__section:first-child .day-split__meta,.day-split[data-count="6"] .day-split__section:first-child .day-split__meta{top:60px}.artifact-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;will-change:filter,opacity}.artifact-field--revealing{animation:artifact-reveal 30s linear forwards}.artifact-field--final{filter:blur(2px);opacity:1}.artifact-form{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(1px)}.artifact-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-repeat:repeat;background-size:240px 240px;mix-blend-mode:overlay;opacity:.55;pointer-events:none}.replay-waveform{position:absolute;left:50%;top:665px;transform:translate(-50%,-50%);z-index:2;width:158px;height:40px;opacity:0;transition:opacity .7s ease;pointer-events:none}.replay-waveform.is-interactive{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.replay-waveform.is-interactive.is-visible{pointer-events:auto}.replay-waveform__base,.replay-waveform__reveal,.replay-waveform__base *,.replay-waveform__reveal *{pointer-events:none}.replay-waveform.is-visible{opacity:1}.replay-waveform__base{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28}.replay-waveform__reveal{position:absolute;top:0;right:0;bottom:0;left:0;--p: 0%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 var(--p),transparent var(--p),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 var(--p),transparent var(--p),transparent 100%)}.replay-waveform__reveal svg{display:block}@keyframes artifact-reveal{0%{filter:blur(36px);opacity:.14}17%{filter:blur(30px);opacity:.34}33%{filter:blur(24px);opacity:.52}50%{filter:blur(16px);opacity:.7}67%{filter:blur(10px);opacity:.85}83%{filter:blur(5px);opacity:.95}to{filter:blur(2px);opacity:1}}.artifact-screen{position:relative;width:393px;height:852px;margin:0 auto;overflow:hidden}.artifact-meta{position:absolute;top:76px;left:56.142857px;z-index:1;display:flex;flex-direction:column;gap:10px;margin:0;font-family:IBM Plex Mono,monospace;font-weight:400;font-size:22px;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;transition:color .6s ease}.artifact-reading__toggle{align-self:flex-start;margin-top:3px;padding:2px;border:0;background:transparent;color:inherit;opacity:.4;cursor:pointer;transition:opacity .2s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.artifact-reading__toggle:hover{opacity:.72}.artifact-reading__toggle.is-open{opacity:.85;transform:rotate(45deg)}.artifact-reading__toggle svg{display:block}.artifact-reading{display:flex;flex-direction:column;gap:9px;max-width:244px;margin-top:4px;text-transform:none;letter-spacing:.04em;animation:glass-card-in .4s ease both}.artifact-reading__bar{display:flex;gap:2px;width:100%;height:5px}.artifact-reading__bar>span{display:block;border-radius:2px}.artifact-reading__mix{margin:0;font-size:9.5px;letter-spacing:.14em;opacity:.85}.artifact-reading__quality{margin:0;font-size:12px;letter-spacing:.02em;opacity:.62}.artifact-reading__palette{display:flex;align-items:center;gap:6px;margin:0;font-size:9.5px;letter-spacing:.12em;opacity:.85}.artifact-reading__swatch{flex:none;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #7f7f7f47}.artifact-reading__arrow{margin:0 1px;opacity:.5}.artifact-meta--recording{animation:metadata-fade 30s linear forwards}@keyframes metadata-fade{0%,80%{opacity:1}93.333%{opacity:.5}to{opacity:0}}.artifact-actions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;animation:artifact-soft-in .9s ease both}.artifact-action{position:absolute;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.artifact-action svg{display:block}.artifact-action--save{left:134.8px;top:731.8px;width:57px;height:57px}.artifact-action--rerecord{left:201.2px;top:731.7px;width:57px;height:58px}.artifact-replay,.artifact-share--bottom{position:absolute;top:643px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:glass-card-in .5s ease both}.artifact-replay{left:141.3px}.artifact-share--bottom{left:207.7px}.artifact-replay svg,.artifact-share--bottom svg{display:block}.back-arrow{position:absolute;top:18px;left:18px;z-index:4;width:40px;height:40px;padding:8px;border:0;background:transparent;color:currentColor;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease;animation:glass-card-in .4s ease both}.back-arrow:hover{opacity:.6}.back-arrow svg{display:block;width:100%;height:100%}.share-sheet{left:24px;right:24px;bottom:150px;padding:22px 22px 18px}.share-sheet__action{padding:12px 4px;width:100%;background:transparent;border:0;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;font-size:14px;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.share-sheet__action:hover{opacity:.65}.share-sheet__action--danger{color:#c4443a}.share-sheet__divider{width:100%;height:1px;background:currentColor;opacity:.18}.share-sheet__cancel{padding:10px 4px 2px;background:transparent;border:0;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;font-size:13px;opacity:.65;-webkit-tap-highlight-color:transparent}.share-sheet__toast{margin:0;padding:12px 4px;font-size:14px;letter-spacing:.08em}.share-sheet__link{width:100%;padding:8px 0 10px;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.02em;text-align:center;text-transform:none;outline:none}.artifact-audio-missing{position:absolute;left:0;right:0;top:652px;z-index:2;margin:0;padding:0 40px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.5;letter-spacing:.06em;text-align:center;text-transform:uppercase;animation:artifact-note-in .6s ease both;pointer-events:none}@keyframes artifact-note-in{0%{opacity:0}to{opacity:.6}}.artifact-meta__location{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;background:transparent;border:0;text-align:left;cursor:default}.artifact-meta__location--editable{cursor:pointer;border-bottom:1px dotted currentColor;padding-bottom:1px;margin-bottom:-2px;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.artifact-meta__location--editable:hover{opacity:.7}.location-edit{left:24px;right:24px;bottom:150px;align-items:stretch;gap:14px;text-align:left}.location-edit--fresh{bottom:175px}.location-edit--fresh .location-edit__actions{display:none}.location-edit__label{margin:0;font-size:12px;letter-spacing:.1em;opacity:.75;text-transform:uppercase}.location-edit__input{padding:8px 0 10px;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;font-family:IBM Plex Mono,monospace;font-size:20px;letter-spacing:.06em;text-transform:uppercase;outline:none;width:100%;-webkit-tap-highlight-color:transparent}.location-edit__input::placeholder{opacity:.4}.location-edit__actions{display:flex;justify-content:flex-end;gap:24px;padding-top:4px}.location-edit__btn{padding:6px 4px;background:transparent;border:0;cursor:pointer;color:inherit;font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.location-edit__btn:hover{opacity:.7}.location-edit__btn--cancel{opacity:.65}.location-edit__btn--save:disabled{opacity:.35;cursor:not-allowed}.location-edit__divider{width:100%;height:1px;background:currentColor;opacity:.18}.location-edit__btn--danger,.artifact-confirm__btn--danger{color:#c4443a}.location-edit__btn--danger{align-self:flex-start;padding-left:0}.home-day-full{left:24px;right:24px;bottom:200px;color:#333;text-transform:none;letter-spacing:.02em;padding:20px 24px}.home-day-full__q{margin:0;font-size:15px;font-weight:500}.home-day-full__sub{margin:0;font-size:13px;opacity:.65}.shared-cta{position:absolute;left:50%;bottom:60px;z-index:2;transform:translate(-50%);padding:12px 26px;border:1px solid currentColor;border-radius:999px;color:inherit;font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .2s ease,background .2s ease;animation:glass-card-in .7s ease both}.shared-cta:hover{background:#ffffff29}.shared-empty{position:relative;width:min(100vw,393px);min-height:100svh;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;background:#d7d7d7;color:#555;font-family:IBM Plex Mono,monospace;font-size:14px;letter-spacing:.06em;text-align:center}:focus-visible{outline:2px solid rgba(0,0,0,.55);outline-offset:3px;box-shadow:0 0 0 5px #ffffff73;border-radius:3px}.glass-card :focus-visible{outline-color:currentColor;box-shadow:0 0 0 4px #ffffff47}.glass-card{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px 24px;background:#ffffff24;-webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);border:1px solid rgba(255,255,255,.22);border-radius:18px;box-shadow:0 12px 40px #0000002e;animation:glass-card-in .5s ease both;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em;text-align:center}@keyframes glass-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.artifact-confirm{left:24px;right:24px;bottom:150px}.artifact-confirm__q{margin:0;font-size:15px;font-weight:400}.artifact-confirm__actions{display:flex;gap:32px}.artifact-confirm__btn{padding:6px 4px;background:transparent;border:0;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;-webkit-tap-highlight-color:transparent}.artifact-confirm__btn:hover{opacity:.7}@keyframes artifact-soft-in{0%{opacity:0}to{opacity:1}}.home-note{position:absolute;left:56.142857px;right:56.142857px;top:142px;z-index:1;margin:0;color:#666;font-family:IBM Plex Mono,monospace;font-weight:400;font-size:13px;line-height:1.6;letter-spacing:.04em}
