initial commit

2026-06-14 08:44:10 +09:00
commit cbf92ffa10
4 changed files with 256 additions and 0 deletions
@@ -0,0 +1,90 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    background: #f5f5f5;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    gap: 24px;
+    font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
+}
+
+typing-practice {
+    background: #ffffff;
+    border: 1px solid #e0e0e0;
+    border-radius: 12px;
+    padding: 48px 56px;
+    width: 640px;
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+}
+
+.sentence {
+    font-size: 28px;
+    letter-spacing: 0.02em;
+    line-height: 1.6;
+}
+
+.sentence span.correct {
+    color: #111111;
+}
+
+.sentence span.wrong {
+    color: #e53935;
+}
+
+.sentence span.pending {
+    color: #c0c0c0;
+}
+
+input {
+    font-size: 20px;
+    font-family: inherit;
+    border: none;
+    border-bottom: 2px solid #e0e0e0;
+    outline: none;
+    padding: 8px 0;
+    width: 100%;
+    background: transparent;
+    color: #111111;
+    transition: border-color 0.15s;
+}
+
+input:focus {
+    border-bottom-color: #111111;
+}
+
+.dict-display {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    width: 640px;
+    min-height: 36px;
+}
+
+.dict-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    background: #ffffff;
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    padding: 4px 10px;
+    font-size: 14px;
+}
+
+.dict-char {
+    color: #e53935;
+    font-size: 16px;
+}
+
+.dict-count {
+    color: #888888;
+}