html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--border-radius-button: 6px;--border-radius-card: 12px;--border: 1px solid #CCC;--color-danger: #FF6D6D;--color-success: #1FDFBD;--color-bg-primary: #FFFFFF;--color-bg-secondary: #FFFFFF;--color-bg-card: #FFFFFF;--color-box-shadow: rgba(75, 73, 75, .4);--color-primary-dark: #ff4d6d;--color-primary-medium: #ff8fab;--color-primary-light: #ffe5ec;--color-text-title: #101011;--color-text-subtitle: #ff4d6d;--color-text-body: #4b494b;--color-text-subtext: #a0a0a0;--color-text-disabled: #CCC;--color-text-link: #ff4d6d;--color-icon: #716e71;--color-btn-primary-background: #ff4d6d;--color-btn-primary-bg-hover: #fb6f92;--color-btn-primary-text: #FFFFFF;--color-btn-outline: #ff4d6d;--color-btn-disabled: #4b494b}@media all and (max-width: 450px){:root{--border-radius-card: 6px}}.flex{display:flex}.justify-center{justify-content:center}.space-between{justify-content:space-between}.space-evenly{justify-content:space-evenly}.flex-end{justify-content:flex-end}.column{flex-direction:column}.align-center{align-items:center}.gap-1{gap:1rem}.fit-content{width:fit-content;height:fit-content}.p-1{padding:1rem}.mr-1{margin-right:1rem}.mb-1{margin-bottom:1rem}:root{line-height:1.5;font-weight:400;background-color:var(--color-bg-primary);color:var(--color-text-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-height:100vh;width:100%;background-color:var(--color-bg-primary);position:relative;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto}p,div,button,li{font-family:Noto Sans JP,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--color-text-title);font-family:Noto Sans JP,sans-serif;letter-spacing:.5px;font-weight:500}h1.large,h2.large,h3.large,h4.large,h5.large,h6.large{font-size:3.815rem}h1{font-size:2.441rem;font-weight:500}h2{font-size:1.953rem}h3{font-size:1.563rem}h4{font-size:1.25rem}.sub-title{font-weight:600;color:var(--color-text-subtitle)}p,li:not(.url){color:var(--color-text-body);line-height:2.8}p:first-letter,li:not(.url):first-letter{text-transform:capitalize}.sub-text{color:var(--color-text-subtext)}.uppercase{text-transform:uppercase}.center{text-align:center}a,a:visited{color:var(--color-text-link)}svg{transition:fill .1s ease}button,.button,.btn{padding:.35rem 1.15rem;border-radius:var(--border-radius-button);border:var(--border);background-color:var(--color-bg-primary);cursor:pointer;text-decoration:none;color:var(--color-text-body);width:fit-content;height:fit-content;display:block;font-size:1rem;line-height:1.5;transition:color .1s ease,background-color .1s ease,border-color .1s ease}button:hover,.button:hover,.btn:hover{background-color:var(--color-primary-light)}button.outline,button.secondary,.button.outline,.button.secondary,.btn.outline,.btn.secondary{border:2px solid var(--color-primary-medium);color:var(--color-primary-dark);font-weight:500}button.primary,.button.primary,.btn.primary{background-color:var(--color-primary-medium);color:var(--color-bg-primary);font-weight:500}button.primary:hover,.button.primary:hover,.btn.primary:hover{background-color:var(--color-btn-primary-bg-hover)}button.delete,button.close,.button.delete,.button.close,.btn.delete,.btn.close{font-weight:500}button.delete:hover,button.close:hover,.button.delete:hover,.button.close:hover,.btn.delete:hover,.btn.close:hover{color:var(--color-danger);background-color:var(--color-bg-primary);border-color:var(--color-danger)}button.delete:hover svg,button.close:hover svg,.button.delete:hover svg,.button.close:hover svg,.btn.delete:hover svg,.btn.close:hover svg{fill:var(--color-danger)}button.icon,.button.icon,.btn.icon{padding:.15rem 1.15rem;vertical-align:middle}button.icon svg,.button.icon svg,.btn.icon svg{fill:var(--color-icon)}.button-group{margin:.5rem 0;border-radius:var(--border-radius-button);border:var(--border);width:fit-content;display:flex}.button-group button{border:none;border-right:1px solid #ddd;border-radius:0}.button-group button.first{border-top-left-radius:var(--border-radius-button);border-bottom-left-radius:var(--border-radius-button)}.button-group button.last{border:none;border-top-right-radius:var(--border-radius-button);border-bottom-right-radius:var(--border-radius-button)}.button-group button.selected{background-color:var(--color-primary-medium);color:var(--color-bg-primary);font-weight:500}.button-group button.selected:hover{background-color:var(--color-btn-primary-bg-hover)}input{font-family:Noto Sans JP,sans-serif;font-size:1rem;border:var(--border);padding:.25rem .5rem;border-radius:var(--border-radius-button);outline-color:var(--color-primary-medium);width:100%;box-sizing:border-box}.input-group{margin-bottom:.75rem}.input-group .label-row{margin-bottom:.35rem}ul,ol{margin-left:1rem}ul li,ol li{margin-bottom:.5rem}ul li::marker,ol li::marker{color:var(--color-primary-medium)}.grid-bg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAACtJREFUOI1jYKACePnu138mahjEwMDAMGrQqEGjBo0aRCFgfPnu139qGAQA7ooHwjTwsXUAAAAASUVORK5CYII=);background-color:#fff6;background-blend-mode:lighten;background-size:1.65rem}.modal-screen{position:fixed;z-index:45;inset:0;background-color:#0004}.modal{position:fixed;z-index:50;width:90%;max-width:60rem;transform:translate(-50%);left:50%;top:10%;padding:1.5rem 0;background:var(--color-bg-card);border:var(--border);border-radius:var(--border-radius-card);display:flex;flex-direction:column}.modal .modal-header{border-bottom:var(--border);padding:0 2rem .5rem;display:flex;justify-content:space-between}.modal .modal-body{padding:1rem 2rem}.modal .modal-footer{border-top:var(--border);padding:.5rem 2rem 0;display:flex;gap:1rem;justify-content:flex-end}#sentenceGeneratePage .inputs{display:flex;align-items:flex-end;justify-content:center;gap:1rem}#sentenceGeneratePage .inputs .input-group{margin-bottom:0}#sentenceGeneratePage .inputs .button-group{margin:0}#sentenceGeneratePage span.word{cursor:pointer;border-bottom:1px solid var(--color-primary-medium);transition:color .1s ease}#sentenceGeneratePage span.word:hover{color:var(--color-primary-dark)}.sentence-list{padding-top:1rem;width:fit-content;margin:0 auto}.sentence-list .generated-sentence:first-letter{text-transform:uppercase}.selected-list-section{margin:1rem 0}.scroll-list{height:100%;max-height:75vh;overflow-x:hidden;background-color:var(--color-bg-secondary);margin:1rem 0}.scroll-list .list-item-row{display:grid;grid-template-columns:1fr 1fr 10rem;align-items:center;padding:.5rem 1rem;border-bottom:var(--border)}.scroll-list .list-item-row .actions{display:flex;justify-content:space-evenly;align-items:center}.verb-form-list{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.5rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.list-select-panel{display:flex;gap:.5rem}.list-select-panel button.outline{padding:.25rem 1rem}.list-select-panel button:not(.outline){border:none}.list-select-panel button:not(.outline).selected{background-color:var(--color-primary-medium);color:var(--color-bg-primary);font-weight:500}.list-select-panel button:not(.outline).selected:hover{background-color:var(--color-btn-primary-bg-hover)}