*{box-sizing:border-box}body{color:#202622;background:#f7f8f6;margin:0;font-family:system-ui,sans-serif;font-size:18px}header{border-bottom:1px solid #dfe4df;align-items:center;gap:24px;padding:22px 4%;display:flex}header span{color:#647068;flex:1}main{max-width:1480px;margin:auto;padding:32px 4%}.welcome{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(30px,4vw,46px)}h2{font-size:22px}.eyebrow{letter-spacing:.13em;color:#526653;font-size:12px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:28px;display:grid}.library{padding-top:4px}.library p,.help p{color:#647068;font-size:16px;line-height:1.7}label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input,select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid #cbd3cb;border-radius:8px;min-width:0;padding:10px}button,.actions a{font:inherit;cursor:pointer;border:1px solid #b6c4b9;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:10px 15px;text-decoration:none;display:inline-flex}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b96311}button:disabled{opacity:.6;cursor:wait}.toolbar{background:#fff;border:1px solid #dfe4df;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;display:flex}.toolbar select{max-width:190px;min-height:46px}.paper{--sheet:#fffaf0;--text:#28251e;background:var(--sheet);color:var(--text);border:1px solid #dfe4df;border-top:0;padding:30px clamp(16px,4vw,50px)}.paper input,.paper textarea{color:var(--text);background:0 0;border:0;border-radius:0;width:100%}#title{padding:10px 0 20px;font-size:30px;font-weight:650}#words{font-size:var(--writing-size,24px);font-family:var(--writing-font,system-ui);line-height:var(--writing-line,1.8);resize:vertical;overflow-wrap:anywhere;min-height:440px;padding:8px 0}.paper input::placeholder,.paper textarea::placeholder{color:var(--text);opacity:.58}.signature{opacity:.8;max-width:300px;padding-top:24px}.signature input{border-bottom:1px solid}.status{justify-content:space-between;gap:12px;padding:12px;font-size:14px;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}#notice{min-height:28px;font-size:16px;line-height:1.6}.help{border-top:1px solid #dfe4df;margin-top:30px;padding:24px 0}summary{cursor:pointer;font-weight:650}#drafts{gap:8px;max-height:450px;margin:18px 0;display:grid;overflow:auto}body[data-skyvison-theme] #drafts button{text-align:left;color:#202622;overflow-wrap:anywhere;background:#fff;border:1px solid #dfe4df;width:100%;display:block}body[data-skyvison-theme] #drafts button[aria-current=true]{background:#ecf3ed;border:2px solid #27533b}#drafts small{color:#647068;margin-top:4px;display:block}#keyboard{background:#fff;border:1px solid #dfe4df;padding:16px}#keyboard p{font-size:14px;line-height:1.6}#keys{flex-wrap:wrap;gap:6px;max-height:220px;display:flex;overflow:auto}body[data-skyvison-theme] #keys button{color:#202622;background:#eef2ee;min-width:46px;padding:6px;font-size:23px}dialog{color:#202622;border:1px solid #dfe4df;border-radius:16px;max-width:min(700px,94vw);max-height:92dvh;padding:24px;overflow:auto}dialog::backdrop{background:#17231db3}dialog p{font-size:16px;line-height:1.6}.dialog-top{justify-content:space-between;align-items:center;gap:20px;display:flex}canvas{object-fit:contain;background:#f5f5f5;width:100%;height:auto;max-height:54dvh;margin-top:16px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body.focus .welcome,body.focus .library,body.focus .help,body.focus header span{display:none}body.focus .workspace{display:block}body.focus main{max-width:1050px}#drive-files button{text-align:left;width:100%;margin:12px 0;display:block}.night{--sheet:#202b27;--text:#f6f4e9}.white{--sheet:white;--text:#202622}.forest{--sheet:#eef5e8;--text:#243a28}.contrast{--sheet:#fff;--text:#000}@media (width<=760px){header{gap:12px;padding:16px}header span{display:none}header button{margin-left:auto}main{padding:20px 12px}.workspace{flex-direction:column-reverse;gap:16px;display:flex}.welcome{align-items:start}.welcome p:not(.eyebrow),.welcome button{font-size:16px}.toolbar{gap:10px;padding:12px}.toolbar label{flex:120px}.toolbar select{width:100%;max-width:none}.paper{padding:20px}#words{min-height:380px}.library{border-top:1px solid #dfe4df}#drafts{max-height:260px}.actions button{flex:140px;font-size:16px}.status{font-size:12px}.sv-brand{max-width:180px}}@media print{header,.welcome,.library,.toolbar,.status,.actions,.help,#notice,#keyboard{display:none!important}main,.paper{padding:0!important}.workspace{display:block}.paper{color:#000;background:#fff;border:0}#words{height:auto;min-height:0}textarea{display:none}#print-content{white-space:pre-wrap;font:var(--writing-size,24px)/1.8 var(--writing-font,serif);display:block!important}.signature input{border:0}}body[data-skyvison-theme=standard] #paper :is(input,textarea){color:var(--text);background:0 0;border-radius:0}#phonetic{background:#f1f5ef;border:1px solid #dfe4df;padding:16px}#phonetic p{font-size:14px;line-height:1.6}#roman{width:100%;margin:8px 0}#converted{white-space:pre-wrap;overflow-wrap:anywhere;min-height:40px;padding:12px 0;font-size:26px;display:block}.theme-night #words{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media print{#phonetic{display:none!important}body[data-skyvison-theme=standard] #paper :is(input,textarea){color:#000!important}}.paper{border-top:1px solid #dfe4df;border-radius:12px 12px 0 0}.toolbar{border-top:0;border-radius:0 0 12px 12px}.typing-frame{background:#fff;border:1px solid #dfe4df;border-radius:12px;flex-direction:column;height:clamp(480px,78dvh,780px);scroll-margin-top:8px;display:flex;overflow:hidden}.typing-frame .toolbar{border:0;border-bottom:1px solid #dfe4df;border-radius:0;flex:none;grid-template-columns:minmax(120px,220px) auto auto;justify-content:start;align-items:end;gap:12px;padding:12px;display:grid;position:relative}.typing-frame .toolbar label{min-width:0}.typing-frame .toolbar select{width:100%;max-width:none}.typing-frame .toolbar button{white-space:nowrap}#format-options{align-self:end;position:relative}#format-options>summary{white-space:nowrap;background:#fff;border:1px solid #cbd3cb;border-radius:6px;align-items:center;min-height:46px;padding:8px 12px;font-size:14px;list-style:none;display:flex}#format-options>summary:after{content:"⌄";margin-left:8px}.format-fields{z-index:10;background:#fff;border:1px solid #cbd3cb;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;width:310px;max-width:calc(100vw - 48px);padding:16px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #17231d24}.typing-frame .paper{border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;padding:12px 22px;display:flex}.typing-frame #title{flex:none;padding:4px 0 10px;font-size:24px}.typing-frame #words{resize:none;overscroll-behavior:contain;flex:1;height:100%;min-height:0;padding:4px 0;overflow:auto}.typing-frame #keyboard:not([hidden]){border:0;border-top:1px solid #dfe4df;flex-direction:column;flex:none;height:clamp(130px,30dvh,250px);min-height:0;padding:8px 10px;display:flex;overflow:hidden}.typing-frame #keys{overscroll-behavior:contain;flex:1;align-content:start;min-height:0;max-height:none;overflow:auto}.keyboard-help{flex:none;font-size:12px}.keyboard-help summary{cursor:pointer;min-height:28px}.keyboard-help[open]{max-height:80px;overflow:auto}.keyboard-help p{margin:5px 0;font-size:12px!important;line-height:1.4!important}.writing>.signature{margin:16px 12px;padding:0}.writing>.signature input{color:#202622;background:#fff}.typing-frame.keyboard-open{height:min(820px,calc(var(--typing-viewport,100dvh) - 16px))}@media (width<=760px){.typing-frame{height:clamp(380px,72dvh,650px)}.typing-frame .toolbar{grid-template-columns:minmax(90px,1fr) auto auto;gap:6px;padding:8px}.typing-frame .toolbar button{padding:8px;font-size:12px}.typing-frame .toolbar label{flex:initial;font-size:12px}.typing-frame .toolbar select{min-height:44px;padding:8px;font-size:15px}.typing-frame #format-options>summary{min-height:44px;padding:6px;font-size:12px}.typing-frame #format-options>summary:after{margin-left:4px}.typing-frame .paper{padding:8px 14px}.typing-frame #title{padding-bottom:6px;font-size:20px}.typing-frame #keys{gap:5px}.typing-frame #keys button{min-width:42px;min-height:44px;padding:5px;font-size:23px}.typing-frame.device-typing,.typing-frame.keyboard-open{height:calc(var(--typing-viewport,100dvh) - 16px)}.typing-frame #keyboard:not([hidden]){height:clamp(110px,32dvh,230px)}.format-fields{right:0}}@media (height<=500px){.typing-frame #keyboard:not([hidden]){height:110px}.typing-frame .toolbar{padding:4px 8px}.typing-frame #title{padding:2px 0;font-size:18px}.typing-frame .paper{padding:4px 14px}}@media print{.typing-frame{border:0;display:block;overflow:visible;height:auto!important}.typing-frame .paper{display:block;padding:0!important}.typing-frame #words{display:none!important}.writing>.signature{margin:16px 0}}#keyboard-actions{flex:none;grid-template-columns:2fr 1fr 1fr;gap:6px;padding-top:6px;display:grid}body[data-skyvison-theme] #keyboard-actions button{color:#202622;background:#eef2ee;min-height:42px;padding:6px;font-size:14px}#keyboard-actions button:last-child{font-size:20px}@media (height<=500px){.typing-frame #keyboard:not([hidden]){height:145px}.keyboard-help{display:none}}.typing-frame.device-typing{height:calc(var(--typing-viewport,100dvh) - 16px)}