.text-top-div{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:10px;padding:10px;position:relative}.html-output,.markdown{padding:5px}h1{color:#333}hr{margin-top:10px}textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;height:auto;margin-bottom:10px;min-height:100px;overflow-y:hidden;padding:10px;resize:none;width:95%}.sortable-ghost{background:#c8ebfb;opacity:.4}.action-bubble{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:none;float:right;padding:5px;position:absolute;right:10px;top:10px;z-index:900}.action-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:0 5px;z-index:901}header{background-color:transparent;height:var(--header-height,70px);left:0;overflow-x:clip;overflow-y:visible;position:fixed;top:0;width:100%;z-index:99}.navbar{align-items:center;background-color:#333;box-sizing:border-box;color:#fff;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:space-between;left:0;padding:0 3%;position:sticky;top:0;width:var(--nav-width,135%);z-index:1000}body{padding-top:var(--header-height,70px)}.nav-brand{color:#fff;font-family:Arial,sans-serif;font-size:24px;font-weight:700;text-decoration:none;white-space:nowrap}.extra-nav-hidden{pointer-events:var(--extra-nav-pointer-events,none);position:relative;right:var(--extra-nav-right,-100%)}#extra-nav{margin-right:20px}.extra-nav-visible{display:block;opacity:0;pointer-events:auto;transition:opacity .5s ease}#extra-nav,#login-button,.nav-links{transition:none}.fake-navbar{left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}.nav-brand:visited{color:#fff}.nav-brand .version{display:block;font-size:.5em;margin-top:2px}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;text-decoration:none;white-space:nowrap}.nav-links a:hover{text-decoration:underline}#notebookTitle{background-color:transparent;border:none;border-bottom:2px solid grey;color:#000;display:block;font-family:Arial,sans-serif;font-size:32px;font-weight:700;margin:10px auto;outline:none;padding:10px 0;text-align:center;width:60%}#notebookTitle::-moz-placeholder{color:#d3d3d3}#notebookTitle::placeholder{color:#d3d3d3}#notebookTitle:focus{border-bottom:2px solid #000}#notebookAuthor{background-color:transparent;border:none;border-bottom:2px solid grey;color:#000;display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin:10px auto 50px;outline:none;padding:10px 0;text-align:center;width:30%}#notebookAuthor::-moz-placeholder{color:#d3d3d3}#notebookAuthor::placeholder{color:#d3d3d3}#notebookAuthor:focus{border-bottom:2px solid #000}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;margin:15% auto;max-width:400px;padding:20px;width:80%}.close-button{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.close-button:hover{color:#000}#modal-email{font-size:16px;margin-bottom:10px;margin-top:10px;padding:8px;width:100%}#modal-submit{font-size:16px;padding:8px 16px}.nav-button{align-items:center;background-color:#fff!important;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;color:#334155!important;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;margin:5px;max-height:40px;min-height:40px;padding:10px 20px;transition:all .2s ease}.nav-button:hover{background:linear-gradient(90deg,#2563eb,#4f46e5)!important;box-shadow:0 6px 12px rgba(0,0,0,.15);color:#fff!important;transform:translateY(-2px)}.cell-placeholder{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;margin-bottom:20px;min-height:calc(1.21em + 22px)!important;padding:10px;text-indent:0;text-rendering:auto;width:100%}button.bg-green-500:active{background-color:#16a34a!important}