:root{--paper: #fff8e7;--paper-2: #fff1cc;--ink: #111111;--ink-2: #3b3b3b;--sun: #ffd23f;--sky: #3fd0ff;--pop: #ff4fa3;--leaf: #2bd67b;--alarm: #d6143c;--line: 2px solid var(--ink);--lift: 4px 4px 0 var(--ink);--lift-lg: 7px 7px 0 var(--ink);--corner: 12px;--col: 860px;--ta-bg: #ffffff;--ta-fg: var(--ink);--ta-border: var(--ink);--ta-radius: 12px;--ta-active: var(--sun)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--paper);background-image:radial-gradient(rgba(17,17,17,.09) 1px,transparent 1.2px);background-size:22px 22px;color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--pop)}a:hover{background:var(--sun)}img{max-width:100%}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--pop);outline-offset:2px}.frame{max-width:var(--col);margin:0 auto;padding:0 16px}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.masthead{border-bottom:var(--line);background:var(--paper)}.masthead .frame{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo:hover{background:none}.logo-ss{display:grid;place-items:center;width:44px;height:44px;border:var(--line);border-radius:10px;background:var(--sun);box-shadow:3px 3px 0 var(--ink);font-weight:900;font-size:21px;letter-spacing:-.06em;transform:rotate(-6deg)}.logo-word{font-weight:900;font-size:20px;letter-spacing:-.03em;line-height:1}.logo-word small{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin-top:3px}.menu{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.menu a{text-decoration:none;font-weight:800;font-size:14px;padding:6px 11px;border:var(--line);border-radius:999px;background:#fff;box-shadow:2px 2px 0 var(--ink)}.menu a:hover,.menu a[aria-current=page]{background:var(--sky)}.stage{padding:28px 0 10px}.kicker{display:inline-block;margin:0 0 14px;padding:4px 12px;border:var(--line);border-radius:999px;background:var(--pop);color:#fff;font-weight:900;font-size:13px;letter-spacing:.03em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1.5deg)}.headline{margin:0 0 12px;font-size:clamp(36px,9vw,64px);line-height:.98;letter-spacing:-.05em;font-weight:900}.headline mark{background:var(--sun);color:inherit;padding:0 .12em;border:var(--line);border-radius:10px;box-shadow:var(--lift)}.intro{margin:0 0 22px;font-size:clamp(16px,2.6vw,19px);font-weight:500;max-width:600px;color:var(--ink-2)}.dock{background:#fff;border:var(--line);border-radius:18px;box-shadow:var(--lift-lg);padding:14px}.dock-row{display:flex;gap:10px;align-items:stretch}.slot{position:relative;flex:1;min-width:0}.slot input{width:100%;height:56px;padding:0 46px 0 16px;border:var(--line);border-radius:var(--corner);background:var(--paper);font-size:16px;font-weight:600}.slot input::placeholder{color:#7a7363;font-weight:500}.slot input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px var(--sky)}.slot input[aria-invalid=true]{box-shadow:0 0 0 3px var(--alarm)}.slot input::-webkit-search-cancel-button,.slot input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.erase{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:var(--line);border-radius:8px;background:#fff;font-weight:900;cursor:pointer;line-height:1}.erase[hidden]{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:var(--line);border-radius:var(--corner);font-weight:900;cursor:pointer;box-shadow:var(--lift);transition:transform .08s ease,box-shadow .08s ease;text-decoration:none;color:var(--ink)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.55;cursor:progress}.btn svg{width:18px;height:18px;flex:none}.btn--go{height:56px;padding:0 20px;background:var(--sun);font-size:17px}.btn--go:hover{background:#ffdf6b}.dock-tip{margin:12px 2px 0;font-size:14px;font-weight:600;color:var(--ink-2)}.dock-tip kbd{font:inherit;background:var(--paper-2);border:1.5px solid var(--ink);border-radius:6px;padding:0 5px}.notice{margin:10px 2px 0;font-weight:700;font-size:14px}.notice:empty{display:none}.notice.is-bad{color:var(--alarm)}.stickers{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}.stickers li{border:var(--line);border-radius:999px;padding:4px 12px;font-weight:800;font-size:13px;box-shadow:2px 2px 0 var(--ink);background:#fff}.stickers li:nth-child(3n+1){background:var(--sky);transform:rotate(-2deg)}.stickers li:nth-child(3n+2){background:var(--sun);transform:rotate(1.5deg)}.stickers li:nth-child(3n){background:#ffc4e1;transform:rotate(-1deg)}.reel{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}.reel[hidden]{display:none}.clip{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px;background:#fff;border:var(--line);border-radius:16px;box-shadow:var(--lift)}.clip__art{position:relative;aspect-ratio:16 / 9;border:var(--line);border-radius:10px;overflow:hidden;background:var(--paper-2)}.clip__art img{display:block;width:100%;height:100%;object-fit:cover}.clip__dur{position:absolute;left:6px;bottom:6px;background:var(--sun);border:1.5px solid var(--ink);border-radius:6px;font-size:12px;font-weight:900;padding:0 6px;line-height:19px;font-variant-numeric:tabular-nums}.clip__body{min-width:0}.clip__name{margin:0 0 3px;font-weight:900;font-size:16px;line-height:1.3;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.clip__from{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip__ctrl{display:flex;flex-wrap:wrap;gap:9px}.clip__ctrl .btn{height:40px;padding:0 14px;font-size:14px;box-shadow:3px 3px 0 var(--ink)}.clip__ctrl .btn:active:not(:disabled){transform:translate(3px,3px)}.btn--mp4{background:var(--sky)}.btn--mp3{background:var(--sun)}.btn--peek{background:#fff}.btn--peek[aria-pressed=true]{background:var(--pop);color:#fff}.meter{grid-column:1 / -1;height:14px;border:var(--line);border-radius:999px;background:var(--paper);overflow:hidden}.meter[hidden]{display:none}.meter span{display:block;height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--leaf) 0 10px,#1fb866 10px 20px);border-right:var(--line);transition:width .4s ease}.meter.is-busy span{width:40%;animation:shuttle 1s ease-in-out infinite alternate}.meter.is-done span{width:100%;background:var(--sun);border-right:0}.memo{grid-column:1 / -1;margin:-4px 2px 0;font-size:14px;font-weight:700}.memo:empty{display:none}.memo.is-bad{color:var(--alarm)}.screen{grid-column:1 / -1;aspect-ratio:16 / 9;border:var(--line);border-radius:12px;overflow:hidden;background:#000}.screen[hidden]{display:none}.screen iframe{display:block;width:100%;height:100%;border:0}@keyframes shuttle{0%{transform:translate(-10%)}to{transform:translate(160%)}}@media(prefers-reduced-motion:reduce){.meter.is-busy span{animation:none;width:100%;opacity:.45}.btn{transition:none}}.body{padding-top:26px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.panel{background:#fff;border:var(--line);border-radius:18px;box-shadow:var(--lift);padding:22px 22px 10px}.panel--sun{background:var(--sun)}.panel--sky{background:#d8f5ff}.panel h1{margin:0 0 14px;font-size:clamp(30px,6.6vw,44px);line-height:1.02;letter-spacing:-.045em;font-weight:900}.panel h2{margin:0 0 12px;font-size:clamp(22px,4.8vw,28px);line-height:1.12;letter-spacing:-.035em;font-weight:900}.panel h3{margin:18px 0 6px;font-size:18px;font-weight:900;letter-spacing:-.015em}.panel p,.panel li{font-size:16px}.panel ul,.panel ol{padding-left:22px}.panel li{margin:6px 0}.ladder{list-style:none;padding:0!important;margin:4px 0 14px;display:grid;gap:12px;counter-reset:rung}.ladder li{counter-increment:rung;position:relative;padding:12px 14px 12px 62px;border:var(--line);border-radius:14px;background:var(--paper);margin:0}.ladder li:before{content:counter(rung);position:absolute;left:12px;top:10px;width:38px;height:38px;display:grid;place-items:center;border:var(--line);border-radius:10px;background:var(--pop);color:#fff;font-weight:900;font-size:18px;box-shadow:2px 2px 0 var(--ink)}.spec{width:100%;border-collapse:separate;border-spacing:0;margin:4px 0 16px;border:var(--line);border-radius:12px;overflow:hidden}.spec th,.spec td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:2px solid var(--ink);font-size:15px}.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}.spec th{width:36%;background:var(--paper-2);font-weight:900;border-right:2px solid var(--ink)}.trick{font:700 clamp(15px,3.6vw,19px)/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;overflow-wrap:anywhere;margin:8px 0 14px}.trick b{color:var(--sun)}.trick s{color:#ff8fc4;text-decoration-thickness:2px}.ask details{border:var(--line);border-radius:12px;background:var(--paper);margin:0 0 10px}.ask summary{cursor:pointer;list-style:none;padding:12px 44px 12px 14px;font-weight:900;position:relative}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"+";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border:var(--line);border-radius:7px;background:var(--sun);font-weight:900}.ask details[open] summary:after{content:"−";background:var(--sky)}.ask details p{margin:0;padding:0 14px 12px}.callout{border:var(--line);border-radius:12px;background:#ffe3f0;padding:12px 14px;font-weight:600;margin:4px 0 14px}.path{margin:0 0 8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.path a{text-decoration-color:var(--sky)}.stamp{font-size:13px;font-weight:700;color:var(--ink-2);margin:0}.base{border-top:var(--line);background:var(--ink);color:#f3ead2;padding:24px 0 34px;font-size:14px}.base a{color:#fff;text-decoration-color:var(--sun)}.base a:hover{background:none;color:var(--sun)}.base nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;font-weight:700}.base p{margin:6px 0}@media(max-width:560px){.menu{flex-wrap:nowrap;gap:6px}.menu a{padding:5px 9px;font-size:13px;white-space:nowrap}.logo{gap:8px}.logo-ss{width:38px;height:38px;font-size:18px}.logo-word{font-size:18px}.logo-word small{display:none}.dock{padding:12px}.dock-row{flex-direction:column}.btn--go{width:100%}.menu a:first-child{display:none}.clip{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px}.reel.is-single .clip{grid-template-columns:minmax(0,1fr)}.clip__ctrl{gap:7px}.clip__ctrl .btn{height:38px;padding:0 11px}.panel{padding:18px 16px 8px}}