:root{color-scheme:light;font-family:Arial Rounded MT Bold,Hiragino Maru Gothic ProN,Yu Gothic UI,sans-serif;--cream: #fffbed;--paper: #fffdf5;--yellow: #ffe75c;--yellow-deep: #f6d83d;--red: #e65335;--red-dark: #b83a28;--green: #2f8b58;--ink: #24251f;--muted: #736b56;background:var(--yellow);color:var(--ink)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background-color:var(--yellow);background-image:radial-gradient(ellipse 46% 34% at 7% 4%,var(--cream) 0 72%,transparent 73%),radial-gradient(ellipse 42% 36% at 101% 19%,var(--cream) 0 68%,transparent 69%),radial-gradient(ellipse 38% 34% at 8% 62%,var(--cream) 0 68%,transparent 69%),radial-gradient(ellipse 46% 38% at 96% 84%,var(--cream) 0 72%,transparent 73%),radial-gradient(ellipse 30% 24% at 48% 44%,var(--cream) 0 65%,transparent 66%);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}#app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#fffbede6;border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;gap:8px;color:var(--red);font-weight:900;letter-spacing:-.055em;transform:rotate(-.5deg);text-shadow:1px 1px 0 var(--cream),2px 2px 0 var(--ink)}.brand-mark{width:22px;height:17px;background:var(--red);clip-path:polygon(0 42%,16% 42%,25% 0,38% 100%,52% 18%,65% 78%,76% 42%,100% 42%,100% 58%,72% 58%,64% 100%,53% 49%,37% 86%,26% 25%,20% 58%,0 58%);filter:drop-shadow(1px 1px 0 var(--ink))}.privacy{color:var(--ink);font-size:.71rem;font-weight:800;white-space:nowrap}.privacy span{color:var(--green);font-size:.62rem;margin-right:3px}.workspace{min-height:0;width:min(100%,720px);margin:0 auto;padding:14px 16px 12px}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding-bottom:7vh}.empty-icon{width:96px;height:96px;border-radius:24px 18px 25px 17px;display:grid;place-items:center;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 7px 0 var(--ink);transform:rotate(-2deg)}.empty-icon svg{width:69px;fill:none;stroke:var(--red);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.empty-state h1{color:var(--red);font-size:1.85rem;font-weight:900;margin:0 0 8px;letter-spacing:-.07em;transform:rotate(-1deg);text-shadow:1px 1px 0 var(--cream),2px 2px 0 var(--ink)}.empty-state p{margin:0;color:var(--ink);line-height:1.6;font-size:.88rem;font-weight:700}.primary-button,.secondary-button,.point-button,.danger-button,.icon-button,.round-button,.text-button,.file-meta{border:0;cursor:pointer;touch-action:manipulation}.primary-button{min-height:50px;border-radius:13px 10px 14px 9px;background:var(--red);color:var(--cream);border:3px solid var(--ink);font-weight:900;letter-spacing:.02em;box-shadow:4px 5px 0 var(--ink);transition:transform .08s,box-shadow .08s}.primary-button:active{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}.file-button{width:min(100%,310px);display:grid;place-items:center;transform:rotate(.5deg)}.file-button:active{transform:rotate(.5deg) translate(2px,2px)}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.editor{height:100%;min-height:0;display:grid;grid-template-rows:42px minmax(145px,1fr) 48px 64px 48px 56px;gap:10px}.editor[hidden],.empty-state[hidden]{display:none}.file-row{display:flex;align-items:center;gap:12px;min-width:0}.file-meta{min-width:0;flex:1;text-align:left;background:transparent;padding:0}.file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;font-weight:900}.file-detail{display:block;color:var(--muted);margin-top:3px;font-size:.72rem;font-weight:700}.text-button{background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:6px 8px;font-weight:850;font-size:.76rem;box-shadow:2px 2px 0 var(--ink)}.wave-shell{position:relative;min-height:0;overflow:hidden;border-radius:17px 12px 18px 13px;background:#fffdf5f5;border:3px solid var(--ink);box-shadow:5px 6px 0 var(--yellow-deep),7px 8px 0 var(--ink)}#waveform{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.wave-hint{position:absolute;left:50%;top:12px;transform:translate(-50%) rotate(-.5deg);white-space:nowrap;pointer-events:none;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:8px 6px 9px 5px;padding:4px 9px;font-size:.68rem;font-weight:800;box-shadow:2px 2px 0 var(--ink);transition:opacity .2s}.time-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 4px}.time-row div{display:flex;flex-direction:column;gap:2px}.time-row div:nth-child(2){text-align:center}.time-row div:last-child{text-align:right}.time-row span{color:var(--muted);font-size:.68rem;font-weight:800}.time-row strong{font-variant-numeric:tabular-nums;font-size:.93rem;font-weight:900}.time-row .time-current strong{color:var(--red)}.transport{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;border-radius:15px 10px 16px 11px;background:var(--paper);border:3px solid var(--ink);padding:5px 7px;box-shadow:3px 4px 0 var(--ink)}.round-button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.round-button.is-playing{background:var(--red);color:var(--cream)}.round-button svg{width:23px;height:23px;fill:currentColor}.pause-icon,.round-button.is-playing .play-icon{display:none}.round-button.is-playing .pause-icon{display:block}.transport-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.transport-copy strong{font-size:.86rem;font-weight:900}.transport-copy span{color:var(--muted);font-size:.73rem;font-variant-numeric:tabular-nums;font-weight:700}.transport-copy b{color:var(--red);font-weight:900}.secondary-button{min-height:40px;border-radius:9px 7px 10px 6px;padding:0 10px;background:var(--cream);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-size:.76rem;font-weight:850}.edit-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) 48px;gap:7px}.point-button{min-width:0;border-radius:10px 7px 11px 6px;padding:0 7px;background:var(--green);color:var(--cream);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-size:.74rem;font-weight:900;white-space:nowrap}.danger-button{min-width:0;border-radius:10px 7px 11px 6px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 5px;background:var(--red);color:var(--cream);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-size:.74rem;font-weight:900;white-space:nowrap}.danger-button svg{flex:0 0 auto}.danger-button svg,.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.icon-button{border-radius:10px 7px 11px 6px;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink)}.danger-button:disabled,.icon-button:disabled,.secondary-button:disabled{opacity:.42;cursor:default;filter:grayscale(.35)}.export-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 17px;text-decoration:none}.export-button[hidden]{display:none}.export-button small{opacity:.8;font-weight:850}.busy-overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fffbede8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.busy-overlay[hidden]{display:none}.busy-overlay strong{margin-top:7px;color:var(--red);font-weight:900}.busy-overlay span{color:var(--muted);font-size:.82rem;font-weight:700}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--ink);border-top-color:var(--red);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:20;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 14px;border-radius:9px 6px 10px 7px;background:var(--ink);color:var(--yellow);border:2px solid var(--cream);box-shadow:4px 4px 0 var(--red);font-size:.81rem;font-weight:850}.toast[hidden]{display:none}@media(max-height:690px){.topbar{height:48px}.workspace{padding-top:8px;padding-bottom:8px}.editor{grid-template-rows:36px minmax(100px,1fr) 38px 56px 44px 50px;gap:7px}.wave-hint{top:8px}.transport{border-radius:12px 8px 13px 9px}.round-button{width:42px;height:42px}.transport{grid-template-columns:44px 1fr auto}.primary-button{min-height:46px}.point-button,.danger-button{font-size:.7rem}}@media(min-width:700px){.workspace{padding-inline:24px}.editor{grid-template-rows:48px minmax(190px,1fr) 52px 70px 52px 58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}